@mui/material 5.14.3 → 5.14.5

package/node/Drawer/Drawer.js

@@ -14,7 +14,7 @@ var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _utils = require("@mui/utils");
-var _base = require("@mui/base");
+var _composeClasses = require("@mui/base/composeClasses");
 var _Modal = _interopRequireDefault(require("../Modal"));
 var _Slide = _interopRequireDefault(require("../Slide"));
 var _Paper = _interopRequireDefault(require("../Paper"));
@@ -46,7 +46,7 @@ const useUtilityClasses = ownerState => {
     modal: ['modal'],
     paper: ['paper', `paperAnchor${(0, _capitalize.default)(anchor)}`, variant !== 'temporary' && `paperAnchorDocked${(0, _capitalize.default)(anchor)}`]
   };
-  return (0, _base.unstable_composeClasses)(slots, _drawerClasses.getDrawerUtilityClass, classes);
+  return (0, _composeClasses.unstable_composeClasses)(slots, _drawerClasses.getDrawerUtilityClass, classes);
 };
 const DrawerRoot = (0, _styled.default)(_Modal.default, {
   name: 'MuiDrawer',

package/node/Fab/Fab.js

@@ -11,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _base = require("@mui/base");
+var _composeClasses = require("@mui/base/composeClasses");
 var _ButtonBase = _interopRequireDefault(require("../ButtonBase"));
 var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
@@ -31,7 +31,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', variant, `size${(0, _capitalize.default)(size)}`, color === 'inherit' ? 'colorInherit' : color]
   };
-  const composedClasses = (0, _base.unstable_composeClasses)(slots, _fabClasses.getFabUtilityClass, classes);
+  const composedClasses = (0, _composeClasses.unstable_composeClasses)(slots, _fabClasses.getFabUtilityClass, classes);
   return (0, _extends2.default)({}, classes, composedClasses);
 };
 const FabRoot = (0, _styled.default)(_ButtonBase.default, {

package/node/FilledInput/FilledInput.js

@@ -11,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _utils = require("@mui/utils");
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _base = require("@mui/base");
+var _composeClasses = require("@mui/base/composeClasses");
 var _InputBase = _interopRequireDefault(require("../InputBase"));
 var _styled = _interopRequireWildcard(require("../styles/styled"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
@@ -30,7 +30,7 @@ const useUtilityClasses = ownerState => {
     root: ['root', !disableUnderline && 'underline'],
     input: ['input']
   };
-  const composedClasses = (0, _base.unstable_composeClasses)(slots, _filledInputClasses.getFilledInputUtilityClass, classes);
+  const composedClasses = (0, _composeClasses.unstable_composeClasses)(slots, _filledInputClasses.getFilledInputUtilityClass, classes);
   return (0, _extends2.default)({}, classes, composedClasses);
 };
 const FilledInputRoot = (0, _styled.default)(_InputBase2.InputBaseRoot, {

package/node/FormControl/FormControl.js

@@ -11,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _base = require("@mui/base");
+var _composeClasses = require("@mui/base/composeClasses");
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _styled = _interopRequireDefault(require("../styles/styled"));
 var _utils = require("../InputBase/utils");
@@ -32,7 +32,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', margin !== 'none' && `margin${(0, _capitalize.default)(margin)}`, fullWidth && 'fullWidth']
   };
-  return (0, _base.unstable_composeClasses)(slots, _formControlClasses.getFormControlUtilityClasses, classes);
+  return (0, _composeClasses.unstable_composeClasses)(slots, _formControlClasses.getFormControlUtilityClasses, classes);
 };
 const FormControlRoot = (0, _styled.default)('div', {
   name: 'MuiFormControl',

package/node/FormControlLabel/FormControlLabel.js

@@ -12,7 +12,7 @@ var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _utils = require("@mui/utils");
-var _base = require("@mui/base");
+var _composeClasses = require("@mui/base/composeClasses");
 var _FormControl = require("../FormControl");
 var _Stack = _interopRequireDefault(require("../Stack"));
 var _Typography = _interopRequireDefault(require("../Typography"));
@@ -38,7 +38,7 @@ const useUtilityClasses = ownerState => {
     label: ['label', disabled && 'disabled'],
     asterisk: ['asterisk', error && 'error']
   };
-  return (0, _base.unstable_composeClasses)(slots, _formControlLabelClasses.getFormControlLabelUtilityClasses, classes);
+  return (0, _composeClasses.unstable_composeClasses)(slots, _formControlLabelClasses.getFormControlLabelUtilityClasses, classes);
 };
 const FormControlLabelRoot = (0, _styled.default)('label', {
   name: 'MuiFormControlLabel',

package/node/FormGroup/FormGroup.js

@@ -11,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _base = require("@mui/base");
+var _composeClasses = require("@mui/base/composeClasses");
 var _styled = _interopRequireDefault(require("../styles/styled"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _formGroupClasses = require("./formGroupClasses");
@@ -30,7 +30,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', row && 'row', error && 'error']
   };
-  return (0, _base.unstable_composeClasses)(slots, _formGroupClasses.getFormGroupUtilityClass, classes);
+  return (0, _composeClasses.unstable_composeClasses)(slots, _formGroupClasses.getFormGroupUtilityClass, classes);
 };
 const FormGroupRoot = (0, _styled.default)('div', {
   name: 'MuiFormGroup',

package/node/FormHelperText/FormHelperText.js

@@ -11,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _base = require("@mui/base");
+var _composeClasses = require("@mui/base/composeClasses");
 var _formControlState = _interopRequireDefault(require("../FormControl/formControlState"));
 var _useFormControl = _interopRequireDefault(require("../FormControl/useFormControl"));
 var _styled = _interopRequireDefault(require("../styles/styled"));
@@ -37,7 +37,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', disabled && 'disabled', error && 'error', size && `size${(0, _capitalize.default)(size)}`, contained && 'contained', focused && 'focused', filled && 'filled', required && 'required']
   };
-  return (0, _base.unstable_composeClasses)(slots, _formHelperTextClasses.getFormHelperTextUtilityClasses, classes);
+  return (0, _composeClasses.unstable_composeClasses)(slots, _formHelperTextClasses.getFormHelperTextUtilityClasses, classes);
 };
 const FormHelperTextRoot = (0, _styled.default)('p', {
   name: 'MuiFormHelperText',

package/node/FormLabel/FormLabel.js

@@ -11,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _base = require("@mui/base");
+var _composeClasses = require("@mui/base/composeClasses");
 var _formControlState = _interopRequireDefault(require("../FormControl/formControlState"));
 var _useFormControl = _interopRequireDefault(require("../FormControl/useFormControl"));
 var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
@@ -36,7 +36,7 @@ const useUtilityClasses = ownerState => {
     root: ['root', `color${(0, _capitalize.default)(color)}`, disabled && 'disabled', error && 'error', filled && 'filled', focused && 'focused', required && 'required'],
     asterisk: ['asterisk', error && 'error']
   };
-  return (0, _base.unstable_composeClasses)(slots, _formLabelClasses.getFormLabelUtilityClasses, classes);
+  return (0, _composeClasses.unstable_composeClasses)(slots, _formLabelClasses.getFormLabelUtilityClasses, classes);
 };
 const FormLabelRoot = (0, _styled.default)('label', {
   name: 'MuiFormLabel',

package/node/Grid/Grid.js

@@ -28,7 +28,7 @@ var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _system = require("@mui/system");
-var _base = require("@mui/base");
+var _composeClasses = require("@mui/base/composeClasses");
 var _requirePropFactory = _interopRequireDefault(require("../utils/requirePropFactory"));
 var _styled = _interopRequireDefault(require("../styles/styled"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
@@ -374,7 +374,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', container && 'container', item && 'item', zeroMinWidth && 'zeroMinWidth', ...spacingClasses, direction !== 'row' && `direction-xs-${String(direction)}`, wrap !== 'wrap' && `wrap-xs-${String(wrap)}`, ...breakpointsClasses]
   };
-  return (0, _base.unstable_composeClasses)(slots, _gridClasses.getGridUtilityClass, classes);
+  return (0, _composeClasses.unstable_composeClasses)(slots, _gridClasses.getGridUtilityClass, classes);
 };
 const Grid = /*#__PURE__*/React.forwardRef(function Grid(inProps, ref) {
   const themeProps = (0, _useThemeProps.default)({

package/node/Hidden/HiddenCss.js

@@ -11,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _base = require("@mui/base");
+var _composeClasses = require("@mui/base/composeClasses");
 var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
 var _styled = _interopRequireDefault(require("../styles/styled"));
 var _useTheme = _interopRequireDefault(require("../styles/useTheme"));
@@ -33,7 +33,7 @@ const useUtilityClasses = ownerState => {
       return dir === 'only' ? `${dir}${(0, _capitalize.default)(breakpoint)}` : `${breakpoint}${(0, _capitalize.default)(dir)}`;
     })]
   };
-  return (0, _base.unstable_composeClasses)(slots, _hiddenCssClasses.getHiddenCssUtilityClass, classes);
+  return (0, _composeClasses.unstable_composeClasses)(slots, _hiddenCssClasses.getHiddenCssUtilityClass, classes);
 };
 const HiddenCssRoot = (0, _styled.default)('div', {
   name: 'PrivateHiddenCss',

package/node/Icon/Icon.js

@@ -11,7 +11,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _base = require("@mui/base");
+var _composeClasses = require("@mui/base/composeClasses");
 var _styled = _interopRequireDefault(require("../styles/styled"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
@@ -29,7 +29,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', color !== 'inherit' && `color${(0, _capitalize.default)(color)}`, `fontSize${(0, _capitalize.default)(fontSize)}`]
   };
-  return (0, _base.unstable_composeClasses)(slots, _iconClasses.getIconUtilityClass, classes);
+  return (0, _composeClasses.unstable_composeClasses)(slots, _iconClasses.getIconUtilityClass, classes);
 };
 const IconRoot = (0, _styled.default)('span', {
   name: 'MuiIcon',

package/node/IconButton/IconButton.js

@@ -12,7 +12,7 @@ var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _utils = require("@mui/utils");
-var _base = require("@mui/base");
+var _composeClasses = require("@mui/base/composeClasses");
 var _system = require("@mui/system");
 var _styled = _interopRequireDefault(require("../styles/styled"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
@@ -34,7 +34,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', disabled && 'disabled', color !== 'default' && `color${(0, _capitalize.default)(color)}`, edge && `edge${(0, _capitalize.default)(edge)}`, `size${(0, _capitalize.default)(size)}`]
   };
-  return (0, _base.unstable_composeClasses)(slots, _iconButtonClasses.getIconButtonUtilityClass, classes);
+  return (0, _composeClasses.unstable_composeClasses)(slots, _iconButtonClasses.getIconButtonUtilityClass, classes);
 };
 const IconButtonRoot = (0, _styled.default)(_ButtonBase.default, {
   name: 'MuiIconButton',

package/node/ImageList/ImageList.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _base = require("@mui/base");
+var _composeClasses = require("@mui/base/composeClasses");
 var _utils = require("@mui/utils");
 var _clsx = _interopRequireDefault(require("clsx"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -29,7 +29,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', variant]
   };
-  return (0, _base.unstable_composeClasses)(slots, _imageListClasses.getImageListUtilityClass, classes);
+  return (0, _composeClasses.unstable_composeClasses)(slots, _imageListClasses.getImageListUtilityClass, classes);
 };
 const ImageListRoot = (0, _styled.default)('ul', {
   name: 'MuiImageList',

package/node/ImageListItem/ImageListItem.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _base = require("@mui/base");
+var _composeClasses = require("@mui/base/composeClasses");
 var _utils = require("@mui/utils");
 var _clsx = _interopRequireDefault(require("clsx"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -32,7 +32,7 @@ const useUtilityClasses = ownerState => {
     root: ['root', variant],
     img: ['img']
   };
-  return (0, _base.unstable_composeClasses)(slots, _imageListItemClasses.getImageListItemUtilityClass, classes);
+  return (0, _composeClasses.unstable_composeClasses)(slots, _imageListItemClasses.getImageListItemUtilityClass, classes);
 };
 const ImageListItemRoot = (0, _styled.default)('li', {
   name: 'MuiImageListItem',

package/node/ImageListItemBar/ImageListItemBar.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _base = require("@mui/base");
+var _composeClasses = require("@mui/base/composeClasses");
 var _clsx = _interopRequireDefault(require("clsx"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var React = _interopRequireWildcard(require("react"));
@@ -34,7 +34,7 @@ const useUtilityClasses = ownerState => {
     subtitle: ['subtitle'],
     actionIcon: ['actionIcon', `actionIconActionPos${(0, _capitalize.default)(actionPosition)}`]
   };
-  return (0, _base.unstable_composeClasses)(slots, _imageListItemBarClasses.getImageListItemBarUtilityClass, classes);
+  return (0, _composeClasses.unstable_composeClasses)(slots, _imageListItemBarClasses.getImageListItemBarUtilityClass, classes);
 };
 const ImageListItemBarRoot = (0, _styled.default)('div', {
   name: 'MuiImageListItemBar',

package/node/Input/Input.js

@@ -10,7 +10,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _base = require("@mui/base");
+var _composeClasses = require("@mui/base/composeClasses");
 var _utils = require("@mui/utils");
 var _InputBase = _interopRequireDefault(require("../InputBase"));
 var _styled = _interopRequireWildcard(require("../styles/styled"));
@@ -30,7 +30,7 @@ const useUtilityClasses = ownerState => {
     root: ['root', !disableUnderline && 'underline'],
     input: ['input']
   };
-  const composedClasses = (0, _base.unstable_composeClasses)(slots, _inputClasses.getInputUtilityClass, classes);
+  const composedClasses = (0, _composeClasses.unstable_composeClasses)(slots, _inputClasses.getInputUtilityClass, classes);
   return (0, _extends2.default)({}, classes, composedClasses);
 };
 const InputRoot = (0, _styled.default)(_InputBase2.InputBaseRoot, {

package/node/InputAdornment/InputAdornment.js

@@ -11,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _base = require("@mui/base");
+var _composeClasses = require("@mui/base/composeClasses");
 var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
 var _Typography = _interopRequireDefault(require("../Typography"));
 var _FormControlContext = _interopRequireDefault(require("../FormControl/FormControlContext"));
@@ -42,7 +42,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', disablePointerEvents && 'disablePointerEvents', position && `position${(0, _capitalize.default)(position)}`, variant, hiddenLabel && 'hiddenLabel', size && `size${(0, _capitalize.default)(size)}`]
   };
-  return (0, _base.unstable_composeClasses)(slots, _inputAdornmentClasses.getInputAdornmentUtilityClass, classes);
+  return (0, _composeClasses.unstable_composeClasses)(slots, _inputAdornmentClasses.getInputAdornmentUtilityClass, classes);
 };
 const InputAdornmentRoot = (0, _styled.default)('div', {
   name: 'MuiInputAdornment',

package/node/InputLabel/InputLabel.js

@@ -10,7 +10,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _base = require("@mui/base");
+var _composeClasses = require("@mui/base/composeClasses");
 var _clsx = _interopRequireDefault(require("clsx"));
 var _formControlState = _interopRequireDefault(require("../FormControl/formControlState"));
 var _useFormControl = _interopRequireDefault(require("../FormControl/useFormControl"));
@@ -36,7 +36,7 @@ const useUtilityClasses = ownerState => {
     root: ['root', formControl && 'formControl', !disableAnimation && 'animated', shrink && 'shrink', size === 'small' && 'sizeSmall', variant],
     asterisk: [required && 'asterisk']
   };
-  const composedClasses = (0, _base.unstable_composeClasses)(slots, _inputLabelClasses.getInputLabelUtilityClasses, classes);
+  const composedClasses = (0, _composeClasses.unstable_composeClasses)(slots, _inputLabelClasses.getInputLabelUtilityClasses, classes);
   return (0, _extends2.default)({}, classes, composedClasses);
 };
 const InputLabelRoot = (0, _styled.default)(_FormLabel.default, {

package/node/LinearProgress/LinearProgress.js

@@ -11,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _base = require("@mui/base");
+var _composeClasses = require("@mui/base/composeClasses");
 var _system = require("@mui/system");
 var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
 var _useTheme = _interopRequireDefault(require("../styles/useTheme"));
@@ -83,7 +83,7 @@ const useUtilityClasses = ownerState => {
     bar1: ['bar', `barColor${(0, _capitalize.default)(color)}`, (variant === 'indeterminate' || variant === 'query') && 'bar1Indeterminate', variant === 'determinate' && 'bar1Determinate', variant === 'buffer' && 'bar1Buffer'],
     bar2: ['bar', variant !== 'buffer' && `barColor${(0, _capitalize.default)(color)}`, variant === 'buffer' && `color${(0, _capitalize.default)(color)}`, (variant === 'indeterminate' || variant === 'query') && 'bar2Indeterminate', variant === 'buffer' && 'bar2Buffer']
   };
-  return (0, _base.unstable_composeClasses)(slots, _linearProgressClasses.getLinearProgressUtilityClass, classes);
+  return (0, _composeClasses.unstable_composeClasses)(slots, _linearProgressClasses.getLinearProgressUtilityClass, classes);
 };
 const getColorShade = (theme, color) => {
   if (color === 'inherit') {

package/node/Link/Link.js

@@ -12,7 +12,7 @@ var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _utils = require("@mui/utils");
-var _base = require("@mui/base");
+var _composeClasses = require("@mui/base/composeClasses");
 var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
 var _styled = _interopRequireDefault(require("../styles/styled"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
@@ -35,7 +35,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', `underline${(0, _capitalize.default)(underline)}`, component === 'button' && 'button', focusVisible && 'focusVisible']
   };
-  return (0, _base.unstable_composeClasses)(slots, _linkClasses.getLinkUtilityClass, classes);
+  return (0, _composeClasses.unstable_composeClasses)(slots, _linkClasses.getLinkUtilityClass, classes);
 };
 const LinkRoot = (0, _styled.default)(_Typography.default, {
   name: 'MuiLink',

package/node/List/List.js

@@ -11,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _base = require("@mui/base");
+var _composeClasses = require("@mui/base/composeClasses");
 var _styled = _interopRequireDefault(require("../styles/styled"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _ListContext = _interopRequireDefault(require("./ListContext"));
@@ -30,7 +30,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', !disablePadding && 'padding', dense && 'dense', subheader && 'subheader']
   };
-  return (0, _base.unstable_composeClasses)(slots, _listClasses.getListUtilityClass, classes);
+  return (0, _composeClasses.unstable_composeClasses)(slots, _listClasses.getListUtilityClass, classes);
 };
 const ListRoot = (0, _styled.default)('ul', {
   name: 'MuiList',

package/node/ListItemAvatar/ListItemAvatar.js

@@ -11,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _base = require("@mui/base");
+var _composeClasses = require("@mui/base/composeClasses");
 var _ListContext = _interopRequireDefault(require("../List/ListContext"));
 var _styled = _interopRequireDefault(require("../styles/styled"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
@@ -28,7 +28,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', alignItems === 'flex-start' && 'alignItemsFlexStart']
   };
-  return (0, _base.unstable_composeClasses)(slots, _listItemAvatarClasses.getListItemAvatarUtilityClass, classes);
+  return (0, _composeClasses.unstable_composeClasses)(slots, _listItemAvatarClasses.getListItemAvatarUtilityClass, classes);
 };
 const ListItemAvatarRoot = (0, _styled.default)('div', {
   name: 'MuiListItemAvatar',

package/node/ListItemButton/ListItemButton.js

@@ -11,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _base = require("@mui/base");
+var _composeClasses = require("@mui/base/composeClasses");
 var _system = require("@mui/system");
 var _styled = _interopRequireWildcard(require("../styles/styled"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
@@ -44,7 +44,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', dense && 'dense', !disableGutters && 'gutters', divider && 'divider', disabled && 'disabled', alignItems === 'flex-start' && 'alignItemsFlexStart', selected && 'selected']
   };
-  const composedClasses = (0, _base.unstable_composeClasses)(slots, _listItemButtonClasses.getListItemButtonUtilityClass, classes);
+  const composedClasses = (0, _composeClasses.unstable_composeClasses)(slots, _listItemButtonClasses.getListItemButtonUtilityClass, classes);
   return (0, _extends2.default)({}, classes, composedClasses);
 };
 const ListItemButtonRoot = (0, _styled.default)(_ButtonBase.default, {

package/node/ListItemIcon/ListItemIcon.js

@@ -11,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _base = require("@mui/base");
+var _composeClasses = require("@mui/base/composeClasses");
 var _styled = _interopRequireDefault(require("../styles/styled"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _listItemIconClasses = require("./listItemIconClasses");
@@ -28,7 +28,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', alignItems === 'flex-start' && 'alignItemsFlexStart']
   };
-  return (0, _base.unstable_composeClasses)(slots, _listItemIconClasses.getListItemIconUtilityClass, classes);
+  return (0, _composeClasses.unstable_composeClasses)(slots, _listItemIconClasses.getListItemIconUtilityClass, classes);
 };
 const ListItemIconRoot = (0, _styled.default)('div', {
   name: 'MuiListItemIcon',

package/node/ListItemSecondaryAction/ListItemSecondaryAction.js

@@ -11,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _base = require("@mui/base");
+var _composeClasses = require("@mui/base/composeClasses");
 var _styled = _interopRequireDefault(require("../styles/styled"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _ListContext = _interopRequireDefault(require("../List/ListContext"));
@@ -28,7 +28,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', disableGutters && 'disableGutters']
   };
-  return (0, _base.unstable_composeClasses)(slots, _listItemSecondaryActionClasses.getListItemSecondaryActionClassesUtilityClass, classes);
+  return (0, _composeClasses.unstable_composeClasses)(slots, _listItemSecondaryActionClasses.getListItemSecondaryActionClassesUtilityClass, classes);
 };
 const ListItemSecondaryActionRoot = (0, _styled.default)('div', {
   name: 'MuiListItemSecondaryAction',

package/node/ListItemText/ListItemText.js

@@ -11,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _base = require("@mui/base");
+var _composeClasses = require("@mui/base/composeClasses");
 var _Typography = _interopRequireDefault(require("../Typography"));
 var _ListContext = _interopRequireDefault(require("../List/ListContext"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
@@ -34,7 +34,7 @@ const useUtilityClasses = ownerState => {
     primary: ['primary'],
     secondary: ['secondary']
   };
-  return (0, _base.unstable_composeClasses)(slots, _listItemTextClasses.getListItemTextUtilityClass, classes);
+  return (0, _composeClasses.unstable_composeClasses)(slots, _listItemTextClasses.getListItemTextUtilityClass, classes);
 };
 const ListItemTextRoot = (0, _styled.default)('div', {
   name: 'MuiListItemText',

package/node/ListSubheader/ListSubheader.js

@@ -11,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _base = require("@mui/base");
+var _composeClasses = require("@mui/base/composeClasses");
 var _styled = _interopRequireDefault(require("../styles/styled"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
@@ -31,7 +31,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', color !== 'default' && `color${(0, _capitalize.default)(color)}`, !disableGutters && 'gutters', inset && 'inset', !disableSticky && 'sticky']
   };
-  return (0, _base.unstable_composeClasses)(slots, _listSubheaderClasses.getListSubheaderUtilityClass, classes);
+  return (0, _composeClasses.unstable_composeClasses)(slots, _listSubheaderClasses.getListSubheaderUtilityClass, classes);
 };
 const ListSubheaderRoot = (0, _styled.default)('li', {
   name: 'MuiListSubheader',

package/node/Menu/Menu.js

@@ -12,8 +12,9 @@ var React = _interopRequireWildcard(require("react"));
 var _reactIs = require("react-is");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _base = require("@mui/base");
-var _utils = require("@mui/utils");
+var _composeClasses = require("@mui/base/composeClasses");
+var _utils = require("@mui/base/utils");
+var _utils2 = require("@mui/utils");
 var _MenuList = _interopRequireDefault(require("../MenuList"));
 var _Popover = _interopRequireWildcard(require("../Popover"));
 var _styled = _interopRequireWildcard(require("../styles/styled"));
@@ -42,7 +43,7 @@ const useUtilityClasses = ownerState => {
     paper: ['paper'],
     list: ['list']
   };
-  return (0, _base.unstable_composeClasses)(slots, _menuClasses.getMenuUtilityClass, classes);
+  return (0, _composeClasses.unstable_composeClasses)(slots, _menuClasses.getMenuUtilityClass, classes);
 };
 const MenuRoot = (0, _styled.default)(_Popover.default, {
   shouldForwardProp: prop => (0, _styled.rootShouldForwardProp)(prop) || prop === 'classes',
@@ -157,13 +158,13 @@ const Menu = /*#__PURE__*/React.forwardRef(function Menu(inProps, ref) {
   });
   const PaperSlot = (_slots$paper = slots.paper) != null ? _slots$paper : MenuPaper;
   const paperExternalSlotProps = (_slotProps$paper = slotProps.paper) != null ? _slotProps$paper : PaperProps;
-  const rootSlotProps = (0, _base.useSlotProps)({
+  const rootSlotProps = (0, _utils.useSlotProps)({
     elementType: slots.root,
     externalSlotProps: slotProps.root,
     ownerState,
     className: [classes.root, className]
   });
-  const paperSlotProps = (0, _base.useSlotProps)({
+  const paperSlotProps = (0, _utils.useSlotProps)({
     elementType: PaperSlot,
     externalSlotProps: paperExternalSlotProps,
     ownerState,
@@ -214,7 +215,7 @@ process.env.NODE_ENV !== "production" ? Menu.propTypes /* remove-proptypes */ =
    * An HTML element, or a function that returns one.
    * It's used to set the position of the menu.
    */
-  anchorEl: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_utils.HTMLElementType, _propTypes.default.func]),
+  anchorEl: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_utils2.HTMLElementType, _propTypes.default.func]),
   /**
    * If `true` (Default) will focus the `[role="menu"]` if no focusable child is found. Disabled
    * children are not focusable. If you set this prop to `false` focus will be placed

package/node/MenuItem/MenuItem.js

@@ -11,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _base = require("@mui/base");
+var _composeClasses = require("@mui/base/composeClasses");
 var _system = require("@mui/system");
 var _styled = _interopRequireWildcard(require("../styles/styled"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
@@ -46,7 +46,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', dense && 'dense', disabled && 'disabled', !disableGutters && 'gutters', divider && 'divider', selected && 'selected']
   };
-  const composedClasses = (0, _base.unstable_composeClasses)(slots, _menuItemClasses.getMenuItemUtilityClass, classes);
+  const composedClasses = (0, _composeClasses.unstable_composeClasses)(slots, _menuItemClasses.getMenuItemUtilityClass, classes);
   return (0, _extends2.default)({}, classes, composedClasses);
 };
 const MenuItemRoot = (0, _styled.default)(_ButtonBase.default, {

package/node/MobileStepper/MobileStepper.js

@@ -12,7 +12,7 @@ var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _utils = require("@mui/utils");
-var _base = require("@mui/base");
+var _composeClasses = require("@mui/base/composeClasses");
 var _Paper = _interopRequireDefault(require("../Paper"));
 var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
 var _LinearProgress = _interopRequireDefault(require("../LinearProgress"));
@@ -35,7 +35,7 @@ const useUtilityClasses = ownerState => {
     dotActive: ['dotActive'],
     progress: ['progress']
   };
-  return (0, _base.unstable_composeClasses)(slots, _mobileStepperClasses.getMobileStepperUtilityClass, classes);
+  return (0, _composeClasses.unstable_composeClasses)(slots, _mobileStepperClasses.getMobileStepperUtilityClass, classes);
 };
 const MobileStepperRoot = (0, _styled.default)(_Paper.default, {
   name: 'MuiMobileStepper',

package/node/Modal/Modal.js

@@ -11,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _Modal = _interopRequireWildcard(require("@mui/base/Modal"));
+var _Modal = require("@mui/base/Modal");
 var _utils = require("@mui/base/utils");
 var _utils2 = require("@mui/utils");
 var _styled = _interopRequireDefault(require("../styles/styled"));
@@ -125,7 +125,7 @@ const Modal = /*#__PURE__*/React.forwardRef(function Modal(inProps, ref) {
   const BackdropSlot = (_ref2 = (_slots$backdrop = slots == null ? void 0 : slots.backdrop) != null ? _slots$backdrop : components.Backdrop) != null ? _ref2 : BackdropComponent;
   const rootSlotProps = (_slotProps$root = slotProps == null ? void 0 : slotProps.root) != null ? _slotProps$root : componentsProps.root;
   const backdropSlotProps = (_slotProps$backdrop = slotProps == null ? void 0 : slotProps.backdrop) != null ? _slotProps$backdrop : componentsProps.backdrop;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Modal.default, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Modal.Modal, (0, _extends2.default)({
     slots: {
       root: RootSlot,
       backdrop: BackdropSlot