@mui/material 5.12.3 → 5.13.1

package/legacy/FormLabel/FormLabel.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';
@@ -31,25 +32,25 @@ export var FormLabelRoot = styled('label', {
   slot: 'Root',
   overridesResolver: function overridesResolver(_ref, styles) {
     var ownerState = _ref.ownerState;
-    return _extends({}, styles.root, ownerState.color === 'secondary' && styles.colorSecondary, ownerState.filled && styles.filled);
+    return _objectSpread(_objectSpread(_objectSpread({}, styles.root), ownerState.color === 'secondary' && styles.colorSecondary), ownerState.filled && styles.filled);
   }
 })(function (_ref2) {
-  var _extends2;
+  var _objectSpread2;
   var theme = _ref2.theme,
     ownerState = _ref2.ownerState;
-  return _extends({
+  return _objectSpread(_objectSpread({
     color: (theme.vars || theme).palette.text.secondary
-  }, theme.typography.body1, (_extends2 = {
+  }, theme.typography.body1), {}, (_objectSpread2 = {
     lineHeight: '1.4375em',
     padding: 0,
     position: 'relative'
-  }, _defineProperty(_extends2, "&.".concat(formLabelClasses.focused), {
+  }, _defineProperty(_objectSpread2, "&.".concat(formLabelClasses.focused), {
     color: (theme.vars || theme).palette[ownerState.color].main
-  }), _defineProperty(_extends2, "&.".concat(formLabelClasses.disabled), {
+  }), _defineProperty(_objectSpread2, "&.".concat(formLabelClasses.disabled), {
     color: (theme.vars || theme).palette.text.disabled
-  }), _defineProperty(_extends2, "&.".concat(formLabelClasses.error), {
+  }), _defineProperty(_objectSpread2, "&.".concat(formLabelClasses.error), {
     color: (theme.vars || theme).palette.error.main
-  }), _extends2));
+  }), _objectSpread2));
 });
 var AsteriskComponent = styled('span', {
   name: 'MuiFormLabel',
@@ -85,7 +86,7 @@ var FormLabel = /*#__PURE__*/React.forwardRef(function FormLabel(inProps, ref) {
     muiFormControl: muiFormControl,
     states: ['color', 'required', 'focused', 'disabled', 'error', 'filled']
   });
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     color: fcs.color || 'primary',
     component: component,
     disabled: fcs.disabled,
@@ -95,12 +96,12 @@ var FormLabel = /*#__PURE__*/React.forwardRef(function FormLabel(inProps, ref) {
     required: fcs.required
   });
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsxs(FormLabelRoot, _extends({
+  return /*#__PURE__*/_jsxs(FormLabelRoot, _objectSpread(_objectSpread({
     as: component,
     ownerState: ownerState,
     className: clsx(classes.root, className),
     ref: ref
-  }, other, {
+  }, other), {}, {
     children: [children, fcs.required && /*#__PURE__*/_jsxs(AsteriskComponent, {
       ownerState: ownerState,
       "aria-hidden": true,

package/legacy/GlobalStyles/GlobalStyles.js

@@ -1,4 +1,6 @@
-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 { GlobalStyles as SystemGlobalStyles } from '@mui/system';
@@ -6,7 +8,7 @@ import defaultTheme from '../styles/defaultTheme';
 import THEME_ID from '../styles/identifier';
 import { jsx as _jsx } from "react/jsx-runtime";
 function GlobalStyles(props) {
-  return /*#__PURE__*/_jsx(SystemGlobalStyles, _extends({}, props, {
+  return /*#__PURE__*/_jsx(SystemGlobalStyles, _objectSpread(_objectSpread({}, props), {}, {
     defaultTheme: defaultTheme,
     themeId: THEME_ID
   }));

package/legacy/Grid/Grid.js

@@ -1,8 +1,10 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 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 _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 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; }
 // A grid component using the following libs as inspiration.
 //
 // For the implementation:
@@ -82,7 +84,7 @@ export function generateGrid(_ref) {
 
       // Close to the bootstrap implementation:
       // https://github.com/twbs/bootstrap/blob/8fccaa2439e97ec72a4b7dc42ccc1f649790adb0/scss/mixins/_grid.scss#L41
-      styles = _extends({
+      styles = _objectSpread({
         flexBasis: width,
         flexGrow: 0,
         maxWidth: width
@@ -284,17 +286,17 @@ var GridRoot = styled('div', {
   }
 })(function (_ref10) {
   var ownerState = _ref10.ownerState;
-  return _extends({
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread({
     boxSizing: 'border-box'
   }, ownerState.container && {
     display: 'flex',
     flexWrap: 'wrap',
     width: '100%'
-  }, ownerState.item && {
+  }), ownerState.item && {
     margin: 0 // For instance, it's useful when used with a `figure` element.
-  }, ownerState.zeroMinWidth && {
+  }), ownerState.zeroMinWidth && {
     minWidth: 0
-  }, ownerState.wrap !== 'wrap' && {
+  }), ownerState.wrap !== 'wrap' && {
     flexWrap: ownerState.wrap
   });
 }, generateDirection, generateRowGap, generateColumnGap, generateGrid);
@@ -379,14 +381,14 @@ var Grid = /*#__PURE__*/React.forwardRef(function Grid(inProps, ref) {
   // columns set with default breakpoint unit of 12
   var columns = container ? columnsProp || 12 : columnsContext;
   var breakpointsValues = {};
-  var otherFiltered = _extends({}, other);
+  var otherFiltered = _objectSpread({}, other);
   breakpoints.keys.forEach(function (breakpoint) {
     if (other[breakpoint] != null) {
       breakpointsValues[breakpoint] = other[breakpoint];
       delete otherFiltered[breakpoint];
     }
   });
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread(_objectSpread({}, props), {}, {
     columns: columns,
     container: container,
     direction: direction,
@@ -396,13 +398,13 @@ var Grid = /*#__PURE__*/React.forwardRef(function Grid(inProps, ref) {
     wrap: wrap,
     zeroMinWidth: zeroMinWidth,
     spacing: spacing
-  }, breakpointsValues, {
+  }, breakpointsValues), {}, {
     breakpoints: breakpoints.keys
   });
   var classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(GridContext.Provider, {
     value: columns,
-    children: /*#__PURE__*/_jsx(GridRoot, _extends({
+    children: /*#__PURE__*/_jsx(GridRoot, _objectSpread({
       ownerState: ownerState,
       className: clsx(classes.root, className),
       as: component,
@@ -541,7 +543,7 @@ process.env.NODE_ENV !== "production" ? Grid.propTypes /* remove-proptypes */ =
 if (process.env.NODE_ENV !== 'production') {
   var requireProp = requirePropFactory('Grid', Grid);
   // eslint-disable-next-line no-useless-concat
-  Grid['propTypes' + ''] = _extends({}, Grid.propTypes, {
+  Grid['propTypes' + ''] = _objectSpread(_objectSpread({}, Grid.propTypes), {}, {
     direction: requireProp('container'),
     lg: requireProp('item'),
     md: requireProp('item'),

package/legacy/Grow/Grow.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 { elementAcceptingRef } from '@mui/utils';
@@ -152,7 +154,7 @@ var Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
       clearTimeout(timer.current);
     };
   }, []);
-  return /*#__PURE__*/_jsx(TransitionComponent, _extends({
+  return /*#__PURE__*/_jsx(TransitionComponent, _objectSpread(_objectSpread({
     appear: appear,
     in: inProp,
     nodeRef: nodeRef,
@@ -164,14 +166,14 @@ var Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
     onExiting: handleExiting,
     addEndListener: handleAddEndListener,
     timeout: timeout === 'auto' ? null : timeout
-  }, other, {
+  }, other), {}, {
     children: function children(state, childProps) {
-      return /*#__PURE__*/React.cloneElement(_children, _extends({
-        style: _extends({
+      return /*#__PURE__*/React.cloneElement(_children, _objectSpread({
+        style: _objectSpread(_objectSpread(_objectSpread({
           opacity: 0,
           transform: getScale(0.75),
           visibility: state === 'exited' && !inProp ? 'hidden' : undefined
-        }, styles[state], style, _children.props.style),
+        }, styles[state]), style), _children.props.style),
         ref: handleRef
       }, childProps));
     }

package/legacy/Hidden/Hidden.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 HiddenJs from './HiddenJs';
@@ -34,7 +36,7 @@ function Hidden(props) {
     xsUp = _props$xsUp === void 0 ? false : _props$xsUp,
     other = _objectWithoutProperties(props, ["implementation", "lgDown", "lgUp", "mdDown", "mdUp", "smDown", "smUp", "xlDown", "xlUp", "xsDown", "xsUp"]);
   if (implementation === 'js') {
-    return /*#__PURE__*/_jsx(HiddenJs, _extends({
+    return /*#__PURE__*/_jsx(HiddenJs, _objectSpread({
       lgDown: lgDown,
       lgUp: lgUp,
       mdDown: mdDown,
@@ -47,7 +49,7 @@ function Hidden(props) {
       xsUp: xsUp
     }, other));
   }
-  return /*#__PURE__*/_jsx(HiddenCss, _extends({
+  return /*#__PURE__*/_jsx(HiddenCss, _objectSpread({
     lgDown: lgDown,
     lgUp: lgUp,
     mdDown: mdDown,

package/legacy/Hidden/HiddenCss.js

@@ -1,7 +1,8 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _extends from "@babel/runtime/helpers/esm/extends";
 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 clsx from 'clsx';
 import PropTypes from 'prop-types';
@@ -32,7 +33,7 @@ var HiddenCssRoot = styled('div', {
   var hidden = {
     display: 'none'
   };
-  return _extends({}, ownerState.breakpoints.map(function (_ref3) {
+  return _objectSpread({}, ownerState.breakpoints.map(function (_ref3) {
     var breakpoint = _ref3.breakpoint,
       dir = _ref3.dir;
     if (dir === 'only') {
@@ -94,7 +95,7 @@ function HiddenCss(props) {
       });
     });
   }
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     breakpoints: breakpoints
   });
   var classes = useUtilityClasses(ownerState);

package/legacy/Hidden/withWidth.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 { getDisplayName } from '@mui/utils';
@@ -64,11 +66,11 @@ var withWidth = function withWidth() {
         var matches = useMediaQuery(theme.breakpoints.up(key));
         return !output && matches ? key : output;
       }, null);
-      var more = _extends({
+      var more = _objectSpread(_objectSpread({
         width: width || (mountedState || noSSR ? widthComputed : undefined) || initialWidth || initialWidthOption
       }, withThemeOption ? {
         theme: theme
-      } : {}, other);
+      } : {}), other);
 
       // When rendering the component on the server,
       // we have no idea about the client browser screen width.
@@ -79,7 +81,7 @@ var withWidth = function withWidth() {
       if (more.width === undefined) {
         return null;
       }
-      return /*#__PURE__*/_jsx(Component, _extends({}, more));
+      return /*#__PURE__*/_jsx(Component, _objectSpread({}, more));
     }
     process.env.NODE_ENV !== "production" ? WithWidth.propTypes = {
       /**

package/legacy/Icon/Icon.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';
@@ -75,14 +77,14 @@ var Icon = /*#__PURE__*/React.forwardRef(function Icon(inProps, ref) {
     _props$fontSize = props.fontSize,
     fontSize = _props$fontSize === void 0 ? 'medium' : _props$fontSize,
     other = _objectWithoutProperties(props, ["baseClassName", "className", "color", "component", "fontSize"]);
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     baseClassName: baseClassName,
     color: color,
     component: Component,
     fontSize: fontSize
   });
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(IconRoot, _extends({
+  return /*#__PURE__*/_jsx(IconRoot, _objectSpread({
     as: Component,
     className: clsx(baseClassName,
     // Prevent the translation of the text content.

package/legacy/IconButton/IconButton.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';
@@ -34,7 +35,7 @@ var IconButtonRoot = styled(ButtonBase, {
 })(function (_ref) {
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
-  return _extends({
+  return _objectSpread(_objectSpread(_objectSpread({
     textAlign: 'center',
     flex: '0 0 auto',
     fontSize: theme.typography.pxToRem(24),
@@ -54,9 +55,9 @@ var IconButtonRoot = styled(ButtonBase, {
         backgroundColor: 'transparent'
       }
     }
-  }, ownerState.edge === 'start' && {
+  }), ownerState.edge === 'start' && {
     marginLeft: ownerState.size === 'small' ? -3 : -12
-  }, ownerState.edge === 'end' && {
+  }), ownerState.edge === 'end' && {
     marginRight: ownerState.size === 'small' ? -3 : -12
   });
 }, function (_ref2) {
@@ -64,26 +65,26 @@ var IconButtonRoot = styled(ButtonBase, {
   var theme = _ref2.theme,
     ownerState = _ref2.ownerState;
   var palette = (_palette = (theme.vars || theme).palette) == null ? void 0 : _palette[ownerState.color];
-  return _extends({}, ownerState.color === 'inherit' && {
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, ownerState.color === 'inherit' && {
     color: 'inherit'
-  }, ownerState.color !== 'inherit' && ownerState.color !== 'default' && _extends({
+  }), ownerState.color !== 'inherit' && ownerState.color !== 'default' && _objectSpread({
     color: palette == null ? void 0 : palette.main
   }, !ownerState.disableRipple && {
-    '&:hover': _extends({}, palette && {
+    '&:hover': _objectSpread(_objectSpread({}, palette && {
       backgroundColor: theme.vars ? "rgba(".concat(palette.mainChannel, " / ").concat(theme.vars.palette.action.hoverOpacity, ")") : alpha(palette.main, theme.palette.action.hoverOpacity)
-    }, {
+    }), {}, {
       // Reset on touch devices, it doesn't add specificity
       '@media (hover: none)': {
         backgroundColor: 'transparent'
       }
     })
-  }), ownerState.size === 'small' && {
+  })), ownerState.size === 'small' && {
     padding: 5,
     fontSize: theme.typography.pxToRem(18)
-  }, ownerState.size === 'large' && {
+  }), ownerState.size === 'large' && {
     padding: 12,
     fontSize: theme.typography.pxToRem(28)
-  }, _defineProperty({}, "&.".concat(iconButtonClasses.disabled), {
+  }), {}, _defineProperty({}, "&.".concat(iconButtonClasses.disabled), {
     backgroundColor: 'transparent',
     color: (theme.vars || theme).palette.action.disabled
   }));
@@ -111,7 +112,7 @@ var IconButton = /*#__PURE__*/React.forwardRef(function IconButton(inProps, ref)
     _props$size = props.size,
     size = _props$size === void 0 ? 'medium' : _props$size,
     other = _objectWithoutProperties(props, ["edge", "children", "className", "color", "disabled", "disableFocusRipple", "size"]);
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     edge: edge,
     color: color,
     disabled: disabled,
@@ -119,14 +120,14 @@ var IconButton = /*#__PURE__*/React.forwardRef(function IconButton(inProps, ref)
     size: size
   });
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(IconButtonRoot, _extends({
+  return /*#__PURE__*/_jsx(IconButtonRoot, _objectSpread(_objectSpread({
     className: clsx(classes.root, className),
     centerRipple: true,
     focusRipple: !disableFocusRipple,
     disabled: disabled,
     ref: ref,
     ownerState: ownerState
-  }, other, {
+  }, other), {}, {
     children: children
   }));
 });

package/legacy/ImageList/ImageList.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 { unstable_composeClasses as composeClasses } from '@mui/base';
 import { integerPropType } from '@mui/utils';
 import clsx from 'clsx';
@@ -27,7 +29,7 @@ var ImageListRoot = styled('ul', {
   }
 })(function (_ref) {
   var ownerState = _ref.ownerState;
-  return _extends({
+  return _objectSpread({
     display: 'grid',
     overflowY: 'auto',
     listStyle: 'none',
@@ -72,27 +74,27 @@ var ImageList = /*#__PURE__*/React.forwardRef(function ImageList(inProps, ref) {
       }
     }
   }, []);
-  var style = variant === 'masonry' ? _extends({
+  var style = variant === 'masonry' ? _objectSpread({
     columnCount: cols,
     columnGap: gap
-  }, styleProp) : _extends({
+  }, styleProp) : _objectSpread({
     gridTemplateColumns: "repeat(".concat(cols, ", 1fr)"),
     gap: gap
   }, styleProp);
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     component: component,
     gap: gap,
     rowHeight: rowHeight,
     variant: variant
   });
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(ImageListRoot, _extends({
+  return /*#__PURE__*/_jsx(ImageListRoot, _objectSpread(_objectSpread({
     as: component,
     className: clsx(classes.root, classes[variant], className),
     ref: ref,
     style: style,
     ownerState: ownerState
-  }, other, {
+  }, other), {}, {
     children: /*#__PURE__*/_jsx(ImageListContext.Provider, {
       value: contextValue,
       children: children

package/legacy/ImageListItem/ImageListItem.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 { unstable_composeClasses as composeClasses } from '@mui/base';
 import { integerPropType } from '@mui/utils';
 import clsx from 'clsx';
@@ -31,20 +32,20 @@ var ImageListItemRoot = styled('li', {
   }
 })(function (_ref2) {
   var ownerState = _ref2.ownerState;
-  return _extends({
+  return _objectSpread(_objectSpread(_objectSpread({
     display: 'block',
     position: 'relative'
   }, ownerState.variant === 'standard' && {
     // For titlebar under list item
     display: 'flex',
     flexDirection: 'column'
-  }, ownerState.variant === 'woven' && {
+  }), ownerState.variant === 'woven' && {
     height: '100%',
     alignSelf: 'center',
     '&:nth-of-type(even)': {
       height: '70%'
     }
-  }, _defineProperty({}, "& .".concat(imageListItemClasses.img), _extends({
+  }), {}, _defineProperty({}, "& .".concat(imageListItemClasses.img), _objectSpread({
     objectFit: 'cover',
     width: '100%',
     height: '100%',
@@ -82,7 +83,7 @@ var ImageListItem = /*#__PURE__*/React.forwardRef(function ImageListItem(inProps
   } else if (rowHeight !== 'auto') {
     height = rowHeight * rows + gap * (rows - 1);
   }
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     cols: cols,
     component: component,
     gap: gap,
@@ -91,18 +92,18 @@ var ImageListItem = /*#__PURE__*/React.forwardRef(function ImageListItem(inProps
     variant: variant
   });
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(ImageListItemRoot, _extends({
+  return /*#__PURE__*/_jsx(ImageListItemRoot, _objectSpread(_objectSpread({
     as: component,
     className: clsx(classes.root, classes[variant], className),
     ref: ref,
-    style: _extends({
+    style: _objectSpread({
       height: height,
       gridColumnEnd: variant !== 'masonry' ? "span ".concat(cols) : undefined,
       gridRowEnd: variant !== 'masonry' ? "span ".concat(rows) : undefined,
       marginBottom: variant === 'masonry' ? gap : undefined
     }, style),
     ownerState: ownerState
-  }, other, {
+  }, other), {}, {
     children: React.Children.map(children, function (child) {
       if (! /*#__PURE__*/React.isValidElement(child)) {
         return null;

package/legacy/ImageListItemBar/ImageListItemBar.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 { unstable_composeClasses as composeClasses } from '@mui/base';
 import clsx from 'clsx';
 import PropTypes from 'prop-types';
@@ -34,7 +36,7 @@ var ImageListItemBarRoot = styled('div', {
 })(function (_ref) {
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
-  return _extends({
+  return _objectSpread(_objectSpread(_objectSpread({
     position: 'absolute',
     left: 0,
     right: 0,
@@ -44,9 +46,9 @@ var ImageListItemBarRoot = styled('div', {
     fontFamily: theme.typography.fontFamily
   }, ownerState.position === 'bottom' && {
     bottom: 0
-  }, ownerState.position === 'top' && {
+  }), ownerState.position === 'top' && {
     top: 0
-  }, ownerState.position === 'below' && {
+  }), ownerState.position === 'below' && {
     position: 'relative',
     background: 'transparent',
     alignItems: 'normal'
@@ -62,7 +64,7 @@ var ImageListItemBarTitleWrap = styled('div', {
 })(function (_ref2) {
   var theme = _ref2.theme,
     ownerState = _ref2.ownerState;
-  return _extends({
+  return _objectSpread(_objectSpread(_objectSpread({
     flexGrow: 1,
     padding: '12px 16px',
     color: (theme.vars || theme).palette.common.white,
@@ -70,9 +72,9 @@ var ImageListItemBarTitleWrap = styled('div', {
   }, ownerState.position === 'below' && {
     padding: '6px 0 12px',
     color: 'inherit'
-  }, ownerState.actionIcon && ownerState.actionPosition === 'left' && {
+  }), ownerState.actionIcon && ownerState.actionPosition === 'left' && {
     paddingLeft: 0
-  }, ownerState.actionIcon && ownerState.actionPosition === 'right' && {
+  }), ownerState.actionIcon && ownerState.actionPosition === 'right' && {
     paddingRight: 0
   });
 });
@@ -117,7 +119,7 @@ var ImageListItemBarActionIcon = styled('div', {
   }
 })(function (_ref5) {
   var ownerState = _ref5.ownerState;
-  return _extends({}, ownerState.actionPosition === 'left' && {
+  return _objectSpread({}, ownerState.actionPosition === 'left' && {
     order: -1
   });
 });
@@ -135,16 +137,16 @@ var ImageListItemBar = /*#__PURE__*/React.forwardRef(function ImageListItemBar(i
     _props$position = props.position,
     position = _props$position === void 0 ? 'bottom' : _props$position,
     other = _objectWithoutProperties(props, ["actionIcon", "actionPosition", "className", "subtitle", "title", "position"]);
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     position: position,
     actionPosition: actionPosition
   });
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsxs(ImageListItemBarRoot, _extends({
+  return /*#__PURE__*/_jsxs(ImageListItemBarRoot, _objectSpread(_objectSpread({
     ownerState: ownerState,
     className: clsx(classes.root, className),
     ref: ref
-  }, other, {
+  }, other), {}, {
     children: [/*#__PURE__*/_jsxs(ImageListItemBarTitleWrap, {
       ownerState: ownerState,
       className: classes.titleWrap,