@mui/material 5.12.3 → 5.13.1

package/node/SpeedDialAction/SpeedDialAction.js

@@ -5,8 +5,6 @@ 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"));
@@ -19,9 +17,10 @@ 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,
@@ -48,7 +47,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,
@@ -58,10 +57,11 @@ 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,23 +79,26 @@ const SpeedDialActionStaticTooltip = (0, _styled.default)('span', {
   position: 'relative',
   display: 'flex',
   alignItems: 'center',
-  [`& .${_speedDialActionClasses.default.staticTooltipLabel}`]: (0, _extends2.default)({
+  [`& .${_speedDialActionClasses.default.staticTooltipLabel}`]: {
     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',
@@ -103,9 +106,9 @@ const SpeedDialActionStaticTooltipLabel = (0, _styled.default)('span', {
   overridesResolver: (props, styles) => styles.staticTooltipLabel
 })(({
   theme
-}) => (0, _extends2.default)({
-  position: 'absolute'
-}, theme.typography.body1, {
+}) => ({
+  position: 'absolute',
+  ...theme.typography.body1,
   backgroundColor: (theme.vars || theme).palette.background.paper,
   borderRadius: (theme.vars || theme).shape.borderRadius,
   boxShadow: (theme.vars || theme).shadows[1],
@@ -119,21 +122,22 @@ 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
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const ownerState = (0, _extends2.default)({}, props, {
+    className,
+    delay = 0,
+    FabProps = {},
+    icon,
+    id,
+    open,
+    TooltipClasses,
+    tooltipOpen: tooltipOpenProp = false,
+    tooltipPlacement = 'left',
+    tooltipTitle,
+    ...other
+  } = props;
+  const ownerState = {
+    ...props,
     tooltipPlacement
-  });
+  };
   const classes = useUtilityClasses(ownerState);
   const [tooltipOpen, setTooltipOpen] = React.useState(tooltipOpenProp);
   const handleTooltipClose = () => {
@@ -145,23 +149,26 @@ const SpeedDialAction = /*#__PURE__*/React.forwardRef(function SpeedDialAction(i
   const transitionStyle = {
     transitionDelay: `${delay}ms`
   };
-  const fab = /*#__PURE__*/(0, _jsxRuntime.jsx)(SpeedDialActionFab, (0, _extends2.default)({
+  const fab = /*#__PURE__*/(0, _jsxRuntime.jsx)(SpeedDialActionFab, {
     size: "small",
     className: (0, _clsx.default)(classes.fab, className),
     tabIndex: -1,
     role: "menuitem",
-    ownerState: ownerState
-  }, FabProps, {
-    style: (0, _extends2.default)({}, transitionStyle, FabProps.style),
+    ownerState: ownerState,
+    ...FabProps,
+    style: {
+      ...transitionStyle,
+      ...FabProps.style
+    },
     children: icon
-  }));
+  });
   if (tooltipOpenProp) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(SpeedDialActionStaticTooltip, (0, _extends2.default)({
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(SpeedDialActionStaticTooltip, {
       id: id,
       ref: ref,
       className: classes.staticTooltip,
-      ownerState: ownerState
-    }, other, {
+      ownerState: ownerState,
+      ...other,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(SpeedDialActionStaticTooltipLabel, {
         style: transitionStyle,
         id: `${id}-label`,
@@ -171,12 +178,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, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
     id: id,
     ref: ref,
     title: tooltipTitle,
@@ -184,10 +191,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,8 +5,6 @@ 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,7 +14,6 @@ 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 => {
@@ -56,26 +53,29 @@ const SpeedDialIconRoot = (0, _styled.default)('span', {
   ownerState
 }) => ({
   height: 24,
-  [`& .${_speedDialIconClasses.default.icon}`]: (0, _extends2.default)({
+  [`& .${_speedDialIconClasses.default.icon}`]: {
     transition: theme.transitions.create(['transform', 'opacity'], {
       duration: theme.transitions.duration.short
+    }),
+    ...(ownerState.open && {
+      transform: 'rotate(45deg)',
+      ...(ownerState.openIcon && {
+        opacity: 0
+      })
     })
-  }, 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
-  })
+    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,11 +83,12 @@ const SpeedDialIcon = /*#__PURE__*/React.forwardRef(function SpeedDialIcon(inPro
     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) {
@@ -98,15 +99,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

@@ -5,8 +5,6 @@ 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,7 +16,6 @@ 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 => {
@@ -44,12 +41,15 @@ const StepRoot = (0, _styled.default)('div', {
   }
 })(({
   ownerState
-}) => (0, _extends2.default)({}, ownerState.orientation === 'horizontal' && {
-  paddingLeft: 8,
-  paddingRight: 8
-}, ownerState.alternativeLabel && {
-  flex: 1,
-  position: 'relative'
+}) => ({
+  ...(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
-    } = 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,
@@ -92,7 +92,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,
@@ -100,16 +101,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

@@ -5,8 +5,6 @@ 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"));
@@ -20,7 +18,6 @@ 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 => {
@@ -47,16 +44,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)'
   }
@@ -67,12 +64,12 @@ const StepButton = /*#__PURE__*/React.forwardRef(function StepButton(inProps, re
     name: 'MuiStepButton'
   });
   const {
-      children,
-      className,
-      icon,
-      optional
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+    children,
+    className,
+    icon,
+    optional,
+    ...other
+  } = props;
   const {
     disabled,
     active
@@ -80,18 +77,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: {
@@ -100,10 +99,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,8 +5,6 @@ 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,7 +16,6 @@ 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 => {
@@ -47,15 +44,18 @@ const StepConnectorRoot = (0, _styled.default)('div', {
   }
 })(({
   ownerState
-}) => (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)'
+}) => ({
+  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,17 +71,19 @@ const StepConnectorLine = (0, _styled.default)('span', {
   theme
 }) => {
   const borderColor = theme.palette.mode === 'light' ? theme.palette.grey[400] : theme.palette.grey[600];
-  return (0, _extends2.default)({
+  return {
     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)({
@@ -89,9 +91,9 @@ const StepConnector = /*#__PURE__*/React.forwardRef(function StepConnector(inPro
     name: 'MuiStepConnector'
   });
   const {
-      className
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+    className,
+    ...other
+  } = props;
   const {
     alternativeLabel,
     orientation = 'horizontal'
@@ -101,24 +103,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 --------------------------------