@mui/material 5.13.1 → 5.13.3

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';
@@ -24,6 +23,7 @@ import useThemeProps from '../styles/useThemeProps';
 import styled from '../styles/styled';
 import autocompleteClasses, { getAutocompleteUtilityClass } from './autocompleteClasses';
 import capitalize from '../utils/capitalize';
+import useForkRef from '../utils/useForkRef';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var useUtilityClasses = function useUtilityClasses(ownerState) {
@@ -69,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 _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 +92,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 +109,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 +117,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 +128,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 +180,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 +201,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 +215,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 +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(_objectSpread(_objectSpread({}, props), {}, {
+  var _useAutocomplete = useAutocomplete(_extends({}, props, {
       componentName: 'Autocomplete'
     })),
     getRootProps = _useAutocomplete.getRootProps,
@@ -467,8 +467,16 @@ var Autocomplete = /*#__PURE__*/React.forwardRef(function Autocomplete(inProps,
   var hasClearIcon = !disableClearable && !disabled && dirty && !readOnly;
   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), {}, {
+    handleInputMouseDown = _getInputProps.onMouseDown;
+  var _ref17 = ListboxProps != null ? ListboxProps : {},
+    externalListboxRef = _ref17.ref;
+  var _getListboxProps = getListboxProps(),
+    listboxRef = _getListboxProps.ref,
+    otherListboxProps = _objectWithoutProperties(_getListboxProps, ["ref"]);
+  var combinedListboxRef = useForkRef(listboxRef, externalListboxRef);
+
+  // If you modify this, make sure to keep the `AutocompleteOwnerState` type in sync.
+  var ownerState = _extends({}, props, {
     disablePortal: disablePortal,
     expanded: expanded,
     focused: focused,
@@ -483,7 +491,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 +500,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 +535,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 +545,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 +558,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 +582,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 +616,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 +636,12 @@ 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), {}, {
+        }, otherListboxProps, ListboxProps, {
+          ref: combinedListboxRef,
           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
   }));
 });

package/legacy/AvatarGroup/AvatarGroup.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 { isFragment } from 'react-is';
@@ -29,7 +28,7 @@ var AvatarGroupRoot = styled('div', {
   name: 'MuiAvatarGroup',
   slot: 'Root',
   overridesResolver: function overridesResolver(props, styles) {
-    return _objectSpread(_defineProperty({}, "& .".concat(avatarGroupClasses.avatar), styles.avatar), styles.root);
+    return _extends(_defineProperty({}, "& .".concat(avatarGroupClasses.avatar), styles.avatar), styles.root);
   }
 })(function (_ref) {
   var _ref2;
@@ -83,7 +82,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 = _objectSpread(_objectSpread({}, props), {}, {
+  var ownerState = _extends({}, props, {
     max: max,
     spacing: spacing,
     component: component,
@@ -107,25 +106,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, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsxs(AvatarGroupRoot, _extends({
     as: component,
     ownerState: ownerState,
     className: clsx(classes.root, className),
     ref: ref
-  }, other), {}, {
-    children: [extraAvatars ? /*#__PURE__*/_jsxs(AvatarGroupAvatar, _objectSpread(_objectSpread({
+  }, other, {
+    children: [extraAvatars ? /*#__PURE__*/_jsxs(AvatarGroupAvatar, _extends({
       ownerState: ownerState,
       variant: variant
-    }, additionalAvatarSlotProps), {}, {
+    }, additionalAvatarSlotProps, {
       className: clsx(classes.avatar, additionalAvatarSlotProps == null ? void 0 : additionalAvatarSlotProps.className),
-      style: _objectSpread({
+      style: _extends({
         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: _objectSpread({
+        style: _extends({
           // 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

package/legacy/Backdrop/Backdrop.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';
@@ -28,7 +26,7 @@ var BackdropRoot = styled('div', {
   }
 })(function (_ref) {
   var ownerState = _ref.ownerState;
-  return _objectSpread({
+  return _extends({
     position: 'fixed',
     display: 'flex',
     alignItems: 'center',
@@ -68,22 +66,22 @@ var Backdrop = /*#__PURE__*/React.forwardRef(function Backdrop(inProps, ref) {
     TransitionComponent = _props$TransitionComp === void 0 ? Fade : _props$TransitionComp,
     transitionDuration = props.transitionDuration,
     other = _objectWithoutProperties(props, ["children", "className", "component", "components", "componentsProps", "invisible", "open", "slotProps", "slots", "TransitionComponent", "transitionDuration"]);
-  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
+  var ownerState = _extends({}, props, {
     component: component,
     invisible: invisible
   });
   var classes = useUtilityClasses(ownerState);
   var rootSlotProps = (_slotProps$root = slotProps.root) != null ? _slotProps$root : componentsProps.root;
-  return /*#__PURE__*/_jsx(TransitionComponent, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(TransitionComponent, _extends({
     in: open,
     timeout: transitionDuration
-  }, other), {}, {
-    children: /*#__PURE__*/_jsx(BackdropRoot, _objectSpread(_objectSpread({
+  }, other, {
+    children: /*#__PURE__*/_jsx(BackdropRoot, _extends({
       "aria-hidden": true
-    }, rootSlotProps), {}, {
+    }, rootSlotProps, {
       as: (_ref2 = (_slots$root = slots.root) != null ? _slots$root : components.Root) != null ? _ref2 : component,
       className: clsx(classes.root, className, rootSlotProps == null ? void 0 : rootSlotProps.className),
-      ownerState: _objectSpread(_objectSpread({}, ownerState), rootSlotProps == null ? void 0 : rootSlotProps.ownerState),
+      ownerState: _extends({}, ownerState, rootSlotProps == null ? void 0 : rootSlotProps.ownerState),
       classes: classes,
       ref: ref,
       children: children

package/legacy/Badge/Badge.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';
@@ -54,7 +53,7 @@ var BadgeBadge = styled('span', {
 })(function (_ref) {
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
-  return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
+  return _extends({
     display: 'flex',
     flexDirection: 'row',
     flexWrap: 'wrap',
@@ -80,68 +79,68 @@ var BadgeBadge = styled('span', {
   }, ownerState.color !== 'default' && {
     backgroundColor: (theme.vars || theme).palette[ownerState.color].main,
     color: (theme.vars || theme).palette[ownerState.color].contrastText
-  }), ownerState.variant === 'dot' && {
+  }, ownerState.variant === 'dot' && {
     borderRadius: RADIUS_DOT,
     height: RADIUS_DOT * 2,
     minWidth: RADIUS_DOT * 2,
     padding: 0
-  }), ownerState.anchorOrigin.vertical === 'top' && ownerState.anchorOrigin.horizontal === 'right' && ownerState.overlap === 'rectangular' && _defineProperty({
+  }, ownerState.anchorOrigin.vertical === 'top' && ownerState.anchorOrigin.horizontal === 'right' && ownerState.overlap === 'rectangular' && _defineProperty({
     top: 0,
     right: 0,
     transform: 'scale(1) translate(50%, -50%)',
     transformOrigin: '100% 0%'
   }, "&.".concat(badgeClasses.invisible), {
     transform: 'scale(0) translate(50%, -50%)'
-  })), ownerState.anchorOrigin.vertical === 'bottom' && ownerState.anchorOrigin.horizontal === 'right' && ownerState.overlap === 'rectangular' && _defineProperty({
+  }), ownerState.anchorOrigin.vertical === 'bottom' && ownerState.anchorOrigin.horizontal === 'right' && ownerState.overlap === 'rectangular' && _defineProperty({
     bottom: 0,
     right: 0,
     transform: 'scale(1) translate(50%, 50%)',
     transformOrigin: '100% 100%'
   }, "&.".concat(badgeClasses.invisible), {
     transform: 'scale(0) translate(50%, 50%)'
-  })), ownerState.anchorOrigin.vertical === 'top' && ownerState.anchorOrigin.horizontal === 'left' && ownerState.overlap === 'rectangular' && _defineProperty({
+  }), ownerState.anchorOrigin.vertical === 'top' && ownerState.anchorOrigin.horizontal === 'left' && ownerState.overlap === 'rectangular' && _defineProperty({
     top: 0,
     left: 0,
     transform: 'scale(1) translate(-50%, -50%)',
     transformOrigin: '0% 0%'
   }, "&.".concat(badgeClasses.invisible), {
     transform: 'scale(0) translate(-50%, -50%)'
-  })), ownerState.anchorOrigin.vertical === 'bottom' && ownerState.anchorOrigin.horizontal === 'left' && ownerState.overlap === 'rectangular' && _defineProperty({
+  }), ownerState.anchorOrigin.vertical === 'bottom' && ownerState.anchorOrigin.horizontal === 'left' && ownerState.overlap === 'rectangular' && _defineProperty({
     bottom: 0,
     left: 0,
     transform: 'scale(1) translate(-50%, 50%)',
     transformOrigin: '0% 100%'
   }, "&.".concat(badgeClasses.invisible), {
     transform: 'scale(0) translate(-50%, 50%)'
-  })), ownerState.anchorOrigin.vertical === 'top' && ownerState.anchorOrigin.horizontal === 'right' && ownerState.overlap === 'circular' && _defineProperty({
+  }), ownerState.anchorOrigin.vertical === 'top' && ownerState.anchorOrigin.horizontal === 'right' && ownerState.overlap === 'circular' && _defineProperty({
     top: '14%',
     right: '14%',
     transform: 'scale(1) translate(50%, -50%)',
     transformOrigin: '100% 0%'
   }, "&.".concat(badgeClasses.invisible), {
     transform: 'scale(0) translate(50%, -50%)'
-  })), ownerState.anchorOrigin.vertical === 'bottom' && ownerState.anchorOrigin.horizontal === 'right' && ownerState.overlap === 'circular' && _defineProperty({
+  }), ownerState.anchorOrigin.vertical === 'bottom' && ownerState.anchorOrigin.horizontal === 'right' && ownerState.overlap === 'circular' && _defineProperty({
     bottom: '14%',
     right: '14%',
     transform: 'scale(1) translate(50%, 50%)',
     transformOrigin: '100% 100%'
   }, "&.".concat(badgeClasses.invisible), {
     transform: 'scale(0) translate(50%, 50%)'
-  })), ownerState.anchorOrigin.vertical === 'top' && ownerState.anchorOrigin.horizontal === 'left' && ownerState.overlap === 'circular' && _defineProperty({
+  }), ownerState.anchorOrigin.vertical === 'top' && ownerState.anchorOrigin.horizontal === 'left' && ownerState.overlap === 'circular' && _defineProperty({
     top: '14%',
     left: '14%',
     transform: 'scale(1) translate(-50%, -50%)',
     transformOrigin: '0% 0%'
   }, "&.".concat(badgeClasses.invisible), {
     transform: 'scale(0) translate(-50%, -50%)'
-  })), ownerState.anchorOrigin.vertical === 'bottom' && ownerState.anchorOrigin.horizontal === 'left' && ownerState.overlap === 'circular' && _defineProperty({
+  }), ownerState.anchorOrigin.vertical === 'bottom' && ownerState.anchorOrigin.horizontal === 'left' && ownerState.overlap === 'circular' && _defineProperty({
     bottom: '14%',
     left: '14%',
     transform: 'scale(1) translate(-50%, 50%)',
     transformOrigin: '0% 100%'
   }, "&.".concat(badgeClasses.invisible), {
     transform: 'scale(0) translate(-50%, 50%)'
-  })), ownerState.invisible && {
+  }), ownerState.invisible && {
     transition: theme.transitions.create('transform', {
       easing: theme.transitions.easing.easeInOut,
       duration: theme.transitions.duration.leavingScreen
@@ -211,7 +210,7 @@ var Badge = /*#__PURE__*/React.forwardRef(function Badge(inProps, ref) {
     _ref10$variant = _ref10.variant,
     variant = _ref10$variant === void 0 ? variantProp : _ref10$variant;
   var displayValue = variant !== 'dot' ? displayValueFromHook : undefined;
-  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
+  var ownerState = _extends({}, props, {
     badgeContent: badgeContent,
     invisible: invisible,
     max: max,
@@ -246,8 +245,8 @@ var Badge = /*#__PURE__*/React.forwardRef(function Badge(inProps, ref) {
     ownerState: ownerState,
     className: clsx(classes.badge, badgeSlotProps == null ? void 0 : badgeSlotProps.className)
   });
-  return /*#__PURE__*/_jsxs(RootSlot, _objectSpread(_objectSpread({}, rootProps), {}, {
-    children: [children, /*#__PURE__*/_jsx(BadgeSlot, _objectSpread(_objectSpread({}, badgeProps), {}, {
+  return /*#__PURE__*/_jsxs(RootSlot, _extends({}, rootProps, {
+    children: [children, /*#__PURE__*/_jsx(BadgeSlot, _extends({}, badgeProps, {
       children: displayValue
     }))]
   }));

package/legacy/BottomNavigation/BottomNavigation.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 { isFragment } from 'react-is';
 import PropTypes from 'prop-types';
@@ -47,17 +45,17 @@ var BottomNavigation = /*#__PURE__*/React.forwardRef(function BottomNavigation(i
     showLabels = _props$showLabels === void 0 ? false : _props$showLabels,
     value = props.value,
     other = _objectWithoutProperties(props, ["children", "className", "component", "onChange", "showLabels", "value"]);
-  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
+  var ownerState = _extends({}, props, {
     component: component,
     showLabels: showLabels
   });
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(BottomNavigationRoot, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(BottomNavigationRoot, _extends({
     as: component,
     className: clsx(classes.root, className),
     ref: ref,
     ownerState: ownerState
-  }, other), {}, {
+  }, other, {
     children: React.Children.map(children, function (child, childIndex) {
       if (! /*#__PURE__*/React.isValidElement(child)) {
         return null;