@mui/material 5.13.1 → 5.13.2

package/legacy/LinearProgress/LinearProgress.js

@@ -1,9 +1,7 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _extends from "@babel/runtime/helpers/esm/extends";
 import _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';
@@ -51,7 +49,7 @@ var LinearProgressRoot = styled('span', {
 })(function (_ref) {
   var ownerState = _ref.ownerState,
     theme = _ref.theme;
-  return _objectSpread(_objectSpread(_objectSpread({
+  return _extends({
     position: 'relative',
     overflow: 'hidden',
     display: 'block',
@@ -74,9 +72,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)'
   });
 });
@@ -91,14 +89,14 @@ var LinearProgressDashed = styled('span', {
   var ownerState = _ref2.ownerState,
     theme = _ref2.theme;
   var backgroundColor = getColorShade(theme, ownerState.color);
-  return _objectSpread(_objectSpread({
+  return _extends({
     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'
@@ -114,7 +112,7 @@ var LinearProgressBar1 = styled('span', {
 })(function (_ref3) {
   var ownerState = _ref3.ownerState,
     theme = _ref3.theme;
-  return _objectSpread(_objectSpread({
+  return _extends({
     width: '100%',
     position: 'absolute',
     left: 0,
@@ -125,7 +123,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")
   });
@@ -143,7 +141,7 @@ var LinearProgressBar2 = styled('span', {
 })(function (_ref5) {
   var ownerState = _ref5.ownerState,
     theme = _ref5.theme;
-  return _objectSpread(_objectSpread(_objectSpread({
+  return _extends({
     width: '100%',
     position: 'absolute',
     left: 0,
@@ -153,9 +151,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")
   });
@@ -184,7 +182,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 = _objectSpread(_objectSpread({}, props), {}, {
+  var ownerState = _extends({}, props, {
     color: color,
     variant: variant
   });
@@ -220,13 +218,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, _objectSpread(_objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsxs(LinearProgressRoot, _extends({
     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,8 +1,7 @@
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 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';
@@ -37,25 +36,25 @@ var LinkRoot = styled(Typography, {
 })(function (_ref) {
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
-  return _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, ownerState.underline === 'none' && {
+  return _extends({}, ownerState.underline === 'none' && {
     textDecoration: 'none'
-  }), ownerState.underline === 'hover' && {
+  }, ownerState.underline === 'hover' && {
     textDecoration: 'none',
     '&:hover': {
       textDecoration: 'underline'
     }
-  }), ownerState.underline === 'always' && _objectSpread(_objectSpread({
+  }, ownerState.underline === 'always' && _extends({
     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',
@@ -128,7 +127,7 @@ var Link = /*#__PURE__*/React.forwardRef(function Link(inProps, ref) {
       onFocus(event);
     }
   };
-  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
+  var ownerState = _extends({}, props, {
     color: color,
     component: component,
     focusVisible: focusVisible,
@@ -136,7 +135,7 @@ var Link = /*#__PURE__*/React.forwardRef(function Link(inProps, ref) {
     variant: variant
   });
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(LinkRoot, _objectSpread({
+  return /*#__PURE__*/_jsx(LinkRoot, _extends({
     color: color,
     className: clsx(classes.root, className),
     classes: TypographyClasses,

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

package/legacy/ListItem/ListItem.js

@@ -1,7 +1,6 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -46,10 +45,10 @@ export var ListItemRoot = styled('div', {
   slot: 'Root',
   overridesResolver: overridesResolver
 })(function (_ref) {
-  var _objectSpread2;
+  var _extends2;
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
-  return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
+  return _extends({
     display: 'flex',
     justifyContent: 'flex-start',
     alignItems: 'center',
@@ -58,35 +57,35 @@ export var ListItemRoot = styled('div', {
     width: '100%',
     boxSizing: 'border-box',
     textAlign: 'left'
-  }, !ownerState.disablePadding && _objectSpread(_objectSpread(_objectSpread({
+  }, !ownerState.disablePadding && _extends({
     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
-  })), {}, (_objectSpread2 = {}, _defineProperty(_objectSpread2, "&.".concat(listItemClasses.focusVisible), {
+  }), (_extends2 = {}, _defineProperty(_extends2, "&.".concat(listItemClasses.focusVisible), {
     backgroundColor: (theme.vars || theme).palette.action.focus
-  }), _defineProperty(_objectSpread2, "&.".concat(listItemClasses.selected), _defineProperty({
+  }), _defineProperty(_extends2, "&.".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(_objectSpread2, "&.".concat(listItemClasses.disabled), {
+  })), _defineProperty(_extends2, "&.".concat(listItemClasses.disabled), {
     opacity: (theme.vars || theme).palette.action.disabledOpacity
-  }), _objectSpread2), ownerState.alignItems === 'flex-start' && {
+  }), _extends2), 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
     }),
@@ -104,7 +103,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
@@ -188,7 +187,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 = _objectSpread(_objectSpread({}, props), {}, {
+  var ownerState = _extends({}, props, {
     alignItems: alignItems,
     autoFocus: autoFocus,
     button: button,
@@ -204,7 +203,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 = _objectSpread({
+  var componentProps = _extends({
     className: clsx(classes.root, rootProps.className, className),
     disabled: disabled
   }, other);
@@ -230,16 +229,16 @@ var ListItem = /*#__PURE__*/React.forwardRef(function ListItem(inProps, ref) {
     }
     return /*#__PURE__*/_jsx(ListContext.Provider, {
       value: childContext,
-      children: /*#__PURE__*/_jsxs(ListItemContainer, _objectSpread(_objectSpread({
+      children: /*#__PURE__*/_jsxs(ListItemContainer, _extends({
         as: ContainerComponent,
         className: clsx(classes.container, ContainerClassName),
         ref: handleRef,
         ownerState: ownerState
-      }, ContainerProps), {}, {
-        children: [/*#__PURE__*/_jsx(Root, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, rootProps), !isHostComponent(Root) && {
+      }, ContainerProps, {
+        children: [/*#__PURE__*/_jsx(Root, _extends({}, rootProps, !isHostComponent(Root) && {
           as: Component,
-          ownerState: _objectSpread(_objectSpread({}, ownerState), rootProps.ownerState)
-        }), componentProps), {}, {
+          ownerState: _extends({}, ownerState, rootProps.ownerState)
+        }, componentProps, {
           children: children
         })), children.pop()]
       }))
@@ -247,12 +246,12 @@ var ListItem = /*#__PURE__*/React.forwardRef(function ListItem(inProps, ref) {
   }
   return /*#__PURE__*/_jsx(ListContext.Provider, {
     value: childContext,
-    children: /*#__PURE__*/_jsxs(Root, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, rootProps), {}, {
+    children: /*#__PURE__*/_jsxs(Root, _extends({}, rootProps, {
       as: Component,
       ref: handleRef
     }, !isHostComponent(Root) && {
-      ownerState: _objectSpread(_objectSpread({}, ownerState), rootProps.ownerState)
-    }), componentProps), {}, {
+      ownerState: _extends({}, ownerState, rootProps.ownerState)
+    }, componentProps, {
       children: [children, secondaryAction && /*#__PURE__*/_jsx(ListItemSecondaryAction, {
         children: secondaryAction
       })]

package/legacy/ListItemAvatar/ListItemAvatar.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 ListItemAvatarRoot = styled('div', {
   }
 })(function (_ref) {
   var ownerState = _ref.ownerState;
-  return _objectSpread({
+  return _extends({
     minWidth: 56,
     flexShrink: 0
   }, ownerState.alignItems === 'flex-start' && {
@@ -47,11 +45,11 @@ var ListItemAvatar = /*#__PURE__*/React.forwardRef(function ListItemAvatar(inPro
   var className = props.className,
     other = _objectWithoutProperties(props, ["className"]);
   var context = React.useContext(ListContext);
-  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
+  var ownerState = _extends({}, props, {
     alignItems: context.alignItems
   });
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(ListItemAvatarRoot, _objectSpread({
+  return /*#__PURE__*/_jsx(ListItemAvatarRoot, _extends({
     className: clsx(classes.root, className),
     ownerState: ownerState,
     ref: ref

package/legacy/ListItemButton/ListItemButton.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';
@@ -31,7 +30,7 @@ var useUtilityClasses = function useUtilityClasses(ownerState) {
     root: ['root', dense && 'dense', !disableGutters && 'gutters', divider && 'divider', disabled && 'disabled', alignItems === 'flex-start' && 'alignItemsFlexStart', selected && 'selected']
   };
   var composedClasses = composeClasses(slots, getListItemButtonUtilityClass, classes);
-  return _objectSpread(_objectSpread({}, classes), composedClasses);
+  return _extends({}, classes, composedClasses);
 };
 var ListItemButtonRoot = styled(ButtonBase, {
   shouldForwardProp: function shouldForwardProp(prop) {
@@ -41,10 +40,10 @@ var ListItemButtonRoot = styled(ButtonBase, {
   slot: 'Root',
   overridesResolver: overridesResolver
 })(function (_ref) {
-  var _objectSpread2;
+  var _extends2;
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
-  return _objectSpread(_objectSpread(_objectSpread(_objectSpread((_objectSpread2 = {
+  return _extends((_extends2 = {
     display: 'flex',
     flexGrow: 1,
     justifyContent: 'flex-start',
@@ -67,29 +66,29 @@ var ListItemButtonRoot = styled(ButtonBase, {
         backgroundColor: 'transparent'
       }
     }
-  }, _defineProperty(_objectSpread2, "&.".concat(listItemButtonClasses.selected), _defineProperty({
+  }, _defineProperty(_extends2, "&.".concat(listItemButtonClasses.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(listItemButtonClasses.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(_objectSpread2, "&.".concat(listItemButtonClasses.selected, ":hover"), {
+  })), _defineProperty(_extends2, "&.".concat(listItemButtonClasses.selected, ":hover"), {
     backgroundColor: theme.vars ? "rgba(".concat(theme.vars.palette.primary.mainChannel, " / calc(").concat(theme.vars.palette.action.selectedOpacity, " + ").concat(theme.vars.palette.action.hoverOpacity, "))") : alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity + theme.palette.action.hoverOpacity),
     // Reset on touch devices, it doesn't add specificity
     '@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)
     }
-  }), _defineProperty(_objectSpread2, "&.".concat(listItemButtonClasses.focusVisible), {
+  }), _defineProperty(_extends2, "&.".concat(listItemButtonClasses.focusVisible), {
     backgroundColor: (theme.vars || theme).palette.action.focus
-  }), _defineProperty(_objectSpread2, "&.".concat(listItemButtonClasses.disabled), {
+  }), _defineProperty(_extends2, "&.".concat(listItemButtonClasses.disabled), {
     opacity: (theme.vars || theme).palette.action.disabledOpacity
-  }), _objectSpread2), ownerState.divider && {
+  }), _extends2), ownerState.divider && {
     borderBottom: "1px solid ".concat((theme.vars || theme).palette.divider),
     backgroundClip: 'padding-box'
-  }), ownerState.alignItems === 'flex-start' && {
+  }, ownerState.alignItems === 'flex-start' && {
     alignItems: 'flex-start'
-  }), !ownerState.disableGutters && {
+  }, !ownerState.disableGutters && {
     paddingLeft: 16,
     paddingRight: 16
-  }), ownerState.dense && {
+  }, ownerState.dense && {
     paddingTop: 4,
     paddingBottom: 4
   });
@@ -135,7 +134,7 @@ var ListItemButton = /*#__PURE__*/React.forwardRef(function ListItemButton(inPro
       }
     }
   }, [autoFocus]);
-  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
+  var ownerState = _extends({}, props, {
     alignItems: alignItems,
     dense: childContext.dense,
     disableGutters: disableGutters,
@@ -146,7 +145,7 @@ var ListItemButton = /*#__PURE__*/React.forwardRef(function ListItemButton(inPro
   var handleRef = useForkRef(listItemRef, ref);
   return /*#__PURE__*/_jsx(ListContext.Provider, {
     value: childContext,
-    children: /*#__PURE__*/_jsx(ListItemButtonRoot, _objectSpread(_objectSpread({
+    children: /*#__PURE__*/_jsx(ListItemButtonRoot, _extends({
       ref: handleRef,
       href: other.href || other.to
       // `ButtonBase` processes `href` or `to` if `component` is set to 'button'
@@ -155,7 +154,7 @@ var ListItemButton = /*#__PURE__*/React.forwardRef(function ListItemButton(inPro
       focusVisibleClassName: clsx(classes.focusVisible, focusVisibleClassName),
       ownerState: ownerState,
       className: clsx(classes.root, className)
-    }, other), {}, {
+    }, other, {
       classes: classes,
       children: children
     }))

package/legacy/ListItemIcon/ListItemIcon.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';
@@ -29,7 +27,7 @@ var ListItemIconRoot = styled('div', {
 })(function (_ref) {
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
-  return _objectSpread({
+  return _extends({
     minWidth: 56,
     color: (theme.vars || theme).palette.action.active,
     flexShrink: 0,
@@ -50,11 +48,11 @@ var ListItemIcon = /*#__PURE__*/React.forwardRef(function ListItemIcon(inProps,
   var className = props.className,
     other = _objectWithoutProperties(props, ["className"]);
   var context = React.useContext(ListContext);
-  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
+  var ownerState = _extends({}, props, {
     alignItems: context.alignItems
   });
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(ListItemIconRoot, _objectSpread({
+  return /*#__PURE__*/_jsx(ListItemIconRoot, _extends({
     className: clsx(classes.root, className),
     ownerState: ownerState,
     ref: ref

package/legacy/ListItemSecondaryAction/ListItemSecondaryAction.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 ListItemSecondaryActionRoot = styled('div', {
   }
 })(function (_ref) {
   var ownerState = _ref.ownerState;
-  return _objectSpread({
+  return _extends({
     position: 'absolute',
     right: 16,
     top: '50%',
@@ -49,11 +47,11 @@ var ListItemSecondaryAction = /*#__PURE__*/React.forwardRef(function ListItemSec
   var className = props.className,
     other = _objectWithoutProperties(props, ["className"]);
   var context = React.useContext(ListContext);
-  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
+  var ownerState = _extends({}, props, {
     disableGutters: context.disableGutters
   });
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(ListItemSecondaryActionRoot, _objectSpread({
+  return /*#__PURE__*/_jsx(ListItemSecondaryActionRoot, _extends({
     className: clsx(classes.root, className),
     ownerState: ownerState,
     ref: ref

package/legacy/ListItemText/ListItemText.js

@@ -1,7 +1,6 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -35,7 +34,7 @@ var ListItemTextRoot = styled('div', {
   }
 })(function (_ref3) {
   var ownerState = _ref3.ownerState;
-  return _objectSpread(_objectSpread({
+  return _extends({
     flex: '1 1 auto',
     minWidth: 0,
     marginTop: 4,
@@ -43,7 +42,7 @@ var ListItemTextRoot = styled('div', {
   }, ownerState.primary && ownerState.secondary && {
     marginTop: 6,
     marginBottom: 6
-  }), ownerState.inset && {
+  }, ownerState.inset && {
     paddingLeft: 56
   });
 });
@@ -67,7 +66,7 @@ var ListItemText = /*#__PURE__*/React.forwardRef(function ListItemText(inProps,
     dense = _React$useContext.dense;
   var primary = primaryProp != null ? primaryProp : children;
   var secondary = secondaryProp;
-  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
+  var ownerState = _extends({}, props, {
     disableTypography: disableTypography,
     inset: inset,
     primary: !!primary,
@@ -76,30 +75,30 @@ var ListItemText = /*#__PURE__*/React.forwardRef(function ListItemText(inProps,
   });
   var classes = useUtilityClasses(ownerState);
   if (primary != null && primary.type !== Typography && !disableTypography) {
-    primary = /*#__PURE__*/_jsx(Typography, _objectSpread(_objectSpread({
+    primary = /*#__PURE__*/_jsx(Typography, _extends({
       variant: dense ? 'body2' : 'body1',
       className: classes.primary,
       component: primaryTypographyProps != null && primaryTypographyProps.variant ? undefined : 'span',
       display: "block"
-    }, primaryTypographyProps), {}, {
+    }, primaryTypographyProps, {
       children: primary
     }));
   }
   if (secondary != null && secondary.type !== Typography && !disableTypography) {
-    secondary = /*#__PURE__*/_jsx(Typography, _objectSpread(_objectSpread({
+    secondary = /*#__PURE__*/_jsx(Typography, _extends({
       variant: "body2",
       className: classes.secondary,
       color: "text.secondary",
       display: "block"
-    }, secondaryTypographyProps), {}, {
+    }, secondaryTypographyProps, {
       children: secondary
     }));
   }
-  return /*#__PURE__*/_jsxs(ListItemTextRoot, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsxs(ListItemTextRoot, _extends({
     className: clsx(classes.root, className),
     ownerState: ownerState,
     ref: ref
-  }, other), {}, {
+  }, other, {
     children: [primary, secondary]
   }));
 });