@mui/material 6.0.0-dev.240424162023-9968b4889d → 6.0.0

package/node/SpeedDialIcon/SpeedDialIcon.js

@@ -6,18 +6,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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 _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
-var _styled = _interopRequireDefault(require("../styles/styled"));
-var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
+var _zeroStyled = require("../zero-styled");
+var _memoTheme = _interopRequireDefault(require("../utils/memoTheme"));
+var _DefaultPropsProvider = require("../DefaultPropsProvider");
 var _Add = _interopRequireDefault(require("../internal/svg-icons/Add"));
 var _speedDialIconClasses = _interopRequireWildcard(require("./speedDialIconClasses"));
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["className", "icon", "open", "openIcon"];
 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 && {}.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; }
 const useUtilityClasses = ownerState => {
@@ -33,7 +31,7 @@ const useUtilityClasses = ownerState => {
   };
   return (0, _composeClasses.default)(slots, _speedDialIconClasses.getSpeedDialIconUtilityClass, classes);
 };
-const SpeedDialIconRoot = (0, _styled.default)('span', {
+const SpeedDialIconRoot = (0, _zeroStyled.styled)('span', {
   name: 'MuiSpeedDialIcon',
   slot: 'Root',
   overridesResolver: (props, styles) => {
@@ -52,43 +50,65 @@ const SpeedDialIconRoot = (0, _styled.default)('span', {
       [`& .${_speedDialIconClasses.default.openIcon}`]: ownerState.open && styles.openIconOpen
     }, styles.root];
   }
-})(({
-  theme,
-  ownerState
+})((0, _memoTheme.default)(({
+  theme
 }) => ({
   height: 24,
-  [`& .${_speedDialIconClasses.default.icon}`]: (0, _extends2.default)({
+  [`& .${_speedDialIconClasses.default.icon}`]: {
     transition: theme.transitions.create(['transform', 'opacity'], {
       duration: theme.transitions.duration.short
     })
-  }, ownerState.open && (0, _extends2.default)({
-    transform: 'rotate(45deg)'
-  }, ownerState.openIcon && {
-    opacity: 0
-  })),
-  [`& .${_speedDialIconClasses.default.openIcon}`]: (0, _extends2.default)({
+  },
+  [`& .${_speedDialIconClasses.default.openIcon}`]: {
     position: 'absolute',
     transition: theme.transitions.create(['transform', 'opacity'], {
       duration: theme.transitions.duration.short
     }),
     opacity: 0,
     transform: 'rotate(-45deg)'
-  }, ownerState.open && {
-    transform: 'rotate(0deg)',
-    opacity: 1
-  })
-}));
+  },
+  variants: [{
+    props: ({
+      ownerState
+    }) => ownerState.open,
+    style: {
+      [`& .${_speedDialIconClasses.default.icon}`]: {
+        transform: 'rotate(45deg)'
+      }
+    }
+  }, {
+    props: ({
+      ownerState
+    }) => ownerState.open && ownerState.openIcon,
+    style: {
+      [`& .${_speedDialIconClasses.default.icon}`]: {
+        opacity: 0
+      }
+    }
+  }, {
+    props: ({
+      ownerState
+    }) => ownerState.open,
+    style: {
+      [`& .${_speedDialIconClasses.default.openIcon}`]: {
+        transform: 'rotate(0deg)',
+        opacity: 1
+      }
+    }
+  }]
+})));
 const SpeedDialIcon = /*#__PURE__*/React.forwardRef(function SpeedDialIcon(inProps, ref) {
-  const props = (0, _useThemeProps.default)({
+  const props = (0, _DefaultPropsProvider.useDefaultProps)({
     props: inProps,
     name: 'MuiSpeedDialIcon'
   });
   const {
-      className,
-      icon: iconProp,
-      openIcon: openIconProp
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+    className,
+    icon: iconProp,
+    open,
+    openIcon: openIconProp,
+    ...other
+  } = props;
   const ownerState = props;
   const classes = useUtilityClasses(ownerState);
   function formatIcon(icon, newClassName) {
@@ -99,15 +119,15 @@ const SpeedDialIcon = /*#__PURE__*/React.forwardRef(function SpeedDialIcon(inPro
     }
     return icon;
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(SpeedDialIconRoot, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(SpeedDialIconRoot, {
     className: (0, _clsx.default)(classes.root, className),
     ref: ref,
-    ownerState: ownerState
-  }, other, {
+    ownerState: ownerState,
+    ...other,
     children: [openIconProp ? formatIcon(openIconProp, classes.openIcon) : null, iconProp ? formatIcon(iconProp, classes.icon) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Add.default, {
       className: classes.icon
     })]
-  }));
+  });
 });
 process.env.NODE_ENV !== "production" ? SpeedDialIcon.propTypes /* remove-proptypes */ = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐

package/node/Step/Step.js

@@ -6,8 +6,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-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 _clsx = _interopRequireDefault(require("clsx"));
@@ -16,12 +14,11 @@ var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"
 var _StepperContext = _interopRequireDefault(require("../Stepper/StepperContext"));
 var _StepContext = _interopRequireDefault(require("./StepContext"));
 var _zeroStyled = require("../zero-styled");
+var _DefaultPropsProvider = require("../DefaultPropsProvider");
 var _stepClasses = require("./stepClasses");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["active", "children", "className", "component", "completed", "disabled", "expanded", "index", "last"];
 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 && {}.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; }
-const useThemeProps = (0, _zeroStyled.createUseThemeProps)('MuiStep');
 const useUtilityClasses = ownerState => {
   const {
     classes,
@@ -63,22 +60,22 @@ const StepRoot = (0, _zeroStyled.styled)('div', {
   }]
 });
 const Step = /*#__PURE__*/React.forwardRef(function Step(inProps, ref) {
-  const props = useThemeProps({
+  const props = (0, _DefaultPropsProvider.useDefaultProps)({
     props: inProps,
     name: 'MuiStep'
   });
   const {
-      active: activeProp,
-      children,
-      className,
-      component = 'div',
-      completed: completedProp,
-      disabled: disabledProp,
-      expanded = false,
-      index,
-      last
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+    active: activeProp,
+    children,
+    className,
+    component = 'div',
+    completed: completedProp,
+    disabled: disabledProp,
+    expanded = false,
+    index,
+    last,
+    ...other
+  } = props;
   const {
     activeStep,
     connector,
@@ -103,7 +100,8 @@ const Step = /*#__PURE__*/React.forwardRef(function Step(inProps, ref) {
     completed,
     disabled
   }), [index, last, expanded, active, completed, disabled]);
-  const ownerState = (0, _extends2.default)({}, props, {
+  const ownerState = {
+    ...props,
     active,
     orientation,
     alternativeLabel,
@@ -111,16 +109,16 @@ const Step = /*#__PURE__*/React.forwardRef(function Step(inProps, ref) {
     disabled,
     expanded,
     component
-  });
+  };
   const classes = useUtilityClasses(ownerState);
-  const newChildren = /*#__PURE__*/(0, _jsxRuntime.jsxs)(StepRoot, (0, _extends2.default)({
+  const newChildren = /*#__PURE__*/(0, _jsxRuntime.jsxs)(StepRoot, {
     as: component,
     className: (0, _clsx.default)(classes.root, className),
     ref: ref,
-    ownerState: ownerState
-  }, other, {
+    ownerState: ownerState,
+    ...other,
     children: [connector && alternativeLabel && index !== 0 ? connector : null, children]
-  }));
+  });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_StepContext.default.Provider, {
     value: contextValue,
     children: connector && !alternativeLabel && index !== 0 ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {

package/node/StepButton/StepButton.js

@@ -6,13 +6,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-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 _clsx = _interopRequireDefault(require("clsx"));
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _zeroStyled = require("../zero-styled");
+var _DefaultPropsProvider = require("../DefaultPropsProvider");
 var _ButtonBase = _interopRequireDefault(require("../ButtonBase"));
 var _StepLabel = _interopRequireDefault(require("../StepLabel"));
 var _isMuiElement = _interopRequireDefault(require("../utils/isMuiElement"));
@@ -20,10 +19,8 @@ var _StepperContext = _interopRequireDefault(require("../Stepper/StepperContext"
 var _StepContext = _interopRequireDefault(require("../Step/StepContext"));
 var _stepButtonClasses = _interopRequireWildcard(require("./stepButtonClasses"));
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["children", "className", "icon", "optional"];
 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 && {}.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; }
-const useThemeProps = (0, _zeroStyled.createUseThemeProps)('MuiStepButton');
 const useUtilityClasses = ownerState => {
   const {
     classes,
@@ -66,17 +63,17 @@ const StepButtonRoot = (0, _zeroStyled.styled)(_ButtonBase.default, {
   }]
 });
 const StepButton = /*#__PURE__*/React.forwardRef(function StepButton(inProps, ref) {
-  const props = useThemeProps({
+  const props = (0, _DefaultPropsProvider.useDefaultProps)({
     props: inProps,
     name: 'MuiStepButton'
   });
   const {
-      children,
-      className,
-      icon,
-      optional
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+    children,
+    className,
+    icon,
+    optional,
+    ...other
+  } = props;
   const {
     disabled,
     active
@@ -84,18 +81,20 @@ const StepButton = /*#__PURE__*/React.forwardRef(function StepButton(inProps, re
   const {
     orientation
   } = React.useContext(_StepperContext.default);
-  const ownerState = (0, _extends2.default)({}, props, {
+  const ownerState = {
+    ...props,
     orientation
-  });
+  };
   const classes = useUtilityClasses(ownerState);
   const childProps = {
     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, {
+    ...childProps,
     children: children
-  }));
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StepButtonRoot, (0, _extends2.default)({
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StepButtonRoot, {
     focusRipple: true,
     disabled: disabled,
     TouchRippleProps: {
@@ -104,10 +103,10 @@ const StepButton = /*#__PURE__*/React.forwardRef(function StepButton(inProps, re
     className: (0, _clsx.default)(classes.root, className),
     ref: ref,
     ownerState: ownerState,
-    "aria-current": active ? 'step' : undefined
-  }, other, {
+    "aria-current": active ? 'step' : undefined,
+    ...other,
     children: child
-  }));
+  });
 });
 process.env.NODE_ENV !== "production" ? StepButton.propTypes /* remove-proptypes */ = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐

package/node/StepConnector/StepConnector.js

@@ -6,22 +6,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-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 _clsx = _interopRequireDefault(require("clsx"));
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
 var _zeroStyled = require("../zero-styled");
+var _memoTheme = _interopRequireDefault(require("../utils/memoTheme"));
+var _DefaultPropsProvider = require("../DefaultPropsProvider");
 var _StepperContext = _interopRequireDefault(require("../Stepper/StepperContext"));
 var _StepContext = _interopRequireDefault(require("../Step/StepContext"));
 var _stepConnectorClasses = require("./stepConnectorClasses");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["className"];
 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 && {}.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; }
-const useThemeProps = (0, _zeroStyled.createUseThemeProps)('MuiStepConnector');
 const useUtilityClasses = ownerState => {
   const {
     classes,
@@ -76,7 +74,7 @@ const StepConnectorLine = (0, _zeroStyled.styled)('span', {
     } = props;
     return [styles.line, styles[`line${(0, _capitalize.default)(ownerState.orientation)}`]];
   }
-})(({
+})((0, _memoTheme.default)(({
   theme
 }) => {
   const borderColor = theme.palette.mode === 'light' ? theme.palette.grey[400] : theme.palette.grey[600];
@@ -102,16 +100,16 @@ const StepConnectorLine = (0, _zeroStyled.styled)('span', {
       }
     }]
   };
-});
+}));
 const StepConnector = /*#__PURE__*/React.forwardRef(function StepConnector(inProps, ref) {
-  const props = useThemeProps({
+  const props = (0, _DefaultPropsProvider.useDefaultProps)({
     props: inProps,
     name: 'MuiStepConnector'
   });
   const {
-      className
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+    className,
+    ...other
+  } = props;
   const {
     alternativeLabel,
     orientation = 'horizontal'
@@ -121,24 +119,25 @@ const StepConnector = /*#__PURE__*/React.forwardRef(function StepConnector(inPro
     disabled,
     completed
   } = React.useContext(_StepContext.default);
-  const ownerState = (0, _extends2.default)({}, props, {
+  const ownerState = {
+    ...props,
     alternativeLabel,
     orientation,
     active,
     completed,
     disabled
-  });
+  };
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StepConnectorRoot, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StepConnectorRoot, {
     className: (0, _clsx.default)(classes.root, className),
     ref: ref,
-    ownerState: ownerState
-  }, other, {
+    ownerState: ownerState,
+    ...other,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(StepConnectorLine, {
       className: classes.line,
       ownerState: ownerState
     })
-  }));
+  });
 });
 process.env.NODE_ENV !== "production" ? StepConnector.propTypes /* remove-proptypes */ = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐

package/node/StepContent/StepContent.js

@@ -6,22 +6,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-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 _clsx = _interopRequireDefault(require("clsx"));
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _zeroStyled = require("../zero-styled");
+var _memoTheme = _interopRequireDefault(require("../utils/memoTheme"));
+var _DefaultPropsProvider = require("../DefaultPropsProvider");
 var _Collapse = _interopRequireDefault(require("../Collapse"));
 var _StepperContext = _interopRequireDefault(require("../Stepper/StepperContext"));
 var _StepContext = _interopRequireDefault(require("../Step/StepContext"));
 var _stepContentClasses = require("./stepContentClasses");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["children", "className", "TransitionComponent", "transitionDuration", "TransitionProps"];
 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 && {}.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; }
-const useThemeProps = (0, _zeroStyled.createUseThemeProps)('MuiStepContent');
 const useUtilityClasses = ownerState => {
   const {
     classes,
@@ -42,7 +40,7 @@ const StepContentRoot = (0, _zeroStyled.styled)('div', {
     } = props;
     return [styles.root, ownerState.last && styles.last];
   }
-})(({
+})((0, _memoTheme.default)(({
   theme
 }) => ({
   marginLeft: 12,
@@ -59,25 +57,25 @@ const StepContentRoot = (0, _zeroStyled.styled)('div', {
       borderLeft: 'none'
     }
   }]
-}));
+})));
 const StepContentTransition = (0, _zeroStyled.styled)(_Collapse.default, {
   name: 'MuiStepContent',
   slot: 'Transition',
   overridesResolver: (props, styles) => styles.transition
 })({});
 const StepContent = /*#__PURE__*/React.forwardRef(function StepContent(inProps, ref) {
-  const props = useThemeProps({
+  const props = (0, _DefaultPropsProvider.useDefaultProps)({
     props: inProps,
     name: 'MuiStepContent'
   });
   const {
-      children,
-      className,
-      TransitionComponent = _Collapse.default,
-      transitionDuration: transitionDurationProp = 'auto',
-      TransitionProps
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+    children,
+    className,
+    TransitionComponent = _Collapse.default,
+    transitionDuration: transitionDurationProp = 'auto',
+    TransitionProps,
+    ...other
+  } = props;
   const {
     orientation
   } = React.useContext(_StepperContext.default);
@@ -86,9 +84,10 @@ const StepContent = /*#__PURE__*/React.forwardRef(function StepContent(inProps,
     last,
     expanded
   } = React.useContext(_StepContext.default);
-  const ownerState = (0, _extends2.default)({}, props, {
+  const ownerState = {
+    ...props,
     last
-  });
+  };
   const classes = useUtilityClasses(ownerState);
   if (process.env.NODE_ENV !== 'production') {
     if (orientation !== 'vertical') {
@@ -99,22 +98,22 @@ const StepContent = /*#__PURE__*/React.forwardRef(function StepContent(inProps,
   if (transitionDurationProp === 'auto' && !TransitionComponent.muiSupportAuto) {
     transitionDuration = undefined;
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StepContentRoot, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StepContentRoot, {
     className: (0, _clsx.default)(classes.root, className),
     ref: ref,
-    ownerState: ownerState
-  }, other, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(StepContentTransition, (0, _extends2.default)({
+    ownerState: ownerState,
+    ...other,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(StepContentTransition, {
       as: TransitionComponent,
       in: active || expanded,
       className: classes.transition,
       ownerState: ownerState,
       timeout: transitionDuration,
-      unmountOnExit: true
-    }, TransitionProps, {
+      unmountOnExit: true,
+      ...TransitionProps,
       children: children
-    }))
-  }));
+    })
+  });
 });
 process.env.NODE_ENV !== "production" ? StepContent.propTypes /* remove-proptypes */ = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐

package/node/StepIcon/StepIcon.js

@@ -6,23 +6,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-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 _clsx = _interopRequireDefault(require("clsx"));
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _zeroStyled = require("../zero-styled");
+var _memoTheme = _interopRequireDefault(require("../utils/memoTheme"));
+var _DefaultPropsProvider = require("../DefaultPropsProvider");
 var _CheckCircle = _interopRequireDefault(require("../internal/svg-icons/CheckCircle"));
 var _Warning = _interopRequireDefault(require("../internal/svg-icons/Warning"));
 var _SvgIcon = _interopRequireDefault(require("../SvgIcon"));
 var _stepIconClasses = _interopRequireWildcard(require("./stepIconClasses"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _circle;
-const _excluded = ["active", "className", "completed", "error", "icon"];
 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 && {}.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; }
-const useThemeProps = (0, _zeroStyled.createUseThemeProps)('MuiStepIcon');
 const useUtilityClasses = ownerState => {
   const {
     classes,
@@ -40,7 +38,7 @@ const StepIconRoot = (0, _zeroStyled.styled)(_SvgIcon.default, {
   name: 'MuiStepIcon',
   slot: 'Root',
   overridesResolver: (props, styles) => styles.root
-})(({
+})((0, _memoTheme.default)(({
   theme
 }) => ({
   display: 'block',
@@ -57,60 +55,63 @@ const StepIconRoot = (0, _zeroStyled.styled)(_SvgIcon.default, {
   [`&.${_stepIconClasses.default.error}`]: {
     color: (theme.vars || theme).palette.error.main
   }
-}));
+})));
 const StepIconText = (0, _zeroStyled.styled)('text', {
   name: 'MuiStepIcon',
   slot: 'Text',
   overridesResolver: (props, styles) => styles.text
-})(({
+})((0, _memoTheme.default)(({
   theme
 }) => ({
   fill: (theme.vars || theme).palette.primary.contrastText,
   fontSize: theme.typography.caption.fontSize,
   fontFamily: theme.typography.fontFamily
-}));
+})));
 const StepIcon = /*#__PURE__*/React.forwardRef(function StepIcon(inProps, ref) {
-  const props = useThemeProps({
+  const props = (0, _DefaultPropsProvider.useDefaultProps)({
     props: inProps,
     name: 'MuiStepIcon'
   });
   const {
-      active = false,
-      className: classNameProp,
-      completed = false,
-      error = false,
-      icon
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const ownerState = (0, _extends2.default)({}, props, {
+    active = false,
+    className: classNameProp,
+    completed = false,
+    error = false,
+    icon,
+    ...other
+  } = props;
+  const ownerState = {
+    ...props,
     active,
     completed,
     error
-  });
+  };
   const classes = useUtilityClasses(ownerState);
   if (typeof icon === 'number' || typeof icon === 'string') {
     const className = (0, _clsx.default)(classNameProp, classes.root);
     if (error) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(StepIconRoot, (0, _extends2.default)({
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(StepIconRoot, {
         as: _Warning.default,
         className: className,
         ref: ref,
-        ownerState: ownerState
-      }, other));
+        ownerState: ownerState,
+        ...other
+      });
     }
     if (completed) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(StepIconRoot, (0, _extends2.default)({
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(StepIconRoot, {
         as: _CheckCircle.default,
         className: className,
         ref: ref,
-        ownerState: ownerState
-      }, other));
+        ownerState: ownerState,
+        ...other
+      });
     }
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(StepIconRoot, (0, _extends2.default)({
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(StepIconRoot, {
       className: className,
       ref: ref,
-      ownerState: ownerState
-    }, other, {
+      ownerState: ownerState,
+      ...other,
       children: [_circle || (_circle = /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
         cx: "12",
         cy: "12",
@@ -124,7 +125,7 @@ const StepIcon = /*#__PURE__*/React.forwardRef(function StepIcon(inProps, ref) {
         ownerState: ownerState,
         children: icon
       })]
-    }));
+    });
   }
   return icon;
 });