@mui/material 5.13.1 → 5.13.2

package/legacy/FormControlLabel/FormControlLabel.js

@@ -1,7 +1,6 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -39,7 +38,7 @@ export var FormControlLabelRoot = styled('label', {
 })(function (_ref2) {
   var theme = _ref2.theme,
     ownerState = _ref2.ownerState;
-  return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_defineProperty({
+  return _extends(_defineProperty({
     display: 'inline-flex',
     alignItems: 'center',
     cursor: 'pointer',
@@ -55,13 +54,13 @@ export var FormControlLabelRoot = styled('label', {
     marginLeft: 16,
     // used for row presentation of radio/checkbox
     marginRight: -11
-  }), ownerState.labelPlacement === 'top' && {
+  }, ownerState.labelPlacement === 'top' && {
     flexDirection: 'column-reverse',
     marginLeft: 16
-  }), ownerState.labelPlacement === 'bottom' && {
+  }, ownerState.labelPlacement === 'bottom' && {
     flexDirection: 'column',
     marginLeft: 16
-  }), {}, _defineProperty({}, "& .".concat(formControlLabelClasses.label), _defineProperty({}, "&.".concat(formControlLabelClasses.disabled), {
+  }, _defineProperty({}, "& .".concat(formControlLabelClasses.label), _defineProperty({}, "&.".concat(formControlLabelClasses.disabled), {
     color: (theme.vars || theme).palette.text.disabled
   })));
 });
@@ -123,7 +122,7 @@ var FormControlLabel = /*#__PURE__*/React.forwardRef(function FormControlLabel(i
     muiFormControl: muiFormControl,
     states: ['error']
   });
-  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
+  var ownerState = _extends({}, props, {
     disabled: disabled,
     labelPlacement: labelPlacement,
     required: required,
@@ -133,18 +132,18 @@ var FormControlLabel = /*#__PURE__*/React.forwardRef(function FormControlLabel(i
   var typographySlotProps = (_slotProps$typography = slotProps.typography) != null ? _slotProps$typography : componentsProps.typography;
   var label = labelProp;
   if (label != null && label.type !== Typography && !disableTypography) {
-    label = /*#__PURE__*/_jsx(Typography, _objectSpread(_objectSpread({
+    label = /*#__PURE__*/_jsx(Typography, _extends({
       component: "span"
-    }, typographySlotProps), {}, {
+    }, typographySlotProps, {
       className: clsx(classes.label, typographySlotProps == null ? void 0 : typographySlotProps.className),
       children: label
     }));
   }
-  return /*#__PURE__*/_jsxs(FormControlLabelRoot, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsxs(FormControlLabelRoot, _extends({
     className: clsx(classes.root, className),
     ownerState: ownerState,
     ref: ref
-  }, other), {}, {
+  }, other, {
     children: [/*#__PURE__*/React.cloneElement(control, controlProps), label, required && /*#__PURE__*/_jsxs(AsteriskComponent, {
       ownerState: ownerState,
       "aria-hidden": true,

package/legacy/FormGroup/FormGroup.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';
@@ -30,7 +28,7 @@ var FormGroupRoot = styled('div', {
   }
 })(function (_ref) {
   var ownerState = _ref.ownerState;
-  return _objectSpread({
+  return _extends({
     display: 'flex',
     flexDirection: 'column',
     flexWrap: 'wrap'
@@ -59,12 +57,12 @@ var FormGroup = /*#__PURE__*/React.forwardRef(function FormGroup(inProps, ref) {
     muiFormControl: muiFormControl,
     states: ['error']
   });
-  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
+  var ownerState = _extends({}, props, {
     row: row,
     error: fcs.error
   });
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(FormGroupRoot, _objectSpread({
+  return /*#__PURE__*/_jsx(FormGroupRoot, _extends({
     className: clsx(classes.root, className),
     ownerState: ownerState,
     ref: ref

package/legacy/FormHelperText/FormHelperText.js

@@ -1,8 +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";
 var _span;
-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';
@@ -36,24 +35,24 @@ var FormHelperTextRoot = styled('p', {
     return [styles.root, ownerState.size && styles["size".concat(capitalize(ownerState.size))], ownerState.contained && styles.contained, ownerState.filled && styles.filled];
   }
 })(function (_ref) {
-  var _objectSpread2;
+  var _extends2;
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
-  return _objectSpread(_objectSpread(_objectSpread({
+  return _extends({
     color: (theme.vars || theme).palette.text.secondary
-  }, theme.typography.caption), {}, (_objectSpread2 = {
+  }, theme.typography.caption, (_extends2 = {
     textAlign: 'left',
     marginTop: 3,
     marginRight: 0,
     marginBottom: 0,
     marginLeft: 0
-  }, _defineProperty(_objectSpread2, "&.".concat(formHelperTextClasses.disabled), {
+  }, _defineProperty(_extends2, "&.".concat(formHelperTextClasses.disabled), {
     color: (theme.vars || theme).palette.text.disabled
-  }), _defineProperty(_objectSpread2, "&.".concat(formHelperTextClasses.error), {
+  }), _defineProperty(_extends2, "&.".concat(formHelperTextClasses.error), {
     color: (theme.vars || theme).palette.error.main
-  }), _objectSpread2), ownerState.size === 'small' && {
+  }), _extends2), ownerState.size === 'small' && {
     marginTop: 4
-  }), ownerState.contained && {
+  }, ownerState.contained && {
     marginLeft: 14,
     marginRight: 14
   });
@@ -81,7 +80,7 @@ var FormHelperText = /*#__PURE__*/React.forwardRef(function FormHelperText(inPro
     muiFormControl: muiFormControl,
     states: ['variant', 'size', 'disabled', 'error', 'filled', 'focused', 'required']
   });
-  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
+  var ownerState = _extends({}, props, {
     component: component,
     contained: fcs.variant === 'filled' || fcs.variant === 'outlined',
     variant: fcs.variant,
@@ -93,12 +92,12 @@ var FormHelperText = /*#__PURE__*/React.forwardRef(function FormHelperText(inPro
     required: fcs.required
   });
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(FormHelperTextRoot, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(FormHelperTextRoot, _extends({
     as: component,
     ownerState: ownerState,
     className: clsx(classes.root, className),
     ref: ref
-  }, other), {}, {
+  }, other, {
     children: children === ' ' ? // notranslate needed while Google Translate will not fix zero-width space issue
     _span || (_span = /*#__PURE__*/_jsx("span", {
       className: "notranslate",

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

package/legacy/Grid/Grid.js

@@ -1,10 +1,8 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _extends from "@babel/runtime/helpers/esm/extends";
 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; }
 // A grid component using the following libs as inspiration.
 //
 // For the implementation:
@@ -84,7 +82,7 @@ export function generateGrid(_ref) {
 
       // Close to the bootstrap implementation:
       // https://github.com/twbs/bootstrap/blob/8fccaa2439e97ec72a4b7dc42ccc1f649790adb0/scss/mixins/_grid.scss#L41
-      styles = _objectSpread({
+      styles = _extends({
         flexBasis: width,
         flexGrow: 0,
         maxWidth: width
@@ -286,17 +284,17 @@ var GridRoot = styled('div', {
   }
 })(function (_ref10) {
   var ownerState = _ref10.ownerState;
-  return _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+  return _extends({
     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);
@@ -381,14 +379,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 = _objectSpread({}, other);
+  var otherFiltered = _extends({}, other);
   breakpoints.keys.forEach(function (breakpoint) {
     if (other[breakpoint] != null) {
       breakpointsValues[breakpoint] = other[breakpoint];
       delete otherFiltered[breakpoint];
     }
   });
-  var ownerState = _objectSpread(_objectSpread(_objectSpread({}, props), {}, {
+  var ownerState = _extends({}, props, {
     columns: columns,
     container: container,
     direction: direction,
@@ -398,13 +396,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, _objectSpread({
+    children: /*#__PURE__*/_jsx(GridRoot, _extends({
       ownerState: ownerState,
       className: clsx(classes.root, className),
       as: component,
@@ -543,7 +541,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' + ''] = _objectSpread(_objectSpread({}, Grid.propTypes), {}, {
+  Grid['propTypes' + ''] = _extends({}, Grid.propTypes, {
     direction: requireProp('container'),
     lg: requireProp('item'),
     md: requireProp('item'),

package/legacy/Grow/Grow.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 { elementAcceptingRef } from '@mui/utils';
@@ -154,7 +152,7 @@ var Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
       clearTimeout(timer.current);
     };
   }, []);
-  return /*#__PURE__*/_jsx(TransitionComponent, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(TransitionComponent, _extends({
     appear: appear,
     in: inProp,
     nodeRef: nodeRef,
@@ -166,14 +164,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, _objectSpread({
-        style: _objectSpread(_objectSpread(_objectSpread({
+      return /*#__PURE__*/React.cloneElement(_children, _extends({
+        style: _extends({
           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,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 HiddenJs from './HiddenJs';
@@ -36,7 +34,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, _objectSpread({
+    return /*#__PURE__*/_jsx(HiddenJs, _extends({
       lgDown: lgDown,
       lgUp: lgUp,
       mdDown: mdDown,
@@ -49,7 +47,7 @@ function Hidden(props) {
       xsUp: xsUp
     }, other));
   }
-  return /*#__PURE__*/_jsx(HiddenCss, _objectSpread({
+  return /*#__PURE__*/_jsx(HiddenCss, _extends({
     lgDown: lgDown,
     lgUp: lgUp,
     mdDown: mdDown,

package/legacy/Hidden/HiddenCss.js

@@ -1,8 +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";
 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';
@@ -33,7 +32,7 @@ var HiddenCssRoot = styled('div', {
   var hidden = {
     display: 'none'
   };
-  return _objectSpread({}, ownerState.breakpoints.map(function (_ref3) {
+  return _extends({}, ownerState.breakpoints.map(function (_ref3) {
     var breakpoint = _ref3.breakpoint,
       dir = _ref3.dir;
     if (dir === 'only') {
@@ -95,7 +94,7 @@ function HiddenCss(props) {
       });
     });
   }
-  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
+  var ownerState = _extends({}, props, {
     breakpoints: breakpoints
   });
   var classes = useUtilityClasses(ownerState);

package/legacy/Hidden/withWidth.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 { getDisplayName } from '@mui/utils';
@@ -66,11 +64,11 @@ var withWidth = function withWidth() {
         var matches = useMediaQuery(theme.breakpoints.up(key));
         return !output && matches ? key : output;
       }, null);
-      var more = _objectSpread(_objectSpread({
+      var more = _extends({
         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.
@@ -81,7 +79,7 @@ var withWidth = function withWidth() {
       if (more.width === undefined) {
         return null;
       }
-      return /*#__PURE__*/_jsx(Component, _objectSpread({}, more));
+      return /*#__PURE__*/_jsx(Component, _extends({}, more));
     }
     process.env.NODE_ENV !== "production" ? WithWidth.propTypes = {
       /**

package/legacy/Icon/Icon.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 clsx from 'clsx';
@@ -77,14 +75,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 = _objectSpread(_objectSpread({}, props), {}, {
+  var ownerState = _extends({}, props, {
     baseClassName: baseClassName,
     color: color,
     component: Component,
     fontSize: fontSize
   });
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(IconRoot, _objectSpread({
+  return /*#__PURE__*/_jsx(IconRoot, _extends({
     as: Component,
     className: clsx(baseClassName,
     // Prevent the translation of the text content.

package/legacy/IconButton/IconButton.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';
@@ -35,7 +34,7 @@ var IconButtonRoot = styled(ButtonBase, {
 })(function (_ref) {
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
-  return _objectSpread(_objectSpread(_objectSpread({
+  return _extends({
     textAlign: 'center',
     flex: '0 0 auto',
     fontSize: theme.typography.pxToRem(24),
@@ -55,9 +54,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) {
@@ -65,26 +64,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 _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, ownerState.color === 'inherit' && {
+  return _extends({}, ownerState.color === 'inherit' && {
     color: 'inherit'
-  }), ownerState.color !== 'inherit' && ownerState.color !== 'default' && _objectSpread({
+  }, ownerState.color !== 'inherit' && ownerState.color !== 'default' && _extends({
     color: palette == null ? void 0 : palette.main
   }, !ownerState.disableRipple && {
-    '&:hover': _objectSpread(_objectSpread({}, palette && {
+    '&:hover': _extends({}, 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
   }));
@@ -112,7 +111,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 = _objectSpread(_objectSpread({}, props), {}, {
+  var ownerState = _extends({}, props, {
     edge: edge,
     color: color,
     disabled: disabled,
@@ -120,14 +119,14 @@ var IconButton = /*#__PURE__*/React.forwardRef(function IconButton(inProps, ref)
     size: size
   });
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(IconButtonRoot, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(IconButtonRoot, _extends({
     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,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 { unstable_composeClasses as composeClasses } from '@mui/base';
 import { integerPropType } from '@mui/utils';
 import clsx from 'clsx';
@@ -29,7 +27,7 @@ var ImageListRoot = styled('ul', {
   }
 })(function (_ref) {
   var ownerState = _ref.ownerState;
-  return _objectSpread({
+  return _extends({
     display: 'grid',
     overflowY: 'auto',
     listStyle: 'none',
@@ -74,27 +72,27 @@ var ImageList = /*#__PURE__*/React.forwardRef(function ImageList(inProps, ref) {
       }
     }
   }, []);
-  var style = variant === 'masonry' ? _objectSpread({
+  var style = variant === 'masonry' ? _extends({
     columnCount: cols,
     columnGap: gap
-  }, styleProp) : _objectSpread({
+  }, styleProp) : _extends({
     gridTemplateColumns: "repeat(".concat(cols, ", 1fr)"),
     gap: gap
   }, styleProp);
-  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
+  var ownerState = _extends({}, props, {
     component: component,
     gap: gap,
     rowHeight: rowHeight,
     variant: variant
   });
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(ImageListRoot, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(ImageListRoot, _extends({
     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