@mui/system 5.13.1 → 5.13.5

package/esm/cssVars/useCurrentColorScheme.js

@@ -1,3 +1,4 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { DEFAULT_MODE_STORAGE_KEY, DEFAULT_COLOR_SCHEME_STORAGE_KEY } from './getInitColorSchemeScript';
 export function getSystemMode(mode) {
@@ -81,11 +82,10 @@ export default function useCurrentColorScheme(options) {
       } catch (e) {
         // Unsupported
       }
-      return {
-        ...currentState,
+      return _extends({}, currentState, {
         mode: newMode,
         systemMode: getSystemMode(newMode)
-      };
+      });
     });
   }, [modeStorageKey, defaultMode]);
   const setColorScheme = React.useCallback(value => {
@@ -97,20 +97,17 @@ export default function useCurrentColorScheme(options) {
         } catch (e) {
           // Unsupported
         }
-        return {
-          ...currentState,
+        return _extends({}, currentState, {
           lightColorScheme: defaultLightColorScheme,
           darkColorScheme: defaultDarkColorScheme
-        };
+        });
       });
     } else if (typeof value === 'string') {
       if (value && !joinedColorSchemes.includes(value)) {
         console.error(`\`${value}\` does not exist in \`theme.colorSchemes\`.`);
       } else {
         setState(currentState => {
-          const newState = {
-            ...currentState
-          };
+          const newState = _extends({}, currentState);
           processState(currentState, mode => {
             try {
               localStorage.setItem(`${colorSchemeStorageKey}-${mode}`, value);
@@ -129,9 +126,7 @@ export default function useCurrentColorScheme(options) {
       }
     } else {
       setState(currentState => {
-        const newState = {
-          ...currentState
-        };
+        const newState = _extends({}, currentState);
         const newLightColorScheme = value.light === null ? defaultLightColorScheme : value.light;
         const newDarkColorScheme = value.dark === null ? defaultDarkColorScheme : value.dark;
         if (newLightColorScheme) {
@@ -164,8 +159,7 @@ export default function useCurrentColorScheme(options) {
   }, [joinedColorSchemes, colorSchemeStorageKey, defaultLightColorScheme, defaultDarkColorScheme]);
   const handleMediaQuery = React.useCallback(e => {
     if (state.mode === 'system') {
-      setState(currentState => ({
-        ...currentState,
+      setState(currentState => _extends({}, currentState, {
         systemMode: e != null && e.matches ? 'dark' : 'light'
       }));
     }
@@ -214,10 +208,9 @@ export default function useCurrentColorScheme(options) {
     }
     return undefined;
   }, [setColorScheme, setMode, modeStorageKey, colorSchemeStorageKey, joinedColorSchemes, defaultMode, storageWindow]);
-  return {
-    ...state,
+  return _extends({}, state, {
     colorScheme,
     setMode,
     setColorScheme
-  };
+  });
 }

package/esm/propsToClassKey.js

@@ -1,3 +1,5 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["variant"];
 import { unstable_capitalize as capitalize } from '@mui/utils';
 function isEmpty(string) {
   return string.length === 0;
@@ -10,9 +12,9 @@ function isEmpty(string) {
  */
 export default function propsToClassKey(props) {
   const {
-    variant,
-    ...other
-  } = props;
+      variant
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   let classKey = variant || '';
   Object.keys(other).sort().forEach(key => {
     if (key === 'color') {

package/esm/styleFunctionSx/extendSxProp.js

@@ -1,3 +1,6 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["sx"];
 import { isPlainObject } from '@mui/utils';
 import defaultSxConfig from './defaultSxConfig';
 const splitProps = props => {
@@ -18,9 +21,9 @@ const splitProps = props => {
 };
 export default function extendSxProp(props) {
   const {
-    sx: inSx,
-    ...other
-  } = props;
+      sx: inSx
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const {
     systemProps,
     otherProps
@@ -34,19 +37,12 @@ export default function extendSxProp(props) {
       if (!isPlainObject(result)) {
         return systemProps;
       }
-      return {
-        ...systemProps,
-        ...result
-      };
+      return _extends({}, systemProps, result);
     };
   } else {
-    finalSx = {
-      ...systemProps,
-      ...inSx
-    };
+    finalSx = _extends({}, systemProps, inSx);
   }
-  return {
-    ...otherProps,
+  return _extends({}, otherProps, {
     sx: finalSx
-  };
+  });
 }

package/index.js

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

package/legacy/Container/createContainer.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';
@@ -50,7 +49,7 @@ export default function createContainer() {
   var ContainerRoot = createStyledComponent(function (_ref) {
     var theme = _ref.theme,
       ownerState = _ref.ownerState;
-    return _objectSpread({
+    return _extends({
       width: '100%',
       marginLeft: 'auto',
       boxSizing: 'border-box',
@@ -80,10 +79,10 @@ export default function createContainer() {
   }, function (_ref4) {
     var theme = _ref4.theme,
       ownerState = _ref4.ownerState;
-    return _objectSpread(_objectSpread({}, ownerState.maxWidth === 'xs' && _defineProperty({}, theme.breakpoints.up('xs'), {
+    return _extends({}, ownerState.maxWidth === 'xs' && _defineProperty({}, theme.breakpoints.up('xs'), {
       // @ts-ignore module augmentation fails if custom breakpoints are used
       maxWidth: Math.max(theme.breakpoints.values.xs, 444)
-    })), ownerState.maxWidth &&
+    }), ownerState.maxWidth &&
     // @ts-ignore module augmentation fails if custom breakpoints are used
     ownerState.maxWidth !== 'xs' && _defineProperty({}, theme.breakpoints.up(ownerState.maxWidth), {
       // @ts-ignore module augmentation fails if custom breakpoints are used
@@ -103,7 +102,7 @@ export default function createContainer() {
       maxWidth = _props$maxWidth === void 0 ? 'lg' : _props$maxWidth,
       classesProp = props.classes,
       other = _objectWithoutProperties(props, ["className", "component", "disableGutters", "fixed", "maxWidth", "classes"]);
-    var ownerState = _objectSpread(_objectSpread({}, props), {}, {
+    var ownerState = _extends({}, props, {
       component: component,
       disableGutters: disableGutters,
       fixed: fixed,
@@ -115,7 +114,7 @@ export default function createContainer() {
     return (
       /*#__PURE__*/
       // @ts-ignore theme is injected by the styled util
-      _jsx(ContainerRoot, _objectSpread({
+      _jsx(ContainerRoot, _extends({
         as: component
         // @ts-ignore module augmentation fails if custom breakpoints are used
         ,

package/legacy/Stack/createStack.js

@@ -1,8 +1,7 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _typeof from "@babel/runtime/helpers/esm/typeof";
 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 _typeof from "@babel/runtime/helpers/esm/typeof";
+import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -61,7 +60,7 @@ var getSideFromDirection = function getSideFromDirection(direction) {
 export var style = function style(_ref) {
   var ownerState = _ref.ownerState,
     theme = _ref.theme;
-  var styles = _objectSpread({
+  var styles = _extends({
     display: 'flex',
     flexDirection: 'column'
   }, handleBreakpoints({
@@ -156,12 +155,12 @@ export default function createStack() {
       useFlexGap: useFlexGap
     };
     var classes = useUtilityClasses();
-    return /*#__PURE__*/_jsx(StackRoot, _objectSpread(_objectSpread({
+    return /*#__PURE__*/_jsx(StackRoot, _extends({
       as: component,
       ownerState: ownerState,
       ref: ref,
       className: clsx(classes.root, className)
-    }, other), {}, {
+    }, other, {
       children: divider ? joinChildren(children, divider) : children
     }));
   });

package/legacy/ThemeProvider/ThemeProvider.js

@@ -1,6 +1,5 @@
 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 { ThemeProvider as MuiThemeProvider, useTheme as usePrivateTheme } from '@mui/private-theming';
@@ -15,7 +14,7 @@ function useThemeScoping(themeId, upperTheme, localTheme) {
     var resolvedTheme = themeId ? upperTheme[themeId] || upperTheme : upperTheme;
     if (typeof localTheme === 'function') {
       var mergedTheme = localTheme(resolvedTheme);
-      var result = themeId ? _objectSpread(_objectSpread({}, upperTheme), {}, _defineProperty({}, themeId, mergedTheme)) : mergedTheme;
+      var result = themeId ? _extends({}, upperTheme, _defineProperty({}, themeId, mergedTheme)) : mergedTheme;
       // must return a function for the private theme to NOT merge with the upper theme.
       // see the test case "use provided theme from a callback" in ThemeProvider.test.js
       if (isPrivate) {
@@ -25,7 +24,7 @@ function useThemeScoping(themeId, upperTheme, localTheme) {
       }
       return result;
     }
-    return themeId ? _objectSpread(_objectSpread({}, upperTheme), {}, _defineProperty({}, themeId, localTheme)) : _objectSpread(_objectSpread({}, upperTheme), localTheme);
+    return themeId ? _extends({}, upperTheme, _defineProperty({}, themeId, localTheme)) : _extends({}, upperTheme, localTheme);
   }, [themeId, upperTheme, localTheme, isPrivate]);
 }
 

package/legacy/Unstable_Grid/createGrid.js

@@ -1,9 +1,7 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _extends from "@babel/runtime/helpers/esm/extends";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-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';
@@ -107,7 +105,7 @@ export default function createGrid() {
     var spacing = (_inProps$spacing = inProps.spacing) != null ? _inProps$spacing : level ? undefined : spacingProp;
     var rowSpacing = (_ref3 = (_inProps$rowSpacing = inProps.rowSpacing) != null ? _inProps$rowSpacing : inProps.spacing) != null ? _ref3 : level ? undefined : rowSpacingProp;
     var columnSpacing = (_ref4 = (_inProps$columnSpacin = inProps.columnSpacing) != null ? _inProps$columnSpacin : inProps.spacing) != null ? _ref4 : level ? undefined : columnSpacingProp;
-    var ownerState = _objectSpread(_objectSpread({}, props), {}, {
+    var ownerState = _extends({}, props, {
       level: level,
       columns: columns,
       container: container,
@@ -124,12 +122,12 @@ export default function createGrid() {
     });
 
     var classes = useUtilityClasses(ownerState, theme);
-    var result = /*#__PURE__*/_jsx(GridRoot, _objectSpread(_objectSpread({
+    var result = /*#__PURE__*/_jsx(GridRoot, _extends({
       ref: ref,
       as: component,
       ownerState: ownerState,
       className: clsx(classes.root, className)
-    }, other), {}, {
+    }, other, {
       children: React.Children.map(children, function (child) {
         if ( /*#__PURE__*/React.isValidElement(child) && isMuiElement(child, ['Grid'])) {
           var _child$props$unstable;

package/legacy/Unstable_Grid/gridGenerator.js

@@ -1,9 +1,8 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _typeof from "@babel/runtime/helpers/esm/typeof";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 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 _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { traverseBreakpoints } from './traverseBreakpoints';
 function appendLevel(level) {
   if (!level) {
     return '';
@@ -32,52 +31,6 @@ function getParentColumns(ownerState) {
   }
   return "var(--Grid-columns".concat(appendLevel(ownerState.unstable_level - 1), ")");
 }
-export var filterBreakpointKeys = function filterBreakpointKeys(breakpointsKeys, responsiveKeys) {
-  return breakpointsKeys.filter(function (key) {
-    return responsiveKeys.includes(key);
-  });
-};
-export var traverseBreakpoints = function traverseBreakpoints(breakpoints, responsive, iterator) {
-  var smallestBreakpoint = breakpoints.keys[0]; // the keys is sorted from smallest to largest by `createBreakpoints`.
-
-  if (Array.isArray(responsive)) {
-    responsive.forEach(function (breakpointValue, index) {
-      iterator(function (responsiveStyles, style) {
-        if (index <= breakpoints.keys.length - 1) {
-          if (index === 0) {
-            _extends(responsiveStyles, style);
-          } else {
-            responsiveStyles[breakpoints.up(breakpoints.keys[index])] = style;
-          }
-        }
-      }, breakpointValue);
-    });
-  } else if (responsive && _typeof(responsive) === 'object') {
-    // prevent null
-    // responsive could be a very big object, pick the smallest responsive values
-
-    var keys = Object.keys(responsive).length > breakpoints.keys.length ? breakpoints.keys : filterBreakpointKeys(breakpoints.keys, Object.keys(responsive));
-    keys.forEach(function (key) {
-      if (breakpoints.keys.indexOf(key) !== -1) {
-        // @ts-ignore already checked that responsive is an object
-        var breakpointValue = responsive[key];
-        if (breakpointValue !== undefined) {
-          iterator(function (responsiveStyles, style) {
-            if (smallestBreakpoint === key) {
-              _extends(responsiveStyles, style);
-            } else {
-              responsiveStyles[breakpoints.up(key)] = style;
-            }
-          }, breakpointValue);
-        }
-      }
-    });
-  } else if (typeof responsive === 'number' || typeof responsive === 'string') {
-    iterator(function (responsiveStyles, style) {
-      _extends(responsiveStyles, style);
-    }, responsive);
-  }
-};
 export var generateGridSizeStyles = function generateGridSizeStyles(_ref) {
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
@@ -192,19 +145,19 @@ export var generateGridStyles = function generateGridStyles(_ref10) {
   var ownerState = _ref10.ownerState;
   var getSelfSpacing = createGetSelfSpacing(ownerState);
   var getParentSpacing = createGetParentSpacing(ownerState);
-  return _objectSpread(_objectSpread({
+  return _extends({
     minWidth: 0,
     boxSizing: 'border-box'
-  }, ownerState.container && _objectSpread(_objectSpread({
+  }, ownerState.container && _extends({
     display: 'flex',
     flexWrap: 'wrap'
   }, ownerState.wrap && ownerState.wrap !== 'wrap' && {
     flexWrap: ownerState.wrap
-  }), {}, {
+  }, {
     margin: "calc(".concat(getSelfSpacing('row'), " / -2) calc(").concat(getSelfSpacing('column'), " / -2)")
   }, ownerState.disableEqualOverflow && {
     margin: "calc(".concat(getSelfSpacing('row'), " * -1) 0px 0px calc(").concat(getSelfSpacing('column'), " * -1)")
-  })), (!ownerState.container || isNestedContainer(ownerState)) && _objectSpread({
+  }), (!ownerState.container || isNestedContainer(ownerState)) && _extends({
     padding: "calc(".concat(getParentSpacing('row'), " / 2) calc(").concat(getParentSpacing('column'), " / 2)")
   }, (ownerState.disableEqualOverflow || ownerState.parentDisableEqualOverflow) && {
     padding: "".concat(getParentSpacing('row'), " 0px 0px ").concat(getParentSpacing('column'))

package/legacy/Unstable_Grid/index.js

@@ -2,4 +2,5 @@ export { default } from './Grid';
 export { default as createGrid } from './createGrid';
 export * from './GridProps';
 export { default as gridClasses } from './gridClasses';
-export * from './gridClasses';
+export * from './gridClasses';
+export { traverseBreakpoints as unstable_traverseBreakpoints } from './traverseBreakpoints';

package/legacy/Unstable_Grid/traverseBreakpoints.js

@@ -0,0 +1,48 @@
+import _typeof from "@babel/runtime/helpers/esm/typeof";
+import _extends from "@babel/runtime/helpers/esm/extends";
+export var filterBreakpointKeys = function filterBreakpointKeys(breakpointsKeys, responsiveKeys) {
+  return breakpointsKeys.filter(function (key) {
+    return responsiveKeys.includes(key);
+  });
+};
+export var traverseBreakpoints = function traverseBreakpoints(breakpoints, responsive, iterator) {
+  var smallestBreakpoint = breakpoints.keys[0]; // the keys is sorted from smallest to largest by `createBreakpoints`.
+
+  if (Array.isArray(responsive)) {
+    responsive.forEach(function (breakpointValue, index) {
+      iterator(function (responsiveStyles, style) {
+        if (index <= breakpoints.keys.length - 1) {
+          if (index === 0) {
+            _extends(responsiveStyles, style);
+          } else {
+            responsiveStyles[breakpoints.up(breakpoints.keys[index])] = style;
+          }
+        }
+      }, breakpointValue);
+    });
+  } else if (responsive && _typeof(responsive) === 'object') {
+    // prevent null
+    // responsive could be a very big object, pick the smallest responsive values
+
+    var keys = Object.keys(responsive).length > breakpoints.keys.length ? breakpoints.keys : filterBreakpointKeys(breakpoints.keys, Object.keys(responsive));
+    keys.forEach(function (key) {
+      if (breakpoints.keys.indexOf(key) !== -1) {
+        // @ts-ignore already checked that responsive is an object
+        var breakpointValue = responsive[key];
+        if (breakpointValue !== undefined) {
+          iterator(function (responsiveStyles, style) {
+            if (smallestBreakpoint === key) {
+              _extends(responsiveStyles, style);
+            } else {
+              responsiveStyles[breakpoints.up(key)] = style;
+            }
+          }, breakpointValue);
+        }
+      }
+    });
+  } else if (typeof responsive === 'number' || typeof responsive === 'string') {
+    iterator(function (responsiveStyles, style) {
+      _extends(responsiveStyles, style);
+    }, responsive);
+  }
+};

package/legacy/breakpoints.js

@@ -1,8 +1,6 @@
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _extends from "@babel/runtime/helpers/esm/extends";
 import _typeof from "@babel/runtime/helpers/esm/typeof";
-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 PropTypes from 'prop-types';
 import { deepmerge } from '@mui/utils';
 import merge from './merge';
@@ -65,7 +63,7 @@ function breakpoints(styleFunction) {
     var extended = themeBreakpoints.keys.reduce(function (acc, key) {
       if (props[key]) {
         acc = acc || {};
-        acc[themeBreakpoints.up(key)] = styleFunction(_objectSpread({
+        acc[themeBreakpoints.up(key)] = styleFunction(_extends({
           theme: theme
         }, props[key]));
       }
@@ -73,7 +71,7 @@ function breakpoints(styleFunction) {
     }, null);
     return merge(base, extended);
   };
-  newStyleFunction.propTypes = process.env.NODE_ENV !== 'production' ? _objectSpread(_objectSpread({}, styleFunction.propTypes), {}, {
+  newStyleFunction.propTypes = process.env.NODE_ENV !== 'production' ? _extends({}, styleFunction.propTypes, {
     xs: PropTypes.object,
     sm: PropTypes.object,
     md: PropTypes.object,

package/legacy/createBox.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 clsx from 'clsx';
 import styled from '@mui/styled-engine';
@@ -27,7 +25,7 @@ export default function createBox() {
       _extendSxProp$compone = _extendSxProp.component,
       component = _extendSxProp$compone === void 0 ? 'div' : _extendSxProp$compone,
       other = _objectWithoutProperties(_extendSxProp, ["className", "component"]);
-    return /*#__PURE__*/_jsx(BoxRoot, _objectSpread({
+    return /*#__PURE__*/_jsx(BoxRoot, _extends({
       as: component,
       ref: ref,
       className: clsx(className, generateClassName ? generateClassName(defaultClassName) : defaultClassName),

package/legacy/createStyled.js

@@ -1,9 +1,7 @@
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 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";
 /* eslint-disable no-underscore-dangle */
 import styledEngineStyled, { internal_processStyles as processStyles } from '@mui/styled-engine';
 import { getDisplayName } from '@mui/utils';
@@ -86,8 +84,8 @@ export default function createStyled() {
     _input$slotShouldForw = input.slotShouldForwardProp,
     slotShouldForwardProp = _input$slotShouldForw === void 0 ? shouldForwardProp : _input$slotShouldForw;
   var systemSx = function systemSx(props) {
-    return styleFunctionSx(_objectSpread(_objectSpread({}, props), {}, {
-      theme: resolveTheme(_objectSpread(_objectSpread({}, props), {}, {
+    return styleFunctionSx(_extends({}, props, {
+      theme: resolveTheme(_extends({}, props, {
         defaultTheme: defaultTheme,
         themeId: themeId
       }))
@@ -126,7 +124,7 @@ export default function createStyled() {
       // for string (html) tag, preserve the behavior in emotion & styled-components.
       shouldForwardPropOption = undefined;
     }
-    var defaultStyledResolver = styledEngineStyled(tag, _objectSpread({
+    var defaultStyledResolver = styledEngineStyled(tag, _extends({
       shouldForwardProp: shouldForwardPropOption,
       label: label
     }, options));
@@ -139,8 +137,8 @@ export default function createStyled() {
         // component stays as a function. This condition makes sure that we do not interpolate functions
         // which are basically components used as a selectors.
         return typeof stylesArg === 'function' && stylesArg.__emotion_real !== stylesArg ? function (props) {
-          return stylesArg(_objectSpread(_objectSpread({}, props), {}, {
-            theme: resolveTheme(_objectSpread(_objectSpread({}, props), {}, {
+          return stylesArg(_extends({}, props, {
+            theme: resolveTheme(_extends({}, props, {
               defaultTheme: defaultTheme,
               themeId: themeId
             }))
@@ -150,7 +148,7 @@ export default function createStyled() {
       var transformedStyleArg = styleArg;
       if (componentName && overridesResolver) {
         expressionsWithDefaultTheme.push(function (props) {
-          var theme = resolveTheme(_objectSpread(_objectSpread({}, props), {}, {
+          var theme = resolveTheme(_extends({}, props, {
             defaultTheme: defaultTheme,
             themeId: themeId
           }));
@@ -161,7 +159,7 @@ export default function createStyled() {
               var _ref3 = _slicedToArray(_ref2, 2),
                 slotKey = _ref3[0],
                 slotStyle = _ref3[1];
-              resolvedStyleOverrides[slotKey] = typeof slotStyle === 'function' ? slotStyle(_objectSpread(_objectSpread({}, props), {}, {
+              resolvedStyleOverrides[slotKey] = typeof slotStyle === 'function' ? slotStyle(_extends({}, props, {
                 theme: theme
               })) : slotStyle;
             });
@@ -172,7 +170,7 @@ export default function createStyled() {
       }
       if (componentName && !skipVariantsResolver) {
         expressionsWithDefaultTheme.push(function (props) {
-          var theme = resolveTheme(_objectSpread(_objectSpread({}, props), {}, {
+          var theme = resolveTheme(_extends({}, props, {
             defaultTheme: defaultTheme,
             themeId: themeId
           }));
@@ -195,8 +193,8 @@ export default function createStyled() {
       styleArg.__emotion_real !== styleArg) {
         // If the type is function, we need to define the default theme.
         transformedStyleArg = function transformedStyleArg(props) {
-          return styleArg(_objectSpread(_objectSpread({}, props), {}, {
-            theme: resolveTheme(_objectSpread(_objectSpread({}, props), {}, {
+          return styleArg(_extends({}, props, {
+            theme: resolveTheme(_extends({}, props, {
               defaultTheme: defaultTheme,
               themeId: themeId
             }))

package/legacy/createTheme/createBreakpoints.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";
 // Sorted ASC by size. That's important.
 // It can't be configured as it's used statically for propTypes.
 export var breakpointKeys = ['xs', 'sm', 'md', 'lg', 'xl'];
@@ -17,7 +16,7 @@ var sortBreakpointsValues = function sortBreakpointsValues(values) {
     return breakpoint1.val - breakpoint2.val;
   });
   return breakpointsAsArray.reduce(function (acc, obj) {
-    return _objectSpread(_objectSpread({}, acc), {}, _defineProperty({}, obj.key, obj.val));
+    return _extends({}, acc, _defineProperty({}, obj.key, obj.val));
   }, {});
 };
 
@@ -71,7 +70,7 @@ export default function createBreakpoints(breakpoints) {
     }
     return between(key, keys[keys.indexOf(key) + 1]).replace('@media', '@media not all and');
   }
-  return _objectSpread({
+  return _extends({
     keys: keys,
     values: sortedValues,
     up: up,

package/legacy/createTheme/createTheme.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';
 import createBreakpoints from './createBreakpoints';
 import shape from './shape';
@@ -25,11 +23,11 @@ function createTheme() {
     direction: 'ltr',
     components: {},
     // Inject component definitions.
-    palette: _objectSpread({
+    palette: _extends({
       mode: 'light'
     }, paletteInput),
     spacing: spacing,
-    shape: _objectSpread(_objectSpread({}, shape), shapeInput)
+    shape: _extends({}, shape, shapeInput)
   }, other);
   for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
     args[_key - 1] = arguments[_key];
@@ -37,7 +35,7 @@ function createTheme() {
   muiTheme = args.reduce(function (acc, argument) {
     return deepmerge(acc, argument);
   }, muiTheme);
-  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,