@mui/material 5.15.10 → 5.15.12

package/node/Collapse/Collapse.js

@@ -12,14 +12,15 @@ var React = _interopRequireWildcard(require("react"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactTransitionGroup = require("react-transition-group");
-var _utils = require("@mui/utils");
-var _composeClasses = require("@mui/base/composeClasses");
+var _useTimeout = _interopRequireDefault(require("@mui/utils/useTimeout"));
+var _elementTypeAcceptingRef = _interopRequireDefault(require("@mui/utils/elementTypeAcceptingRef"));
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _styled = _interopRequireDefault(require("../styles/styled"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _createTransitions = require("../styles/createTransitions");
-var _utils2 = require("../transitions/utils");
+var _utils = require("../transitions/utils");
 var _useTheme = _interopRequireDefault(require("../styles/useTheme"));
-var _utils3 = require("../utils");
+var _utils2 = require("../utils");
 var _collapseClasses = require("./collapseClasses");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["addEndListener", "children", "className", "collapsedSize", "component", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "orientation", "style", "timeout", "TransitionComponent"];
@@ -37,7 +38,7 @@ const useUtilityClasses = ownerState => {
     wrapper: ['wrapper', `${orientation}`],
     wrapperInner: ['wrapperInner', `${orientation}`]
   };
-  return (0, _composeClasses.unstable_composeClasses)(slots, _collapseClasses.getCollapseUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _collapseClasses.getCollapseUtilityClass, classes);
 };
 const CollapseRoot = (0, _styled.default)('div', {
   name: 'MuiCollapse',
@@ -131,14 +132,14 @@ const Collapse = /*#__PURE__*/React.forwardRef(function Collapse(inProps, ref) {
   });
   const classes = useUtilityClasses(ownerState);
   const theme = (0, _useTheme.default)();
-  const timer = (0, _utils.unstable_useTimeout)();
+  const timer = (0, _useTimeout.default)();
   const wrapperRef = React.useRef(null);
   const autoTransitionDuration = React.useRef();
   const collapsedSize = typeof collapsedSizeProp === 'number' ? `${collapsedSizeProp}px` : collapsedSizeProp;
   const isHorizontal = orientation === 'horizontal';
   const size = isHorizontal ? 'width' : 'height';
   const nodeRef = React.useRef(null);
-  const handleRef = (0, _utils3.useForkRef)(ref, nodeRef);
+  const handleRef = (0, _utils2.useForkRef)(ref, nodeRef);
   const normalizedTransitionCallback = callback => maybeIsAppearing => {
     if (callback) {
       const node = nodeRef.current;
@@ -171,7 +172,7 @@ const Collapse = /*#__PURE__*/React.forwardRef(function Collapse(inProps, ref) {
     const {
       duration: transitionDuration,
       easing: transitionTimingFunction
-    } = (0, _utils2.getTransitionProps)({
+    } = (0, _utils.getTransitionProps)({
       style,
       timeout,
       easing
@@ -209,7 +210,7 @@ const Collapse = /*#__PURE__*/React.forwardRef(function Collapse(inProps, ref) {
     const {
       duration: transitionDuration,
       easing: transitionTimingFunction
-    } = (0, _utils2.getTransitionProps)({
+    } = (0, _utils.getTransitionProps)({
       style,
       timeout,
       easing
@@ -261,11 +262,13 @@ const Collapse = /*#__PURE__*/React.forwardRef(function Collapse(inProps, ref) {
       style: (0, _extends2.default)({
         [isHorizontal ? 'minWidth' : 'minHeight']: collapsedSize
       }, style),
+      ref: handleRef
+    }, childProps, {
+      // `ownerState` is set after `childProps` to override any existing `ownerState` property in `childProps`
+      // that might have been forwarded from the Transition component.
       ownerState: (0, _extends2.default)({}, ownerState, {
         state
       }),
-      ref: handleRef
-    }, childProps, {
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(CollapseWrapper, {
         ownerState: (0, _extends2.default)({}, ownerState, {
           state
@@ -315,7 +318,7 @@ process.env.NODE_ENV !== "production" ? Collapse.propTypes /* remove-proptypes *
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: _utils.elementTypeAcceptingRef,
+  component: _elementTypeAcceptingRef.default,
   /**
    * The transition timing function.
    * You may specify a single easing or a object containing enter and exit values.

package/node/Dialog/Dialog.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 _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 _capitalize = _interopRequireDefault(require("../utils/capitalize"));
 var _Modal = _interopRequireDefault(require("../Modal"));
 var _Fade = _interopRequireDefault(require("../Fade"));
@@ -48,7 +48,7 @@ const useUtilityClasses = ownerState => {
     container: ['container', `scroll${(0, _capitalize.default)(scroll)}`],
     paper: ['paper', `paperScroll${(0, _capitalize.default)(scroll)}`, `paperWidth${(0, _capitalize.default)(String(maxWidth))}`, fullWidth && 'paperFullWidth', fullScreen && 'paperFullScreen']
   };
-  return (0, _composeClasses.unstable_composeClasses)(slots, _dialogClasses.getDialogUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _dialogClasses.getDialogUtilityClass, classes);
 };
 const DialogRoot = (0, _styled.default)(_Modal.default, {
   name: 'MuiDialog',
@@ -216,7 +216,7 @@ const Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
       onClose(event, 'backdropClick');
     }
   };
-  const ariaLabelledby = (0, _utils.unstable_useId)(ariaLabelledbyProp);
+  const ariaLabelledby = (0, _useId.default)(ariaLabelledbyProp);
   const dialogContextValue = React.useMemo(() => {
     return {
       titleId: ariaLabelledby
@@ -393,7 +393,7 @@ process.env.NODE_ENV !== "production" ? Dialog.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.
    */
   TransitionProps: _propTypes.default.object
 } : void 0;

package/node/DialogActions/DialogActions.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 _styled = _interopRequireDefault(require("../styles/styled"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _dialogActionsClasses = require("./dialogActionsClasses");
@@ -27,7 +27,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', !disableSpacing && 'spacing']
   };
-  return (0, _composeClasses.unstable_composeClasses)(slots, _dialogActionsClasses.getDialogActionsUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _dialogActionsClasses.getDialogActionsUtilityClass, classes);
 };
 const DialogActionsRoot = (0, _styled.default)('div', {
   name: 'MuiDialogActions',

package/node/DialogContent/DialogContent.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 _styled = _interopRequireDefault(require("../styles/styled"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _dialogContentClasses = require("./dialogContentClasses");
@@ -28,7 +28,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', dividers && 'dividers']
   };
-  return (0, _composeClasses.unstable_composeClasses)(slots, _dialogContentClasses.getDialogContentUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _dialogContentClasses.getDialogContentUtilityClass, classes);
 };
 const DialogContentRoot = (0, _styled.default)('div', {
   name: 'MuiDialogContent',

package/node/DialogContentText/DialogContentText.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 _styled = _interopRequireWildcard(require("../styles/styled"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _Typography = _interopRequireDefault(require("../Typography"));
@@ -27,7 +27,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root']
   };
-  const composedClasses = (0, _composeClasses.unstable_composeClasses)(slots, _dialogContentTextClasses.getDialogContentTextUtilityClass, classes);
+  const composedClasses = (0, _composeClasses.default)(slots, _dialogContentTextClasses.getDialogContentTextUtilityClass, classes);
   return (0, _extends2.default)({}, classes, composedClasses);
 };
 const DialogContentTextRoot = (0, _styled.default)(_Typography.default, {

package/node/DialogTitle/DialogTitle.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 _composeClasses = require("@mui/base/composeClasses");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _Typography = _interopRequireDefault(require("../Typography"));
 var _styled = _interopRequireDefault(require("../styles/styled"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
@@ -28,7 +28,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root']
   };
-  return (0, _composeClasses.unstable_composeClasses)(slots, _dialogTitleClasses.getDialogTitleUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _dialogTitleClasses.getDialogTitleUtilityClass, classes);
 };
 const DialogTitleRoot = (0, _styled.default)(_Typography.default, {
   name: 'MuiDialogTitle',

package/node/Divider/Divider.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 _clsx = _interopRequireDefault(require("clsx"));
-var _composeClasses = require("@mui/base/composeClasses");
-var _system = require("@mui/system");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _colorManipulator = require("@mui/system/colorManipulator");
 var _styled = _interopRequireDefault(require("../styles/styled"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _dividerClasses = require("./dividerClasses");
@@ -35,7 +35,7 @@ const useUtilityClasses = ownerState => {
     root: ['root', absolute && 'absolute', variant, light && 'light', orientation === 'vertical' && 'vertical', flexItem && 'flexItem', children && 'withChildren', children && orientation === 'vertical' && 'withChildrenVertical', textAlign === 'right' && orientation !== 'vertical' && 'textAlignRight', textAlign === 'left' && orientation !== 'vertical' && 'textAlignLeft'],
     wrapper: ['wrapper', orientation === 'vertical' && 'wrapperVertical']
   };
-  return (0, _composeClasses.unstable_composeClasses)(slots, _dividerClasses.getDividerUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _dividerClasses.getDividerUtilityClass, classes);
 };
 const DividerRoot = (0, _styled.default)('div', {
   name: 'MuiDivider',
@@ -63,7 +63,7 @@ const DividerRoot = (0, _styled.default)('div', {
   left: 0,
   width: '100%'
 }, ownerState.light && {
-  borderColor: theme.vars ? `rgba(${theme.vars.palette.dividerChannel} / 0.08)` : (0, _system.alpha)(theme.palette.divider, 0.08)
+  borderColor: theme.vars ? `rgba(${theme.vars.palette.dividerChannel} / 0.08)` : (0, _colorManipulator.alpha)(theme.palette.divider, 0.08)
 }, ownerState.variant === 'inset' && {
   marginLeft: 72
 }, ownerState.variant === 'middle' && ownerState.orientation === 'horizontal' && {

package/node/Drawer/Drawer.js

@@ -13,8 +13,8 @@ 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 _integerPropType = _interopRequireDefault(require("@mui/utils/integerPropType"));
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _Modal = _interopRequireDefault(require("../Modal"));
 var _Slide = _interopRequireDefault(require("../Slide"));
 var _Paper = _interopRequireDefault(require("../Paper"));
@@ -46,7 +46,7 @@ const useUtilityClasses = ownerState => {
     modal: ['modal'],
     paper: ['paper', `paperAnchor${(0, _capitalize.default)(anchor)}`, variant !== 'temporary' && `paperAnchorDocked${(0, _capitalize.default)(anchor)}`]
   };
-  return (0, _composeClasses.unstable_composeClasses)(slots, _drawerClasses.getDrawerUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _drawerClasses.getDrawerUtilityClass, classes);
 };
 const DrawerRoot = (0, _styled.default)(_Modal.default, {
   name: 'MuiDrawer',
@@ -265,7 +265,7 @@ process.env.NODE_ENV !== "production" ? Drawer.propTypes /* remove-proptypes */
    * The elevation of the drawer.
    * @default 16
    */
-  elevation: _utils.integerPropType,
+  elevation: _integerPropType.default,
   /**
    * If `true`, the backdrop is not rendered.
    * @default false

package/node/Fab/Fab.js

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

package/node/Fade/Fade.js

@@ -11,9 +11,9 @@ 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 _elementAcceptingRef = _interopRequireDefault(require("@mui/utils/elementAcceptingRef"));
 var _useTheme = _interopRequireDefault(require("../styles/useTheme"));
-var _utils2 = require("../transitions/utils");
+var _utils = require("../transitions/utils");
 var _useForkRef = _interopRequireDefault(require("../utils/useForkRef"));
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"];
@@ -73,9 +73,9 @@ const Fade = /*#__PURE__*/React.forwardRef(function Fade(props, ref) {
   };
   const handleEntering = normalizedTransitionCallback(onEntering);
   const handleEnter = normalizedTransitionCallback((node, isAppearing) => {
-    (0, _utils2.reflow)(node); // So the animation always start from the start.
+    (0, _utils.reflow)(node); // So the animation always start from the start.
 
-    const transitionProps = (0, _utils2.getTransitionProps)({
+    const transitionProps = (0, _utils.getTransitionProps)({
       style,
       timeout,
       easing
@@ -91,7 +91,7 @@ const Fade = /*#__PURE__*/React.forwardRef(function Fade(props, ref) {
   const handleEntered = normalizedTransitionCallback(onEntered);
   const handleExiting = normalizedTransitionCallback(onExiting);
   const handleExit = normalizedTransitionCallback(node => {
-    const transitionProps = (0, _utils2.getTransitionProps)({
+    const transitionProps = (0, _utils.getTransitionProps)({
       style,
       timeout,
       easing
@@ -155,7 +155,7 @@ process.env.NODE_ENV !== "production" ? Fade.propTypes /* remove-proptypes */ =
   /**
    * A single child content element.
    */
-  children: _utils.elementAcceptingRef.isRequired,
+  children: _elementAcceptingRef.default.isRequired,
   /**
    * The transition timing function.
    * You may specify a single easing or a object containing enter and exit values.

package/node/FilledInput/FilledInput.js

@@ -9,9 +9,10 @@ exports.default = void 0;
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
-var _utils = require("@mui/utils");
+var _deepmerge = _interopRequireDefault(require("@mui/utils/deepmerge"));
+var _refType = _interopRequireDefault(require("@mui/utils/refType"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _composeClasses = require("@mui/base/composeClasses");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _InputBase = _interopRequireDefault(require("../InputBase"));
 var _styled = _interopRequireWildcard(require("../styles/styled"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
@@ -30,7 +31,7 @@ const useUtilityClasses = ownerState => {
     root: ['root', !disableUnderline && 'underline'],
     input: ['input']
   };
-  const composedClasses = (0, _composeClasses.unstable_composeClasses)(slots, _filledInputClasses.getFilledInputUtilityClass, classes);
+  const composedClasses = (0, _composeClasses.default)(slots, _filledInputClasses.getFilledInputUtilityClass, classes);
   return (0, _extends2.default)({}, classes, composedClasses);
 };
 const FilledInputRoot = (0, _styled.default)(_InputBase2.InputBaseRoot, {
@@ -221,7 +222,7 @@ const FilledInput = /*#__PURE__*/React.forwardRef(function FilledInput(inProps,
       ownerState
     }
   };
-  const componentsProps = (slotProps != null ? slotProps : componentsPropsProp) ? (0, _utils.deepmerge)(filledInputComponentsProps, slotProps != null ? slotProps : componentsPropsProp) : filledInputComponentsProps;
+  const componentsProps = (slotProps != null ? slotProps : componentsPropsProp) ? (0, _deepmerge.default)(filledInputComponentsProps, slotProps != null ? slotProps : componentsPropsProp) : filledInputComponentsProps;
   const RootSlot = (_ref = (_slots$root = slots.root) != null ? _slots$root : components.Root) != null ? _ref : FilledInputRoot;
   const InputSlot = (_ref2 = (_slots$input = slots.input) != null ? _slots$input : components.Input) != null ? _ref2 : FilledInputInput;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputBase.default, (0, _extends2.default)({
@@ -342,7 +343,7 @@ process.env.NODE_ENV !== "production" ? FilledInput.propTypes /* remove-proptype
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: _utils.refType,
+  inputRef: _refType.default,
   /**
    * If `dense`, will adjust vertical spacing. This is normally obtained via context from
    * FormControl.

package/node/FormControl/FormControl.js

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

package/node/FormControlLabel/FormControlLabel.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 _clsx = _interopRequireDefault(require("clsx"));
-var _utils = require("@mui/utils");
-var _composeClasses = require("@mui/base/composeClasses");
+var _refType = _interopRequireDefault(require("@mui/utils/refType"));
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _FormControl = require("../FormControl");
 var _Stack = _interopRequireDefault(require("../Stack"));
 var _Typography = _interopRequireDefault(require("../Typography"));
@@ -38,7 +38,7 @@ const useUtilityClasses = ownerState => {
     label: ['label', disabled && 'disabled'],
     asterisk: ['asterisk', error && 'error']
   };
-  return (0, _composeClasses.unstable_composeClasses)(slots, _formControlLabelClasses.getFormControlLabelUtilityClasses, classes);
+  return (0, _composeClasses.default)(slots, _formControlLabelClasses.getFormControlLabelUtilityClasses, classes);
 };
 const FormControlLabelRoot = exports.FormControlLabelRoot = (0, _styled.default)('label', {
   name: 'MuiFormControlLabel',
@@ -208,7 +208,7 @@ process.env.NODE_ENV !== "production" ? FormControlLabel.propTypes /* remove-pro
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: _utils.refType,
+  inputRef: _refType.default,
   /**
    * A text or an element to be used in an enclosing label element.
    */

package/node/FormGroup/FormGroup.js

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

package/node/FormHelperText/FormHelperText.js

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

package/node/FormLabel/FormLabel.js

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

package/node/Grid/Grid.js

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

package/node/Grow/Grow.js

@@ -10,10 +10,11 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _utils = require("@mui/utils");
+var _useTimeout = _interopRequireDefault(require("@mui/utils/useTimeout"));
+var _elementAcceptingRef = _interopRequireDefault(require("@mui/utils/elementAcceptingRef"));
 var _reactTransitionGroup = require("react-transition-group");
 var _useTheme = _interopRequireDefault(require("../styles/useTheme"));
-var _utils2 = require("../transitions/utils");
+var _utils = require("../transitions/utils");
 var _useForkRef = _interopRequireDefault(require("../utils/useForkRef"));
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"];
@@ -63,7 +64,7 @@ const Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
       TransitionComponent = _reactTransitionGroup.Transition
     } = props,
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const timer = (0, _utils.unstable_useTimeout)();
+  const timer = (0, _useTimeout.default)();
   const autoTimeout = React.useRef();
   const theme = (0, _useTheme.default)();
   const nodeRef = React.useRef(null);
@@ -82,13 +83,13 @@ const Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
   };
   const handleEntering = normalizedTransitionCallback(onEntering);
   const handleEnter = normalizedTransitionCallback((node, isAppearing) => {
-    (0, _utils2.reflow)(node); // So the animation always start from the start.
+    (0, _utils.reflow)(node); // So the animation always start from the start.
 
     const {
       duration: transitionDuration,
       delay,
       easing: transitionTimingFunction
-    } = (0, _utils2.getTransitionProps)({
+    } = (0, _utils.getTransitionProps)({
       style,
       timeout,
       easing
@@ -121,7 +122,7 @@ const Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
       duration: transitionDuration,
       delay,
       easing: transitionTimingFunction
-    } = (0, _utils2.getTransitionProps)({
+    } = (0, _utils.getTransitionProps)({
       style,
       timeout,
       easing
@@ -204,7 +205,7 @@ process.env.NODE_ENV !== "production" ? Grow.propTypes /* remove-proptypes */ =
   /**
    * A single child content element.
    */
-  children: _utils.elementAcceptingRef.isRequired,
+  children: _elementAcceptingRef.default.isRequired,
   /**
    * The transition timing function.
    * You may specify a single easing or a object containing enter and exit values.

package/node/Hidden/HiddenCss.js

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

package/node/Hidden/HiddenJs.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _utils = require("@mui/utils");
+var _exactProp = _interopRequireDefault(require("@mui/utils/exactProp"));
 var _withWidth = _interopRequireWildcard(require("./withWidth"));
 var _useTheme = _interopRequireDefault(require("../styles/useTheme"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -126,6 +126,6 @@ process.env.NODE_ENV !== "production" ? HiddenJs.propTypes = {
   xsUp: _propTypes.default.bool
 } : void 0;
 if (process.env.NODE_ENV !== 'production') {
-  process.env.NODE_ENV !== "production" ? HiddenJs.propTypes = (0, _utils.exactProp)(HiddenJs.propTypes) : void 0;
+  process.env.NODE_ENV !== "production" ? HiddenJs.propTypes = (0, _exactProp.default)(HiddenJs.propTypes) : void 0;
 }
 var _default = exports.default = (0, _withWidth.default)()(HiddenJs);

package/node/Hidden/withWidth.js

@@ -9,8 +9,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _utils = require("@mui/utils");
-var _system = require("@mui/system");
+var _getDisplayName = _interopRequireDefault(require("@mui/utils/getDisplayName"));
+var _useThemeProps = require("@mui/system/useThemeProps");
 var _useTheme = _interopRequireDefault(require("../styles/useTheme"));
 var _useEnhancedEffect = _interopRequireDefault(require("../utils/useEnhancedEffect"));
 var _useMediaQuery = _interopRequireDefault(require("../useMediaQuery"));
@@ -46,7 +46,7 @@ const withWidth = (options = {}) => Component => {
   function WithWidth(props) {
     const contextTheme = (0, _useTheme.default)();
     const theme = props.theme || contextTheme;
-    const _getThemeProps = (0, _system.getThemeProps)({
+    const _getThemeProps = (0, _useThemeProps.getThemeProps)({
         theme,
         name: 'MuiWithWidth',
         props
@@ -110,7 +110,7 @@ const withWidth = (options = {}) => Component => {
     width: _propTypes.default.oneOf(['xs', 'sm', 'md', 'lg', 'xl'])
   } : void 0;
   if (process.env.NODE_ENV !== 'production') {
-    WithWidth.displayName = `WithWidth(${(0, _utils.getDisplayName)(Component)})`;
+    WithWidth.displayName = `WithWidth(${(0, _getDisplayName.default)(Component)})`;
   }
   return WithWidth;
 };