@mui/material 5.13.0 → 5.13.1

package/legacy/InputBase/InputBase.js

@@ -1,7 +1,8 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _extends from "@babel/runtime/helpers/esm/extends";
 import { formatMuiErrorMessage as _formatMuiErrorMessage } from "@mui/utils";
+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';
@@ -56,7 +57,7 @@ export var InputBaseRoot = styled('div', {
 })(function (_ref) {
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
-  return _extends({}, theme.typography.body1, _defineProperty({
+  return _objectSpread(_objectSpread(_objectSpread({}, theme.typography.body1), {}, _defineProperty({
     color: (theme.vars || theme).palette.text.primary,
     lineHeight: '1.4375em',
     // 23px
@@ -69,11 +70,11 @@ export var InputBaseRoot = styled('div', {
   }, "&.".concat(inputBaseClasses.disabled), {
     color: (theme.vars || theme).palette.text.disabled,
     cursor: 'default'
-  }), ownerState.multiline && _extends({
+  }), ownerState.multiline && _objectSpread({
     padding: '4px 0 5px'
   }, ownerState.size === 'small' && {
     paddingTop: 1
-  }), ownerState.fullWidth && {
+  })), ownerState.fullWidth && {
     width: '100%'
   });
 });
@@ -82,17 +83,17 @@ export var InputBaseComponent = styled('input', {
   slot: 'Input',
   overridesResolver: inputOverridesResolver
 })(function (_ref2) {
-  var _extends3;
+  var _objectSpread3;
   var theme = _ref2.theme,
     ownerState = _ref2.ownerState;
   var light = theme.palette.mode === 'light';
-  var placeholder = _extends({
+  var placeholder = _objectSpread(_objectSpread({
     color: 'currentColor'
   }, theme.vars ? {
     opacity: theme.vars.opacity.inputPlaceholder
   } : {
     opacity: light ? 0.42 : 0.5
-  }, {
+  }), {}, {
     transition: theme.transitions.create('opacity', {
       duration: theme.transitions.duration.shorter
     })
@@ -105,7 +106,7 @@ export var InputBaseComponent = styled('input', {
   } : {
     opacity: light ? 0.42 : 0.5
   };
-  return _extends((_extends3 = {
+  return _objectSpread(_objectSpread(_objectSpread((_objectSpread3 = {
     font: 'inherit',
     letterSpacing: 'inherit',
     color: 'currentColor',
@@ -143,7 +144,7 @@ export var InputBaseComponent = styled('input', {
       // Remove the padding when type=search.
       WebkitAppearance: 'none'
     }
-  }, _defineProperty(_extends3, "label[data-shrink=false] + .".concat(inputBaseClasses.formControl, " &"), {
+  }, _defineProperty(_objectSpread3, "label[data-shrink=false] + .".concat(inputBaseClasses.formControl, " &"), {
     '&::-webkit-input-placeholder': placeholderHidden,
     '&::-moz-placeholder': placeholderHidden,
     // Firefox 19+
@@ -157,21 +158,21 @@ export var InputBaseComponent = styled('input', {
     '&:focus:-ms-input-placeholder': placeholderVisible,
     // IE11
     '&:focus::-ms-input-placeholder': placeholderVisible // Edge
-  }), _defineProperty(_extends3, "&.".concat(inputBaseClasses.disabled), {
+  }), _defineProperty(_objectSpread3, "&.".concat(inputBaseClasses.disabled), {
     opacity: 1,
     // Reset iOS opacity
     WebkitTextFillColor: (theme.vars || theme).palette.text.disabled // Fix opacity Safari bug
-  }), _defineProperty(_extends3, '&:-webkit-autofill', {
+  }), _defineProperty(_objectSpread3, '&:-webkit-autofill', {
     animationDuration: '5000s',
     animationName: 'mui-auto-fill'
-  }), _extends3), ownerState.size === 'small' && {
+  }), _objectSpread3), ownerState.size === 'small' && {
     paddingTop: 1
-  }, ownerState.multiline && {
+  }), ownerState.multiline && {
     height: 'auto',
     resize: 'none',
     padding: 0,
     paddingTop: 0
-  }, ownerState.type === 'search' && {
+  }), ownerState.type === 'search' && {
     // Improve type search style.
     MozAppearance: 'textfield'
   });
@@ -388,13 +389,13 @@ var InputBase = /*#__PURE__*/React.forwardRef(function InputBase(inProps, ref) {
           console.warn('MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set.');
         }
       }
-      inputProps = _extends({
+      inputProps = _objectSpread({
         type: undefined,
         minRows: rows,
         maxRows: rows
       }, inputProps);
     } else {
-      inputProps = _extends({
+      inputProps = _objectSpread({
         type: undefined,
         maxRows: maxRows,
         minRows: minRows
@@ -413,7 +414,7 @@ var InputBase = /*#__PURE__*/React.forwardRef(function InputBase(inProps, ref) {
       muiFormControl.setAdornedStart(Boolean(startAdornment));
     }
   }, [muiFormControl, startAdornment]);
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     color: fcs.color || 'primary',
     disabled: fcs.disabled,
     endAdornment: endAdornment,
@@ -431,18 +432,18 @@ var InputBase = /*#__PURE__*/React.forwardRef(function InputBase(inProps, ref) {
   var Root = slots.root || components.Root || InputBaseRoot;
   var rootProps = slotProps.root || componentsProps.root || {};
   var Input = slots.input || components.Input || InputBaseComponent;
-  inputProps = _extends({}, inputProps, (_slotProps$input = slotProps.input) != null ? _slotProps$input : componentsProps.input);
+  inputProps = _objectSpread(_objectSpread({}, inputProps), (_slotProps$input = slotProps.input) != null ? _slotProps$input : componentsProps.input);
   return /*#__PURE__*/_jsxs(React.Fragment, {
-    children: [!disableInjectingGlobalStyles && inputGlobalStyles, /*#__PURE__*/_jsxs(Root, _extends({}, rootProps, !isHostComponent(Root) && {
-      ownerState: _extends({}, ownerState, rootProps.ownerState)
-    }, {
+    children: [!disableInjectingGlobalStyles && inputGlobalStyles, /*#__PURE__*/_jsxs(Root, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, rootProps), !isHostComponent(Root) && {
+      ownerState: _objectSpread(_objectSpread({}, ownerState), rootProps.ownerState)
+    }), {}, {
       ref: ref,
       onClick: handleClick
-    }, other, {
+    }, other), {}, {
       className: clsx(classes.root, rootProps.className, className, readOnly && 'MuiInputBase-readOnly'),
       children: [startAdornment, /*#__PURE__*/_jsx(FormControlContext.Provider, {
         value: null,
-        children: /*#__PURE__*/_jsx(Input, _extends({
+        children: /*#__PURE__*/_jsx(Input, _objectSpread(_objectSpread(_objectSpread({
           ownerState: ownerState,
           "aria-invalid": fcs.error,
           "aria-describedby": ariaDescribedby,
@@ -461,17 +462,17 @@ var InputBase = /*#__PURE__*/React.forwardRef(function InputBase(inProps, ref) {
           onKeyDown: onKeyDown,
           onKeyUp: onKeyUp,
           type: type
-        }, inputProps, !isHostComponent(Input) && {
+        }, inputProps), !isHostComponent(Input) && {
           as: InputComponent,
-          ownerState: _extends({}, ownerState, inputProps.ownerState)
-        }, {
+          ownerState: _objectSpread(_objectSpread({}, ownerState), inputProps.ownerState)
+        }), {}, {
           ref: handleInputRef,
           className: clsx(classes.input, inputProps.className, readOnly && 'MuiInputBase-readOnly'),
           onBlur: handleBlur,
           onChange: handleChange,
           onFocus: handleFocus
         }))
-      }), endAdornment, renderSuffix ? renderSuffix(_extends({}, fcs, {
+      }), endAdornment, renderSuffix ? renderSuffix(_objectSpread(_objectSpread({}, fcs), {}, {
         startAdornment: startAdornment
       })) : null]
     }))]

package/legacy/InputLabel/InputLabel.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 { unstable_composeClasses as composeClasses } from '@mui/base';
@@ -25,7 +26,7 @@ var useUtilityClasses = function useUtilityClasses(ownerState) {
     asterisk: [required && 'asterisk']
   };
   var composedClasses = composeClasses(slots, getInputLabelUtilityClasses, classes);
-  return _extends({}, classes, composedClasses);
+  return _objectSpread(_objectSpread({}, classes), composedClasses);
 };
 var InputLabelRoot = styled(FormLabel, {
   shouldForwardProp: function shouldForwardProp(prop) {
@@ -40,7 +41,7 @@ var InputLabelRoot = styled(FormLabel, {
 })(function (_ref2) {
   var theme = _ref2.theme,
     ownerState = _ref2.ownerState;
-  return _extends({
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
     display: 'block',
     transformOrigin: 'top left',
     whiteSpace: 'nowrap',
@@ -53,19 +54,19 @@ var InputLabelRoot = styled(FormLabel, {
     top: 0,
     // slight alteration to spec spacing to match visual spec result
     transform: 'translate(0, 20px) scale(1)'
-  }, ownerState.size === 'small' && {
+  }), ownerState.size === 'small' && {
     // Compensation for the `Input.inputSizeSmall` style.
     transform: 'translate(0, 17px) scale(1)'
-  }, ownerState.shrink && {
+  }), ownerState.shrink && {
     transform: 'translate(0, -1.5px) scale(0.75)',
     transformOrigin: 'top left',
     maxWidth: '133%'
-  }, !ownerState.disableAnimation && {
+  }), !ownerState.disableAnimation && {
     transition: theme.transitions.create(['color', 'transform', 'max-width'], {
       duration: theme.transitions.duration.shorter,
       easing: theme.transitions.easing.easeOut
     })
-  }, ownerState.variant === 'filled' && _extends({
+  }), ownerState.variant === 'filled' && _objectSpread(_objectSpread({
     // Chrome's autofill feature gives the input field a yellow background.
     // Since the input field is behind the label in the HTML tree,
     // the input field is drawn last and hides the label with an opaque background color.
@@ -76,14 +77,14 @@ var InputLabelRoot = styled(FormLabel, {
     maxWidth: 'calc(100% - 24px)'
   }, ownerState.size === 'small' && {
     transform: 'translate(12px, 13px) scale(1)'
-  }, ownerState.shrink && _extends({
+  }), ownerState.shrink && _objectSpread({
     userSelect: 'none',
     pointerEvents: 'auto',
     transform: 'translate(12px, 7px) scale(0.75)',
     maxWidth: 'calc(133% - 24px)'
   }, ownerState.size === 'small' && {
     transform: 'translate(12px, 4px) scale(0.75)'
-  })), ownerState.variant === 'outlined' && _extends({
+  }))), ownerState.variant === 'outlined' && _objectSpread(_objectSpread({
     // see comment above on filled.zIndex
     zIndex: 1,
     pointerEvents: 'none',
@@ -91,7 +92,7 @@ var InputLabelRoot = styled(FormLabel, {
     maxWidth: 'calc(100% - 24px)'
   }, ownerState.size === 'small' && {
     transform: 'translate(14px, 9px) scale(1)'
-  }, ownerState.shrink && {
+  }), ownerState.shrink && {
     userSelect: 'none',
     pointerEvents: 'auto',
     // Theoretically, we should have (8+5)*2/0.75 = 34px
@@ -122,7 +123,7 @@ var InputLabel = /*#__PURE__*/React.forwardRef(function InputLabel(inProps, ref)
     muiFormControl: muiFormControl,
     states: ['size', 'variant', 'required']
   });
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     disableAnimation: disableAnimation,
     formControl: muiFormControl,
     shrink: shrink,
@@ -131,12 +132,12 @@ var InputLabel = /*#__PURE__*/React.forwardRef(function InputLabel(inProps, ref)
     required: fcs.required
   });
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(InputLabelRoot, _extends({
+  return /*#__PURE__*/_jsx(InputLabelRoot, _objectSpread(_objectSpread({
     "data-shrink": shrink,
     ownerState: ownerState,
     ref: ref,
     className: clsx(classes.root, className)
-  }, other, {
+  }, other), {}, {
     classes: classes
   }));
 });

package/legacy/LinearProgress/LinearProgress.js

@@ -1,7 +1,9 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+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';
@@ -49,7 +51,7 @@ var LinearProgressRoot = styled('span', {
 })(function (_ref) {
   var ownerState = _ref.ownerState,
     theme = _ref.theme;
-  return _extends({
+  return _objectSpread(_objectSpread(_objectSpread({
     position: 'relative',
     overflow: 'hidden',
     display: 'block',
@@ -72,9 +74,9 @@ var LinearProgressRoot = styled('span', {
       backgroundColor: 'currentColor',
       opacity: 0.3
     }
-  }, ownerState.variant === 'buffer' && {
+  }), ownerState.variant === 'buffer' && {
     backgroundColor: 'transparent'
-  }, ownerState.variant === 'query' && {
+  }), ownerState.variant === 'query' && {
     transform: 'rotate(180deg)'
   });
 });
@@ -89,14 +91,14 @@ var LinearProgressDashed = styled('span', {
   var ownerState = _ref2.ownerState,
     theme = _ref2.theme;
   var backgroundColor = getColorShade(theme, ownerState.color);
-  return _extends({
+  return _objectSpread(_objectSpread({
     position: 'absolute',
     marginTop: 0,
     height: '100%',
     width: '100%'
   }, ownerState.color === 'inherit' && {
     opacity: 0.3
-  }, {
+  }), {}, {
     backgroundImage: "radial-gradient(".concat(backgroundColor, " 0%, ").concat(backgroundColor, " 16%, transparent 42%)"),
     backgroundSize: '10px 10px',
     backgroundPosition: '0 -23px'
@@ -112,7 +114,7 @@ var LinearProgressBar1 = styled('span', {
 })(function (_ref3) {
   var ownerState = _ref3.ownerState,
     theme = _ref3.theme;
-  return _extends({
+  return _objectSpread(_objectSpread({
     width: '100%',
     position: 'absolute',
     left: 0,
@@ -123,7 +125,7 @@ var LinearProgressBar1 = styled('span', {
     backgroundColor: ownerState.color === 'inherit' ? 'currentColor' : (theme.vars || theme).palette[ownerState.color].main
   }, ownerState.variant === 'determinate' && {
     transition: "transform .".concat(TRANSITION_DURATION, "s linear")
-  }, ownerState.variant === 'buffer' && {
+  }), ownerState.variant === 'buffer' && {
     zIndex: 1,
     transition: "transform .".concat(TRANSITION_DURATION, "s linear")
   });
@@ -141,7 +143,7 @@ var LinearProgressBar2 = styled('span', {
 })(function (_ref5) {
   var ownerState = _ref5.ownerState,
     theme = _ref5.theme;
-  return _extends({
+  return _objectSpread(_objectSpread(_objectSpread({
     width: '100%',
     position: 'absolute',
     left: 0,
@@ -151,9 +153,9 @@ var LinearProgressBar2 = styled('span', {
     transformOrigin: 'left'
   }, ownerState.variant !== 'buffer' && {
     backgroundColor: ownerState.color === 'inherit' ? 'currentColor' : (theme.vars || theme).palette[ownerState.color].main
-  }, ownerState.color === 'inherit' && {
+  }), ownerState.color === 'inherit' && {
     opacity: 0.3
-  }, ownerState.variant === 'buffer' && {
+  }), ownerState.variant === 'buffer' && {
     backgroundColor: getColorShade(theme, ownerState.color),
     transition: "transform .".concat(TRANSITION_DURATION, "s linear")
   });
@@ -182,7 +184,7 @@ var LinearProgress = /*#__PURE__*/React.forwardRef(function LinearProgress(inPro
     _props$variant = props.variant,
     variant = _props$variant === void 0 ? 'indeterminate' : _props$variant,
     other = _objectWithoutProperties(props, ["className", "color", "value", "valueBuffer", "variant"]);
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     color: color,
     variant: variant
   });
@@ -218,13 +220,13 @@ var LinearProgress = /*#__PURE__*/React.forwardRef(function LinearProgress(inPro
       console.error('MUI: You need to provide a valueBuffer prop ' + 'when using the buffer variant of LinearProgress.');
     }
   }
-  return /*#__PURE__*/_jsxs(LinearProgressRoot, _extends({
+  return /*#__PURE__*/_jsxs(LinearProgressRoot, _objectSpread(_objectSpread(_objectSpread({
     className: clsx(classes.root, className),
     ownerState: ownerState,
     role: "progressbar"
-  }, rootProps, {
+  }, rootProps), {}, {
     ref: ref
-  }, other, {
+  }, other), {}, {
     children: [variant === 'buffer' ? /*#__PURE__*/_jsx(LinearProgressDashed, {
       className: classes.dashed,
       ownerState: ownerState

package/legacy/Link/Link.js

@@ -1,7 +1,8 @@
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 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';
@@ -36,25 +37,25 @@ var LinkRoot = styled(Typography, {
 })(function (_ref) {
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
-  return _extends({}, ownerState.underline === 'none' && {
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, ownerState.underline === 'none' && {
     textDecoration: 'none'
-  }, ownerState.underline === 'hover' && {
+  }), ownerState.underline === 'hover' && {
     textDecoration: 'none',
     '&:hover': {
       textDecoration: 'underline'
     }
-  }, ownerState.underline === 'always' && _extends({
+  }), ownerState.underline === 'always' && _objectSpread(_objectSpread({
     textDecoration: 'underline'
   }, ownerState.color !== 'inherit' && {
     textDecorationColor: getTextDecoration({
       theme: theme,
       ownerState: ownerState
     })
-  }, {
+  }), {}, {
     '&:hover': {
       textDecorationColor: 'inherit'
     }
-  }), ownerState.component === 'button' && _defineProperty({
+  })), ownerState.component === 'button' && _defineProperty({
     position: 'relative',
     WebkitTapHighlightColor: 'transparent',
     backgroundColor: 'transparent',
@@ -127,7 +128,7 @@ var Link = /*#__PURE__*/React.forwardRef(function Link(inProps, ref) {
       onFocus(event);
     }
   };
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     color: color,
     component: component,
     focusVisible: focusVisible,
@@ -135,7 +136,7 @@ var Link = /*#__PURE__*/React.forwardRef(function Link(inProps, ref) {
     variant: variant
   });
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(LinkRoot, _extends({
+  return /*#__PURE__*/_jsx(LinkRoot, _objectSpread({
     color: color,
     className: clsx(classes.root, className),
     classes: TypographyClasses,

package/legacy/List/List.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';
@@ -29,7 +31,7 @@ var ListRoot = styled('ul', {
   }
 })(function (_ref) {
   var ownerState = _ref.ownerState;
-  return _extends({
+  return _objectSpread(_objectSpread({
     listStyle: 'none',
     margin: 0,
     padding: 0,
@@ -37,7 +39,7 @@ var ListRoot = styled('ul', {
   }, !ownerState.disablePadding && {
     paddingTop: 8,
     paddingBottom: 8
-  }, ownerState.subheader && {
+  }), ownerState.subheader && {
     paddingTop: 0
   });
 });
@@ -61,7 +63,7 @@ var List = /*#__PURE__*/React.forwardRef(function List(inProps, ref) {
       dense: dense
     };
   }, [dense]);
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     component: component,
     dense: dense,
     disablePadding: disablePadding
@@ -69,12 +71,12 @@ var List = /*#__PURE__*/React.forwardRef(function List(inProps, ref) {
   var classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(ListContext.Provider, {
     value: context,
-    children: /*#__PURE__*/_jsxs(ListRoot, _extends({
+    children: /*#__PURE__*/_jsxs(ListRoot, _objectSpread(_objectSpread({
       as: component,
       className: clsx(classes.root, className),
       ref: ref,
       ownerState: ownerState
-    }, other, {
+    }, other), {}, {
       children: [subheader, children]
     }))
   });

package/legacy/ListItem/ListItem.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,10 +46,10 @@ export var ListItemRoot = styled('div', {
   slot: 'Root',
   overridesResolver: overridesResolver
 })(function (_ref) {
-  var _extends2;
+  var _objectSpread2;
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
-  return _extends({
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
     display: 'flex',
     justifyContent: 'flex-start',
     alignItems: 'center',
@@ -57,35 +58,35 @@ export var ListItemRoot = styled('div', {
     width: '100%',
     boxSizing: 'border-box',
     textAlign: 'left'
-  }, !ownerState.disablePadding && _extends({
+  }, !ownerState.disablePadding && _objectSpread(_objectSpread(_objectSpread({
     paddingTop: 8,
     paddingBottom: 8
   }, ownerState.dense && {
     paddingTop: 4,
     paddingBottom: 4
-  }, !ownerState.disableGutters && {
+  }), !ownerState.disableGutters && {
     paddingLeft: 16,
     paddingRight: 16
-  }, !!ownerState.secondaryAction && {
+  }), !!ownerState.secondaryAction && {
     // Add some space to avoid collision as `ListItemSecondaryAction`
     // is absolutely positioned.
     paddingRight: 48
-  }), !!ownerState.secondaryAction && _defineProperty({}, "& > .".concat(listItemButtonClasses.root), {
+  })), !!ownerState.secondaryAction && _defineProperty({}, "& > .".concat(listItemButtonClasses.root), {
     paddingRight: 48
-  }), (_extends2 = {}, _defineProperty(_extends2, "&.".concat(listItemClasses.focusVisible), {
+  })), {}, (_objectSpread2 = {}, _defineProperty(_objectSpread2, "&.".concat(listItemClasses.focusVisible), {
     backgroundColor: (theme.vars || theme).palette.action.focus
-  }), _defineProperty(_extends2, "&.".concat(listItemClasses.selected), _defineProperty({
+  }), _defineProperty(_objectSpread2, "&.".concat(listItemClasses.selected), _defineProperty({
     backgroundColor: theme.vars ? "rgba(".concat(theme.vars.palette.primary.mainChannel, " / ").concat(theme.vars.palette.action.selectedOpacity, ")") : alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity)
   }, "&.".concat(listItemClasses.focusVisible), {
     backgroundColor: theme.vars ? "rgba(".concat(theme.vars.palette.primary.mainChannel, " / calc(").concat(theme.vars.palette.action.selectedOpacity, " + ").concat(theme.vars.palette.action.focusOpacity, "))") : alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity + theme.palette.action.focusOpacity)
-  })), _defineProperty(_extends2, "&.".concat(listItemClasses.disabled), {
+  })), _defineProperty(_objectSpread2, "&.".concat(listItemClasses.disabled), {
     opacity: (theme.vars || theme).palette.action.disabledOpacity
-  }), _extends2), ownerState.alignItems === 'flex-start' && {
+  }), _objectSpread2), ownerState.alignItems === 'flex-start' && {
     alignItems: 'flex-start'
-  }, ownerState.divider && {
+  }), ownerState.divider && {
     borderBottom: "1px solid ".concat((theme.vars || theme).palette.divider),
     backgroundClip: 'padding-box'
-  }, ownerState.button && _defineProperty({
+  }), ownerState.button && _defineProperty({
     transition: theme.transitions.create('background-color', {
       duration: theme.transitions.duration.shortest
     }),
@@ -103,7 +104,7 @@ export var ListItemRoot = styled('div', {
     '@media (hover: none)': {
       backgroundColor: theme.vars ? "rgba(".concat(theme.vars.palette.primary.mainChannel, " / ").concat(theme.vars.palette.action.selectedOpacity, ")") : alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity)
     }
-  }), ownerState.hasSecondaryAction && {
+  })), ownerState.hasSecondaryAction && {
     // Add some space to avoid collision as `ListItemSecondaryAction`
     // is absolutely positioned.
     paddingRight: 48
@@ -187,7 +188,7 @@ var ListItem = /*#__PURE__*/React.forwardRef(function ListItem(inProps, ref) {
 
   // v4 implementation, deprecated in v5, will be removed in v6
   var hasSecondaryAction = children.length && isMuiElement(children[children.length - 1], ['ListItemSecondaryAction']);
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     alignItems: alignItems,
     autoFocus: autoFocus,
     button: button,
@@ -203,7 +204,7 @@ var ListItem = /*#__PURE__*/React.forwardRef(function ListItem(inProps, ref) {
   var handleRef = useForkRef(listItemRef, ref);
   var Root = slots.root || components.Root || ListItemRoot;
   var rootProps = slotProps.root || componentsProps.root || {};
-  var componentProps = _extends({
+  var componentProps = _objectSpread({
     className: clsx(classes.root, rootProps.className, className),
     disabled: disabled
   }, other);
@@ -229,16 +230,16 @@ var ListItem = /*#__PURE__*/React.forwardRef(function ListItem(inProps, ref) {
     }
     return /*#__PURE__*/_jsx(ListContext.Provider, {
       value: childContext,
-      children: /*#__PURE__*/_jsxs(ListItemContainer, _extends({
+      children: /*#__PURE__*/_jsxs(ListItemContainer, _objectSpread(_objectSpread({
         as: ContainerComponent,
         className: clsx(classes.container, ContainerClassName),
         ref: handleRef,
         ownerState: ownerState
-      }, ContainerProps, {
-        children: [/*#__PURE__*/_jsx(Root, _extends({}, rootProps, !isHostComponent(Root) && {
+      }, ContainerProps), {}, {
+        children: [/*#__PURE__*/_jsx(Root, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, rootProps), !isHostComponent(Root) && {
           as: Component,
-          ownerState: _extends({}, ownerState, rootProps.ownerState)
-        }, componentProps, {
+          ownerState: _objectSpread(_objectSpread({}, ownerState), rootProps.ownerState)
+        }), componentProps), {}, {
           children: children
         })), children.pop()]
       }))
@@ -246,12 +247,12 @@ var ListItem = /*#__PURE__*/React.forwardRef(function ListItem(inProps, ref) {
   }
   return /*#__PURE__*/_jsx(ListContext.Provider, {
     value: childContext,
-    children: /*#__PURE__*/_jsxs(Root, _extends({}, rootProps, {
+    children: /*#__PURE__*/_jsxs(Root, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, rootProps), {}, {
       as: Component,
       ref: handleRef
     }, !isHostComponent(Root) && {
-      ownerState: _extends({}, ownerState, rootProps.ownerState)
-    }, componentProps, {
+      ownerState: _objectSpread(_objectSpread({}, ownerState), rootProps.ownerState)
+    }), componentProps), {}, {
       children: [children, secondaryAction && /*#__PURE__*/_jsx(ListItemSecondaryAction, {
         children: secondaryAction
       })]