Update Material UI Next references

packages/mui-material-next/src/Badge/Badge.tsx

@@ -2,8 +2,8 @@
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { usePreviousProps, unstable_capitalize as capitalize } from '@mui/utils';
-import composeClasses from '@mui/base/composeClasses';
-import useBadge from '@mui/base/useBadge';
+import { composeClasses } from '@mui/base/composeClasses';
+import { useBadge } from '@mui/base/useBadge';
 import { useSlotProps } from '@mui/base';
 import { OverridableComponent } from '@mui/types';
 import styled from '../styles/styled';

packages/mui-material-next/src/Button/Button.tsx

@@ -7,9 +7,9 @@ import {
   unstable_capitalize as capitalize,
   unstable_useForkRef as useForkRef,
 } from '@mui/utils';
-import useButton from '@mui/base/useButton';
+import { useButton } from '@mui/base/useButton';
 import { EventHandlers, useSlotProps } from '@mui/base/utils';
-import composeClasses from '@mui/base/composeClasses';
+import { composeClasses } from '@mui/base/composeClasses';
 import { useThemeProps, alpha } from '@mui/system';
 import TouchRipple from './TouchRipple';
 import { TouchRippleActions } from './TouchRipple.types';

packages/mui-material-next/src/Input/Input.js

@@ -11,7 +11,7 @@ import {
   appendOwnerState,
 } from '@mui/base';
 import { unstable_capitalize as capitalize } from '@mui/utils';
-import TextareaAutosize from '@mui/base/TextareaAutosize';
+import { TextareaAutosize } from '@mui/base/TextareaAutosize';
 import { getInputUtilityClass } from './inputClasses';
 
 const rootShouldForwardProp = (prop) => shouldForwardProp(prop) && prop !== 'classes';

packages/mui-material-next/src/Slider/Slider.test.js

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import { spy, stub } from 'sinon';
 import { expect } from 'chai';
 import { describeConformance, act, createRenderer, fireEvent, screen } from 'test/utils';
-import BaseSlider from '@mui/base/Slider';
+import { Slider as BaseSlider } from '@mui/base/Slider';
 import { CssVarsProvider, extendTheme } from '@mui/material-next/styles';
 import Slider, { sliderClasses as classes } from '@mui/material-next/Slider';
 

packages/mui-material-next/src/Slider/Slider.tsx

@@ -8,7 +8,7 @@ import {
   useSlotProps,
   unstable_composeClasses as composeClasses,
 } from '@mui/base';
-import useSlider, { valueToPercent } from '@mui/base/useSlider';
+import { useSlider, valueToPercent } from '@mui/base/useSlider';
 import { shouldForwardProp } from '@mui/system';
 import useThemeProps from '../styles/useThemeProps';
 import styled from '../styles/styled';

packages/mui-material-next/src/Tab/Tab.js

@@ -3,7 +3,7 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import { unstable_composeClasses as composeClasses } from '@mui/base';
-import useTab from '@mui/base/useTab';
+import { useTab } from '@mui/base/useTab';
 // TODO: use useButton hook here
 import ButtonBase from '@mui/material/ButtonBase';
 import {

packages/mui-material-next/src/TablePagination/TablePagination.js

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import { unstable_useId as useId, chainPropTypes, integerPropType } from '@mui/utils';
 import { unstable_composeClasses as composeClasses, appendOwnerState } from '@mui/base';
-import BaseTablePagination from '@mui/base/TablePagination';
+import { TablePagination as BaseTablePagination } from '@mui/base/TablePagination';
 import { styled, useThemeProps } from '@mui/material/styles';
 import InputBase from '@mui/material/InputBase';
 import MenuItem from '@mui/material/MenuItem';

packages/mui-material-next/src/Tabs/Tabs.js

@@ -11,7 +11,7 @@ import {
   unstable_ownerWindow as ownerWindow,
 } from '@mui/utils';
 import { unstable_composeClasses as composeClasses } from '@mui/base';
-import useTabs, { TabsProvider } from '@mui/base/useTabs';
+import { useTabs, TabsProvider } from '@mui/base/useTabs';
 import { styled, useThemeProps, useTheme } from '@mui/material/styles';
 import animate from '@mui/material/internal/animate';
 import TabScrollButton from '../TabScrollButton';

packages/mui-material-next/src/Tabs/TabsList.js

@@ -2,7 +2,7 @@
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { styled } from '@mui/material/styles';
-import useTabsList, { TabsListProvider } from '@mui/base/useTabsList';
+import { useTabsList, TabsListProvider } from '@mui/base/useTabsList';
 import TabsListContext from './TabsListContext';
 
 const FlexContainer = styled('div', {