@mui/material 5.13.1 → 5.13.2

package/legacy/AccordionSummary/AccordionSummary.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';
@@ -33,24 +32,24 @@ var AccordionSummaryRoot = styled(ButtonBase, {
     return styles.root;
   }
 })(function (_ref) {
-  var _objectSpread2;
+  var _extends2;
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
   var transition = {
     duration: theme.transitions.duration.shortest
   };
-  return _objectSpread((_objectSpread2 = {
+  return _extends((_extends2 = {
     display: 'flex',
     minHeight: 48,
     padding: theme.spacing(0, 2),
     transition: theme.transitions.create(['min-height', 'background-color'], transition)
-  }, _defineProperty(_objectSpread2, "&.".concat(accordionSummaryClasses.focusVisible), {
+  }, _defineProperty(_extends2, "&.".concat(accordionSummaryClasses.focusVisible), {
     backgroundColor: (theme.vars || theme).palette.action.focus
-  }), _defineProperty(_objectSpread2, "&.".concat(accordionSummaryClasses.disabled), {
+  }), _defineProperty(_extends2, "&.".concat(accordionSummaryClasses.disabled), {
     opacity: (theme.vars || theme).palette.action.disabledOpacity
-  }), _defineProperty(_objectSpread2, "&:hover:not(.".concat(accordionSummaryClasses.disabled, ")"), {
+  }), _defineProperty(_extends2, "&:hover:not(.".concat(accordionSummaryClasses.disabled, ")"), {
     cursor: 'pointer'
-  }), _objectSpread2), !ownerState.disableGutters && _defineProperty({}, "&.".concat(accordionSummaryClasses.expanded), {
+  }), _extends2), !ownerState.disableGutters && _defineProperty({}, "&.".concat(accordionSummaryClasses.expanded), {
     minHeight: 64
   }));
 });
@@ -63,7 +62,7 @@ var AccordionSummaryContent = styled('div', {
 })(function (_ref3) {
   var theme = _ref3.theme,
     ownerState = _ref3.ownerState;
-  return _objectSpread({
+  return _extends({
     display: 'flex',
     flexGrow: 1,
     margin: '12px 0'
@@ -119,13 +118,13 @@ var AccordionSummary = /*#__PURE__*/React.forwardRef(function AccordionSummary(i
       onClick(event);
     }
   };
-  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
+  var ownerState = _extends({}, props, {
     expanded: expanded,
     disabled: disabled,
     disableGutters: disableGutters
   });
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsxs(AccordionSummaryRoot, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsxs(AccordionSummaryRoot, _extends({
     focusRipple: false,
     disableRipple: true,
     disabled: disabled,
@@ -136,7 +135,7 @@ var AccordionSummary = /*#__PURE__*/React.forwardRef(function AccordionSummary(i
     onClick: handleChange,
     ref: ref,
     ownerState: ownerState
-  }, other), {}, {
+  }, other, {
     children: [/*#__PURE__*/_jsx(AccordionSummaryContent, {
       className: classes.content,
       ownerState: ownerState,

package/legacy/Alert/Alert.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';
@@ -46,7 +45,7 @@ var AlertRoot = styled(Paper, {
   var getColor = theme.palette.mode === 'light' ? darken : lighten;
   var getBackgroundColor = theme.palette.mode === 'light' ? lighten : darken;
   var color = ownerState.color || ownerState.severity;
-  return _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, theme.typography.body2), {}, {
+  return _extends({}, theme.typography.body2, {
     backgroundColor: 'transparent',
     display: 'flex',
     padding: '6px 16px'
@@ -57,14 +56,14 @@ var AlertRoot = styled(Paper, {
     color: theme.vars.palette.Alert["".concat(color, "IconColor")]
   } : {
     color: theme.palette[color].main
-  })), color && ownerState.variant === 'outlined' && _defineProperty({
+  }), color && ownerState.variant === 'outlined' && _defineProperty({
     color: theme.vars ? theme.vars.palette.Alert["".concat(color, "Color")] : getColor(theme.palette[color].light, 0.6),
     border: "1px solid ".concat((theme.vars || theme).palette[color].light)
   }, "& .".concat(alertClasses.icon), theme.vars ? {
     color: theme.vars.palette.Alert["".concat(color, "IconColor")]
   } : {
     color: theme.palette[color].main
-  })), color && ownerState.variant === 'filled' && _objectSpread({
+  }), color && ownerState.variant === 'filled' && _extends({
     fontWeight: theme.typography.fontWeightMedium
   }, theme.vars ? {
     color: theme.vars.palette.Alert["".concat(color, "FilledColor")],
@@ -156,7 +155,7 @@ var Alert = /*#__PURE__*/React.forwardRef(function Alert(inProps, ref) {
     _props$variant = props.variant,
     variant = _props$variant === void 0 ? 'standard' : _props$variant,
     other = _objectWithoutProperties(props, ["action", "children", "className", "closeText", "color", "components", "componentsProps", "icon", "iconMapping", "onClose", "role", "severity", "slotProps", "slots", "variant"]);
-  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
+  var ownerState = _extends({}, props, {
     color: color,
     severity: severity,
     variant: variant
@@ -166,13 +165,13 @@ var Alert = /*#__PURE__*/React.forwardRef(function Alert(inProps, ref) {
   var AlertCloseIcon = (_ref5 = (_slots$closeIcon = slots.closeIcon) != null ? _slots$closeIcon : components.CloseIcon) != null ? _ref5 : CloseIcon;
   var closeButtonProps = (_slotProps$closeButto = slotProps.closeButton) != null ? _slotProps$closeButto : componentsProps.closeButton;
   var closeIconProps = (_slotProps$closeIcon = slotProps.closeIcon) != null ? _slotProps$closeIcon : componentsProps.closeIcon;
-  return /*#__PURE__*/_jsxs(AlertRoot, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsxs(AlertRoot, _extends({
     role: role,
     elevation: 0,
     ownerState: ownerState,
     className: clsx(classes.root, className),
     ref: ref
-  }, other), {}, {
+  }, other, {
     children: [icon !== false ? /*#__PURE__*/_jsx(AlertIcon, {
       ownerState: ownerState,
       className: classes.icon,
@@ -188,14 +187,14 @@ var Alert = /*#__PURE__*/React.forwardRef(function Alert(inProps, ref) {
     }) : null, action == null && onClose ? /*#__PURE__*/_jsx(AlertAction, {
       ownerState: ownerState,
       className: classes.action,
-      children: /*#__PURE__*/_jsx(AlertCloseButton, _objectSpread(_objectSpread({
+      children: /*#__PURE__*/_jsx(AlertCloseButton, _extends({
         size: "small",
         "aria-label": closeText,
         title: closeText,
         color: "inherit",
         onClick: onClose
-      }, closeButtonProps), {}, {
-        children: /*#__PURE__*/_jsx(AlertCloseIcon, _objectSpread({
+      }, closeButtonProps, {
+        children: /*#__PURE__*/_jsx(AlertCloseIcon, _extends({
           fontSize: "small"
         }, closeIconProps))
       }))

package/legacy/AlertTitle/AlertTitle.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';
@@ -40,7 +38,7 @@ var AlertTitle = /*#__PURE__*/React.forwardRef(function AlertTitle(inProps, ref)
     other = _objectWithoutProperties(props, ["className"]);
   var ownerState = props;
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(AlertTitleRoot, _objectSpread({
+  return /*#__PURE__*/_jsx(AlertTitleRoot, _extends({
     gutterBottom: true,
     component: "div",
     ownerState: ownerState,

package/legacy/AppBar/AppBar.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';
@@ -38,7 +36,7 @@ var AppBarRoot = styled(Paper, {
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
   var backgroundColorDefault = theme.palette.mode === 'light' ? theme.palette.grey[100] : theme.palette.grey[900];
-  return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
+  return _extends({
     display: 'flex',
     flexDirection: 'column',
     width: '100%',
@@ -55,46 +53,46 @@ var AppBarRoot = styled(Paper, {
       // Prevent the app bar to be visible on each printed page.
       position: 'absolute'
     }
-  }), ownerState.position === 'absolute' && {
+  }, ownerState.position === 'absolute' && {
     position: 'absolute',
     zIndex: (theme.vars || theme).zIndex.appBar,
     top: 0,
     left: 'auto',
     right: 0
-  }), ownerState.position === 'sticky' && {
+  }, ownerState.position === 'sticky' && {
     // ⚠️ sticky is not supported by IE11.
     position: 'sticky',
     zIndex: (theme.vars || theme).zIndex.appBar,
     top: 0,
     left: 'auto',
     right: 0
-  }), ownerState.position === 'static' && {
+  }, ownerState.position === 'static' && {
     position: 'static'
-  }), ownerState.position === 'relative' && {
+  }, ownerState.position === 'relative' && {
     position: 'relative'
-  }), !theme.vars && _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, ownerState.color === 'default' && {
+  }, !theme.vars && _extends({}, ownerState.color === 'default' && {
     backgroundColor: backgroundColorDefault,
     color: theme.palette.getContrastText(backgroundColorDefault)
-  }), ownerState.color && ownerState.color !== 'default' && ownerState.color !== 'inherit' && ownerState.color !== 'transparent' && {
+  }, ownerState.color && ownerState.color !== 'default' && ownerState.color !== 'inherit' && ownerState.color !== 'transparent' && {
     backgroundColor: theme.palette[ownerState.color].main,
     color: theme.palette[ownerState.color].contrastText
-  }), ownerState.color === 'inherit' && {
+  }, ownerState.color === 'inherit' && {
     color: 'inherit'
-  }), theme.palette.mode === 'dark' && !ownerState.enableColorOnDark && {
+  }, theme.palette.mode === 'dark' && !ownerState.enableColorOnDark && {
     backgroundColor: null,
     color: null
-  }), ownerState.color === 'transparent' && _objectSpread({
+  }, ownerState.color === 'transparent' && _extends({
     backgroundColor: 'transparent',
     color: 'inherit'
   }, theme.palette.mode === 'dark' && {
     backgroundImage: 'none'
-  }))), theme.vars && _objectSpread(_objectSpread(_objectSpread({}, ownerState.color === 'default' && {
+  })), theme.vars && _extends({}, ownerState.color === 'default' && {
     '--AppBar-background': ownerState.enableColorOnDark ? theme.vars.palette.AppBar.defaultBg : joinVars(theme.vars.palette.AppBar.darkBg, theme.vars.palette.AppBar.defaultBg),
     '--AppBar-color': ownerState.enableColorOnDark ? theme.vars.palette.text.primary : joinVars(theme.vars.palette.AppBar.darkColor, theme.vars.palette.text.primary)
-  }), ownerState.color && !ownerState.color.match(/^(default|inherit|transparent)$/) && {
+  }, ownerState.color && !ownerState.color.match(/^(default|inherit|transparent)$/) && {
     '--AppBar-background': ownerState.enableColorOnDark ? theme.vars.palette[ownerState.color].main : joinVars(theme.vars.palette.AppBar.darkBg, theme.vars.palette[ownerState.color].main),
     '--AppBar-color': ownerState.enableColorOnDark ? theme.vars.palette[ownerState.color].contrastText : joinVars(theme.vars.palette.AppBar.darkColor, theme.vars.palette[ownerState.color].contrastText)
-  }), {}, {
+  }, {
     backgroundColor: 'var(--AppBar-background)',
     color: ownerState.color === 'inherit' ? 'inherit' : 'var(--AppBar-color)'
   }, ownerState.color === 'transparent' && {
@@ -116,13 +114,13 @@ var AppBar = /*#__PURE__*/React.forwardRef(function AppBar(inProps, ref) {
     _props$position = props.position,
     position = _props$position === void 0 ? 'fixed' : _props$position,
     other = _objectWithoutProperties(props, ["className", "color", "enableColorOnDark", "position"]);
-  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
+  var ownerState = _extends({}, props, {
     color: color,
     position: position,
     enableColorOnDark: enableColorOnDark
   });
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(AppBarRoot, _objectSpread({
+  return /*#__PURE__*/_jsx(AppBarRoot, _extends({
     square: true,
     component: "header",
     ownerState: ownerState,

package/legacy/Autocomplete/Autocomplete.js

@@ -1,8 +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";
 var _ClearIcon, _ArrowDropDownIcon;
-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';
@@ -69,21 +68,21 @@ var AutocompleteRoot = styled('div', {
     return [_defineProperty({}, "& .".concat(autocompleteClasses.tag), styles.tag), _defineProperty({}, "& .".concat(autocompleteClasses.tag), styles["tagSize".concat(capitalize(size))]), _defineProperty({}, "& .".concat(autocompleteClasses.inputRoot), styles.inputRoot), _defineProperty({}, "& .".concat(autocompleteClasses.input), styles.input), _defineProperty({}, "& .".concat(autocompleteClasses.input), inputFocused && styles.inputFocused), styles.root, fullWidth && styles.fullWidth, hasPopupIcon && styles.hasPopupIcon, hasClearIcon && styles.hasClearIcon];
   }
 })(function (_ref6) {
-  var _objectSpread2, _$concat, _$concat2, _$concat3, _objectSpread3;
+  var _extends2, _$concat, _$concat2, _$concat3, _extends3;
   var ownerState = _ref6.ownerState;
-  return _objectSpread(_objectSpread((_objectSpread2 = {}, _defineProperty(_objectSpread2, "&.".concat(autocompleteClasses.focused, " .").concat(autocompleteClasses.clearIndicator), {
+  return _extends((_extends2 = {}, _defineProperty(_extends2, "&.".concat(autocompleteClasses.focused, " .").concat(autocompleteClasses.clearIndicator), {
     visibility: 'visible'
-  }), _defineProperty(_objectSpread2, '@media (pointer: fine)', _defineProperty({}, "&:hover .".concat(autocompleteClasses.clearIndicator), {
+  }), _defineProperty(_extends2, '@media (pointer: fine)', _defineProperty({}, "&:hover .".concat(autocompleteClasses.clearIndicator), {
     visibility: 'visible'
-  })), _objectSpread2), ownerState.fullWidth && {
+  })), _extends2), ownerState.fullWidth && {
     width: '100%'
-  }), {}, (_objectSpread3 = {}, _defineProperty(_objectSpread3, "& .".concat(autocompleteClasses.tag), _objectSpread({
+  }, (_extends3 = {}, _defineProperty(_extends3, "& .".concat(autocompleteClasses.tag), _extends({
     margin: 3,
     maxWidth: 'calc(100% - 6px)'
   }, ownerState.size === 'small' && {
     margin: 2,
     maxWidth: 'calc(100% - 4px)'
-  })), _defineProperty(_objectSpread3, "& .".concat(autocompleteClasses.inputRoot), (_$concat = {
+  })), _defineProperty(_extends3, "& .".concat(autocompleteClasses.inputRoot), (_$concat = {
     flexWrap: 'wrap'
   }, _defineProperty(_$concat, ".".concat(autocompleteClasses.hasPopupIcon, "&, .").concat(autocompleteClasses.hasClearIcon, "&"), {
     paddingRight: 26 + 4
@@ -92,14 +91,14 @@ var AutocompleteRoot = styled('div', {
   }), _defineProperty(_$concat, "& .".concat(autocompleteClasses.input), {
     width: 0,
     minWidth: 30
-  }), _$concat)), _defineProperty(_objectSpread3, "& .".concat(inputClasses.root), {
+  }), _$concat)), _defineProperty(_extends3, "& .".concat(inputClasses.root), {
     paddingBottom: 1,
     '& .MuiInput-input': {
       padding: '4px 4px 4px 0px'
     }
-  }), _defineProperty(_objectSpread3, "& .".concat(inputClasses.root, ".").concat(inputBaseClasses.sizeSmall), _defineProperty({}, "& .".concat(inputClasses.input), {
+  }), _defineProperty(_extends3, "& .".concat(inputClasses.root, ".").concat(inputBaseClasses.sizeSmall), _defineProperty({}, "& .".concat(inputClasses.input), {
     padding: '2px 4px 3px 0'
-  })), _defineProperty(_objectSpread3, "& .".concat(outlinedInputClasses.root), (_$concat2 = {
+  })), _defineProperty(_extends3, "& .".concat(outlinedInputClasses.root), (_$concat2 = {
     padding: 9
   }, _defineProperty(_$concat2, ".".concat(autocompleteClasses.hasPopupIcon, "&, .").concat(autocompleteClasses.hasClearIcon, "&"), {
     paddingRight: 26 + 4 + 9
@@ -109,7 +108,7 @@ var AutocompleteRoot = styled('div', {
     padding: '7.5px 4px 7.5px 5px'
   }), _defineProperty(_$concat2, "& .".concat(autocompleteClasses.endAdornment), {
     right: 9
-  }), _$concat2)), _defineProperty(_objectSpread3, "& .".concat(outlinedInputClasses.root, ".").concat(inputBaseClasses.sizeSmall), _defineProperty({
+  }), _$concat2)), _defineProperty(_extends3, "& .".concat(outlinedInputClasses.root, ".").concat(inputBaseClasses.sizeSmall), _defineProperty({
     // Don't specify paddingRight, as it overrides the default value set when there is only
     // one of the popup or clear icon as the specificity is equal so the latter one wins
     paddingTop: 6,
@@ -117,7 +116,7 @@ var AutocompleteRoot = styled('div', {
     paddingLeft: 6
   }, "& .".concat(autocompleteClasses.input), {
     padding: '2.5px 4px 2.5px 8px'
-  })), _defineProperty(_objectSpread3, "& .".concat(filledInputClasses.root), (_$concat3 = {
+  })), _defineProperty(_extends3, "& .".concat(filledInputClasses.root), (_$concat3 = {
     paddingTop: 19,
     paddingLeft: 8
   }, _defineProperty(_$concat3, ".".concat(autocompleteClasses.hasPopupIcon, "&, .").concat(autocompleteClasses.hasClearIcon, "&"), {
@@ -128,28 +127,28 @@ var AutocompleteRoot = styled('div', {
     padding: '7px 4px'
   }), _defineProperty(_$concat3, "& .".concat(autocompleteClasses.endAdornment), {
     right: 9
-  }), _$concat3)), _defineProperty(_objectSpread3, "& .".concat(filledInputClasses.root, ".").concat(inputBaseClasses.sizeSmall), _defineProperty({
+  }), _$concat3)), _defineProperty(_extends3, "& .".concat(filledInputClasses.root, ".").concat(inputBaseClasses.sizeSmall), _defineProperty({
     paddingBottom: 1
   }, "& .".concat(filledInputClasses.input), {
     padding: '2.5px 4px'
-  })), _defineProperty(_objectSpread3, "& .".concat(inputBaseClasses.hiddenLabel), {
+  })), _defineProperty(_extends3, "& .".concat(inputBaseClasses.hiddenLabel), {
     paddingTop: 8
-  }), _defineProperty(_objectSpread3, "& .".concat(filledInputClasses.root, ".").concat(inputBaseClasses.hiddenLabel), _defineProperty({
+  }), _defineProperty(_extends3, "& .".concat(filledInputClasses.root, ".").concat(inputBaseClasses.hiddenLabel), _defineProperty({
     paddingTop: 0,
     paddingBottom: 0
   }, "& .".concat(autocompleteClasses.input), {
     paddingTop: 16,
     paddingBottom: 17
-  })), _defineProperty(_objectSpread3, "& .".concat(filledInputClasses.root, ".").concat(inputBaseClasses.hiddenLabel, ".").concat(inputBaseClasses.sizeSmall), _defineProperty({}, "& .".concat(autocompleteClasses.input), {
+  })), _defineProperty(_extends3, "& .".concat(filledInputClasses.root, ".").concat(inputBaseClasses.hiddenLabel, ".").concat(inputBaseClasses.sizeSmall), _defineProperty({}, "& .".concat(autocompleteClasses.input), {
     paddingTop: 8,
     paddingBottom: 9
-  })), _defineProperty(_objectSpread3, "& .".concat(autocompleteClasses.input), _objectSpread({
+  })), _defineProperty(_extends3, "& .".concat(autocompleteClasses.input), _extends({
     flexGrow: 1,
     textOverflow: 'ellipsis',
     opacity: 0
   }, ownerState.inputFocused && {
     opacity: 1
-  })), _objectSpread3));
+  })), _extends3));
 });
 var AutocompleteEndAdornment = styled('div', {
   name: 'MuiAutocomplete',
@@ -180,11 +179,11 @@ var AutocompletePopupIndicator = styled(IconButton, {
   slot: 'PopupIndicator',
   overridesResolver: function overridesResolver(_ref7, styles) {
     var ownerState = _ref7.ownerState;
-    return _objectSpread(_objectSpread({}, styles.popupIndicator), ownerState.popupOpen && styles.popupIndicatorOpen);
+    return _extends({}, styles.popupIndicator, ownerState.popupOpen && styles.popupIndicatorOpen);
   }
 })(function (_ref8) {
   var ownerState = _ref8.ownerState;
-  return _objectSpread({
+  return _extends({
     padding: 2,
     marginRight: -2
   }, ownerState.popupOpen && {
@@ -201,7 +200,7 @@ var AutocompletePopper = styled(Popper, {
 })(function (_ref10) {
   var theme = _ref10.theme,
     ownerState = _ref10.ownerState;
-  return _objectSpread({
+  return _extends({
     zIndex: (theme.vars || theme).zIndex.modal
   }, ownerState.disablePortal && {
     position: 'absolute'
@@ -215,7 +214,7 @@ var AutocompletePaper = styled(Paper, {
   }
 })(function (_ref11) {
   var theme = _ref11.theme;
-  return _objectSpread(_objectSpread({}, theme.typography.body1), {}, {
+  return _extends({}, theme.typography.body1, {
     overflow: 'auto'
   });
 });
@@ -442,7 +441,7 @@ var Autocomplete = /*#__PURE__*/React.forwardRef(function Autocomplete(inProps,
     valueProp = props.value,
     other = _objectWithoutProperties(props, ["autoComplete", "autoHighlight", "autoSelect", "blurOnSelect", "ChipProps", "className", "clearIcon", "clearOnBlur", "clearOnEscape", "clearText", "closeText", "componentsProps", "defaultValue", "disableClearable", "disableCloseOnSelect", "disabled", "disabledItemsFocusable", "disableListWrap", "disablePortal", "filterOptions", "filterSelectedOptions", "forcePopupIcon", "freeSolo", "fullWidth", "getLimitTagsText", "getOptionDisabled", "getOptionLabel", "isOptionEqualToValue", "groupBy", "handleHomeEndKeys", "id", "includeInputInList", "inputValue", "limitTags", "ListboxComponent", "ListboxProps", "loading", "loadingText", "multiple", "noOptionsText", "onChange", "onClose", "onHighlightChange", "onInputChange", "onOpen", "open", "openOnFocus", "openText", "options", "PaperComponent", "PopperComponent", "popupIcon", "readOnly", "renderGroup", "renderInput", "renderOption", "renderTags", "selectOnFocus", "size", "slotProps", "value"]);
   /* eslint-enable @typescript-eslint/no-unused-vars */
-  var _useAutocomplete = useAutocomplete(_objectSpread(_objectSpread({}, props), {}, {
+  var _useAutocomplete = useAutocomplete(_extends({}, props, {
       componentName: 'Autocomplete'
     })),
     getRootProps = _useAutocomplete.getRootProps,
@@ -468,7 +467,7 @@ var Autocomplete = /*#__PURE__*/React.forwardRef(function Autocomplete(inProps,
   var hasPopupIcon = (!freeSolo || forcePopupIcon === true) && forcePopupIcon !== false;
   var _getInputProps = getInputProps(),
     handleInputMouseDown = _getInputProps.onMouseDown; // If you modify this, make sure to keep the `AutocompleteOwnerState` type in sync.
-  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
+  var ownerState = _extends({}, props, {
     disablePortal: disablePortal,
     expanded: expanded,
     focused: focused,
@@ -483,7 +482,7 @@ var Autocomplete = /*#__PURE__*/React.forwardRef(function Autocomplete(inProps,
   var startAdornment;
   if (multiple && value.length > 0) {
     var getCustomizedTagProps = function getCustomizedTagProps(params) {
-      return _objectSpread({
+      return _extends({
         className: classes.tag,
         disabled: disabled
       }, getTagProps(params));
@@ -492,12 +491,12 @@ var Autocomplete = /*#__PURE__*/React.forwardRef(function Autocomplete(inProps,
       startAdornment = renderTags(value, getCustomizedTagProps, ownerState);
     } else {
       startAdornment = value.map(function (option, index) {
-        return /*#__PURE__*/_jsx(Chip, _objectSpread(_objectSpread({
+        return /*#__PURE__*/_jsx(Chip, _extends({
           label: getOptionLabel(option),
           size: size
         }, getCustomizedTagProps({
           index: index
-        })), ChipProps));
+        }), ChipProps));
       });
     }
   }
@@ -527,7 +526,7 @@ var Autocomplete = /*#__PURE__*/React.forwardRef(function Autocomplete(inProps,
   };
   var renderGroup = renderGroupProp || defaultRenderGroup;
   var defaultRenderOption = function defaultRenderOption(props2, option) {
-    return /*#__PURE__*/_jsx("li", _objectSpread(_objectSpread({}, props2), {}, {
+    return /*#__PURE__*/_jsx("li", _extends({}, props2, {
       children: getOptionLabel(option)
     }));
   };
@@ -537,7 +536,7 @@ var Autocomplete = /*#__PURE__*/React.forwardRef(function Autocomplete(inProps,
       option: option,
       index: index
     });
-    return renderOption(_objectSpread(_objectSpread({}, optionProps), {}, {
+    return renderOption(_extends({}, optionProps, {
       className: classes.option
     }), option, {
       selected: optionProps['aria-selected'],
@@ -550,18 +549,18 @@ var Autocomplete = /*#__PURE__*/React.forwardRef(function Autocomplete(inProps,
   var popperSlotProps = (_slotProps$popper = slotProps.popper) != null ? _slotProps$popper : componentsProps.popper;
   var popupIndicatorSlotProps = (_slotProps$popupIndic = slotProps.popupIndicator) != null ? _slotProps$popupIndic : componentsProps.popupIndicator;
   return /*#__PURE__*/_jsxs(React.Fragment, {
-    children: [/*#__PURE__*/_jsx(AutocompleteRoot, _objectSpread(_objectSpread({
+    children: [/*#__PURE__*/_jsx(AutocompleteRoot, _extends({
       ref: ref,
       className: clsx(classes.root, className),
       ownerState: ownerState
-    }, getRootProps(other)), {}, {
+    }, getRootProps(other), {
       children: renderInput({
         id: id,
         disabled: disabled,
         fullWidth: true,
         size: size === 'small' ? 'small' : undefined,
         InputLabelProps: getInputLabelProps(),
-        InputProps: _objectSpread({
+        InputProps: _extends({
           ref: setAnchorEl,
           className: classes.inputRoot,
           startAdornment: startAdornment,
@@ -574,31 +573,31 @@ var Autocomplete = /*#__PURE__*/React.forwardRef(function Autocomplete(inProps,
           endAdornment: /*#__PURE__*/_jsxs(AutocompleteEndAdornment, {
             className: classes.endAdornment,
             ownerState: ownerState,
-            children: [hasClearIcon ? /*#__PURE__*/_jsx(AutocompleteClearIndicator, _objectSpread(_objectSpread(_objectSpread({}, getClearProps()), {}, {
+            children: [hasClearIcon ? /*#__PURE__*/_jsx(AutocompleteClearIndicator, _extends({}, getClearProps(), {
               "aria-label": clearText,
               title: clearText,
               ownerState: ownerState
-            }, clearIndicatorSlotProps), {}, {
+            }, clearIndicatorSlotProps, {
               className: clsx(classes.clearIndicator, clearIndicatorSlotProps == null ? void 0 : clearIndicatorSlotProps.className),
               children: clearIcon
-            })) : null, hasPopupIcon ? /*#__PURE__*/_jsx(AutocompletePopupIndicator, _objectSpread(_objectSpread(_objectSpread({}, getPopupIndicatorProps()), {}, {
+            })) : null, hasPopupIcon ? /*#__PURE__*/_jsx(AutocompletePopupIndicator, _extends({}, getPopupIndicatorProps(), {
               disabled: disabled,
               "aria-label": popupOpen ? closeText : openText,
               title: popupOpen ? closeText : openText,
               ownerState: ownerState
-            }, popupIndicatorSlotProps), {}, {
+            }, popupIndicatorSlotProps, {
               className: clsx(classes.popupIndicator, popupIndicatorSlotProps == null ? void 0 : popupIndicatorSlotProps.className),
               children: popupIcon
             })) : null]
           })
         }),
-        inputProps: _objectSpread({
+        inputProps: _extends({
           className: classes.input,
           disabled: disabled,
           readOnly: readOnly
         }, getInputProps())
       })
-    })), anchorEl ? /*#__PURE__*/_jsx(AutocompletePopper, _objectSpread(_objectSpread({
+    })), anchorEl ? /*#__PURE__*/_jsx(AutocompletePopper, _extends({
       as: PopperComponent,
       disablePortal: disablePortal,
       style: {
@@ -608,12 +607,12 @@ var Autocomplete = /*#__PURE__*/React.forwardRef(function Autocomplete(inProps,
       role: "presentation",
       anchorEl: anchorEl,
       open: popupOpen
-    }, popperSlotProps), {}, {
+    }, popperSlotProps, {
       className: clsx(classes.popper, popperSlotProps == null ? void 0 : popperSlotProps.className),
-      children: /*#__PURE__*/_jsxs(AutocompletePaper, _objectSpread(_objectSpread({
+      children: /*#__PURE__*/_jsxs(AutocompletePaper, _extends({
         ownerState: ownerState,
         as: PaperComponent
-      }, paperSlotProps), {}, {
+      }, paperSlotProps, {
         className: clsx(classes.paper, paperSlotProps == null ? void 0 : paperSlotProps.className),
         children: [loading && groupedOptions.length === 0 ? /*#__PURE__*/_jsx(AutocompleteLoading, {
           className: classes.loading,
@@ -628,11 +627,11 @@ var Autocomplete = /*#__PURE__*/React.forwardRef(function Autocomplete(inProps,
             event.preventDefault();
           },
           children: noOptionsText
-        }) : null, groupedOptions.length > 0 ? /*#__PURE__*/_jsx(AutocompleteListbox, _objectSpread(_objectSpread(_objectSpread({
+        }) : null, groupedOptions.length > 0 ? /*#__PURE__*/_jsx(AutocompleteListbox, _extends({
           as: ListboxComponent,
           className: classes.listbox,
           ownerState: ownerState
-        }, getListboxProps()), ListboxProps), {}, {
+        }, getListboxProps(), ListboxProps, {
           children: groupedOptions.map(function (option, index) {
             if (groupBy) {
               return renderGroup({

package/legacy/Avatar/Avatar.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';
@@ -32,7 +30,7 @@ var AvatarRoot = styled('div', {
 })(function (_ref) {
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
-  return _objectSpread(_objectSpread(_objectSpread({
+  return _extends({
     position: 'relative',
     display: 'flex',
     alignItems: 'center',
@@ -48,9 +46,9 @@ var AvatarRoot = styled('div', {
     userSelect: 'none'
   }, ownerState.variant === 'rounded' && {
     borderRadius: (theme.vars || theme).shape.borderRadius
-  }), ownerState.variant === 'square' && {
+  }, ownerState.variant === 'square' && {
     borderRadius: 0
-  }), ownerState.colorDefault && _objectSpread({
+  }, ownerState.colorDefault && _extends({
     color: (theme.vars || theme).palette.background.default
   }, theme.vars ? {
     backgroundColor: theme.vars.palette.Avatar.defaultBg
@@ -144,20 +142,20 @@ var Avatar = /*#__PURE__*/React.forwardRef(function Avatar(inProps, ref) {
   var children = null;
 
   // Use a hook instead of onError on the img element to support server-side rendering.
-  var loaded = useLoaded(_objectSpread(_objectSpread({}, imgProps), {}, {
+  var loaded = useLoaded(_extends({}, imgProps, {
     src: src,
     srcSet: srcSet
   }));
   var hasImg = src || srcSet;
   var hasImgNotFailing = hasImg && loaded !== 'error';
-  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
+  var ownerState = _extends({}, props, {
     colorDefault: !hasImgNotFailing,
     component: component,
     variant: variant
   });
   var classes = useUtilityClasses(ownerState);
   if (hasImgNotFailing) {
-    children = /*#__PURE__*/_jsx(AvatarImg, _objectSpread({
+    children = /*#__PURE__*/_jsx(AvatarImg, _extends({
       alt: alt,
       src: src,
       srcSet: srcSet,
@@ -175,12 +173,12 @@ var Avatar = /*#__PURE__*/React.forwardRef(function Avatar(inProps, ref) {
       className: classes.fallback
     });
   }
-  return /*#__PURE__*/_jsx(AvatarRoot, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(AvatarRoot, _extends({
     as: component,
     ownerState: ownerState,
     className: clsx(classes.root, className),
     ref: ref
-  }, other), {}, {
+  }, other, {
     children: children
   }));
 });