@mui/material 5.14.3 → 5.14.5

package/node/Modal/index.js

@@ -10,25 +10,25 @@ var _exportNames = {
 Object.defineProperty(exports, "ModalManager", {
   enumerable: true,
   get: function () {
-    return _Modal.ModalManager;
+    return _unstable_useModal.ModalManager;
   }
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _Modal2.default;
+    return _Modal.default;
   }
 });
-var _Modal = require("@mui/base/Modal");
-var _Modal2 = _interopRequireWildcard(require("./Modal"));
-Object.keys(_Modal2).forEach(function (key) {
+var _unstable_useModal = require("@mui/base/unstable_useModal");
+var _Modal = _interopRequireWildcard(require("./Modal"));
+Object.keys(_Modal).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Modal2[key]) return;
+  if (key in exports && exports[key] === _Modal[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _Modal2[key];
+      return _Modal[key];
     }
   });
 });

package/node/NativeSelect/NativeSelect.js

@@ -11,7 +11,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 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 _NativeSelectInput = _interopRequireDefault(require("./NativeSelectInput"));
 var _formControlState = _interopRequireDefault(require("../FormControl/formControlState"));
 var _useFormControl = _interopRequireDefault(require("../FormControl/useFormControl"));
@@ -31,7 +31,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root']
   };
-  return (0, _base.unstable_composeClasses)(slots, _nativeSelectClasses.getNativeSelectUtilityClasses, classes);
+  return (0, _composeClasses.unstable_composeClasses)(slots, _nativeSelectClasses.getNativeSelectUtilityClasses, classes);
 };
 const defaultInput = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.default, {});
 /**

package/node/NativeSelect/NativeSelectInput.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 _nativeSelectClasses = _interopRequireWildcard(require("./nativeSelectClasses"));
 var _styled = _interopRequireWildcard(require("../styles/styled"));
@@ -33,7 +33,7 @@ const useUtilityClasses = ownerState => {
     select: ['select', variant, disabled && 'disabled', multiple && 'multiple', error && 'error'],
     icon: ['icon', `icon${(0, _capitalize.default)(variant)}`, open && 'iconOpen', disabled && 'disabled']
   };
-  return (0, _base.unstable_composeClasses)(slots, _nativeSelectClasses.getNativeSelectUtilityClasses, classes);
+  return (0, _composeClasses.unstable_composeClasses)(slots, _nativeSelectClasses.getNativeSelectUtilityClasses, classes);
 };
 const nativeSelectSelectStyles = ({
   ownerState,

package/node/NoSsr/index.js

@@ -1,13 +1,12 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _NoSsr.default;
+    return _NoSsr.NoSsr;
   }
 });
-var _NoSsr = _interopRequireDefault(require("@mui/base/NoSsr"));
+var _NoSsr = require("@mui/base/NoSsr");

package/node/OutlinedInput/OutlinedInput.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 _utils = require("@mui/utils");
-var _base = require("@mui/base");
+var _composeClasses = require("@mui/base/composeClasses");
 var _NotchedOutline = _interopRequireDefault(require("./NotchedOutline"));
 var _useFormControl = _interopRequireDefault(require("../FormControl/useFormControl"));
 var _formControlState = _interopRequireDefault(require("../FormControl/formControlState"));
@@ -32,7 +32,7 @@ const useUtilityClasses = ownerState => {
     notchedOutline: ['notchedOutline'],
     input: ['input']
   };
-  const composedClasses = (0, _base.unstable_composeClasses)(slots, _outlinedInputClasses.getOutlinedInputUtilityClass, classes);
+  const composedClasses = (0, _composeClasses.unstable_composeClasses)(slots, _outlinedInputClasses.getOutlinedInputUtilityClass, classes);
   return (0, _extends2.default)({}, classes, composedClasses);
 };
 const OutlinedInputRoot = (0, _styled.default)(_InputBase.InputBaseRoot, {

package/node/Pagination/Pagination.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 _utils = require("@mui/utils");
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _paginationClasses = require("./paginationClasses");
@@ -31,7 +31,7 @@ const useUtilityClasses = ownerState => {
     root: ['root', variant],
     ul: ['ul']
   };
-  return (0, _base.unstable_composeClasses)(slots, _paginationClasses.getPaginationUtilityClass, classes);
+  return (0, _composeClasses.unstable_composeClasses)(slots, _paginationClasses.getPaginationUtilityClass, classes);
 };
 const PaginationRoot = (0, _styled.default)('nav', {
   name: 'MuiPagination',

package/node/PaginationItem/PaginationItem.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 _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _paginationItemClasses = _interopRequireWildcard(require("./paginationItemClasses"));
@@ -56,7 +56,7 @@ const useUtilityClasses = ownerState => {
     }[type]],
     icon: ['icon']
   };
-  return (0, _base.unstable_composeClasses)(slots, _paginationItemClasses.getPaginationItemUtilityClass, classes);
+  return (0, _composeClasses.unstable_composeClasses)(slots, _paginationItemClasses.getPaginationItemUtilityClass, classes);
 };
 const PaginationItemEllipsis = (0, _styled.default)('div', {
   name: 'MuiPaginationItem',

package/node/Paper/Paper.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 _getOverlayAlpha = _interopRequireDefault(require("../styles/getOverlayAlpha"));
@@ -33,7 +33,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', variant, !square && 'rounded', variant === 'elevation' && `elevation${elevation}`]
   };
-  return (0, _base.unstable_composeClasses)(slots, _paperClasses.getPaperUtilityClass, classes);
+  return (0, _composeClasses.unstable_composeClasses)(slots, _paperClasses.getPaperUtilityClass, classes);
 };
 const PaperRoot = (0, _styled.default)('div', {
   name: 'MuiPaper',

package/node/Popper/Popper.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var _Popper = _interopRequireDefault(require("@mui/base/Popper"));
+var _Popper = require("@mui/base/Popper");
 var _system = require("@mui/system");
 var _utils = require("@mui/utils");
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -18,7 +18,7 @@ var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["anchorEl", "component", "components", "componentsProps", "container", "disablePortal", "keepMounted", "modifiers", "open", "placement", "popperOptions", "popperRef", "transition", "slots", "slotProps"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-const PopperRoot = (0, _styles.styled)(_Popper.default, {
+const PopperRoot = (0, _styles.styled)(_Popper.Popper, {
   name: 'MuiPopper',
   slot: 'Root',
   overridesResolver: (props, styles) => styles.root

package/node/Portal/index.js

@@ -1,13 +1,12 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _Portal.default;
+    return _Portal.Portal;
   }
 });
-var _Portal = _interopRequireDefault(require("@mui/base/Portal"));
+var _Portal = require("@mui/base/Portal");

package/node/Radio/Radio.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 _SwitchBase = _interopRequireDefault(require("../internal/SwitchBase"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
@@ -34,7 +34,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', `color${(0, _capitalize.default)(color)}`]
   };
-  return (0, _extends2.default)({}, classes, (0, _base.unstable_composeClasses)(slots, _radioClasses.getRadioUtilityClass, classes));
+  return (0, _extends2.default)({}, classes, (0, _composeClasses.unstable_composeClasses)(slots, _radioClasses.getRadioUtilityClass, classes));
 };
 const RadioRoot = (0, _styled.default)(_SwitchBase.default, {
   shouldForwardProp: prop => (0, _styled.rootShouldForwardProp)(prop) || prop === 'classes',

package/node/Rating/Rating.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 _useTheme = _interopRequireDefault(require("../styles/useTheme"));
 var _utils2 = require("../utils");
 var _Star = _interopRequireDefault(require("../internal/svg-icons/Star"));
@@ -67,7 +67,7 @@ const useUtilityClasses = ownerState => {
     decimal: ['decimal'],
     visuallyHidden: ['visuallyHidden']
   };
-  return (0, _base.unstable_composeClasses)(slots, _ratingClasses.getRatingUtilityClass, classes);
+  return (0, _composeClasses.unstable_composeClasses)(slots, _ratingClasses.getRatingUtilityClass, classes);
 };
 const RatingRoot = (0, _styled.default)('span', {
   name: 'MuiRating',

package/node/ScopedCssBaseline/ScopedCssBaseline.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 _CssBaseline = require("../CssBaseline/CssBaseline");
@@ -27,7 +27,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root']
   };
-  return (0, _base.unstable_composeClasses)(slots, _scopedCssBaselineClasses.getScopedCssBaselineUtilityClass, classes);
+  return (0, _composeClasses.unstable_composeClasses)(slots, _scopedCssBaselineClasses.getScopedCssBaselineUtilityClass, classes);
 };
 const ScopedCssBaselineRoot = (0, _styled.default)('div', {
   name: 'MuiScopedCssBaseline',

package/node/Select/SelectInput.js

@@ -13,7 +13,7 @@ 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 _composeClasses = require("@mui/base/composeClasses");
 var _ownerDocument = _interopRequireDefault(require("../utils/ownerDocument"));
 var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
 var _Menu = _interopRequireDefault(require("../Menu/Menu"));
@@ -108,7 +108,7 @@ const useUtilityClasses = ownerState => {
     icon: ['icon', `icon${(0, _capitalize.default)(variant)}`, open && 'iconOpen', disabled && 'disabled'],
     nativeInput: ['nativeInput']
   };
-  return (0, _base.unstable_composeClasses)(slots, _selectClasses.getSelectUtilityClasses, classes);
+  return (0, _composeClasses.unstable_composeClasses)(slots, _selectClasses.getSelectUtilityClasses, classes);
 };
 
 /**

package/node/Skeleton/Skeleton.js

@@ -12,7 +12,7 @@ var React = _interopRequireWildcard(require("react"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _system = require("@mui/system");
-var _base = require("@mui/base");
+var _composeClasses = require("@mui/base/composeClasses");
 var _styles = require("../styles");
 var _styled = _interopRequireDefault(require("../styles/styled"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
@@ -33,7 +33,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', variant, animation, hasChildren && 'withChildren', hasChildren && !width && 'fitContent', hasChildren && !height && 'heightAuto']
   };
-  return (0, _base.unstable_composeClasses)(slots, _skeletonClasses.getSkeletonUtilityClass, classes);
+  return (0, _composeClasses.unstable_composeClasses)(slots, _skeletonClasses.getSkeletonUtilityClass, classes);
 };
 const pulseKeyframe = (0, _system.keyframes)`
   0% {

package/node/Slider/Slider.js

@@ -13,7 +13,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _utils = require("@mui/utils");
 var _base = require("@mui/base");
-var _useSlider = _interopRequireWildcard(require("@mui/base/useSlider"));
+var _useSlider = require("@mui/base/useSlider");
 var _system = require("@mui/system");
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _styled = _interopRequireWildcard(require("../styles/styled"));
@@ -518,7 +518,7 @@ const Slider = /*#__PURE__*/React.forwardRef(function Slider(inputProps, ref) {
     trackOffset,
     trackLeap,
     getThumbStyle
-  } = (0, _useSlider.default)((0, _extends2.default)({}, ownerState, {
+  } = (0, _useSlider.useSlider)((0, _extends2.default)({}, ownerState, {
     rootRef: ref
   }));
   ownerState.marked = marks.length > 0 && marks.some(mark => mark.label);

package/node/Snackbar/Snackbar.js

@@ -11,8 +11,8 @@ 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 _ClickAwayListener = _interopRequireDefault(require("@mui/base/ClickAwayListener"));
-var _useSnackbar = _interopRequireDefault(require("@mui/base/useSnackbar"));
+var _ClickAwayListener = require("@mui/base/ClickAwayListener");
+var _useSnackbar = require("@mui/base/useSnackbar");
 var _styled = _interopRequireDefault(require("../styles/styled"));
 var _useTheme = _interopRequireDefault(require("../styles/useTheme"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
@@ -133,7 +133,7 @@ const Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
   const {
     getRootProps,
     onClickAway
-  } = (0, _useSnackbar.default)((0, _extends2.default)({}, ownerState));
+  } = (0, _useSnackbar.useSnackbar)((0, _extends2.default)({}, ownerState));
   const [exited, setExited] = React.useState(true);
   const rootProps = (0, _base.useSlotProps)({
     elementType: SnackbarRoot,
@@ -162,7 +162,7 @@ const Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
   if (!open && exited) {
     return null;
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ClickAwayListener.default, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ClickAwayListener.ClickAwayListener, (0, _extends2.default)({
     onClickAway: onClickAway
   }, ClickAwayListenerProps, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(SnackbarRoot, (0, _extends2.default)({}, rootProps, {

package/node/SnackbarContent/SnackbarContent.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 = _interopRequireDefault(require("../styles/styled"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
@@ -30,7 +30,7 @@ const useUtilityClasses = ownerState => {
     action: ['action'],
     message: ['message']
   };
-  return (0, _base.unstable_composeClasses)(slots, _snackbarContentClasses.getSnackbarContentUtilityClass, classes);
+  return (0, _composeClasses.unstable_composeClasses)(slots, _snackbarContentClasses.getSnackbarContentUtilityClass, classes);
 };
 const SnackbarContentRoot = (0, _styled.default)(_Paper.default, {
   name: 'MuiSnackbarContent',

package/node/SpeedDial/SpeedDial.js

@@ -12,7 +12,7 @@ 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 _composeClasses = require("@mui/base/composeClasses");
 var _styled = _interopRequireDefault(require("../styles/styled"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _useTheme = _interopRequireDefault(require("../styles/useTheme"));
@@ -40,7 +40,7 @@ const useUtilityClasses = ownerState => {
     fab: ['fab'],
     actions: ['actions', !open && 'actionsClosed']
   };
-  return (0, _base.unstable_composeClasses)(slots, _speedDialClasses.getSpeedDialUtilityClass, classes);
+  return (0, _composeClasses.unstable_composeClasses)(slots, _speedDialClasses.getSpeedDialUtilityClass, classes);
 };
 function getOrientation(direction) {
   if (direction === 'up' || direction === 'down') {

package/node/SpeedDialAction/SpeedDialAction.js

@@ -12,7 +12,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 = _interopRequireDefault(require("../styles/styled"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
@@ -35,7 +35,7 @@ const useUtilityClasses = ownerState => {
     staticTooltip: ['staticTooltip', `tooltipPlacement${(0, _capitalize.default)(tooltipPlacement)}`, !open && 'staticTooltipClosed'],
     staticTooltipLabel: ['staticTooltipLabel']
   };
-  return (0, _base.unstable_composeClasses)(slots, _speedDialActionClasses.getSpeedDialActionUtilityClass, classes);
+  return (0, _composeClasses.unstable_composeClasses)(slots, _speedDialActionClasses.getSpeedDialActionUtilityClass, classes);
 };
 const SpeedDialActionFab = (0, _styled.default)(_Fab.default, {
   name: 'MuiSpeedDialAction',

package/node/SpeedDialIcon/SpeedDialIcon.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 _Add = _interopRequireDefault(require("../internal/svg-icons/Add"));
@@ -31,7 +31,7 @@ const useUtilityClasses = ownerState => {
     icon: ['icon', open && 'iconOpen', openIcon && open && 'iconWithOpenIconOpen'],
     openIcon: ['openIcon', open && 'openIconOpen']
   };
-  return (0, _base.unstable_composeClasses)(slots, _speedDialIconClasses.getSpeedDialIconUtilityClass, classes);
+  return (0, _composeClasses.unstable_composeClasses)(slots, _speedDialIconClasses.getSpeedDialIconUtilityClass, classes);
 };
 const SpeedDialIconRoot = (0, _styled.default)('span', {
   name: 'MuiSpeedDialIcon',

package/node/Step/Step.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 _StepperContext = _interopRequireDefault(require("../Stepper/StepperContext"));
 var _StepContext = _interopRequireDefault(require("./StepContext"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
@@ -32,7 +32,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', orientation, alternativeLabel && 'alternativeLabel', completed && 'completed']
   };
-  return (0, _base.unstable_composeClasses)(slots, _stepClasses.getStepUtilityClass, classes);
+  return (0, _composeClasses.unstable_composeClasses)(slots, _stepClasses.getStepUtilityClass, classes);
 };
 const StepRoot = (0, _styled.default)('div', {
   name: 'MuiStep',

package/node/StepButton/StepButton.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 _ButtonBase = _interopRequireDefault(require("../ButtonBase"));
@@ -33,7 +33,7 @@ const useUtilityClasses = ownerState => {
     root: ['root', orientation],
     touchRipple: ['touchRipple']
   };
-  return (0, _base.unstable_composeClasses)(slots, _stepButtonClasses.getStepButtonUtilityClass, classes);
+  return (0, _composeClasses.unstable_composeClasses)(slots, _stepButtonClasses.getStepButtonUtilityClass, classes);
 };
 const StepButtonRoot = (0, _styled.default)(_ButtonBase.default, {
   name: 'MuiStepButton',

package/node/StepConnector/StepConnector.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 _styled = _interopRequireDefault(require("../styles/styled"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
@@ -35,7 +35,7 @@ const useUtilityClasses = ownerState => {
     root: ['root', orientation, alternativeLabel && 'alternativeLabel', active && 'active', completed && 'completed', disabled && 'disabled'],
     line: ['line', `line${(0, _capitalize.default)(orientation)}`]
   };
-  return (0, _base.unstable_composeClasses)(slots, _stepConnectorClasses.getStepConnectorUtilityClass, classes);
+  return (0, _composeClasses.unstable_composeClasses)(slots, _stepConnectorClasses.getStepConnectorUtilityClass, classes);
 };
 const StepConnectorRoot = (0, _styled.default)('div', {
   name: 'MuiStepConnector',

package/node/StepContent/StepContent.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 _Collapse = _interopRequireDefault(require("../Collapse"));
@@ -31,7 +31,7 @@ const useUtilityClasses = ownerState => {
     root: ['root', last && 'last'],
     transition: ['transition']
   };
-  return (0, _base.unstable_composeClasses)(slots, _stepContentClasses.getStepContentUtilityClass, classes);
+  return (0, _composeClasses.unstable_composeClasses)(slots, _stepContentClasses.getStepContentUtilityClass, classes);
 };
 const StepContentRoot = (0, _styled.default)('div', {
   name: 'MuiStepContent',

package/node/StepIcon/StepIcon.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 _CheckCircle = _interopRequireDefault(require("../internal/svg-icons/CheckCircle"));
@@ -34,7 +34,7 @@ const useUtilityClasses = ownerState => {
     root: ['root', active && 'active', completed && 'completed', error && 'error'],
     text: ['text']
   };
-  return (0, _base.unstable_composeClasses)(slots, _stepIconClasses.getStepIconUtilityClass, classes);
+  return (0, _composeClasses.unstable_composeClasses)(slots, _stepIconClasses.getStepIconUtilityClass, classes);
 };
 const StepIconRoot = (0, _styled.default)(_SvgIcon.default, {
   name: 'MuiStepIcon',

package/node/StepLabel/StepLabel.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 _StepIcon = _interopRequireDefault(require("../StepIcon"));
@@ -38,7 +38,7 @@ const useUtilityClasses = ownerState => {
     iconContainer: ['iconContainer', active && 'active', completed && 'completed', error && 'error', disabled && 'disabled', alternativeLabel && 'alternativeLabel'],
     labelContainer: ['labelContainer', alternativeLabel && 'alternativeLabel']
   };
-  return (0, _base.unstable_composeClasses)(slots, _stepLabelClasses.getStepLabelUtilityClass, classes);
+  return (0, _composeClasses.unstable_composeClasses)(slots, _stepLabelClasses.getStepLabelUtilityClass, classes);
 };
 const StepLabelRoot = (0, _styled.default)('span', {
   name: 'MuiStepLabel',

package/node/Stepper/Stepper.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 _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _styled = _interopRequireDefault(require("../styles/styled"));
 var _stepperClasses = require("./stepperClasses");
@@ -31,7 +31,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', orientation, alternativeLabel && 'alternativeLabel']
   };
-  return (0, _base.unstable_composeClasses)(slots, _stepperClasses.getStepperUtilityClass, classes);
+  return (0, _composeClasses.unstable_composeClasses)(slots, _stepperClasses.getStepperUtilityClass, classes);
 };
 const StepperRoot = (0, _styled.default)('div', {
   name: 'MuiStepper',

package/node/SvgIcon/SvgIcon.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 _capitalize = _interopRequireDefault(require("../utils/capitalize"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _styled = _interopRequireDefault(require("../styles/styled"));
@@ -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, _svgIconClasses.getSvgIconUtilityClass, classes);
+  return (0, _composeClasses.unstable_composeClasses)(slots, _svgIconClasses.getSvgIconUtilityClass, classes);
 };
 const SvgIconRoot = (0, _styled.default)('svg', {
   name: 'MuiSvgIcon',

package/node/Switch/Switch.js

@@ -13,7 +13,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 _capitalize = _interopRequireDefault(require("../utils/capitalize"));
 var _SwitchBase = _interopRequireDefault(require("../internal/SwitchBase"));
@@ -40,7 +40,7 @@ const useUtilityClasses = ownerState => {
     track: ['track'],
     input: ['input']
   };
-  const composedClasses = (0, _base.unstable_composeClasses)(slots, _switchClasses.getSwitchUtilityClass, classes);
+  const composedClasses = (0, _composeClasses.unstable_composeClasses)(slots, _switchClasses.getSwitchUtilityClass, classes);
   return (0, _extends2.default)({}, classes, composedClasses);
 };
 const SwitchRoot = (0, _styled.default)('span', {

package/node/Tab/Tab.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"));
@@ -37,7 +37,7 @@ const useUtilityClasses = ownerState => {
     root: ['root', icon && label && 'labelIcon', `textColor${(0, _capitalize.default)(textColor)}`, fullWidth && 'fullWidth', wrapped && 'wrapped', selected && 'selected', disabled && 'disabled'],
     iconWrapper: ['iconWrapper']
   };
-  return (0, _base.unstable_composeClasses)(slots, _tabClasses.getTabUtilityClass, classes);
+  return (0, _composeClasses.unstable_composeClasses)(slots, _tabClasses.getTabUtilityClass, classes);
 };
 const TabRoot = (0, _styled.default)(_ButtonBase.default, {
   name: 'MuiTab',