@mui/material 5.14.18 → 5.14.20

package/node/Box/index.js

@@ -5,10 +5,33 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+var _exportNames = {
+  boxClasses: true
+};
+Object.defineProperty(exports, "boxClasses", {
+  enumerable: true,
+  get: function () {
+    return _boxClasses.default;
+  }
+});
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
     return _Box.default;
   }
 });
-var _Box = _interopRequireDefault(require("./Box"));
+var _Box = _interopRequireDefault(require("./Box"));
+var _boxClasses = _interopRequireWildcard(require("./boxClasses"));
+Object.keys(_boxClasses).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _boxClasses[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _boxClasses[key];
+    }
+  });
+});
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }

package/node/Chip/Chip.js

@@ -365,10 +365,10 @@ const Chip = /*#__PURE__*/React.forwardRef(function Chip(inProps, ref) {
   }) : {};
   let deleteIcon = null;
   if (onDelete) {
-    deleteIcon = deleteIconProp && /*#__PURE__*/React.isValidElement(deleteIconProp) ? /*#__PURE__*/React.cloneElement(deleteIconProp, {
+    deleteIcon = deleteIconProp && /*#__PURE__*/React.isValidElement(deleteIconProp) ? ( /*#__PURE__*/React.cloneElement(deleteIconProp, {
       className: (0, _clsx.default)(deleteIconProp.props.className, classes.deleteIcon),
       onClick: handleDeleteIconClick
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Cancel.default, {
+    })) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Cancel.default, {
       className: (0, _clsx.default)(classes.deleteIcon),
       onClick: handleDeleteIconClick
     });

package/node/FilledInput/FilledInput.js

@@ -223,7 +223,7 @@ const FilledInput = /*#__PURE__*/React.forwardRef(function FilledInput(inProps,
       ownerState
     }
   };
-  const componentsProps = (slotProps != null ? slotProps : componentsPropsProp) ? (0, _utils.deepmerge)(slotProps != null ? slotProps : componentsPropsProp, filledInputComponentsProps) : filledInputComponentsProps;
+  const componentsProps = (slotProps != null ? slotProps : componentsPropsProp) ? (0, _utils.deepmerge)(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)({

package/node/InputAdornment/InputAdornment.js

@@ -121,10 +121,10 @@ const InputAdornment = /*#__PURE__*/React.forwardRef(function InputAdornment(inP
         color: "text.secondary",
         children: children
       }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
-        children: [position === 'start' ? /* notranslate needed while Google Translate will not fix zero-width space issue */_span || (_span = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: [position === 'start' ? ( /* notranslate needed while Google Translate will not fix zero-width space issue */_span || (_span = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
           className: "notranslate",
           children: "\u200B"
-        })) : null, children]
+        }))) : null, children]
       })
     }))
   });

package/node/InputLabel/InputLabel.js

@@ -113,7 +113,11 @@ const InputLabelRoot = (0, _styled.default)(_FormLabel.default, {
   // but it feels a better when it bleeds a bit on the left, so 32px.
   maxWidth: 'calc(133% - 32px)',
   transform: 'translate(14px, -9px) scale(0.75)'
-})));
+}), ownerState.variant === 'standard' && {
+  '&:not(label) + div': {
+    marginTop: 16
+  }
+}));
 const InputLabel = /*#__PURE__*/React.forwardRef(function InputLabel(inProps, ref) {
   const props = (0, _useThemeProps.default)({
     name: 'MuiInputLabel',

package/node/Modal/Modal.js

@@ -283,6 +283,9 @@ process.env.NODE_ENV !== "production" ? Modal.propTypes /* remove-proptypes */ =
    * An HTML element or function that returns one.
    * The `container` will have the portal children appended to it.
    *
+   * You can also provide a callback, which is called in a React layout effect.
+   * This lets you set the container from a ref, and also makes server-side rendering possible.
+   *
    * By default, it uses the body of the top-level document object,
    * so it's simply `document.body` most of the time.
    */

package/node/Popper/Popper.js

@@ -125,6 +125,9 @@ process.env.NODE_ENV !== "production" ? Popper.propTypes /* remove-proptypes */
    * An HTML element or function that returns one.
    * The `container` will have the portal children appended to it.
    *
+   * You can also provide a callback, which is called in a React layout effect.
+   * This lets you set the container from a ref, and also makes server-side rendering possible.
+   *
    * By default, it uses the body of the top-level document object,
    * so it's simply `document.body` most of the time.
    */

package/node/Select/SelectInput.js

@@ -441,6 +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 hiddenInputId = (0, _utils.unstable_useId)();
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(SelectSelect, (0, _extends2.default)({
       ref: handleDisplayRef,
@@ -471,7 +472,7 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
     })), /*#__PURE__*/(0, _jsxRuntime.jsx)(SelectNativeInput, (0, _extends2.default)({
       "aria-invalid": error,
       value: Array.isArray(value) ? value.join(',') : value,
-      name: name,
+      name: name != null ? name : hiddenInputId,
       ref: inputRef,
       "aria-hidden": true,
       onChange: handleChange,

package/node/StepButton/StepButton.js

@@ -89,7 +89,7 @@ const StepButton = /*#__PURE__*/React.forwardRef(function StepButton(inProps, re
     icon,
     optional
   };
-  const child = (0, _isMuiElement.default)(children, ['StepLabel']) ? /*#__PURE__*/React.cloneElement(children, childProps) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_StepLabel.default, (0, _extends2.default)({}, childProps, {
+  const child = (0, _isMuiElement.default)(children, ['StepLabel']) ? ( /*#__PURE__*/React.cloneElement(children, childProps)) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_StepLabel.default, (0, _extends2.default)({}, childProps, {
     children: children
   }));
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(StepButtonRoot, (0, _extends2.default)({

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v5.14.18
+ * @mui/material v5.14.20
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/material",
-  "version": "5.14.18",
+  "version": "5.14.20",
   "private": false,
   "author": "MUI Team",
   "description": "React components that implement Google's Material Design.",
@@ -24,16 +24,16 @@
   "homepage": "https://mui.com/material-ui/",
   "funding": {
     "type": "opencollective",
-    "url": "https://opencollective.com/mui"
+    "url": "https://opencollective.com/mui-org"
   },
   "dependencies": {
-    "@babel/runtime": "^7.23.2",
-    "@mui/base": "5.0.0-beta.24",
-    "@mui/core-downloads-tracker": "^5.14.18",
-    "@mui/system": "^5.14.18",
-    "@mui/types": "^7.2.9",
-    "@mui/utils": "^5.14.18",
-    "@types/react-transition-group": "^4.4.8",
+    "@babel/runtime": "^7.23.4",
+    "@mui/base": "5.0.0-beta.26",
+    "@mui/core-downloads-tracker": "^5.14.20",
+    "@mui/system": "^5.14.20",
+    "@mui/types": "^7.2.10",
+    "@mui/utils": "^5.14.20",
+    "@types/react-transition-group": "^4.4.9",
     "clsx": "^2.0.0",
     "csstype": "^3.1.2",
     "prop-types": "^15.8.1",

package/umd/material-ui.development.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v5.14.18
+ * @mui/material v5.14.20
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -6795,51 +6795,25 @@
     }
     return `${value}px solid`;
   }
-  const border = style$2({
-    prop: 'border',
-    themeKey: 'borders',
-    transform: borderTransform
-  });
-  const borderTop = style$2({
-    prop: 'borderTop',
-    themeKey: 'borders',
-    transform: borderTransform
-  });
-  const borderRight = style$2({
-    prop: 'borderRight',
-    themeKey: 'borders',
-    transform: borderTransform
-  });
-  const borderBottom = style$2({
-    prop: 'borderBottom',
-    themeKey: 'borders',
-    transform: borderTransform
-  });
-  const borderLeft = style$2({
-    prop: 'borderLeft',
-    themeKey: 'borders',
-    transform: borderTransform
-  });
-  const borderColor = style$2({
-    prop: 'borderColor',
-    themeKey: 'palette'
-  });
-  const borderTopColor = style$2({
-    prop: 'borderTopColor',
-    themeKey: 'palette'
-  });
-  const borderRightColor = style$2({
-    prop: 'borderRightColor',
-    themeKey: 'palette'
-  });
-  const borderBottomColor = style$2({
-    prop: 'borderBottomColor',
-    themeKey: 'palette'
-  });
-  const borderLeftColor = style$2({
-    prop: 'borderLeftColor',
-    themeKey: 'palette'
-  });
+  function createBorderStyle(prop, transform) {
+    return style$2({
+      prop,
+      themeKey: 'borders',
+      transform
+    });
+  }
+  const border = createBorderStyle('border', borderTransform);
+  const borderTop = createBorderStyle('borderTop', borderTransform);
+  const borderRight = createBorderStyle('borderRight', borderTransform);
+  const borderBottom = createBorderStyle('borderBottom', borderTransform);
+  const borderLeft = createBorderStyle('borderLeft', borderTransform);
+  const borderColor = createBorderStyle('borderColor');
+  const borderTopColor = createBorderStyle('borderTopColor');
+  const borderRightColor = createBorderStyle('borderRightColor');
+  const borderBottomColor = createBorderStyle('borderBottomColor');
+  const borderLeftColor = createBorderStyle('borderLeftColor');
+  const outline = createBorderStyle('outline', borderTransform);
+  const outlineColor = createBorderStyle('outlineColor');
 
   // false positive
   // eslint-disable-next-line react/function-component-definition
@@ -6857,7 +6831,7 @@
     borderRadius: responsivePropType$1
   } ;
   borderRadius.filterProps = ['borderRadius'];
-  compose(border, borderTop, borderRight, borderBottom, borderLeft, borderColor, borderTopColor, borderRightColor, borderBottomColor, borderLeftColor, borderRadius);
+  compose(border, borderTop, borderRight, borderBottom, borderLeft, borderColor, borderTopColor, borderRightColor, borderBottomColor, borderLeftColor, borderRadius, outline, outlineColor);
 
   // false positive
   // eslint-disable-next-line react/function-component-definition
@@ -7061,6 +7035,13 @@
     borderLeftColor: {
       themeKey: 'palette'
     },
+    outline: {
+      themeKey: 'borders',
+      transform: borderTransform
+    },
+    outlineColor: {
+      themeKey: 'palette'
+    },
     borderRadius: {
       themeKey: 'shape.borderRadius',
       style: borderRadius
@@ -17955,6 +17936,9 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
      * An HTML element or function that returns one.
      * The `container` will have the portal children appended to it.
      *
+     * You can also provide a callback, which is called in a React layout effect.
+     * This lets you set the container from a ref, and also makes server-side rendering possible.
+     *
      * By default, it uses the body of the top-level document object,
      * so it's simply `document.body` most of the time.
      */
@@ -18250,6 +18234,9 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
      * An HTML element or function that returns one.
      * The `container` will have the portal children appended to it.
      *
+     * You can also provide a callback, which is called in a React layout effect.
+     * This lets you set the container from a ref, and also makes server-side rendering possible.
+     *
      * By default, it uses the body of the top-level document object,
      * so it's simply `document.body` most of the time.
      */
@@ -19892,6 +19879,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       filterSelectedOptions = false,
       freeSolo = false,
       getOptionDisabled,
+      getOptionKey,
       getOptionLabel: getOptionLabelProp = option => {
         var _option$label;
         return (_option$label = option.label) != null ? _option$label : option;
@@ -20769,10 +20757,11 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
         index,
         option
       }) => {
+        var _getOptionKey;
         const selected = (multiple ? value : [value]).some(value2 => value2 != null && isOptionEqualToValue(option, value2));
         const disabled = getOptionDisabled ? getOptionDisabled(option) : false;
         return {
-          key: getOptionLabel(option),
+          key: (_getOptionKey = getOptionKey == null ? void 0 : getOptionKey(option)) != null ? _getOptionKey : getOptionLabel(option),
           tabIndex: -1,
           role: 'option',
           id: `${id}-option-${index}`,
@@ -20906,6 +20895,9 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
      * An HTML element or function that returns one.
      * The `container` will have the portal children appended to it.
      *
+     * You can also provide a callback, which is called in a React layout effect.
+     * This lets you set the container from a ref, and also makes server-side rendering possible.
+     *
      * By default, it uses the body of the top-level document object,
      * so it's simply `document.body` most of the time.
      */
@@ -21477,10 +21469,10 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     }) : {};
     let deleteIcon = null;
     if (onDelete) {
-      deleteIcon = deleteIconProp && /*#__PURE__*/React__namespace.isValidElement(deleteIconProp) ? /*#__PURE__*/React__namespace.cloneElement(deleteIconProp, {
+      deleteIcon = deleteIconProp && /*#__PURE__*/React__namespace.isValidElement(deleteIconProp) ? ( /*#__PURE__*/React__namespace.cloneElement(deleteIconProp, {
         className: clsx(deleteIconProp.props.className, classes.deleteIcon),
         onClick: handleDeleteIconClick
-      }) : /*#__PURE__*/jsxRuntime_1(CancelIcon, {
+      })) : /*#__PURE__*/jsxRuntime_1(CancelIcon, {
         className: clsx(classes.deleteIcon),
         onClick: handleDeleteIconClick
       });
@@ -22423,7 +22415,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
   var autocompleteClasses$1 = autocompleteClasses;
 
   var _ClearIcon, _ArrowDropDownIcon;
-  const _excluded$1N = ["autoComplete", "autoHighlight", "autoSelect", "blurOnSelect", "ChipProps", "className", "clearIcon", "clearOnBlur", "clearOnEscape", "clearText", "closeText", "componentsProps", "defaultValue", "disableClearable", "disableCloseOnSelect", "disabled", "disabledItemsFocusable", "disableListWrap", "disablePortal", "filterOptions", "filterSelectedOptions", "forcePopupIcon", "freeSolo", "fullWidth", "getLimitTagsText", "getOptionDisabled", "getOptionLabel", "isOptionEqualToValue", "groupBy", "handleHomeEndKeys", "id", "includeInputInList", "inputValue", "limitTags", "ListboxComponent", "ListboxProps", "loading", "loadingText", "multiple", "noOptionsText", "onChange", "onClose", "onHighlightChange", "onInputChange", "onOpen", "open", "openOnFocus", "openText", "options", "PaperComponent", "PopperComponent", "popupIcon", "readOnly", "renderGroup", "renderInput", "renderOption", "renderTags", "selectOnFocus", "size", "slotProps", "value"],
+  const _excluded$1N = ["autoComplete", "autoHighlight", "autoSelect", "blurOnSelect", "ChipProps", "className", "clearIcon", "clearOnBlur", "clearOnEscape", "clearText", "closeText", "componentsProps", "defaultValue", "disableClearable", "disableCloseOnSelect", "disabled", "disabledItemsFocusable", "disableListWrap", "disablePortal", "filterOptions", "filterSelectedOptions", "forcePopupIcon", "freeSolo", "fullWidth", "getLimitTagsText", "getOptionDisabled", "getOptionKey", "getOptionLabel", "isOptionEqualToValue", "groupBy", "handleHomeEndKeys", "id", "includeInputInList", "inputValue", "limitTags", "ListboxComponent", "ListboxProps", "loading", "loadingText", "multiple", "noOptionsText", "onChange", "onClose", "onHighlightChange", "onInputChange", "onOpen", "open", "openOnFocus", "openText", "options", "PaperComponent", "PopperComponent", "popupIcon", "readOnly", "renderGroup", "renderInput", "renderOption", "renderTags", "selectOnFocus", "size", "slotProps", "value"],
     _excluded2$a = ["ref"],
     _excluded3$2 = ["key"];
   const useUtilityClasses$1x = ownerState => {
@@ -23225,6 +23217,14 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
      * @returns {boolean}
      */
     getOptionDisabled: PropTypes.func,
+    /**
+     * Used to determine the key for a given option.
+     * This can be useful when the labels of options are not unique (since labels are used as keys by default).
+     *
+     * @param {Value} option The option to get the key for.
+     * @returns {string | number}
+     */
+    getOptionKey: PropTypes.func,
     /**
      * Used to determine the string value for a given option.
      * It's used to fill the input (and the list box options if `renderOption` is not provided).
@@ -24942,11 +24942,14 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
   } ;
   var BottomNavigationAction$1 = BottomNavigationAction;
 
+  const boxClasses = generateUtilityClasses('MuiBox', ['root']);
+  var boxClasses$1 = boxClasses;
+
   const defaultTheme = createTheme();
   const Box = createBox({
     themeId: THEME_ID,
     defaultTheme,
-    defaultClassName: 'MuiBox-root',
+    defaultClassName: boxClasses$1.root,
     generateClassName: ClassNameGenerator$1.generate
   });
   Box.propTypes /* remove-proptypes */ = {
@@ -27807,6 +27810,9 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
      * An HTML element or function that returns one.
      * The `container` will have the portal children appended to it.
      *
+     * You can also provide a callback, which is called in a React layout effect.
+     * This lets you set the container from a ref, and also makes server-side rendering possible.
+     *
      * By default, it uses the body of the top-level document object,
      * so it's simply `document.body` most of the time.
      */
@@ -29905,7 +29911,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
         ownerState
       }
     };
-    const componentsProps = (slotProps != null ? slotProps : componentsPropsProp) ? deepmerge(slotProps != null ? slotProps : componentsPropsProp, filledInputComponentsProps) : filledInputComponentsProps;
+    const componentsProps = (slotProps != null ? slotProps : componentsPropsProp) ? deepmerge(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__*/jsxRuntime_1(InputBase$1, _extends({
@@ -33713,10 +33719,10 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
           color: "text.secondary",
           children: children
         }) : /*#__PURE__*/jsxRuntime_2(React__namespace.Fragment, {
-          children: [position === 'start' ? /* notranslate needed while Google Translate will not fix zero-width space issue */_span$2 || (_span$2 = /*#__PURE__*/jsxRuntime_1("span", {
+          children: [position === 'start' ? ( /* notranslate needed while Google Translate will not fix zero-width space issue */_span$2 || (_span$2 = /*#__PURE__*/jsxRuntime_1("span", {
             className: "notranslate",
             children: "\u200B"
-          })) : null, children]
+          }))) : null, children]
         })
       }))
     });
@@ -33868,7 +33874,11 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     // but it feels a better when it bleeds a bit on the left, so 32px.
     maxWidth: 'calc(133% - 32px)',
     transform: 'translate(14px, -9px) scale(0.75)'
-  })));
+  }), ownerState.variant === 'standard' && {
+    '&:not(label) + div': {
+      marginTop: 16
+    }
+  }));
   const InputLabel = /*#__PURE__*/React__namespace.forwardRef(function InputLabel(inProps, ref) {
     const props = useThemeProps({
       name: 'MuiInputLabel',
@@ -40301,6 +40311,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     const classes = useUtilityClasses$x(ownerState);
     const paperProps = _extends({}, MenuProps.PaperProps, (_MenuProps$slotProps = MenuProps.slotProps) == null ? void 0 : _MenuProps$slotProps.paper);
     const listboxId = useId();
+    const hiddenInputId = useId();
     return /*#__PURE__*/jsxRuntime_2(React__namespace.Fragment, {
       children: [/*#__PURE__*/jsxRuntime_1(SelectSelect, _extends({
         ref: handleDisplayRef,
@@ -40331,7 +40342,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       })), /*#__PURE__*/jsxRuntime_1(SelectNativeInput, _extends({
         "aria-invalid": error,
         value: Array.isArray(value) ? value.join(',') : value,
-        name: name,
+        name: name != null ? name : hiddenInputId,
         ref: inputRef,
         "aria-hidden": true,
         onChange: handleChange,
@@ -44792,7 +44803,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       icon,
       optional
     };
-    const child = isMuiElement(children, ['StepLabel']) ? /*#__PURE__*/React__namespace.cloneElement(children, childProps) : /*#__PURE__*/jsxRuntime_1(StepLabel$1, _extends({}, childProps, {
+    const child = isMuiElement(children, ['StepLabel']) ? ( /*#__PURE__*/React__namespace.cloneElement(children, childProps)) : /*#__PURE__*/jsxRuntime_1(StepLabel$1, _extends({}, childProps, {
       children: children
     }));
     return /*#__PURE__*/jsxRuntime_1(StepButtonRoot, _extends({
@@ -50155,6 +50166,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
   exports.badgeClasses = badgeClasses$1;
   exports.bottomNavigationActionClasses = bottomNavigationActionClasses$1;
   exports.bottomNavigationClasses = bottomNavigationClasses$1;
+  exports.boxClasses = boxClasses$1;
   exports.breadcrumbsClasses = breadcrumbsClasses$1;
   exports.buttonBaseClasses = buttonBaseClasses$1;
   exports.buttonClasses = buttonClasses$1;