@mui/material 5.12.3 → 5.13.1

package/legacy/SpeedDialAction/SpeedDialAction.js

@@ -1,6 +1,7 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _extends from "@babel/runtime/helpers/esm/extends";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 // @inheritedComponent Tooltip
 import * as React from 'react';
 import PropTypes from 'prop-types';
@@ -37,7 +38,7 @@ var SpeedDialActionFab = styled(Fab, {
 })(function (_ref) {
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
-  return _extends({
+  return _objectSpread({
     margin: 8,
     color: (theme.vars || theme).palette.text.secondary,
     backgroundColor: (theme.vars || theme).palette.background.paper,
@@ -67,7 +68,7 @@ var SpeedDialActionStaticTooltip = styled('span', {
     position: 'relative',
     display: 'flex',
     alignItems: 'center'
-  }, "& .".concat(speedDialActionClasses.staticTooltipLabel), _extends({
+  }, "& .".concat(speedDialActionClasses.staticTooltipLabel), _objectSpread(_objectSpread(_objectSpread({
     transition: theme.transitions.create(['transform', 'opacity'], {
       duration: theme.transitions.duration.shorter
     }),
@@ -75,11 +76,11 @@ var SpeedDialActionStaticTooltip = styled('span', {
   }, !ownerState.open && {
     opacity: 0,
     transform: 'scale(0.5)'
-  }, ownerState.tooltipPlacement === 'left' && {
+  }), ownerState.tooltipPlacement === 'left' && {
     transformOrigin: '100% 50%',
     right: '100%',
     marginRight: 8
-  }, ownerState.tooltipPlacement === 'right' && {
+  }), ownerState.tooltipPlacement === 'right' && {
     transformOrigin: '0% 50%',
     left: '100%',
     marginLeft: 8
@@ -93,9 +94,9 @@ var SpeedDialActionStaticTooltipLabel = styled('span', {
   }
 })(function (_ref4) {
   var theme = _ref4.theme;
-  return _extends({
+  return _objectSpread(_objectSpread({
     position: 'absolute'
-  }, theme.typography.body1, {
+  }, theme.typography.body1), {}, {
     backgroundColor: (theme.vars || theme).palette.background.paper,
     borderRadius: (theme.vars || theme).shape.borderRadius,
     boxShadow: (theme.vars || theme).shadows[1],
@@ -124,7 +125,7 @@ var SpeedDialAction = /*#__PURE__*/React.forwardRef(function SpeedDialAction(inP
     tooltipPlacement = _props$tooltipPlaceme === void 0 ? 'left' : _props$tooltipPlaceme,
     tooltipTitle = props.tooltipTitle,
     other = _objectWithoutProperties(props, ["className", "delay", "FabProps", "icon", "id", "open", "TooltipClasses", "tooltipOpen", "tooltipPlacement", "tooltipTitle"]);
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     tooltipPlacement: tooltipPlacement
   });
   var classes = useUtilityClasses(ownerState);
@@ -140,23 +141,23 @@ var SpeedDialAction = /*#__PURE__*/React.forwardRef(function SpeedDialAction(inP
   var transitionStyle = {
     transitionDelay: "".concat(delay, "ms")
   };
-  var fab = /*#__PURE__*/_jsx(SpeedDialActionFab, _extends({
+  var fab = /*#__PURE__*/_jsx(SpeedDialActionFab, _objectSpread(_objectSpread({
     size: "small",
     className: clsx(classes.fab, className),
     tabIndex: -1,
     role: "menuitem",
     ownerState: ownerState
-  }, FabProps, {
-    style: _extends({}, transitionStyle, FabProps.style),
+  }, FabProps), {}, {
+    style: _objectSpread(_objectSpread({}, transitionStyle), FabProps.style),
     children: icon
   }));
   if (tooltipOpenProp) {
-    return /*#__PURE__*/_jsxs(SpeedDialActionStaticTooltip, _extends({
+    return /*#__PURE__*/_jsxs(SpeedDialActionStaticTooltip, _objectSpread(_objectSpread({
       id: id,
       ref: ref,
       className: classes.staticTooltip,
       ownerState: ownerState
-    }, other, {
+    }, other), {}, {
       children: [/*#__PURE__*/_jsx(SpeedDialActionStaticTooltipLabel, {
         style: transitionStyle,
         id: "".concat(id, "-label"),
@@ -171,7 +172,7 @@ var SpeedDialAction = /*#__PURE__*/React.forwardRef(function SpeedDialAction(inP
   if (!open && tooltipOpen) {
     setTooltipOpen(false);
   }
-  return /*#__PURE__*/_jsx(Tooltip, _extends({
+  return /*#__PURE__*/_jsx(Tooltip, _objectSpread(_objectSpread({
     id: id,
     ref: ref,
     title: tooltipTitle,
@@ -180,7 +181,7 @@ var SpeedDialAction = /*#__PURE__*/React.forwardRef(function SpeedDialAction(inP
     onOpen: handleTooltipOpen,
     open: open && tooltipOpen,
     classes: TooltipClasses
-  }, other, {
+  }, other), {}, {
     children: fab
   }));
 });

package/legacy/SpeedDialIcon/SpeedDialIcon.js

@@ -1,6 +1,7 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -35,15 +36,15 @@ var SpeedDialIconRoot = styled('span', {
     ownerState = _ref6.ownerState;
   return _ref7 = {
     height: 24
-  }, _defineProperty(_ref7, "& .".concat(speedDialIconClasses.icon), _extends({
+  }, _defineProperty(_ref7, "& .".concat(speedDialIconClasses.icon), _objectSpread({
     transition: theme.transitions.create(['transform', 'opacity'], {
       duration: theme.transitions.duration.short
     })
-  }, ownerState.open && _extends({
+  }, ownerState.open && _objectSpread({
     transform: 'rotate(45deg)'
   }, ownerState.openIcon && {
     opacity: 0
-  }))), _defineProperty(_ref7, "& .".concat(speedDialIconClasses.openIcon), _extends({
+  }))), _defineProperty(_ref7, "& .".concat(speedDialIconClasses.openIcon), _objectSpread({
     position: 'absolute',
     transition: theme.transitions.create(['transform', 'opacity'], {
       duration: theme.transitions.duration.short
@@ -75,11 +76,11 @@ var SpeedDialIcon = /*#__PURE__*/React.forwardRef(function SpeedDialIcon(inProps
     }
     return icon;
   }
-  return /*#__PURE__*/_jsxs(SpeedDialIconRoot, _extends({
+  return /*#__PURE__*/_jsxs(SpeedDialIconRoot, _objectSpread(_objectSpread({
     className: clsx(classes.root, className),
     ref: ref,
     ownerState: ownerState
-  }, other, {
+  }, other), {}, {
     children: [openIconProp ? formatIcon(openIconProp, classes.openIcon) : null, iconProp ? formatIcon(iconProp, classes.icon) : /*#__PURE__*/_jsx(AddIcon, {
       className: classes.icon
     })]

package/legacy/Step/Step.js

@@ -1,5 +1,7 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -31,10 +33,10 @@ var StepRoot = styled('div', {
   }
 })(function (_ref) {
   var ownerState = _ref.ownerState;
-  return _extends({}, ownerState.orientation === 'horizontal' && {
+  return _objectSpread(_objectSpread({}, ownerState.orientation === 'horizontal' && {
     paddingLeft: 8,
     paddingRight: 8
-  }, ownerState.alternativeLabel && {
+  }), ownerState.alternativeLabel && {
     flex: 1,
     position: 'relative'
   });
@@ -86,7 +88,7 @@ var Step = /*#__PURE__*/React.forwardRef(function Step(inProps, ref) {
       disabled: disabled
     };
   }, [index, last, expanded, active, completed, disabled]);
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     active: active,
     orientation: orientation,
     alternativeLabel: alternativeLabel,
@@ -96,12 +98,12 @@ var Step = /*#__PURE__*/React.forwardRef(function Step(inProps, ref) {
     component: component
   });
   var classes = useUtilityClasses(ownerState);
-  var newChildren = /*#__PURE__*/_jsxs(StepRoot, _extends({
+  var newChildren = /*#__PURE__*/_jsxs(StepRoot, _objectSpread(_objectSpread({
     as: component,
     className: clsx(classes.root, className),
     ref: ref,
     ownerState: ownerState
-  }, other, {
+  }, other), {}, {
     children: [connector && alternativeLabel && index !== 0 ? connector : null, children]
   }));
   return /*#__PURE__*/_jsx(StepContext.Provider, {

package/legacy/StepButton/StepButton.js

@@ -1,6 +1,7 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -32,7 +33,7 @@ var StepButtonRoot = styled(ButtonBase, {
   }
 })(function (_ref2) {
   var ownerState = _ref2.ownerState;
-  return _extends({
+  return _objectSpread(_objectSpread({
     width: '100%',
     padding: '24px 16px',
     margin: '-24px -16px',
@@ -41,7 +42,7 @@ var StepButtonRoot = styled(ButtonBase, {
     justifyContent: 'flex-start',
     padding: '8px',
     margin: '-8px'
-  }, _defineProperty({}, "& .".concat(stepButtonClasses.touchRipple), {
+  }), {}, _defineProperty({}, "& .".concat(stepButtonClasses.touchRipple), {
     color: 'rgba(0, 0, 0, 0.3)'
   }));
 });
@@ -60,7 +61,7 @@ var StepButton = /*#__PURE__*/React.forwardRef(function StepButton(inProps, ref)
     active = _React$useContext.active;
   var _React$useContext2 = React.useContext(StepperContext),
     orientation = _React$useContext2.orientation;
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     orientation: orientation
   });
   var classes = useUtilityClasses(ownerState);
@@ -68,10 +69,10 @@ var StepButton = /*#__PURE__*/React.forwardRef(function StepButton(inProps, ref)
     icon: icon,
     optional: optional
   };
-  var child = isMuiElement(children, ['StepLabel']) ? /*#__PURE__*/React.cloneElement(children, childProps) : /*#__PURE__*/_jsx(StepLabel, _extends({}, childProps, {
+  var child = isMuiElement(children, ['StepLabel']) ? /*#__PURE__*/React.cloneElement(children, childProps) : /*#__PURE__*/_jsx(StepLabel, _objectSpread(_objectSpread({}, childProps), {}, {
     children: children
   }));
-  return /*#__PURE__*/_jsx(StepButtonRoot, _extends({
+  return /*#__PURE__*/_jsx(StepButtonRoot, _objectSpread(_objectSpread({
     focusRipple: true,
     disabled: disabled,
     TouchRippleProps: {
@@ -81,7 +82,7 @@ var StepButton = /*#__PURE__*/React.forwardRef(function StepButton(inProps, ref)
     ref: ref,
     ownerState: ownerState,
     "aria-current": active ? 'step' : undefined
-  }, other, {
+  }, other), {}, {
     children: child
   }));
 });

package/legacy/StepConnector/StepConnector.js

@@ -1,5 +1,7 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -33,11 +35,11 @@ var StepConnectorRoot = styled('div', {
   }
 })(function (_ref) {
   var ownerState = _ref.ownerState;
-  return _extends({
+  return _objectSpread(_objectSpread({
     flex: '1 1 auto'
   }, ownerState.orientation === 'vertical' && {
     marginLeft: 12 // half icon
-  }, ownerState.alternativeLabel && {
+  }), ownerState.alternativeLabel && {
     position: 'absolute',
     top: 8 + 4,
     left: 'calc(-50% + 20px)',
@@ -55,13 +57,13 @@ var StepConnectorLine = styled('span', {
   var ownerState = _ref2.ownerState,
     theme = _ref2.theme;
   var borderColor = theme.palette.mode === 'light' ? theme.palette.grey[400] : theme.palette.grey[600];
-  return _extends({
+  return _objectSpread(_objectSpread({
     display: 'block',
     borderColor: theme.vars ? theme.vars.palette.StepConnector.border : borderColor
   }, ownerState.orientation === 'horizontal' && {
     borderTopStyle: 'solid',
     borderTopWidth: 1
-  }, ownerState.orientation === 'vertical' && {
+  }), ownerState.orientation === 'vertical' && {
     borderLeftStyle: 'solid',
     borderLeftWidth: 1,
     minHeight: 24
@@ -82,7 +84,7 @@ var StepConnector = /*#__PURE__*/React.forwardRef(function StepConnector(inProps
     active = _React$useContext2.active,
     disabled = _React$useContext2.disabled,
     completed = _React$useContext2.completed;
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     alternativeLabel: alternativeLabel,
     orientation: orientation,
     active: active,
@@ -90,11 +92,11 @@ var StepConnector = /*#__PURE__*/React.forwardRef(function StepConnector(inProps
     disabled: disabled
   });
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(StepConnectorRoot, _extends({
+  return /*#__PURE__*/_jsx(StepConnectorRoot, _objectSpread(_objectSpread({
     className: clsx(classes.root, className),
     ref: ref,
     ownerState: ownerState
-  }, other, {
+  }, other), {}, {
     children: /*#__PURE__*/_jsx(StepConnectorLine, {
       className: classes.line,
       ownerState: ownerState

package/legacy/StepContent/StepContent.js

@@ -1,5 +1,7 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -30,7 +32,7 @@ var StepContentRoot = styled('div', {
 })(function (_ref) {
   var ownerState = _ref.ownerState,
     theme = _ref.theme;
-  return _extends({
+  return _objectSpread({
     marginLeft: 12,
     // half icon
     paddingLeft: 8 + 12,
@@ -67,7 +69,7 @@ var StepContent = /*#__PURE__*/React.forwardRef(function StepContent(inProps, re
     active = _React$useContext2.active,
     last = _React$useContext2.last,
     expanded = _React$useContext2.expanded;
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     last: last
   });
   var classes = useUtilityClasses(ownerState);
@@ -80,19 +82,19 @@ var StepContent = /*#__PURE__*/React.forwardRef(function StepContent(inProps, re
   if (transitionDurationProp === 'auto' && !TransitionComponent.muiSupportAuto) {
     transitionDuration = undefined;
   }
-  return /*#__PURE__*/_jsx(StepContentRoot, _extends({
+  return /*#__PURE__*/_jsx(StepContentRoot, _objectSpread(_objectSpread({
     className: clsx(classes.root, className),
     ref: ref,
     ownerState: ownerState
-  }, other, {
-    children: /*#__PURE__*/_jsx(StepContentTransition, _extends({
+  }, other), {}, {
+    children: /*#__PURE__*/_jsx(StepContentTransition, _objectSpread(_objectSpread({
       as: TransitionComponent,
       in: active || expanded,
       className: classes.transition,
       ownerState: ownerState,
       timeout: transitionDuration,
       unmountOnExit: true
-    }, TransitionProps, {
+    }, TransitionProps), {}, {
       children: children
     }))
   }));

package/legacy/StepIcon/StepIcon.js

@@ -1,7 +1,8 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _circle;
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -76,7 +77,7 @@ var StepIcon = /*#__PURE__*/React.forwardRef(function StepIcon(inProps, ref) {
     error = _props$error === void 0 ? false : _props$error,
     icon = props.icon,
     other = _objectWithoutProperties(props, ["active", "className", "completed", "error", "icon"]);
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     active: active,
     completed: completed,
     error: error
@@ -85,7 +86,7 @@ var StepIcon = /*#__PURE__*/React.forwardRef(function StepIcon(inProps, ref) {
   if (typeof icon === 'number' || typeof icon === 'string') {
     var className = clsx(classNameProp, classes.root);
     if (error) {
-      return /*#__PURE__*/_jsx(StepIconRoot, _extends({
+      return /*#__PURE__*/_jsx(StepIconRoot, _objectSpread({
         as: Warning,
         className: className,
         ref: ref,
@@ -93,18 +94,18 @@ var StepIcon = /*#__PURE__*/React.forwardRef(function StepIcon(inProps, ref) {
       }, other));
     }
     if (completed) {
-      return /*#__PURE__*/_jsx(StepIconRoot, _extends({
+      return /*#__PURE__*/_jsx(StepIconRoot, _objectSpread({
         as: CheckCircle,
         className: className,
         ref: ref,
         ownerState: ownerState
       }, other));
     }
-    return /*#__PURE__*/_jsxs(StepIconRoot, _extends({
+    return /*#__PURE__*/_jsxs(StepIconRoot, _objectSpread(_objectSpread({
       className: className,
       ref: ref,
       ownerState: ownerState
-    }, other, {
+    }, other), {}, {
       children: [_circle || (_circle = /*#__PURE__*/_jsx("circle", {
         cx: "12",
         cy: "12",

package/legacy/StepLabel/StepLabel.js

@@ -1,6 +1,7 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _extends from "@babel/runtime/helpers/esm/extends";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -37,16 +38,16 @@ var StepLabelRoot = styled('span', {
     return [styles.root, styles[ownerState.orientation]];
   }
 })(function (_ref) {
-  var _extends2;
+  var _objectSpread2;
   var ownerState = _ref.ownerState;
-  return _extends((_extends2 = {
+  return _objectSpread((_objectSpread2 = {
     display: 'flex',
     alignItems: 'center'
-  }, _defineProperty(_extends2, "&.".concat(stepLabelClasses.alternativeLabel), {
+  }, _defineProperty(_objectSpread2, "&.".concat(stepLabelClasses.alternativeLabel), {
     flexDirection: 'column'
-  }), _defineProperty(_extends2, "&.".concat(stepLabelClasses.disabled), {
+  }), _defineProperty(_objectSpread2, "&.".concat(stepLabelClasses.disabled), {
     cursor: 'default'
-  }), _extends2), ownerState.orientation === 'vertical' && {
+  }), _objectSpread2), ownerState.orientation === 'vertical' && {
     textAlign: 'left',
     padding: '8px 0'
   });
@@ -58,24 +59,24 @@ var StepLabelLabel = styled('span', {
     return styles.label;
   }
 })(function (_ref2) {
-  var _extends3;
+  var _objectSpread3;
   var theme = _ref2.theme;
-  return _extends({}, theme.typography.body2, (_extends3 = {
+  return _objectSpread(_objectSpread({}, theme.typography.body2), {}, (_objectSpread3 = {
     display: 'block',
     transition: theme.transitions.create('color', {
       duration: theme.transitions.duration.shortest
     })
-  }, _defineProperty(_extends3, "&.".concat(stepLabelClasses.active), {
+  }, _defineProperty(_objectSpread3, "&.".concat(stepLabelClasses.active), {
     color: (theme.vars || theme).palette.text.primary,
     fontWeight: 500
-  }), _defineProperty(_extends3, "&.".concat(stepLabelClasses.completed), {
+  }), _defineProperty(_objectSpread3, "&.".concat(stepLabelClasses.completed), {
     color: (theme.vars || theme).palette.text.primary,
     fontWeight: 500
-  }), _defineProperty(_extends3, "&.".concat(stepLabelClasses.alternativeLabel), {
+  }), _defineProperty(_objectSpread3, "&.".concat(stepLabelClasses.alternativeLabel), {
     marginTop: 16
-  }), _defineProperty(_extends3, "&.".concat(stepLabelClasses.error), {
+  }), _defineProperty(_objectSpread3, "&.".concat(stepLabelClasses.error), {
     color: (theme.vars || theme).palette.error.main
-  }), _extends3));
+  }), _objectSpread3));
 });
 var StepLabelIconContainer = styled('span', {
   name: 'MuiStepLabel',
@@ -140,7 +141,7 @@ var StepLabel = /*#__PURE__*/React.forwardRef(function StepLabel(inProps, ref) {
   if (icon && !StepIconComponent) {
     StepIconComponent = StepIcon;
   }
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     active: active,
     alternativeLabel: alternativeLabel,
     completed: completed,
@@ -150,15 +151,15 @@ var StepLabel = /*#__PURE__*/React.forwardRef(function StepLabel(inProps, ref) {
   });
   var classes = useUtilityClasses(ownerState);
   var labelSlotProps = (_slotProps$label = slotProps.label) != null ? _slotProps$label : componentsProps.label;
-  return /*#__PURE__*/_jsxs(StepLabelRoot, _extends({
+  return /*#__PURE__*/_jsxs(StepLabelRoot, _objectSpread(_objectSpread({
     className: clsx(classes.root, className),
     ref: ref,
     ownerState: ownerState
-  }, other, {
+  }, other), {}, {
     children: [icon || StepIconComponent ? /*#__PURE__*/_jsx(StepLabelIconContainer, {
       className: classes.iconContainer,
       ownerState: ownerState,
-      children: /*#__PURE__*/_jsx(StepIconComponent, _extends({
+      children: /*#__PURE__*/_jsx(StepIconComponent, _objectSpread({
         completed: completed,
         active: active,
         error: error,
@@ -167,9 +168,9 @@ var StepLabel = /*#__PURE__*/React.forwardRef(function StepLabel(inProps, ref) {
     }) : null, /*#__PURE__*/_jsxs(StepLabelLabelContainer, {
       className: classes.labelContainer,
       ownerState: ownerState,
-      children: [children ? /*#__PURE__*/_jsx(StepLabelLabel, _extends({
+      children: [children ? /*#__PURE__*/_jsx(StepLabelLabel, _objectSpread(_objectSpread({
         ownerState: ownerState
-      }, labelSlotProps, {
+      }, labelSlotProps), {}, {
         className: clsx(classes.label, labelSlotProps == null ? void 0 : labelSlotProps.className),
         children: children
       })) : null, optional]

package/legacy/Stepper/Stepper.js

@@ -1,5 +1,7 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -29,14 +31,14 @@ var StepperRoot = styled('div', {
   }
 })(function (_ref) {
   var ownerState = _ref.ownerState;
-  return _extends({
+  return _objectSpread(_objectSpread(_objectSpread({
     display: 'flex'
   }, ownerState.orientation === 'horizontal' && {
     flexDirection: 'row',
     alignItems: 'center'
-  }, ownerState.orientation === 'vertical' && {
+  }), ownerState.orientation === 'vertical' && {
     flexDirection: 'column'
-  }, ownerState.alternativeLabel && {
+  }), ownerState.alternativeLabel && {
     alignItems: 'flex-start'
   });
 });
@@ -61,7 +63,7 @@ var Stepper = /*#__PURE__*/React.forwardRef(function Stepper(inProps, ref) {
     _props$orientation = props.orientation,
     orientation = _props$orientation === void 0 ? 'horizontal' : _props$orientation,
     other = _objectWithoutProperties(props, ["activeStep", "alternativeLabel", "children", "className", "component", "connector", "nonLinear", "orientation"]);
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     alternativeLabel: alternativeLabel,
     orientation: orientation,
     component: component
@@ -69,7 +71,7 @@ var Stepper = /*#__PURE__*/React.forwardRef(function Stepper(inProps, ref) {
   var classes = useUtilityClasses(ownerState);
   var childrenArray = React.Children.toArray(children).filter(Boolean);
   var steps = childrenArray.map(function (step, index) {
-    return /*#__PURE__*/React.cloneElement(step, _extends({
+    return /*#__PURE__*/React.cloneElement(step, _objectSpread({
       index: index,
       last: index + 1 === childrenArray.length
     }, step.props));
@@ -85,12 +87,12 @@ var Stepper = /*#__PURE__*/React.forwardRef(function Stepper(inProps, ref) {
   }, [activeStep, alternativeLabel, connector, nonLinear, orientation]);
   return /*#__PURE__*/_jsx(StepperContext.Provider, {
     value: contextValue,
-    children: /*#__PURE__*/_jsx(StepperRoot, _extends({
+    children: /*#__PURE__*/_jsx(StepperRoot, _objectSpread(_objectSpread({
       as: component,
       ownerState: ownerState,
       className: clsx(classes.root, className),
       ref: ref
-    }, other, {
+    }, other), {}, {
       children: steps
     }))
   });

package/legacy/SvgIcon/SvgIcon.js

@@ -1,5 +1,7 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -74,7 +76,7 @@ var SvgIcon = /*#__PURE__*/React.forwardRef(function SvgIcon(inProps, ref) {
     _props$viewBox = props.viewBox,
     viewBox = _props$viewBox === void 0 ? '0 0 24 24' : _props$viewBox,
     other = _objectWithoutProperties(props, ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"]);
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     color: color,
     component: component,
     fontSize: fontSize,
@@ -87,7 +89,7 @@ var SvgIcon = /*#__PURE__*/React.forwardRef(function SvgIcon(inProps, ref) {
     more.viewBox = viewBox;
   }
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsxs(SvgIconRoot, _extends({
+  return /*#__PURE__*/_jsxs(SvgIconRoot, _objectSpread(_objectSpread(_objectSpread({
     as: component,
     className: clsx(classes.root, className),
     focusable: "false",
@@ -95,7 +97,7 @@ var SvgIcon = /*#__PURE__*/React.forwardRef(function SvgIcon(inProps, ref) {
     "aria-hidden": titleAccess ? undefined : true,
     role: titleAccess ? 'img' : undefined,
     ref: ref
-  }, more, other, {
+  }, more), other), {}, {
     ownerState: ownerState,
     children: [children, titleAccess ? /*#__PURE__*/_jsx("title", {
       children: titleAccess