@mui/material 5.15.9 → 5.15.11

package/node/Paper/Paper.js

@@ -11,9 +11,10 @@ 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 _utils = require("@mui/utils");
-var _composeClasses = require("@mui/base/composeClasses");
-var _system = require("@mui/system");
+var _integerPropType = _interopRequireDefault(require("@mui/utils/integerPropType"));
+var _chainPropTypes = _interopRequireDefault(require("@mui/utils/chainPropTypes"));
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _colorManipulator = require("@mui/system/colorManipulator");
 var _styled = _interopRequireDefault(require("../styles/styled"));
 var _getOverlayAlpha = _interopRequireDefault(require("../styles/getOverlayAlpha"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
@@ -33,7 +34,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', variant, !square && 'rounded', variant === 'elevation' && `elevation${elevation}`]
   };
-  return (0, _composeClasses.unstable_composeClasses)(slots, _paperClasses.getPaperUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _paperClasses.getPaperUtilityClass, classes);
 };
 const PaperRoot = (0, _styled.default)('div', {
   name: 'MuiPaper',
@@ -60,7 +61,7 @@ const PaperRoot = (0, _styled.default)('div', {
   }, ownerState.variant === 'elevation' && (0, _extends2.default)({
     boxShadow: (theme.vars || theme).shadows[ownerState.elevation]
   }, !theme.vars && theme.palette.mode === 'dark' && {
-    backgroundImage: `linear-gradient(${(0, _system.alpha)('#fff', (0, _getOverlayAlpha.default)(ownerState.elevation))}, ${(0, _system.alpha)('#fff', (0, _getOverlayAlpha.default)(ownerState.elevation))})`
+    backgroundImage: `linear-gradient(${(0, _colorManipulator.alpha)('#fff', (0, _getOverlayAlpha.default)(ownerState.elevation))}, ${(0, _colorManipulator.alpha)('#fff', (0, _getOverlayAlpha.default)(ownerState.elevation))})`
   }, theme.vars && {
     backgroundImage: (_theme$vars$overlays = theme.vars.overlays) == null ? void 0 : _theme$vars$overlays[ownerState.elevation]
   }));
@@ -126,7 +127,7 @@ process.env.NODE_ENV !== "production" ? Paper.propTypes /* remove-proptypes */ =
    * It accepts values between 0 and 24 inclusive.
    * @default 1
    */
-  elevation: (0, _utils.chainPropTypes)(_utils.integerPropType, props => {
+  elevation: (0, _chainPropTypes.default)(_integerPropType.default, props => {
     const {
       elevation,
       variant

package/node/Popover/Popover.js

@@ -13,8 +13,13 @@ 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 _utils = require("@mui/utils");
+var _utils = require("@mui/base/utils");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _HTMLElementType = _interopRequireDefault(require("@mui/utils/HTMLElementType"));
+var _refType = _interopRequireDefault(require("@mui/utils/refType"));
+var _elementTypeAcceptingRef = _interopRequireDefault(require("@mui/utils/elementTypeAcceptingRef"));
+var _integerPropType = _interopRequireDefault(require("@mui/utils/integerPropType"));
+var _chainPropTypes = _interopRequireDefault(require("@mui/utils/chainPropTypes"));
 var _styled = _interopRequireDefault(require("../styles/styled"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _debounce = _interopRequireDefault(require("../utils/debounce"));
@@ -67,7 +72,7 @@ const useUtilityClasses = ownerState => {
     root: ['root'],
     paper: ['paper']
   };
-  return (0, _base.unstable_composeClasses)(slots, _popoverClasses.getPopoverUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _popoverClasses.getPopoverUtilityClass, classes);
 };
 const PopoverRoot = exports.PopoverRoot = (0, _styled.default)(_Modal.default, {
   name: 'MuiPopover',
@@ -309,7 +314,7 @@ const Popover = /*#__PURE__*/React.forwardRef(function Popover(inProps, ref) {
   const container = containerProp || (anchorEl ? (0, _ownerDocument.default)(resolveAnchorEl(anchorEl)).body : undefined);
   const RootSlot = (_slots$root = slots == null ? void 0 : slots.root) != null ? _slots$root : PopoverRoot;
   const PaperSlot = (_slots$paper = slots == null ? void 0 : slots.paper) != null ? _slots$paper : PopoverPaper;
-  const paperProps = (0, _base.useSlotProps)({
+  const paperProps = (0, _utils.useSlotProps)({
     elementType: PaperSlot,
     externalSlotProps: (0, _extends2.default)({}, externalPaperSlotProps, {
       style: isPositioned ? externalPaperSlotProps.style : (0, _extends2.default)({}, externalPaperSlotProps.style, {
@@ -323,7 +328,7 @@ const Popover = /*#__PURE__*/React.forwardRef(function Popover(inProps, ref) {
     ownerState,
     className: (0, _clsx.default)(classes.paper, externalPaperSlotProps == null ? void 0 : externalPaperSlotProps.className)
   });
-  const _useSlotProps = (0, _base.useSlotProps)({
+  const _useSlotProps = (0, _utils.useSlotProps)({
       elementType: RootSlot,
       externalSlotProps: (slotProps == null ? void 0 : slotProps.root) || {},
       externalForwardedProps: other,
@@ -344,7 +349,7 @@ const Popover = /*#__PURE__*/React.forwardRef(function Popover(inProps, ref) {
       slotProps: rootSlotPropsProp
     } = _useSlotProps,
     rootProps = (0, _objectWithoutPropertiesLoose2.default)(_useSlotProps, _excluded3);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(RootSlot, (0, _extends2.default)({}, rootProps, !(0, _base.isHostComponent)(RootSlot) && {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(RootSlot, (0, _extends2.default)({}, rootProps, !(0, _utils.isHostComponent)(RootSlot) && {
     slotProps: rootSlotPropsProp,
     disableScrollLock
   }, {
@@ -370,13 +375,13 @@ process.env.NODE_ENV !== "production" ? Popover.propTypes /* remove-proptypes */
    * A ref for imperative actions.
    * It currently only supports updatePosition() action.
    */
-  action: _utils.refType,
+  action: _refType.default,
   /**
    * An HTML element, [PopoverVirtualElement](/material-ui/react-popover/#virtual-element),
    * or a function that returns either.
    * It's used to set the position of the popover.
    */
-  anchorEl: (0, _utils.chainPropTypes)(_propTypes.default.oneOfType([_utils.HTMLElementType, _propTypes.default.func]), props => {
+  anchorEl: (0, _chainPropTypes.default)(_propTypes.default.oneOfType([_HTMLElementType.default, _propTypes.default.func]), props => {
     if (props.open && (!props.anchorReference || props.anchorReference === 'anchorEl')) {
       const resolvedAnchorEl = resolveAnchorEl(props.anchorEl);
       if (resolvedAnchorEl && resolvedAnchorEl.nodeType === 1) {
@@ -440,7 +445,7 @@ process.env.NODE_ENV !== "production" ? Popover.propTypes /* remove-proptypes */
    * By default, it uses the body of the anchorEl's top-level document object,
    * so it's simply `document.body` most of the time.
    */
-  container: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_utils.HTMLElementType, _propTypes.default.func]),
+  container: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_HTMLElementType.default, _propTypes.default.func]),
   /**
    * Disable the scroll lock behavior.
    * @default false
@@ -450,7 +455,7 @@ process.env.NODE_ENV !== "production" ? Popover.propTypes /* remove-proptypes */
    * The elevation of the popover.
    * @default 8
    */
-  elevation: _utils.integerPropType,
+  elevation: _integerPropType.default,
   /**
    * Specifies how close to the edge of the window the popover can appear.
    * If null, the popover will not be constrained by the window.
@@ -475,7 +480,7 @@ process.env.NODE_ENV !== "production" ? Popover.propTypes /* remove-proptypes */
    * @default {}
    */
   PaperProps: _propTypes.default /* @typescript-to-proptypes-ignore */.shape({
-    component: _utils.elementTypeAcceptingRef
+    component: _elementTypeAcceptingRef.default
   }),
   /**
    * The extra props for the slot components.
@@ -533,7 +538,7 @@ process.env.NODE_ENV !== "production" ? Popover.propTypes /* remove-proptypes */
   })]),
   /**
    * Props applied to the transition element.
-   * By default, the element is based on this [`Transition`](http://reactcommunity.org/react-transition-group/transition/) component.
+   * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
    * @default {}
    */
   TransitionProps: _propTypes.default.object

package/node/Popper/Popper.js

@@ -9,8 +9,9 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _Popper = require("@mui/base/Popper");
-var _system = require("@mui/system");
-var _utils = require("@mui/utils");
+var _useThemeWithoutDefault = _interopRequireDefault(require("@mui/system/useThemeWithoutDefault"));
+var _refType = _interopRequireDefault(require("@mui/utils/refType"));
+var _HTMLElementType = _interopRequireDefault(require("@mui/utils/HTMLElementType"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var React = _interopRequireWildcard(require("react"));
 var _styles = require("../styles");
@@ -38,7 +39,7 @@ const PopperRoot = (0, _styles.styled)(_Popper.Popper, {
  */
 const Popper = /*#__PURE__*/React.forwardRef(function Popper(inProps, ref) {
   var _slots$root;
-  const theme = (0, _system.useThemeWithoutDefault)();
+  const theme = (0, _useThemeWithoutDefault.default)();
   const props = (0, _styles.useThemeProps)({
     props: inProps,
     name: 'MuiPopper'
@@ -96,7 +97,7 @@ process.env.NODE_ENV !== "production" ? Popper.propTypes /* remove-proptypes */
    * It's used to set the position of the popper.
    * The return value will passed as the reference object of the Popper instance.
    */
-  anchorEl: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_utils.HTMLElementType, _propTypes.default.object, _propTypes.default.func]),
+  anchorEl: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_HTMLElementType.default, _propTypes.default.object, _propTypes.default.func]),
   /**
    * Popper render function or node.
    */
@@ -131,7 +132,7 @@ process.env.NODE_ENV !== "production" ? Popper.propTypes /* remove-proptypes */
    * By default, it uses the body of the top-level document object,
    * so it's simply `document.body` most of the time.
    */
-  container: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_utils.HTMLElementType, _propTypes.default.func]),
+  container: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_HTMLElementType.default, _propTypes.default.func]),
   /**
    * The `children` will be under the DOM hierarchy of the parent component.
    * @default false
@@ -186,7 +187,7 @@ process.env.NODE_ENV !== "production" ? Popper.propTypes /* remove-proptypes */
   /**
    * A ref that points to the used popper instance.
    */
-  popperRef: _utils.refType,
+  popperRef: _refType.default,
   /**
    * The props used for each slot inside the Popper.
    * @default {}

package/node/Radio/Radio.js

@@ -11,9 +11,9 @@ 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 _utils = require("@mui/utils");
-var _composeClasses = require("@mui/base/composeClasses");
-var _system = require("@mui/system");
+var _refType = _interopRequireDefault(require("@mui/utils/refType"));
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _colorManipulator = require("@mui/system/colorManipulator");
 var _SwitchBase = _interopRequireDefault(require("../internal/SwitchBase"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _RadioButtonIcon = _interopRequireDefault(require("./RadioButtonIcon"));
@@ -35,7 +35,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', `color${(0, _capitalize.default)(color)}`, size !== 'medium' && `size${(0, _capitalize.default)(size)}`]
   };
-  return (0, _extends2.default)({}, classes, (0, _composeClasses.unstable_composeClasses)(slots, _radioClasses.getRadioUtilityClass, classes));
+  return (0, _extends2.default)({}, classes, (0, _composeClasses.default)(slots, _radioClasses.getRadioUtilityClass, classes));
 };
 const RadioRoot = (0, _styled.default)(_SwitchBase.default, {
   shouldForwardProp: prop => (0, _styled.rootShouldForwardProp)(prop) || prop === 'classes',
@@ -54,7 +54,7 @@ const RadioRoot = (0, _styled.default)(_SwitchBase.default, {
   color: (theme.vars || theme).palette.text.secondary
 }, !ownerState.disableRipple && {
   '&:hover': {
-    backgroundColor: theme.vars ? `rgba(${ownerState.color === 'default' ? theme.vars.palette.action.activeChannel : theme.vars.palette[ownerState.color].mainChannel} / ${theme.vars.palette.action.hoverOpacity})` : (0, _system.alpha)(ownerState.color === 'default' ? theme.palette.action.active : theme.palette[ownerState.color].main, theme.palette.action.hoverOpacity),
+    backgroundColor: theme.vars ? `rgba(${ownerState.color === 'default' ? theme.vars.palette.action.activeChannel : theme.vars.palette[ownerState.color].mainChannel} / ${theme.vars.palette.action.hoverOpacity})` : (0, _colorManipulator.alpha)(ownerState.color === 'default' ? theme.palette.action.active : theme.palette[ownerState.color].main, theme.palette.action.hoverOpacity),
     // Reset on touch devices, it doesn't add specificity
     '@media (hover: none)': {
       backgroundColor: 'transparent'
@@ -186,7 +186,7 @@ process.env.NODE_ENV !== "production" ? Radio.propTypes /* remove-proptypes */ =
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: _utils.refType,
+  inputRef: _refType.default,
   /**
    * Name attribute of the `input` element.
    */

package/node/Radio/RadioButtonIcon.js

@@ -77,7 +77,6 @@ process.env.NODE_ENV !== "production" ? RadioButtonIcon.propTypes = {
   checked: _propTypes.default.bool,
   /**
    * Override or extend the styles applied to the component.
-   * See [CSS API](#css) below for more details.
    */
   classes: _propTypes.default.object,
   /**

package/node/Rating/Rating.js

@@ -11,10 +11,12 @@ 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 _utils = require("@mui/utils");
-var _composeClasses = require("@mui/base/composeClasses");
+var _clamp = _interopRequireDefault(require("@mui/utils/clamp"));
+var _visuallyHidden = _interopRequireDefault(require("@mui/utils/visuallyHidden"));
+var _chainPropTypes = _interopRequireDefault(require("@mui/utils/chainPropTypes"));
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _useTheme = _interopRequireDefault(require("../styles/useTheme"));
-var _utils2 = require("../utils");
+var _utils = require("../utils");
 var _Star = _interopRequireDefault(require("../internal/svg-icons/Star"));
 var _StarBorder = _interopRequireDefault(require("../internal/svg-icons/StarBorder"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
@@ -46,7 +48,7 @@ const useUtilityClasses = ownerState => {
     focusVisible
   } = ownerState;
   const slots = {
-    root: ['root', `size${(0, _utils2.capitalize)(size)}`, disabled && 'disabled', focusVisible && 'focusVisible', readOnly && 'readOnly'],
+    root: ['root', `size${(0, _utils.capitalize)(size)}`, disabled && 'disabled', focusVisible && 'focusVisible', readOnly && 'readOnly'],
     label: ['label', 'pristine'],
     labelEmptyValue: [emptyValueFocused && 'labelEmptyValueActive'],
     icon: ['icon'],
@@ -58,7 +60,7 @@ const useUtilityClasses = ownerState => {
     decimal: ['decimal'],
     visuallyHidden: ['visuallyHidden']
   };
-  return (0, _composeClasses.unstable_composeClasses)(slots, _ratingClasses.getRatingUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _ratingClasses.getRatingUtilityClass, classes);
 };
 const RatingRoot = (0, _styled.default)('span', {
   name: 'MuiRating',
@@ -69,7 +71,7 @@ const RatingRoot = (0, _styled.default)('span', {
     } = props;
     return [{
       [`& .${_ratingClasses.default.visuallyHidden}`]: styles.visuallyHidden
-    }, styles.root, styles[`size${(0, _utils2.capitalize)(ownerState.size)}`], ownerState.readOnly && styles.readOnly];
+    }, styles.root, styles[`size${(0, _utils.capitalize)(ownerState.size)}`], ownerState.readOnly && styles.readOnly];
   }
 })(({
   theme,
@@ -91,7 +93,7 @@ const RatingRoot = (0, _styled.default)('span', {
   [`&.${_ratingClasses.default.focusVisible} .${_ratingClasses.default.iconActive}`]: {
     outline: '1px solid #999'
   },
-  [`& .${_ratingClasses.default.visuallyHidden}`]: _utils.visuallyHidden
+  [`& .${_ratingClasses.default.visuallyHidden}`]: _visuallyHidden.default
 }, ownerState.size === 'small' && {
   fontSize: theme.typography.pxToRem(18)
 }, ownerState.size === 'large' && {
@@ -194,7 +196,7 @@ function RatingItem(props) {
   const isHovered = itemValue <= hover;
   const isFocused = itemValue <= focus;
   const isChecked = itemValue === ratingValueRounded;
-  const id = (0, _utils2.unstable_useId)();
+  const id = (0, _utils.unstable_useId)();
   const container = /*#__PURE__*/(0, _jsxRuntime.jsx)(RatingIcon, {
     as: IconContainerComponent,
     value: itemValue,
@@ -298,8 +300,8 @@ const Rating = /*#__PURE__*/React.forwardRef(function Rating(inProps, ref) {
       value: valueProp
     } = props,
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded2);
-  const name = (0, _utils2.unstable_useId)(nameProp);
-  const [valueDerived, setValueState] = (0, _utils2.useControlled)({
+  const name = (0, _utils.unstable_useId)(nameProp);
+  const [valueDerived, setValueState] = (0, _utils.useControlled)({
     controlled: valueProp,
     default: defaultValue,
     name: 'Rating'
@@ -325,10 +327,10 @@ const Rating = /*#__PURE__*/React.forwardRef(function Rating(inProps, ref) {
     onBlur: handleBlurVisible,
     onFocus: handleFocusVisible,
     ref: focusVisibleRef
-  } = (0, _utils2.useIsFocusVisible)();
+  } = (0, _utils.useIsFocusVisible)();
   const [focusVisible, setFocusVisible] = React.useState(false);
   const rootRef = React.useRef();
-  const handleRef = (0, _utils2.useForkRef)(focusVisibleRef, rootRef, ref);
+  const handleRef = (0, _utils.useForkRef)(focusVisibleRef, rootRef, ref);
   const handleMouseMove = event => {
     if (onMouseMove) {
       onMouseMove(event);
@@ -346,7 +348,7 @@ const Rating = /*#__PURE__*/React.forwardRef(function Rating(inProps, ref) {
       percent = (event.clientX - left) / containerWidth;
     }
     let newHover = roundValueToPrecision(max * percent + precision / 2, precision);
-    newHover = (0, _utils.clamp)(newHover, precision, max);
+    newHover = (0, _clamp.default)(newHover, precision, max);
     setState(prev => prev.hover === newHover && prev.focus === newHover ? prev : {
       hover: newHover,
       focus: newHover
@@ -616,7 +618,7 @@ process.env.NODE_ENV !== "production" ? Rating.propTypes /* remove-proptypes */
    * The minimum increment value change allowed.
    * @default 1
    */
-  precision: (0, _utils.chainPropTypes)(_propTypes.default.number, props => {
+  precision: (0, _chainPropTypes.default)(_propTypes.default.number, props => {
     if (props.precision < 0.1) {
       return new Error(['MUI: The prop `precision` should be above 0.1.', 'A value below this limit has an imperceptible impact.'].join('\n'));
     }

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 _composeClasses = require("@mui/base/composeClasses");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/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, _composeClasses.unstable_composeClasses)(slots, _scopedCssBaselineClasses.getScopedCssBaselineUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _scopedCssBaselineClasses.getScopedCssBaselineUtilityClass, classes);
 };
 const ScopedCssBaselineRoot = (0, _styled.default)('div', {
   name: 'MuiScopedCssBaseline',

package/node/Select/Select.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 _utils = require("@mui/utils");
+var _deepmerge = _interopRequireDefault(require("@mui/utils/deepmerge"));
 var _SelectInput = _interopRequireDefault(require("./SelectInput"));
 var _formControlState = _interopRequireDefault(require("../FormControl/formControlState"));
 var _useFormControl = _interopRequireDefault(require("../FormControl/useFormControl"));
@@ -128,7 +128,7 @@ const Select = /*#__PURE__*/React.forwardRef(function Select(inProps, ref) {
           id
         }, SelectDisplayProps)
       }, inputProps, {
-        classes: inputProps ? (0, _utils.deepmerge)(restOfClasses, inputProps.classes) : restOfClasses
+        classes: inputProps ? (0, _deepmerge.default)(restOfClasses, inputProps.classes) : restOfClasses
       }, input ? input.props.inputProps : {})
     }, (multiple && native || displayEmpty) && variant === 'outlined' ? {
       notched: true

package/node/Select/SelectInput.js

@@ -13,13 +13,14 @@ var React = _interopRequireWildcard(require("react"));
 var _reactIs = require("react-is");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _composeClasses = require("@mui/base/composeClasses");
-var _utils = require("@mui/utils");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _useId = _interopRequireDefault(require("@mui/utils/useId"));
+var _refType = _interopRequireDefault(require("@mui/utils/refType"));
 var _ownerDocument = _interopRequireDefault(require("../utils/ownerDocument"));
 var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
 var _Menu = _interopRequireDefault(require("../Menu/Menu"));
 var _NativeSelectInput = require("../NativeSelect/NativeSelectInput");
-var _utils2 = require("../InputBase/utils");
+var _utils = require("../InputBase/utils");
 var _styled = _interopRequireWildcard(require("../styles/styled"));
 var _useForkRef = _interopRequireDefault(require("../utils/useForkRef"));
 var _useControlled = _interopRequireDefault(require("../utils/useControlled"));
@@ -109,7 +110,7 @@ const useUtilityClasses = ownerState => {
     icon: ['icon', `icon${(0, _capitalize.default)(variant)}`, open && 'iconOpen', disabled && 'disabled'],
     nativeInput: ['nativeInput']
   };
-  return (0, _composeClasses.unstable_composeClasses)(slots, _selectClasses.getSelectUtilityClasses, classes);
+  return (0, _composeClasses.default)(slots, _selectClasses.getSelectUtilityClasses, classes);
 };
 
 /**
@@ -336,7 +337,7 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
   let foundMatch = false;
 
   // No need to display any value if the field is empty.
-  if ((0, _utils2.isFilled)({
+  if ((0, _utils.isFilled)({
     value
   }) || displayEmpty) {
     if (renderValue) {
@@ -440,7 +441,7 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
   });
   const classes = useUtilityClasses(ownerState);
   const paperProps = (0, _extends2.default)({}, MenuProps.PaperProps, (_MenuProps$slotProps = MenuProps.slotProps) == null ? void 0 : _MenuProps$slotProps.paper);
-  const listboxId = (0, _utils.unstable_useId)();
+  const listboxId = (0, _useId.default)();
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(SelectSelect, (0, _extends2.default)({
       ref: handleDisplayRef,
@@ -541,7 +542,6 @@ process.env.NODE_ENV !== "production" ? SelectInput.propTypes = {
   children: _propTypes.default.node,
   /**
    * Override or extend the styles applied to the component.
-   * See [CSS API](#css) below for more details.
    */
   classes: _propTypes.default.object,
   /**
@@ -577,7 +577,7 @@ process.env.NODE_ENV !== "production" ? SelectInput.propTypes = {
    * Imperative handle implementing `{ value: T, node: HTMLElement, focus(): void }`
    * Equivalent to `ref`
    */
-  inputRef: _utils.refType,
+  inputRef: _refType.default,
   /**
    * The ID of an element that acts as an additional label. The Select will
    * be labelled by the additional label and the selected value.

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 _composeClasses = require("@mui/base/composeClasses");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/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, _composeClasses.unstable_composeClasses)(slots, _skeletonClasses.getSkeletonUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _skeletonClasses.getSkeletonUtilityClass, classes);
 };
 const pulseKeyframe = (0, _system.keyframes)`
   0% {

package/node/Slide/Slide.js

@@ -12,12 +12,14 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactTransitionGroup = require("react-transition-group");
-var _utils = require("@mui/utils");
+var _chainPropTypes = _interopRequireDefault(require("@mui/utils/chainPropTypes"));
+var _HTMLElementType = _interopRequireDefault(require("@mui/utils/HTMLElementType"));
+var _elementAcceptingRef = _interopRequireDefault(require("@mui/utils/elementAcceptingRef"));
 var _debounce = _interopRequireDefault(require("../utils/debounce"));
 var _useForkRef = _interopRequireDefault(require("../utils/useForkRef"));
 var _useTheme = _interopRequireDefault(require("../styles/useTheme"));
-var _utils2 = require("../transitions/utils");
-var _utils3 = require("../utils");
+var _utils = require("../transitions/utils");
+var _utils2 = require("../utils");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["addEndListener", "appear", "children", "container", "direction", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"]; // Translate the node so it can't be seen on the screen.
 // Later, we're going to translate the node back to its original location with `none`.
@@ -26,7 +28,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 function getTranslateValue(direction, node, resolvedContainer) {
   const rect = node.getBoundingClientRect();
   const containerRect = resolvedContainer && resolvedContainer.getBoundingClientRect();
-  const containerWindow = (0, _utils3.ownerWindow)(node);
+  const containerWindow = (0, _utils2.ownerWindow)(node);
   let transform;
   if (node.fakeTransform) {
     transform = node.fakeTransform;
@@ -126,13 +128,13 @@ const Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
   };
   const handleEnter = normalizedTransitionCallback((node, isAppearing) => {
     setTranslateValue(direction, node, containerProp);
-    (0, _utils2.reflow)(node);
+    (0, _utils.reflow)(node);
     if (onEnter) {
       onEnter(node, isAppearing);
     }
   });
   const handleEntering = normalizedTransitionCallback((node, isAppearing) => {
-    const transitionProps = (0, _utils2.getTransitionProps)({
+    const transitionProps = (0, _utils.getTransitionProps)({
       timeout,
       style,
       easing: easingProp
@@ -150,7 +152,7 @@ const Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
   const handleEntered = normalizedTransitionCallback(onEntered);
   const handleExiting = normalizedTransitionCallback(onExiting);
   const handleExit = normalizedTransitionCallback(node => {
-    const transitionProps = (0, _utils2.getTransitionProps)({
+    const transitionProps = (0, _utils.getTransitionProps)({
       timeout,
       style,
       easing: easingProp
@@ -193,7 +195,7 @@ const Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
         setTranslateValue(direction, childrenRef.current, containerProp);
       }
     });
-    const containerWindow = (0, _utils3.ownerWindow)(childrenRef.current);
+    const containerWindow = (0, _utils2.ownerWindow)(childrenRef.current);
     containerWindow.addEventListener('resize', handleResize);
     return () => {
       handleResize.clear();
@@ -250,12 +252,12 @@ process.env.NODE_ENV !== "production" ? Slide.propTypes /* remove-proptypes */ =
   /**
    * A single child content element.
    */
-  children: _utils.elementAcceptingRef.isRequired,
+  children: _elementAcceptingRef.default.isRequired,
   /**
    * An HTML element, or a function that returns one.
    * It's used to set the container the Slide is transitioning from.
    */
-  container: (0, _utils.chainPropTypes)(_propTypes.default.oneOfType([_utils.HTMLElementType, _propTypes.default.func]), props => {
+  container: (0, _chainPropTypes.default)(_propTypes.default.oneOfType([_HTMLElementType.default, _propTypes.default.func]), props => {
     if (props.open) {
       const resolvedContainer = resolveContainer(props.container);
       if (resolvedContainer && resolvedContainer.nodeType === 1) {