@mui/material 5.14.3 → 5.14.4

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

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',