@mui/material 5.13.1 → 5.13.2

package/legacy/Toolbar/Toolbar.js

@@ -1,7 +1,6 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 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 _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -29,7 +28,7 @@ var ToolbarRoot = styled('div', {
 })(function (_ref) {
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
-  return _objectSpread(_objectSpread({
+  return _extends({
     position: 'relative',
     display: 'flex',
     alignItems: 'center'
@@ -39,7 +38,7 @@ var ToolbarRoot = styled('div', {
   }, theme.breakpoints.up('sm'), {
     paddingLeft: theme.spacing(3),
     paddingRight: theme.spacing(3)
-  })), ownerState.variant === 'dense' && {
+  }), ownerState.variant === 'dense' && {
     minHeight: 48
   });
 }, function (_ref3) {
@@ -60,13 +59,13 @@ var Toolbar = /*#__PURE__*/React.forwardRef(function Toolbar(inProps, ref) {
     _props$variant = props.variant,
     variant = _props$variant === void 0 ? 'regular' : _props$variant,
     other = _objectWithoutProperties(props, ["className", "component", "disableGutters", "variant"]);
-  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
+  var ownerState = _extends({}, props, {
     component: component,
     disableGutters: disableGutters,
     variant: variant
   });
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(ToolbarRoot, _objectSpread({
+  return /*#__PURE__*/_jsx(ToolbarRoot, _extends({
     as: component,
     className: clsx(classes.root, className),
     ref: ref,

package/legacy/Tooltip/Tooltip.js

@@ -1,8 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 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 _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -51,14 +50,14 @@ var TooltipPopper = styled(Popper, {
   var theme = _ref.theme,
     ownerState = _ref.ownerState,
     open = _ref.open;
-  return _objectSpread(_objectSpread(_objectSpread({
+  return _extends({
     zIndex: (theme.vars || theme).zIndex.tooltip,
     pointerEvents: 'none'
   }, !ownerState.disableInteractive && {
     pointerEvents: 'auto'
-  }), !open && {
+  }, !open && {
     pointerEvents: 'none'
-  }), ownerState.arrow && (_ref2 = {}, _defineProperty(_ref2, "&[data-popper-placement*=\"bottom\"] .".concat(tooltipClasses.arrow), {
+  }, ownerState.arrow && (_ref2 = {}, _defineProperty(_ref2, "&[data-popper-placement*=\"bottom\"] .".concat(tooltipClasses.arrow), {
     top: 0,
     marginTop: '-0.71em',
     '&::before': {
@@ -70,25 +69,25 @@ var TooltipPopper = styled(Popper, {
     '&::before': {
       transformOrigin: '100% 0'
     }
-  }), _defineProperty(_ref2, "&[data-popper-placement*=\"right\"] .".concat(tooltipClasses.arrow), _objectSpread(_objectSpread({}, !ownerState.isRtl ? {
+  }), _defineProperty(_ref2, "&[data-popper-placement*=\"right\"] .".concat(tooltipClasses.arrow), _extends({}, !ownerState.isRtl ? {
     left: 0,
     marginLeft: '-0.71em'
   } : {
     right: 0,
     marginRight: '-0.71em'
-  }), {}, {
+  }, {
     height: '1em',
     width: '0.71em',
     '&::before': {
       transformOrigin: '100% 100%'
     }
-  })), _defineProperty(_ref2, "&[data-popper-placement*=\"left\"] .".concat(tooltipClasses.arrow), _objectSpread(_objectSpread({}, !ownerState.isRtl ? {
+  })), _defineProperty(_ref2, "&[data-popper-placement*=\"left\"] .".concat(tooltipClasses.arrow), _extends({}, !ownerState.isRtl ? {
     right: 0,
     marginRight: '-0.71em'
   } : {
     left: 0,
     marginLeft: '-0.71em'
-  }), {}, {
+  }, {
     height: '1em',
     width: '0.71em',
     '&::before': {
@@ -104,10 +103,10 @@ var TooltipTooltip = styled('div', {
     return [styles.tooltip, ownerState.touch && styles.touch, ownerState.arrow && styles.tooltipArrow, styles["tooltipPlacement".concat(capitalize(ownerState.placement.split('-')[0]))]];
   }
 })(function (_ref3) {
-  var _objectSpread2;
+  var _extends2;
   var theme = _ref3.theme,
     ownerState = _ref3.ownerState;
-  return _objectSpread(_objectSpread(_objectSpread({
+  return _extends({
     backgroundColor: theme.vars ? theme.vars.palette.Tooltip.bg : alpha(theme.palette.grey[700], 0.92),
     borderRadius: (theme.vars || theme).shape.borderRadius,
     color: (theme.vars || theme).palette.common.white,
@@ -121,42 +120,42 @@ var TooltipTooltip = styled('div', {
   }, ownerState.arrow && {
     position: 'relative',
     margin: 0
-  }), ownerState.touch && {
+  }, ownerState.touch && {
     padding: '8px 16px',
     fontSize: theme.typography.pxToRem(14),
     lineHeight: "".concat(round(16 / 14), "em"),
     fontWeight: theme.typography.fontWeightRegular
-  }), {}, (_objectSpread2 = {}, _defineProperty(_objectSpread2, ".".concat(tooltipClasses.popper, "[data-popper-placement*=\"left\"] &"), _objectSpread({
+  }, (_extends2 = {}, _defineProperty(_extends2, ".".concat(tooltipClasses.popper, "[data-popper-placement*=\"left\"] &"), _extends({
     transformOrigin: 'right center'
-  }, !ownerState.isRtl ? _objectSpread({
+  }, !ownerState.isRtl ? _extends({
     marginRight: '14px'
   }, ownerState.touch && {
     marginRight: '24px'
-  }) : _objectSpread({
+  }) : _extends({
     marginLeft: '14px'
   }, ownerState.touch && {
     marginLeft: '24px'
-  }))), _defineProperty(_objectSpread2, ".".concat(tooltipClasses.popper, "[data-popper-placement*=\"right\"] &"), _objectSpread({
+  }))), _defineProperty(_extends2, ".".concat(tooltipClasses.popper, "[data-popper-placement*=\"right\"] &"), _extends({
     transformOrigin: 'left center'
-  }, !ownerState.isRtl ? _objectSpread({
+  }, !ownerState.isRtl ? _extends({
     marginLeft: '14px'
   }, ownerState.touch && {
     marginLeft: '24px'
-  }) : _objectSpread({
+  }) : _extends({
     marginRight: '14px'
   }, ownerState.touch && {
     marginRight: '24px'
-  }))), _defineProperty(_objectSpread2, ".".concat(tooltipClasses.popper, "[data-popper-placement*=\"top\"] &"), _objectSpread({
+  }))), _defineProperty(_extends2, ".".concat(tooltipClasses.popper, "[data-popper-placement*=\"top\"] &"), _extends({
     transformOrigin: 'center bottom',
     marginBottom: '14px'
   }, ownerState.touch && {
     marginBottom: '24px'
-  })), _defineProperty(_objectSpread2, ".".concat(tooltipClasses.popper, "[data-popper-placement*=\"bottom\"] &"), _objectSpread({
+  })), _defineProperty(_extends2, ".".concat(tooltipClasses.popper, "[data-popper-placement*=\"bottom\"] &"), _extends({
     transformOrigin: 'center top',
     marginTop: '14px'
   }, ownerState.touch && {
     marginTop: '24px'
-  })), _objectSpread2));
+  })), _extends2));
 });
 var TooltipArrow = styled('span', {
   name: 'MuiTooltip',
@@ -475,7 +474,7 @@ var Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
     nameOrDescProps['aria-label'] = titleIsString ? title : null;
     nameOrDescProps['aria-labelledby'] = open && !titleIsString ? id : null;
   }
-  var childrenProps = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, nameOrDescProps), other), children.props), {}, {
+  var childrenProps = _extends({}, nameOrDescProps, other, children.props, {
     className: clsx(other.className, children.props.className),
     onTouchStart: detectTouchStart,
     ref: handleRef
@@ -531,11 +530,11 @@ var Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
     if ((_PopperProps$popperOp = PopperProps.popperOptions) != null && _PopperProps$popperOp.modifiers) {
       tooltipModifiers = tooltipModifiers.concat(PopperProps.popperOptions.modifiers);
     }
-    return _objectSpread(_objectSpread({}, PopperProps.popperOptions), {}, {
+    return _extends({}, PopperProps.popperOptions, {
       modifiers: tooltipModifiers
     });
   }, [arrowRef, PopperProps]);
-  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
+  var ownerState = _extends({}, props, {
     isRtl: isRtl,
     arrow: arrow,
     disableInteractive: disableInteractive,
@@ -548,18 +547,18 @@ var Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
   var TransitionComponent = (_ref6 = (_ref7 = (_slots$transition = slots.transition) != null ? _slots$transition : components.Transition) != null ? _ref7 : TransitionComponentProp) != null ? _ref6 : Grow;
   var TooltipComponent = (_ref8 = (_slots$tooltip = slots.tooltip) != null ? _slots$tooltip : components.Tooltip) != null ? _ref8 : TooltipTooltip;
   var ArrowComponent = (_ref9 = (_slots$arrow = slots.arrow) != null ? _slots$arrow : components.Arrow) != null ? _ref9 : TooltipArrow;
-  var popperProps = appendOwnerState(PopperComponent, _objectSpread(_objectSpread(_objectSpread({}, PopperProps), (_slotProps$popper = slotProps.popper) != null ? _slotProps$popper : componentsProps.popper), {}, {
+  var popperProps = appendOwnerState(PopperComponent, _extends({}, PopperProps, (_slotProps$popper = slotProps.popper) != null ? _slotProps$popper : componentsProps.popper, {
     className: clsx(classes.popper, PopperProps == null ? void 0 : PopperProps.className, (_ref10 = (_slotProps$popper2 = slotProps.popper) != null ? _slotProps$popper2 : componentsProps.popper) == null ? void 0 : _ref10.className)
   }), ownerState);
-  var transitionProps = appendOwnerState(TransitionComponent, _objectSpread(_objectSpread({}, TransitionProps), (_slotProps$transition = slotProps.transition) != null ? _slotProps$transition : componentsProps.transition), ownerState);
-  var tooltipProps = appendOwnerState(TooltipComponent, _objectSpread(_objectSpread({}, (_slotProps$tooltip = slotProps.tooltip) != null ? _slotProps$tooltip : componentsProps.tooltip), {}, {
+  var transitionProps = appendOwnerState(TransitionComponent, _extends({}, TransitionProps, (_slotProps$transition = slotProps.transition) != null ? _slotProps$transition : componentsProps.transition), ownerState);
+  var tooltipProps = appendOwnerState(TooltipComponent, _extends({}, (_slotProps$tooltip = slotProps.tooltip) != null ? _slotProps$tooltip : componentsProps.tooltip, {
     className: clsx(classes.tooltip, (_ref11 = (_slotProps$tooltip2 = slotProps.tooltip) != null ? _slotProps$tooltip2 : componentsProps.tooltip) == null ? void 0 : _ref11.className)
   }), ownerState);
-  var tooltipArrowProps = appendOwnerState(ArrowComponent, _objectSpread(_objectSpread({}, (_slotProps$arrow = slotProps.arrow) != null ? _slotProps$arrow : componentsProps.arrow), {}, {
+  var tooltipArrowProps = appendOwnerState(ArrowComponent, _extends({}, (_slotProps$arrow = slotProps.arrow) != null ? _slotProps$arrow : componentsProps.arrow, {
     className: clsx(classes.arrow, (_ref12 = (_slotProps$arrow2 = slotProps.arrow) != null ? _slotProps$arrow2 : componentsProps.arrow) == null ? void 0 : _ref12.className)
   }), ownerState);
   return /*#__PURE__*/_jsxs(React.Fragment, {
-    children: [/*#__PURE__*/React.cloneElement(children, childrenProps), /*#__PURE__*/_jsx(PopperComponent, _objectSpread(_objectSpread(_objectSpread({
+    children: [/*#__PURE__*/React.cloneElement(children, childrenProps), /*#__PURE__*/_jsx(PopperComponent, _extends({
       as: PopperComponentProp != null ? PopperComponentProp : Popper,
       placement: placement,
       anchorEl: followCursor ? {
@@ -578,15 +577,15 @@ var Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
       open: childNode ? open : false,
       id: id,
       transition: true
-    }, interactiveWrapperListeners), popperProps), {}, {
+    }, interactiveWrapperListeners, popperProps, {
       popperOptions: popperOptions,
       children: function children(_ref13) {
         var TransitionPropsInner = _ref13.TransitionProps;
-        return /*#__PURE__*/_jsx(TransitionComponent, _objectSpread(_objectSpread(_objectSpread({
+        return /*#__PURE__*/_jsx(TransitionComponent, _extends({
           timeout: theme.transitions.duration.shorter
-        }, TransitionPropsInner), transitionProps), {}, {
-          children: /*#__PURE__*/_jsxs(TooltipComponent, _objectSpread(_objectSpread({}, tooltipProps), {}, {
-            children: [title, arrow ? /*#__PURE__*/_jsx(ArrowComponent, _objectSpread(_objectSpread({}, tooltipArrowProps), {}, {
+        }, TransitionPropsInner, transitionProps, {
+          children: /*#__PURE__*/_jsxs(TooltipComponent, _extends({}, tooltipProps, {
+            children: [title, arrow ? /*#__PURE__*/_jsx(ArrowComponent, _extends({}, tooltipArrowProps, {
               ref: setArrowRef
             })) : null]
           }))

package/legacy/Typography/Typography.js

@@ -1,7 +1,5 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-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 _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -34,17 +32,17 @@ export var TypographyRoot = styled('span', {
 })(function (_ref) {
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
-  return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
+  return _extends({
     margin: 0
-  }, ownerState.variant && theme.typography[ownerState.variant]), ownerState.align !== 'inherit' && {
+  }, ownerState.variant && theme.typography[ownerState.variant], ownerState.align !== 'inherit' && {
     textAlign: ownerState.align
-  }), ownerState.noWrap && {
+  }, ownerState.noWrap && {
     overflow: 'hidden',
     textOverflow: 'ellipsis',
     whiteSpace: 'nowrap'
-  }), ownerState.gutterBottom && {
+  }, ownerState.gutterBottom && {
     marginBottom: '0.35em'
-  }), ownerState.paragraph && {
+  }, ownerState.paragraph && {
     marginBottom: 16
   });
 });
@@ -79,7 +77,7 @@ var Typography = /*#__PURE__*/React.forwardRef(function Typography(inProps, ref)
     name: 'MuiTypography'
   });
   var color = transformDeprecatedColors(themeProps.color);
-  var props = extendSxProp(_objectSpread(_objectSpread({}, themeProps), {}, {
+  var props = extendSxProp(_extends({}, themeProps, {
     color: color
   }));
   var _props$align = props.align,
@@ -97,7 +95,7 @@ var Typography = /*#__PURE__*/React.forwardRef(function Typography(inProps, ref)
     _props$variantMapping = props.variantMapping,
     variantMapping = _props$variantMapping === void 0 ? defaultVariantMapping : _props$variantMapping,
     other = _objectWithoutProperties(props, ["align", "className", "component", "gutterBottom", "noWrap", "paragraph", "variant", "variantMapping"]);
-  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
+  var ownerState = _extends({}, props, {
     align: align,
     color: color,
     className: className,
@@ -110,7 +108,7 @@ var Typography = /*#__PURE__*/React.forwardRef(function Typography(inProps, ref)
   });
   var Component = component || (paragraph ? 'p' : variantMapping[variant] || defaultVariantMapping[variant]) || 'span';
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(TypographyRoot, _objectSpread({
+  return /*#__PURE__*/_jsx(TypographyRoot, _extends({
     as: Component,
     ref: ref,
     ownerState: ownerState,

package/legacy/Zoom/Zoom.js

@@ -1,7 +1,5 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _extends from "@babel/runtime/helpers/esm/extends";
 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 { Transition } from 'react-transition-group';
@@ -104,7 +102,7 @@ var Zoom = /*#__PURE__*/React.forwardRef(function Zoom(props, ref) {
       addEndListener(nodeRef.current, next);
     }
   };
-  return /*#__PURE__*/_jsx(TransitionComponent, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(TransitionComponent, _extends({
     appear: appear,
     in: inProp,
     nodeRef: nodeRef,
@@ -116,13 +114,13 @@ var Zoom = /*#__PURE__*/React.forwardRef(function Zoom(props, ref) {
     onExiting: handleExiting,
     addEndListener: handleAddEndListener,
     timeout: timeout
-  }, other), {}, {
+  }, other, {
     children: function children(state, childProps) {
-      return /*#__PURE__*/React.cloneElement(_children, _objectSpread({
-        style: _objectSpread(_objectSpread(_objectSpread({
+      return /*#__PURE__*/React.cloneElement(_children, _extends({
+        style: _extends({
           transform: 'scale(0)',
           visibility: state === 'exited' && !inProp ? 'hidden' : undefined
-        }, styles[state]), style), _children.props.style),
+        }, styles[state], style, _children.props.style),
         ref: handleRef
       }, childProps));
     }

package/legacy/index.js

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

package/legacy/internal/SwitchBase.js

@@ -1,8 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-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 _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -29,12 +27,12 @@ var useUtilityClasses = function useUtilityClasses(ownerState) {
 };
 var SwitchBaseRoot = styled(ButtonBase)(function (_ref) {
   var ownerState = _ref.ownerState;
-  return _objectSpread(_objectSpread({
+  return _extends({
     padding: 9,
     borderRadius: '50%'
   }, ownerState.edge === 'start' && {
     marginLeft: ownerState.size === 'small' ? -3 : -12
-  }), ownerState.edge === 'end' && {
+  }, ownerState.edge === 'end' && {
     marginRight: ownerState.size === 'small' ? -3 : -12
   });
 });
@@ -125,14 +123,14 @@ var SwitchBase = /*#__PURE__*/React.forwardRef(function SwitchBase(props, ref) {
     }
   }
   var hasLabelFor = type === 'checkbox' || type === 'radio';
-  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
+  var ownerState = _extends({}, props, {
     checked: checked,
     disabled: disabled,
     disableFocusRipple: disableFocusRipple,
     edge: edge
   });
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsxs(SwitchBaseRoot, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsxs(SwitchBaseRoot, _extends({
     component: "span",
     className: clsx(classes.root, className),
     centerRipple: true,
@@ -144,8 +142,8 @@ var SwitchBase = /*#__PURE__*/React.forwardRef(function SwitchBase(props, ref) {
     onBlur: handleBlur,
     ownerState: ownerState,
     ref: ref
-  }, other), {}, {
-    children: [/*#__PURE__*/_jsx(SwitchBaseInput, _objectSpread(_objectSpread({
+  }, other, {
+    children: [/*#__PURE__*/_jsx(SwitchBaseInput, _extends({
       autoFocus: autoFocus,
       checked: checkedProp,
       defaultChecked: defaultChecked,
@@ -162,7 +160,7 @@ var SwitchBase = /*#__PURE__*/React.forwardRef(function SwitchBase(props, ref) {
       type: type
     }, type === 'checkbox' && value === undefined ? {} : {
       value: value
-    }), inputProps)), checked ? checkedIcon : icon]
+    }, inputProps)), checked ? checkedIcon : icon]
   }));
 });
 

package/legacy/styles/CssVarsProvider.js

@@ -1,6 +1,4 @@
-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 _extends from "@babel/runtime/helpers/esm/extends";
 import { unstable_createCssVarsProvider as createCssVarsProvider, unstable_styleFunctionSx as styleFunctionSx } from '@mui/system';
 import experimental_extendTheme from './experimental_extendTheme';
 import createTypography from './createTypography';
@@ -18,7 +16,7 @@ var _createCssVarsProvide = createCssVarsProvider({
       dark: 'dark'
     },
     resolveTheme: function resolveTheme(theme) {
-      var newTheme = _objectSpread(_objectSpread({}, theme), {}, {
+      var newTheme = _extends({}, theme, {
         typography: createTypography(theme.palette, theme.typography)
       });
       newTheme.unstable_sx = function sx(props) {

package/legacy/styles/ThemeProvider.js

@@ -1,7 +1,5 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _extends from "@babel/runtime/helpers/esm/extends";
 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 { ThemeProvider as SystemThemeProvider } from '@mui/system';
@@ -11,7 +9,7 @@ export default function ThemeProvider(_ref) {
   var themeInput = _ref.theme,
     props = _objectWithoutProperties(_ref, ["theme"]);
   var scopedTheme = themeInput[THEME_ID];
-  return /*#__PURE__*/_jsx(SystemThemeProvider, _objectSpread(_objectSpread({}, props), {}, {
+  return /*#__PURE__*/_jsx(SystemThemeProvider, _extends({}, props, {
     themeId: scopedTheme ? THEME_ID : undefined,
     theme: scopedTheme || themeInput
   }));

package/legacy/styles/adaptV4Theme.js

@@ -1,7 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _extends from "@babel/runtime/helpers/esm/extends";
 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 { createBreakpoints, createSpacing } from '@mui/system';
 export default function adaptV4Theme(inputTheme) {
   if (process.env.NODE_ENV !== 'production') {
@@ -20,7 +19,7 @@ export default function adaptV4Theme(inputTheme) {
     _inputTheme$styleOver = inputTheme.styleOverrides,
     styleOverrides = _inputTheme$styleOver === void 0 ? {} : _inputTheme$styleOver,
     other = _objectWithoutProperties(inputTheme, ["defaultProps", "mixins", "overrides", "palette", "props", "styleOverrides"]);
-  var theme = _objectSpread(_objectSpread({}, other), {}, {
+  var theme = _extends({}, other, {
     components: {}
   });
 
@@ -54,13 +53,13 @@ export default function adaptV4Theme(inputTheme) {
   // theme.mixins.gutters
   var breakpoints = createBreakpoints(inputTheme.breakpoints || {});
   var spacing = theme.spacing;
-  theme.mixins = _objectSpread({
+  theme.mixins = _extends({
     gutters: function gutters() {
       var styles = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      return _objectSpread(_objectSpread({
+      return _extends({
         paddingLeft: spacing(2),
         paddingRight: spacing(2)
-      }, styles), {}, _defineProperty({}, breakpoints.up('sm'), _objectSpread({
+      }, styles, _defineProperty({}, breakpoints.up('sm'), _extends({
         paddingLeft: spacing(3),
         paddingRight: spacing(3)
       }, styles[breakpoints.up('sm')])));
@@ -70,7 +69,7 @@ export default function adaptV4Theme(inputTheme) {
     modeInput = palette.mode,
     paletteRest = _objectWithoutProperties(palette, ["type", "mode"]);
   var finalMode = modeInput || typeInput || 'light';
-  theme.palette = _objectSpread({
+  theme.palette = _extends({
     // theme.palette.text.hint
     text: {
       hint: finalMode === 'dark' ? 'rgba(255, 255, 255, 0.5)' : 'rgba(0, 0, 0, 0.38)'

package/legacy/styles/createMixins.js

@@ -1,9 +1,8 @@
 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 _extends from "@babel/runtime/helpers/esm/extends";
 export default function createMixins(breakpoints, mixins) {
   var _toolbar;
-  return _objectSpread({
+  return _extends({
     toolbar: (_toolbar = {
       minHeight: 56
     }, _defineProperty(_toolbar, breakpoints.up('xs'), {

package/legacy/styles/createPalette.js

@@ -1,8 +1,6 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import { formatMuiErrorMessage as _formatMuiErrorMessage } from "@mui/utils";
-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 { deepmerge } from '@mui/utils';
 import { darken, getContrastRatio, lighten } from '@mui/system';
 import common from '../colors/common';
@@ -218,7 +216,7 @@ export default function createPalette(palette) {
       lightShade = _ref$lightShade === void 0 ? 300 : _ref$lightShade,
       _ref$darkShade = _ref.darkShade,
       darkShade = _ref$darkShade === void 0 ? 700 : _ref$darkShade;
-    color = _objectSpread({}, color);
+    color = _extends({}, color);
     if (!color.main && color[mainShade]) {
       color.main = color[mainShade];
     }
@@ -244,9 +242,9 @@ export default function createPalette(palette) {
       console.error("MUI: The palette mode `".concat(mode, "` is not supported."));
     }
   }
-  var paletteOutput = deepmerge(_objectSpread({
+  var paletteOutput = deepmerge(_extends({
     // A collection of common colors.
-    common: _objectSpread({}, common),
+    common: _extends({}, common),
     // prevent mutable object.
     // The palette mode, can be light or dark.
     mode: mode,

package/legacy/styles/createTheme.js

@@ -1,8 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import { formatMuiErrorMessage as _formatMuiErrorMessage } from "@mui/utils";
-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 { deepmerge } from '@mui/utils';
 import { createTheme as systemCreateTheme, unstable_defaultSxConfig as defaultSxConfig, unstable_styleFunctionSx as styleFunctionSx } from '@mui/system';
 import generateUtilityClass from '../generateUtilityClass';
@@ -38,7 +37,7 @@ function createTheme() {
     shadows: shadows.slice(),
     typography: createTypography(palette, typographyInput),
     transitions: createTransitions(transitionsInput),
-    zIndex: _objectSpread({}, zIndex)
+    zIndex: _extends({}, zIndex)
   });
   muiTheme = deepmerge(muiTheme, other);
   for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
@@ -75,7 +74,7 @@ function createTheme() {
       }
     });
   }
-  muiTheme.unstable_sxConfig = _objectSpread(_objectSpread({}, defaultSxConfig), other == null ? void 0 : other.unstable_sxConfig);
+  muiTheme.unstable_sxConfig = _extends({}, defaultSxConfig, other == null ? void 0 : other.unstable_sxConfig);
   muiTheme.unstable_sx = function sx(props) {
     return styleFunctionSx({
       sx: props,

package/legacy/styles/createTransitions.js

@@ -1,7 +1,5 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-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 _extends from "@babel/runtime/helpers/esm/extends";
 // Follow https://material.google.com/motion/duration-easing.html#duration-easing-natural-easing-curves
 // to learn the context in which each easing should be used.
 export var easing = {
@@ -44,8 +42,8 @@ function getAutoHeightDuration(height) {
   return Math.round((4 + 15 * Math.pow(constant, 0.25) + constant / 5) * 10);
 }
 export default function createTransitions(inputTransitions) {
-  var mergedEasing = _objectSpread(_objectSpread({}, easing), inputTransitions.easing);
-  var mergedDuration = _objectSpread(_objectSpread({}, duration), inputTransitions.duration);
+  var mergedEasing = _extends({}, easing, inputTransitions.easing);
+  var mergedDuration = _extends({}, duration, inputTransitions.duration);
   var create = function create() {
     var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ['all'];
     var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
@@ -85,10 +83,10 @@ export default function createTransitions(inputTransitions) {
       return "".concat(animatedProp, " ").concat(typeof durationOption === 'string' ? durationOption : formatMs(durationOption), " ").concat(easingOption, " ").concat(typeof delay === 'string' ? delay : formatMs(delay));
     }).join(',');
   };
-  return _objectSpread(_objectSpread({
+  return _extends({
     getAutoHeightDuration: getAutoHeightDuration,
     create: create
-  }, inputTransitions), {}, {
+  }, inputTransitions, {
     easing: mergedEasing,
     duration: mergedDuration
   });

package/legacy/styles/createTypography.js

@@ -1,7 +1,5 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _extends from "@babel/runtime/helpers/esm/extends";
 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 { deepmerge } from '@mui/utils';
 function round(value) {
   return Math.round(value * 1e5) / 1e5;
@@ -47,7 +45,7 @@ export default function createTypography(palette, typography) {
     return "".concat(size / htmlFontSize * coef, "rem");
   };
   var buildVariant = function buildVariant(fontWeight, size, lineHeight, letterSpacing, casing) {
-    return _objectSpread(_objectSpread(_objectSpread({
+    return _extends({
       fontFamily: fontFamily,
       fontWeight: fontWeight,
       fontSize: pxToRem(size),
@@ -55,7 +53,7 @@ export default function createTypography(palette, typography) {
       lineHeight: lineHeight
     }, fontFamily === defaultFontFamily ? {
       letterSpacing: "".concat(round(letterSpacing / size), "em")
-    } : {}), casing), allVariants);
+    } : {}, casing, allVariants);
   };
   var variants = {
     h1: buildVariant(fontWeightLight, 96, 1.167, -1.5),
@@ -79,7 +77,7 @@ export default function createTypography(palette, typography) {
       letterSpacing: 'inherit'
     }
   };
-  return deepmerge(_objectSpread({
+  return deepmerge(_extends({
     htmlFontSize: htmlFontSize,
     pxToRem: pxToRem,
     fontFamily: fontFamily,