@mui/material 5.12.3 → 5.13.1

package/legacy/Alert/Alert.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';
@@ -45,7 +46,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 _extends({}, theme.typography.body2, {
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, theme.typography.body2), {}, {
     backgroundColor: 'transparent',
     display: 'flex',
     padding: '6px 16px'
@@ -56,14 +57,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' && _extends({
+  })), color && ownerState.variant === 'filled' && _objectSpread({
     fontWeight: theme.typography.fontWeightMedium
   }, theme.vars ? {
     color: theme.vars.palette.Alert["".concat(color, "FilledColor")],
@@ -155,7 +156,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 = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     color: color,
     severity: severity,
     variant: variant
@@ -165,13 +166,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, _extends({
+  return /*#__PURE__*/_jsxs(AlertRoot, _objectSpread(_objectSpread({
     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,
@@ -187,14 +188,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, _extends({
+      children: /*#__PURE__*/_jsx(AlertCloseButton, _objectSpread(_objectSpread({
         size: "small",
         "aria-label": closeText,
         title: closeText,
         color: "inherit",
         onClick: onClose
-      }, closeButtonProps, {
-        children: /*#__PURE__*/_jsx(AlertCloseIcon, _extends({
+      }, closeButtonProps), {}, {
+        children: /*#__PURE__*/_jsx(AlertCloseIcon, _objectSpread({
           fontSize: "small"
         }, closeIconProps))
       }))

package/legacy/AlertTitle/AlertTitle.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';
@@ -38,7 +40,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, _extends({
+  return /*#__PURE__*/_jsx(AlertTitleRoot, _objectSpread({
     gutterBottom: true,
     component: "div",
     ownerState: ownerState,

package/legacy/AppBar/AppBar.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 * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -36,7 +38,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 _extends({
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
     display: 'flex',
     flexDirection: 'column',
     width: '100%',
@@ -53,46 +55,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 && _extends({}, ownerState.color === 'default' && {
+  }), !theme.vars && _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, 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' && _extends({
+  }), ownerState.color === 'transparent' && _objectSpread({
     backgroundColor: 'transparent',
     color: 'inherit'
   }, theme.palette.mode === 'dark' && {
     backgroundImage: 'none'
-  })), theme.vars && _extends({}, ownerState.color === 'default' && {
+  }))), theme.vars && _objectSpread(_objectSpread(_objectSpread({}, 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' && {
@@ -114,13 +116,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 = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     color: color,
     position: position,
     enableColorOnDark: enableColorOnDark
   });
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(AppBarRoot, _extends({
+  return /*#__PURE__*/_jsx(AppBarRoot, _objectSpread({
     square: true,
     component: "header",
     ownerState: ownerState,

package/legacy/Autocomplete/Autocomplete.js

@@ -1,7 +1,8 @@
 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';
@@ -68,21 +69,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 _extends2, _$concat, _$concat2, _$concat3, _extends3;
+  var _objectSpread2, _$concat, _$concat2, _$concat3, _objectSpread3;
   var ownerState = _ref6.ownerState;
-  return _extends((_extends2 = {}, _defineProperty(_extends2, "&.".concat(autocompleteClasses.focused, " .").concat(autocompleteClasses.clearIndicator), {
+  return _objectSpread(_objectSpread((_objectSpread2 = {}, _defineProperty(_objectSpread2, "&.".concat(autocompleteClasses.focused, " .").concat(autocompleteClasses.clearIndicator), {
     visibility: 'visible'
-  }), _defineProperty(_extends2, '@media (pointer: fine)', _defineProperty({}, "&:hover .".concat(autocompleteClasses.clearIndicator), {
+  }), _defineProperty(_objectSpread2, '@media (pointer: fine)', _defineProperty({}, "&:hover .".concat(autocompleteClasses.clearIndicator), {
     visibility: 'visible'
-  })), _extends2), ownerState.fullWidth && {
+  })), _objectSpread2), ownerState.fullWidth && {
     width: '100%'
-  }, (_extends3 = {}, _defineProperty(_extends3, "& .".concat(autocompleteClasses.tag), _extends({
+  }), {}, (_objectSpread3 = {}, _defineProperty(_objectSpread3, "& .".concat(autocompleteClasses.tag), _objectSpread({
     margin: 3,
     maxWidth: 'calc(100% - 6px)'
   }, ownerState.size === 'small' && {
     margin: 2,
     maxWidth: 'calc(100% - 4px)'
-  })), _defineProperty(_extends3, "& .".concat(autocompleteClasses.inputRoot), (_$concat = {
+  })), _defineProperty(_objectSpread3, "& .".concat(autocompleteClasses.inputRoot), (_$concat = {
     flexWrap: 'wrap'
   }, _defineProperty(_$concat, ".".concat(autocompleteClasses.hasPopupIcon, "&, .").concat(autocompleteClasses.hasClearIcon, "&"), {
     paddingRight: 26 + 4
@@ -91,14 +92,14 @@ var AutocompleteRoot = styled('div', {
   }), _defineProperty(_$concat, "& .".concat(autocompleteClasses.input), {
     width: 0,
     minWidth: 30
-  }), _$concat)), _defineProperty(_extends3, "& .".concat(inputClasses.root), {
+  }), _$concat)), _defineProperty(_objectSpread3, "& .".concat(inputClasses.root), {
     paddingBottom: 1,
     '& .MuiInput-input': {
       padding: '4px 4px 4px 0px'
     }
-  }), _defineProperty(_extends3, "& .".concat(inputClasses.root, ".").concat(inputBaseClasses.sizeSmall), _defineProperty({}, "& .".concat(inputClasses.input), {
+  }), _defineProperty(_objectSpread3, "& .".concat(inputClasses.root, ".").concat(inputBaseClasses.sizeSmall), _defineProperty({}, "& .".concat(inputClasses.input), {
     padding: '2px 4px 3px 0'
-  })), _defineProperty(_extends3, "& .".concat(outlinedInputClasses.root), (_$concat2 = {
+  })), _defineProperty(_objectSpread3, "& .".concat(outlinedInputClasses.root), (_$concat2 = {
     padding: 9
   }, _defineProperty(_$concat2, ".".concat(autocompleteClasses.hasPopupIcon, "&, .").concat(autocompleteClasses.hasClearIcon, "&"), {
     paddingRight: 26 + 4 + 9
@@ -108,7 +109,7 @@ var AutocompleteRoot = styled('div', {
     padding: '7.5px 4px 7.5px 5px'
   }), _defineProperty(_$concat2, "& .".concat(autocompleteClasses.endAdornment), {
     right: 9
-  }), _$concat2)), _defineProperty(_extends3, "& .".concat(outlinedInputClasses.root, ".").concat(inputBaseClasses.sizeSmall), _defineProperty({
+  }), _$concat2)), _defineProperty(_objectSpread3, "& .".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,
@@ -116,7 +117,7 @@ var AutocompleteRoot = styled('div', {
     paddingLeft: 6
   }, "& .".concat(autocompleteClasses.input), {
     padding: '2.5px 4px 2.5px 8px'
-  })), _defineProperty(_extends3, "& .".concat(filledInputClasses.root), (_$concat3 = {
+  })), _defineProperty(_objectSpread3, "& .".concat(filledInputClasses.root), (_$concat3 = {
     paddingTop: 19,
     paddingLeft: 8
   }, _defineProperty(_$concat3, ".".concat(autocompleteClasses.hasPopupIcon, "&, .").concat(autocompleteClasses.hasClearIcon, "&"), {
@@ -127,28 +128,28 @@ var AutocompleteRoot = styled('div', {
     padding: '7px 4px'
   }), _defineProperty(_$concat3, "& .".concat(autocompleteClasses.endAdornment), {
     right: 9
-  }), _$concat3)), _defineProperty(_extends3, "& .".concat(filledInputClasses.root, ".").concat(inputBaseClasses.sizeSmall), _defineProperty({
+  }), _$concat3)), _defineProperty(_objectSpread3, "& .".concat(filledInputClasses.root, ".").concat(inputBaseClasses.sizeSmall), _defineProperty({
     paddingBottom: 1
   }, "& .".concat(filledInputClasses.input), {
     padding: '2.5px 4px'
-  })), _defineProperty(_extends3, "& .".concat(inputBaseClasses.hiddenLabel), {
+  })), _defineProperty(_objectSpread3, "& .".concat(inputBaseClasses.hiddenLabel), {
     paddingTop: 8
-  }), _defineProperty(_extends3, "& .".concat(filledInputClasses.root, ".").concat(inputBaseClasses.hiddenLabel), _defineProperty({
+  }), _defineProperty(_objectSpread3, "& .".concat(filledInputClasses.root, ".").concat(inputBaseClasses.hiddenLabel), _defineProperty({
     paddingTop: 0,
     paddingBottom: 0
   }, "& .".concat(autocompleteClasses.input), {
     paddingTop: 16,
     paddingBottom: 17
-  })), _defineProperty(_extends3, "& .".concat(filledInputClasses.root, ".").concat(inputBaseClasses.hiddenLabel, ".").concat(inputBaseClasses.sizeSmall), _defineProperty({}, "& .".concat(autocompleteClasses.input), {
+  })), _defineProperty(_objectSpread3, "& .".concat(filledInputClasses.root, ".").concat(inputBaseClasses.hiddenLabel, ".").concat(inputBaseClasses.sizeSmall), _defineProperty({}, "& .".concat(autocompleteClasses.input), {
     paddingTop: 8,
     paddingBottom: 9
-  })), _defineProperty(_extends3, "& .".concat(autocompleteClasses.input), _extends({
+  })), _defineProperty(_objectSpread3, "& .".concat(autocompleteClasses.input), _objectSpread({
     flexGrow: 1,
     textOverflow: 'ellipsis',
     opacity: 0
   }, ownerState.inputFocused && {
     opacity: 1
-  })), _extends3));
+  })), _objectSpread3));
 });
 var AutocompleteEndAdornment = styled('div', {
   name: 'MuiAutocomplete',
@@ -179,11 +180,11 @@ var AutocompletePopupIndicator = styled(IconButton, {
   slot: 'PopupIndicator',
   overridesResolver: function overridesResolver(_ref7, styles) {
     var ownerState = _ref7.ownerState;
-    return _extends({}, styles.popupIndicator, ownerState.popupOpen && styles.popupIndicatorOpen);
+    return _objectSpread(_objectSpread({}, styles.popupIndicator), ownerState.popupOpen && styles.popupIndicatorOpen);
   }
 })(function (_ref8) {
   var ownerState = _ref8.ownerState;
-  return _extends({
+  return _objectSpread({
     padding: 2,
     marginRight: -2
   }, ownerState.popupOpen && {
@@ -200,7 +201,7 @@ var AutocompletePopper = styled(Popper, {
 })(function (_ref10) {
   var theme = _ref10.theme,
     ownerState = _ref10.ownerState;
-  return _extends({
+  return _objectSpread({
     zIndex: (theme.vars || theme).zIndex.modal
   }, ownerState.disablePortal && {
     position: 'absolute'
@@ -214,7 +215,7 @@ var AutocompletePaper = styled(Paper, {
   }
 })(function (_ref11) {
   var theme = _ref11.theme;
-  return _extends({}, theme.typography.body1, {
+  return _objectSpread(_objectSpread({}, theme.typography.body1), {}, {
     overflow: 'auto'
   });
 });
@@ -441,7 +442,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(_extends({}, props, {
+  var _useAutocomplete = useAutocomplete(_objectSpread(_objectSpread({}, props), {}, {
       componentName: 'Autocomplete'
     })),
     getRootProps = _useAutocomplete.getRootProps,
@@ -467,7 +468,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 = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     disablePortal: disablePortal,
     expanded: expanded,
     focused: focused,
@@ -482,7 +483,7 @@ var Autocomplete = /*#__PURE__*/React.forwardRef(function Autocomplete(inProps,
   var startAdornment;
   if (multiple && value.length > 0) {
     var getCustomizedTagProps = function getCustomizedTagProps(params) {
-      return _extends({
+      return _objectSpread({
         className: classes.tag,
         disabled: disabled
       }, getTagProps(params));
@@ -491,12 +492,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, _extends({
+        return /*#__PURE__*/_jsx(Chip, _objectSpread(_objectSpread({
           label: getOptionLabel(option),
           size: size
         }, getCustomizedTagProps({
           index: index
-        }), ChipProps));
+        })), ChipProps));
       });
     }
   }
@@ -526,7 +527,7 @@ var Autocomplete = /*#__PURE__*/React.forwardRef(function Autocomplete(inProps,
   };
   var renderGroup = renderGroupProp || defaultRenderGroup;
   var defaultRenderOption = function defaultRenderOption(props2, option) {
-    return /*#__PURE__*/_jsx("li", _extends({}, props2, {
+    return /*#__PURE__*/_jsx("li", _objectSpread(_objectSpread({}, props2), {}, {
       children: getOptionLabel(option)
     }));
   };
@@ -536,7 +537,7 @@ var Autocomplete = /*#__PURE__*/React.forwardRef(function Autocomplete(inProps,
       option: option,
       index: index
     });
-    return renderOption(_extends({}, optionProps, {
+    return renderOption(_objectSpread(_objectSpread({}, optionProps), {}, {
       className: classes.option
     }), option, {
       selected: optionProps['aria-selected'],
@@ -549,18 +550,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, _extends({
+    children: [/*#__PURE__*/_jsx(AutocompleteRoot, _objectSpread(_objectSpread({
       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: _extends({
+        InputProps: _objectSpread({
           ref: setAnchorEl,
           className: classes.inputRoot,
           startAdornment: startAdornment,
@@ -573,31 +574,31 @@ var Autocomplete = /*#__PURE__*/React.forwardRef(function Autocomplete(inProps,
           endAdornment: /*#__PURE__*/_jsxs(AutocompleteEndAdornment, {
             className: classes.endAdornment,
             ownerState: ownerState,
-            children: [hasClearIcon ? /*#__PURE__*/_jsx(AutocompleteClearIndicator, _extends({}, getClearProps(), {
+            children: [hasClearIcon ? /*#__PURE__*/_jsx(AutocompleteClearIndicator, _objectSpread(_objectSpread(_objectSpread({}, 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, _extends({}, getPopupIndicatorProps(), {
+            })) : null, hasPopupIcon ? /*#__PURE__*/_jsx(AutocompletePopupIndicator, _objectSpread(_objectSpread(_objectSpread({}, 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: _extends({
+        inputProps: _objectSpread({
           className: classes.input,
           disabled: disabled,
           readOnly: readOnly
         }, getInputProps())
       })
-    })), anchorEl ? /*#__PURE__*/_jsx(AutocompletePopper, _extends({
+    })), anchorEl ? /*#__PURE__*/_jsx(AutocompletePopper, _objectSpread(_objectSpread({
       as: PopperComponent,
       disablePortal: disablePortal,
       style: {
@@ -607,12 +608,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, _extends({
+      children: /*#__PURE__*/_jsxs(AutocompletePaper, _objectSpread(_objectSpread({
         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,
@@ -627,11 +628,11 @@ var Autocomplete = /*#__PURE__*/React.forwardRef(function Autocomplete(inProps,
             event.preventDefault();
           },
           children: noOptionsText
-        }) : null, groupedOptions.length > 0 ? /*#__PURE__*/_jsx(AutocompleteListbox, _extends({
+        }) : null, groupedOptions.length > 0 ? /*#__PURE__*/_jsx(AutocompleteListbox, _objectSpread(_objectSpread(_objectSpread({
           as: ListboxComponent,
           className: classes.listbox,
           ownerState: ownerState
-        }, getListboxProps(), ListboxProps, {
+        }, getListboxProps()), ListboxProps), {}, {
           children: groupedOptions.map(function (option, index) {
             if (groupBy) {
               return renderGroup({
@@ -783,6 +784,7 @@ process.env.NODE_ENV !== "production" ? Autocomplete.propTypes /* remove-proptyp
   /**
    * A function that determines the filtered options to be rendered on search.
    *
+   * @default createFilterOptions()
    * @param {T[]} options The options to render.
    * @param {object} state The state of the component.
    * @returns {T[]}

package/legacy/Avatar/Avatar.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 * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -30,7 +32,7 @@ var AvatarRoot = styled('div', {
 })(function (_ref) {
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
-  return _extends({
+  return _objectSpread(_objectSpread(_objectSpread({
     position: 'relative',
     display: 'flex',
     alignItems: 'center',
@@ -46,9 +48,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 && _extends({
+  }), ownerState.colorDefault && _objectSpread({
     color: (theme.vars || theme).palette.background.default
   }, theme.vars ? {
     backgroundColor: theme.vars.palette.Avatar.defaultBg
@@ -142,20 +144,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(_extends({}, imgProps, {
+  var loaded = useLoaded(_objectSpread(_objectSpread({}, imgProps), {}, {
     src: src,
     srcSet: srcSet
   }));
   var hasImg = src || srcSet;
   var hasImgNotFailing = hasImg && loaded !== 'error';
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     colorDefault: !hasImgNotFailing,
     component: component,
     variant: variant
   });
   var classes = useUtilityClasses(ownerState);
   if (hasImgNotFailing) {
-    children = /*#__PURE__*/_jsx(AvatarImg, _extends({
+    children = /*#__PURE__*/_jsx(AvatarImg, _objectSpread({
       alt: alt,
       src: src,
       srcSet: srcSet,
@@ -173,12 +175,12 @@ var Avatar = /*#__PURE__*/React.forwardRef(function Avatar(inProps, ref) {
       className: classes.fallback
     });
   }
-  return /*#__PURE__*/_jsx(AvatarRoot, _extends({
+  return /*#__PURE__*/_jsx(AvatarRoot, _objectSpread(_objectSpread({
     as: component,
     ownerState: ownerState,
     className: clsx(classes.root, className),
     ref: ref
-  }, other, {
+  }, other), {}, {
     children: children
   }));
 });

package/legacy/AvatarGroup/AvatarGroup.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 { isFragment } from 'react-is';
@@ -28,7 +29,7 @@ var AvatarGroupRoot = styled('div', {
   name: 'MuiAvatarGroup',
   slot: 'Root',
   overridesResolver: function overridesResolver(props, styles) {
-    return _extends(_defineProperty({}, "& .".concat(avatarGroupClasses.avatar), styles.avatar), styles.root);
+    return _objectSpread(_defineProperty({}, "& .".concat(avatarGroupClasses.avatar), styles.avatar), styles.root);
   }
 })(function (_ref) {
   var _ref2;
@@ -82,7 +83,7 @@ var AvatarGroup = /*#__PURE__*/React.forwardRef(function AvatarGroup(inProps, re
     variant = _props$variant === void 0 ? 'circular' : _props$variant,
     other = _objectWithoutProperties(props, ["children", "className", "component", "componentsProps", "max", "slotProps", "spacing", "total", "variant"]);
   var clampedMax = max < 2 ? 2 : max;
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     max: max,
     spacing: spacing,
     component: component,
@@ -106,25 +107,25 @@ var AvatarGroup = /*#__PURE__*/React.forwardRef(function AvatarGroup(inProps, re
   var extraAvatars = Math.max(totalAvatars - clampedMax, totalAvatars - maxAvatars, 0);
   var marginLeft = spacing && SPACINGS[spacing] !== undefined ? SPACINGS[spacing] : -spacing;
   var additionalAvatarSlotProps = (_slotProps$additional = slotProps.additionalAvatar) != null ? _slotProps$additional : componentsProps.additionalAvatar;
-  return /*#__PURE__*/_jsxs(AvatarGroupRoot, _extends({
+  return /*#__PURE__*/_jsxs(AvatarGroupRoot, _objectSpread(_objectSpread({
     as: component,
     ownerState: ownerState,
     className: clsx(classes.root, className),
     ref: ref
-  }, other, {
-    children: [extraAvatars ? /*#__PURE__*/_jsxs(AvatarGroupAvatar, _extends({
+  }, other), {}, {
+    children: [extraAvatars ? /*#__PURE__*/_jsxs(AvatarGroupAvatar, _objectSpread(_objectSpread({
       ownerState: ownerState,
       variant: variant
-    }, additionalAvatarSlotProps, {
+    }, additionalAvatarSlotProps), {}, {
       className: clsx(classes.avatar, additionalAvatarSlotProps == null ? void 0 : additionalAvatarSlotProps.className),
-      style: _extends({
+      style: _objectSpread({
         marginLeft: marginLeft
       }, additionalAvatarSlotProps == null ? void 0 : additionalAvatarSlotProps.style),
       children: ["+", extraAvatars]
     })) : null, children.slice(0, maxAvatars).reverse().map(function (child, index) {
       return /*#__PURE__*/React.cloneElement(child, {
         className: clsx(child.props.className, classes.avatar),
-        style: _extends({
+        style: _objectSpread({
           // Consistent with "&:last-child" styling for the default spacing,
           // we do not apply custom marginLeft spacing on the last child
           marginLeft: index === maxAvatars - 1 ? undefined : marginLeft