@mui/material 5.13.1 → 5.13.2

package/node/SpeedDialAction/SpeedDialAction.js

@@ -5,6 +5,8 @@ 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"));
@@ -17,10 +19,9 @@ var _Tooltip = _interopRequireDefault(require("../Tooltip"));
 var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
 var _speedDialActionClasses = _interopRequireWildcard(require("./speedDialActionClasses"));
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["className", "delay", "FabProps", "icon", "id", "open", "TooltipClasses", "tooltipOpen", "tooltipPlacement", "tooltipTitle"]; // @inheritedComponent Tooltip
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-// @inheritedComponent Tooltip
-
 const useUtilityClasses = ownerState => {
   const {
     open,
@@ -47,7 +48,7 @@ const SpeedDialActionFab = (0, _styled.default)(_Fab.default, {
 })(({
   theme,
   ownerState
-}) => ({
+}) => (0, _extends2.default)({
   margin: 8,
   color: (theme.vars || theme).palette.text.secondary,
   backgroundColor: (theme.vars || theme).palette.background.paper,
@@ -57,11 +58,10 @@ const SpeedDialActionFab = (0, _styled.default)(_Fab.default, {
   transition: `${theme.transitions.create('transform', {
     duration: theme.transitions.duration.shorter
   })}, opacity 0.8s`,
-  opacity: 1,
-  ...(!ownerState.open && {
-    opacity: 0,
-    transform: 'scale(0)'
-  })
+  opacity: 1
+}, !ownerState.open && {
+  opacity: 0,
+  transform: 'scale(0)'
 }));
 const SpeedDialActionStaticTooltip = (0, _styled.default)('span', {
   name: 'MuiSpeedDialAction',
@@ -79,26 +79,23 @@ const SpeedDialActionStaticTooltip = (0, _styled.default)('span', {
   position: 'relative',
   display: 'flex',
   alignItems: 'center',
-  [`& .${_speedDialActionClasses.default.staticTooltipLabel}`]: {
+  [`& .${_speedDialActionClasses.default.staticTooltipLabel}`]: (0, _extends2.default)({
     transition: theme.transitions.create(['transform', 'opacity'], {
       duration: theme.transitions.duration.shorter
     }),
-    opacity: 1,
-    ...(!ownerState.open && {
-      opacity: 0,
-      transform: 'scale(0.5)'
-    }),
-    ...(ownerState.tooltipPlacement === 'left' && {
-      transformOrigin: '100% 50%',
-      right: '100%',
-      marginRight: 8
-    }),
-    ...(ownerState.tooltipPlacement === 'right' && {
-      transformOrigin: '0% 50%',
-      left: '100%',
-      marginLeft: 8
-    })
-  }
+    opacity: 1
+  }, !ownerState.open && {
+    opacity: 0,
+    transform: 'scale(0.5)'
+  }, ownerState.tooltipPlacement === 'left' && {
+    transformOrigin: '100% 50%',
+    right: '100%',
+    marginRight: 8
+  }, ownerState.tooltipPlacement === 'right' && {
+    transformOrigin: '0% 50%',
+    left: '100%',
+    marginLeft: 8
+  })
 }));
 const SpeedDialActionStaticTooltipLabel = (0, _styled.default)('span', {
   name: 'MuiSpeedDialAction',
@@ -106,9 +103,9 @@ const SpeedDialActionStaticTooltipLabel = (0, _styled.default)('span', {
   overridesResolver: (props, styles) => styles.staticTooltipLabel
 })(({
   theme
-}) => ({
-  position: 'absolute',
-  ...theme.typography.body1,
+}) => (0, _extends2.default)({
+  position: 'absolute'
+}, theme.typography.body1, {
   backgroundColor: (theme.vars || theme).palette.background.paper,
   borderRadius: (theme.vars || theme).shape.borderRadius,
   boxShadow: (theme.vars || theme).shadows[1],
@@ -122,22 +119,21 @@ const SpeedDialAction = /*#__PURE__*/React.forwardRef(function SpeedDialAction(i
     name: 'MuiSpeedDialAction'
   });
   const {
-    className,
-    delay = 0,
-    FabProps = {},
-    icon,
-    id,
-    open,
-    TooltipClasses,
-    tooltipOpen: tooltipOpenProp = false,
-    tooltipPlacement = 'left',
-    tooltipTitle,
-    ...other
-  } = props;
-  const ownerState = {
-    ...props,
+      className,
+      delay = 0,
+      FabProps = {},
+      icon,
+      id,
+      open,
+      TooltipClasses,
+      tooltipOpen: tooltipOpenProp = false,
+      tooltipPlacement = 'left',
+      tooltipTitle
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const ownerState = (0, _extends2.default)({}, props, {
     tooltipPlacement
-  };
+  });
   const classes = useUtilityClasses(ownerState);
   const [tooltipOpen, setTooltipOpen] = React.useState(tooltipOpenProp);
   const handleTooltipClose = () => {
@@ -149,26 +145,23 @@ const SpeedDialAction = /*#__PURE__*/React.forwardRef(function SpeedDialAction(i
   const transitionStyle = {
     transitionDelay: `${delay}ms`
   };
-  const fab = /*#__PURE__*/(0, _jsxRuntime.jsx)(SpeedDialActionFab, {
+  const fab = /*#__PURE__*/(0, _jsxRuntime.jsx)(SpeedDialActionFab, (0, _extends2.default)({
     size: "small",
     className: (0, _clsx.default)(classes.fab, className),
     tabIndex: -1,
     role: "menuitem",
-    ownerState: ownerState,
-    ...FabProps,
-    style: {
-      ...transitionStyle,
-      ...FabProps.style
-    },
+    ownerState: ownerState
+  }, FabProps, {
+    style: (0, _extends2.default)({}, transitionStyle, FabProps.style),
     children: icon
-  });
+  }));
   if (tooltipOpenProp) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(SpeedDialActionStaticTooltip, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(SpeedDialActionStaticTooltip, (0, _extends2.default)({
       id: id,
       ref: ref,
       className: classes.staticTooltip,
-      ownerState: ownerState,
-      ...other,
+      ownerState: ownerState
+    }, other, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(SpeedDialActionStaticTooltipLabel, {
         style: transitionStyle,
         id: `${id}-label`,
@@ -178,12 +171,12 @@ const SpeedDialAction = /*#__PURE__*/React.forwardRef(function SpeedDialAction(i
       }), /*#__PURE__*/React.cloneElement(fab, {
         'aria-labelledby': `${id}-label`
       })]
-    });
+    }));
   }
   if (!open && tooltipOpen) {
     setTooltipOpen(false);
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, (0, _extends2.default)({
     id: id,
     ref: ref,
     title: tooltipTitle,
@@ -191,10 +184,10 @@ const SpeedDialAction = /*#__PURE__*/React.forwardRef(function SpeedDialAction(i
     onClose: handleTooltipClose,
     onOpen: handleTooltipOpen,
     open: open && tooltipOpen,
-    classes: TooltipClasses,
-    ...other,
+    classes: TooltipClasses
+  }, other, {
     children: fab
-  });
+  }));
 });
 process.env.NODE_ENV !== "production" ? SpeedDialAction.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/node/SpeedDialIcon/SpeedDialIcon.js

@@ -5,6 +5,8 @@ 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"));
@@ -14,6 +16,7 @@ var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 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(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const useUtilityClasses = ownerState => {
@@ -53,29 +56,26 @@ const SpeedDialIconRoot = (0, _styled.default)('span', {
   ownerState
 }) => ({
   height: 24,
-  [`& .${_speedDialIconClasses.default.icon}`]: {
+  [`& .${_speedDialIconClasses.default.icon}`]: (0, _extends2.default)({
     transition: theme.transitions.create(['transform', 'opacity'], {
       duration: theme.transitions.duration.short
-    }),
-    ...(ownerState.open && {
-      transform: 'rotate(45deg)',
-      ...(ownerState.openIcon && {
-        opacity: 0
-      })
     })
-  },
-  [`& .${_speedDialIconClasses.default.openIcon}`]: {
+  }, ownerState.open && (0, _extends2.default)({
+    transform: 'rotate(45deg)'
+  }, ownerState.openIcon && {
+    opacity: 0
+  })),
+  [`& .${_speedDialIconClasses.default.openIcon}`]: (0, _extends2.default)({
     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
-    })
-  }
+    transform: 'rotate(-45deg)'
+  }, ownerState.open && {
+    transform: 'rotate(0deg)',
+    opacity: 1
+  })
 }));
 const SpeedDialIcon = /*#__PURE__*/React.forwardRef(function SpeedDialIcon(inProps, ref) {
   const props = (0, _useThemeProps.default)({
@@ -83,12 +83,11 @@ const SpeedDialIcon = /*#__PURE__*/React.forwardRef(function SpeedDialIcon(inPro
     name: 'MuiSpeedDialIcon'
   });
   const {
-    className,
-    icon: iconProp,
-    open,
-    openIcon: openIconProp,
-    ...other
-  } = props;
+      className,
+      icon: iconProp,
+      openIcon: openIconProp
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const ownerState = props;
   const classes = useUtilityClasses(ownerState);
   function formatIcon(icon, newClassName) {
@@ -99,15 +98,15 @@ const SpeedDialIcon = /*#__PURE__*/React.forwardRef(function SpeedDialIcon(inPro
     }
     return icon;
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(SpeedDialIconRoot, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(SpeedDialIconRoot, (0, _extends2.default)({
     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

@@ -5,6 +5,8 @@ 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"));
@@ -16,6 +18,7 @@ var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _styled = _interopRequireDefault(require("../styles/styled"));
 var _stepClasses = require("./stepClasses");
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["active", "children", "className", "component", "completed", "disabled", "expanded", "index", "last"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const useUtilityClasses = ownerState => {
@@ -41,15 +44,12 @@ const StepRoot = (0, _styled.default)('div', {
   }
 })(({
   ownerState
-}) => ({
-  ...(ownerState.orientation === 'horizontal' && {
-    paddingLeft: 8,
-    paddingRight: 8
-  }),
-  ...(ownerState.alternativeLabel && {
-    flex: 1,
-    position: 'relative'
-  })
+}) => (0, _extends2.default)({}, ownerState.orientation === 'horizontal' && {
+  paddingLeft: 8,
+  paddingRight: 8
+}, ownerState.alternativeLabel && {
+  flex: 1,
+  position: 'relative'
 }));
 const Step = /*#__PURE__*/React.forwardRef(function Step(inProps, ref) {
   const props = (0, _useThemeProps.default)({
@@ -57,17 +57,17 @@ const Step = /*#__PURE__*/React.forwardRef(function Step(inProps, ref) {
     name: 'MuiStep'
   });
   const {
-    active: activeProp,
-    children,
-    className,
-    component = 'div',
-    completed: completedProp,
-    disabled: disabledProp,
-    expanded = false,
-    index,
-    last,
-    ...other
-  } = props;
+      active: activeProp,
+      children,
+      className,
+      component = 'div',
+      completed: completedProp,
+      disabled: disabledProp,
+      expanded = false,
+      index,
+      last
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const {
     activeStep,
     connector,
@@ -92,8 +92,7 @@ const Step = /*#__PURE__*/React.forwardRef(function Step(inProps, ref) {
     completed,
     disabled
   }), [index, last, expanded, active, completed, disabled]);
-  const ownerState = {
-    ...props,
+  const ownerState = (0, _extends2.default)({}, props, {
     active,
     orientation,
     alternativeLabel,
@@ -101,16 +100,16 @@ const Step = /*#__PURE__*/React.forwardRef(function Step(inProps, ref) {
     disabled,
     expanded,
     component
-  };
+  });
   const classes = useUtilityClasses(ownerState);
-  const newChildren = /*#__PURE__*/(0, _jsxRuntime.jsxs)(StepRoot, {
+  const newChildren = /*#__PURE__*/(0, _jsxRuntime.jsxs)(StepRoot, (0, _extends2.default)({
     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

@@ -5,6 +5,8 @@ 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"));
@@ -18,6 +20,7 @@ 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(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const useUtilityClasses = ownerState => {
@@ -44,16 +47,16 @@ const StepButtonRoot = (0, _styled.default)(_ButtonBase.default, {
   }
 })(({
   ownerState
-}) => ({
+}) => (0, _extends2.default)({
   width: '100%',
   padding: '24px 16px',
   margin: '-24px -16px',
-  boxSizing: 'content-box',
-  ...(ownerState.orientation === 'vertical' && {
-    justifyContent: 'flex-start',
-    padding: '8px',
-    margin: '-8px'
-  }),
+  boxSizing: 'content-box'
+}, ownerState.orientation === 'vertical' && {
+  justifyContent: 'flex-start',
+  padding: '8px',
+  margin: '-8px'
+}, {
   [`& .${_stepButtonClasses.default.touchRipple}`]: {
     color: 'rgba(0, 0, 0, 0.3)'
   }
@@ -64,12 +67,12 @@ const StepButton = /*#__PURE__*/React.forwardRef(function StepButton(inProps, re
     name: 'MuiStepButton'
   });
   const {
-    children,
-    className,
-    icon,
-    optional,
-    ...other
-  } = props;
+      children,
+      className,
+      icon,
+      optional
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const {
     disabled,
     active
@@ -77,20 +80,18 @@ const StepButton = /*#__PURE__*/React.forwardRef(function StepButton(inProps, re
   const {
     orientation
   } = React.useContext(_StepperContext.default);
-  const ownerState = {
-    ...props,
+  const ownerState = (0, _extends2.default)({}, 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, {
-    ...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, {
+  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StepButtonRoot, (0, _extends2.default)({
     focusRipple: true,
     disabled: disabled,
     TouchRippleProps: {
@@ -99,10 +100,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

@@ -5,6 +5,8 @@ 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"));
@@ -16,6 +18,7 @@ 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(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const useUtilityClasses = ownerState => {
@@ -44,18 +47,15 @@ const StepConnectorRoot = (0, _styled.default)('div', {
   }
 })(({
   ownerState
-}) => ({
-  flex: '1 1 auto',
-  ...(ownerState.orientation === 'vertical' && {
-    marginLeft: 12 // half icon
-  }),
-
-  ...(ownerState.alternativeLabel && {
-    position: 'absolute',
-    top: 8 + 4,
-    left: 'calc(-50% + 20px)',
-    right: 'calc(50% + 20px)'
-  })
+}) => (0, _extends2.default)({
+  flex: '1 1 auto'
+}, ownerState.orientation === 'vertical' && {
+  marginLeft: 12 // half icon
+}, ownerState.alternativeLabel && {
+  position: 'absolute',
+  top: 8 + 4,
+  left: 'calc(-50% + 20px)',
+  right: 'calc(50% + 20px)'
 }));
 const StepConnectorLine = (0, _styled.default)('span', {
   name: 'MuiStepConnector',
@@ -71,19 +71,17 @@ const StepConnectorLine = (0, _styled.default)('span', {
   theme
 }) => {
   const borderColor = theme.palette.mode === 'light' ? theme.palette.grey[400] : theme.palette.grey[600];
-  return {
+  return (0, _extends2.default)({
     display: 'block',
-    borderColor: theme.vars ? theme.vars.palette.StepConnector.border : borderColor,
-    ...(ownerState.orientation === 'horizontal' && {
-      borderTopStyle: 'solid',
-      borderTopWidth: 1
-    }),
-    ...(ownerState.orientation === 'vertical' && {
-      borderLeftStyle: 'solid',
-      borderLeftWidth: 1,
-      minHeight: 24
-    })
-  };
+    borderColor: theme.vars ? theme.vars.palette.StepConnector.border : borderColor
+  }, ownerState.orientation === 'horizontal' && {
+    borderTopStyle: 'solid',
+    borderTopWidth: 1
+  }, ownerState.orientation === 'vertical' && {
+    borderLeftStyle: 'solid',
+    borderLeftWidth: 1,
+    minHeight: 24
+  });
 });
 const StepConnector = /*#__PURE__*/React.forwardRef(function StepConnector(inProps, ref) {
   const props = (0, _useThemeProps.default)({
@@ -91,9 +89,9 @@ const StepConnector = /*#__PURE__*/React.forwardRef(function StepConnector(inPro
     name: 'MuiStepConnector'
   });
   const {
-    className,
-    ...other
-  } = props;
+      className
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const {
     alternativeLabel,
     orientation = 'horizontal'
@@ -103,25 +101,24 @@ const StepConnector = /*#__PURE__*/React.forwardRef(function StepConnector(inPro
     disabled,
     completed
   } = React.useContext(_StepContext.default);
-  const ownerState = {
-    ...props,
+  const ownerState = (0, _extends2.default)({}, props, {
     alternativeLabel,
     orientation,
     active,
     completed,
     disabled
-  };
+  });
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StepConnectorRoot, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StepConnectorRoot, (0, _extends2.default)({
     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 --------------------------------