@mui/material 5.13.0 → 5.13.1

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

package/legacy/ListItemButton/ListItemButton.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';
@@ -30,7 +31,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 _extends({}, classes, composedClasses);
+  return _objectSpread(_objectSpread({}, classes), composedClasses);
 };
 var ListItemButtonRoot = styled(ButtonBase, {
   shouldForwardProp: function shouldForwardProp(prop) {
@@ -40,10 +41,10 @@ var ListItemButtonRoot = styled(ButtonBase, {
   slot: 'Root',
   overridesResolver: overridesResolver
 })(function (_ref) {
-  var _extends2;
+  var _objectSpread2;
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
-  return _extends((_extends2 = {
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread((_objectSpread2 = {
     display: 'flex',
     flexGrow: 1,
     justifyContent: 'flex-start',
@@ -66,29 +67,29 @@ var ListItemButtonRoot = styled(ButtonBase, {
         backgroundColor: 'transparent'
       }
     }
-  }, _defineProperty(_extends2, "&.".concat(listItemButtonClasses.selected), _defineProperty({
+  }, _defineProperty(_objectSpread2, "&.".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(_extends2, "&.".concat(listItemButtonClasses.selected, ":hover"), {
+  })), _defineProperty(_objectSpread2, "&.".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(_extends2, "&.".concat(listItemButtonClasses.focusVisible), {
+  }), _defineProperty(_objectSpread2, "&.".concat(listItemButtonClasses.focusVisible), {
     backgroundColor: (theme.vars || theme).palette.action.focus
-  }), _defineProperty(_extends2, "&.".concat(listItemButtonClasses.disabled), {
+  }), _defineProperty(_objectSpread2, "&.".concat(listItemButtonClasses.disabled), {
     opacity: (theme.vars || theme).palette.action.disabledOpacity
-  }), _extends2), ownerState.divider && {
+  }), _objectSpread2), 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
   });
@@ -134,7 +135,7 @@ var ListItemButton = /*#__PURE__*/React.forwardRef(function ListItemButton(inPro
       }
     }
   }, [autoFocus]);
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     alignItems: alignItems,
     dense: childContext.dense,
     disableGutters: disableGutters,
@@ -145,7 +146,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, _extends({
+    children: /*#__PURE__*/_jsx(ListItemButtonRoot, _objectSpread(_objectSpread({
       ref: handleRef,
       href: other.href || other.to
       // `ButtonBase` processes `href` or `to` if `component` is set to 'button'
@@ -154,7 +155,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,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';
@@ -27,7 +29,7 @@ var ListItemIconRoot = styled('div', {
 })(function (_ref) {
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
-  return _extends({
+  return _objectSpread({
     minWidth: 56,
     color: (theme.vars || theme).palette.action.active,
     flexShrink: 0,
@@ -48,11 +50,11 @@ var ListItemIcon = /*#__PURE__*/React.forwardRef(function ListItemIcon(inProps,
   var className = props.className,
     other = _objectWithoutProperties(props, ["className"]);
   var context = React.useContext(ListContext);
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     alignItems: context.alignItems
   });
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(ListItemIconRoot, _extends({
+  return /*#__PURE__*/_jsx(ListItemIconRoot, _objectSpread({
     className: clsx(classes.root, className),
     ownerState: ownerState,
     ref: ref

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

package/legacy/ListItemText/ListItemText.js

@@ -1,6 +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';
@@ -34,7 +35,7 @@ var ListItemTextRoot = styled('div', {
   }
 })(function (_ref3) {
   var ownerState = _ref3.ownerState;
-  return _extends({
+  return _objectSpread(_objectSpread({
     flex: '1 1 auto',
     minWidth: 0,
     marginTop: 4,
@@ -42,7 +43,7 @@ var ListItemTextRoot = styled('div', {
   }, ownerState.primary && ownerState.secondary && {
     marginTop: 6,
     marginBottom: 6
-  }, ownerState.inset && {
+  }), ownerState.inset && {
     paddingLeft: 56
   });
 });
@@ -66,7 +67,7 @@ var ListItemText = /*#__PURE__*/React.forwardRef(function ListItemText(inProps,
     dense = _React$useContext.dense;
   var primary = primaryProp != null ? primaryProp : children;
   var secondary = secondaryProp;
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     disableTypography: disableTypography,
     inset: inset,
     primary: !!primary,
@@ -75,30 +76,30 @@ var ListItemText = /*#__PURE__*/React.forwardRef(function ListItemText(inProps,
   });
   var classes = useUtilityClasses(ownerState);
   if (primary != null && primary.type !== Typography && !disableTypography) {
-    primary = /*#__PURE__*/_jsx(Typography, _extends({
+    primary = /*#__PURE__*/_jsx(Typography, _objectSpread(_objectSpread({
       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, _extends({
+    secondary = /*#__PURE__*/_jsx(Typography, _objectSpread(_objectSpread({
       variant: "body2",
       className: classes.secondary,
       color: "text.secondary",
       display: "block"
-    }, secondaryTypographyProps, {
+    }, secondaryTypographyProps), {}, {
       children: secondary
     }));
   }
-  return /*#__PURE__*/_jsxs(ListItemTextRoot, _extends({
+  return /*#__PURE__*/_jsxs(ListItemTextRoot, _objectSpread(_objectSpread({
     className: clsx(classes.root, className),
     ownerState: ownerState,
     ref: ref
-  }, other, {
+  }, other), {}, {
     children: [primary, secondary]
   }));
 });

package/legacy/ListSubheader/ListSubheader.js

@@ -1,5 +1,7 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -30,7 +32,7 @@ var ListSubheaderRoot = styled('li', {
 })(function (_ref) {
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
-  return _extends({
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
     boxSizing: 'border-box',
     lineHeight: '48px',
     listStyle: 'none',
@@ -40,14 +42,14 @@ var ListSubheaderRoot = styled('li', {
     fontSize: theme.typography.pxToRem(14)
   }, ownerState.color === 'primary' && {
     color: (theme.vars || theme).palette.primary.main
-  }, ownerState.color === 'inherit' && {
+  }), ownerState.color === 'inherit' && {
     color: 'inherit'
-  }, !ownerState.disableGutters && {
+  }), !ownerState.disableGutters && {
     paddingLeft: 16,
     paddingRight: 16
-  }, ownerState.inset && {
+  }), ownerState.inset && {
     paddingLeft: 72
-  }, !ownerState.disableSticky && {
+  }), !ownerState.disableSticky && {
     position: 'sticky',
     top: 0,
     zIndex: 1,
@@ -71,7 +73,7 @@ var ListSubheader = /*#__PURE__*/React.forwardRef(function ListSubheader(inProps
     _props$inset = props.inset,
     inset = _props$inset === void 0 ? false : _props$inset,
     other = _objectWithoutProperties(props, ["className", "color", "component", "disableGutters", "disableSticky", "inset"]);
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     color: color,
     component: component,
     disableGutters: disableGutters,
@@ -79,7 +81,7 @@ var ListSubheader = /*#__PURE__*/React.forwardRef(function ListSubheader(inProps
     inset: inset
   });
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(ListSubheaderRoot, _extends({
+  return /*#__PURE__*/_jsx(ListSubheaderRoot, _objectSpread({
     as: component,
     className: clsx(classes.root, className),
     ref: ref,

package/legacy/Menu/Menu.js

@@ -1,5 +1,7 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import * as React from 'react';
 import { isFragment } from 'react-is';
 import PropTypes from 'prop-types';
@@ -93,7 +95,7 @@ var Menu = /*#__PURE__*/React.forwardRef(function Menu(inProps, ref) {
     other = _objectWithoutProperties(props, ["autoFocus", "children", "disableAutoFocusItem", "MenuListProps", "onClose", "open", "PaperProps", "PopoverClasses", "transitionDuration", "TransitionProps", "variant"]);
   var theme = useTheme();
   var isRtl = theme.direction === 'rtl';
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     autoFocus: autoFocus,
     disableAutoFocusItem: disableAutoFocusItem,
     MenuListProps: MenuListProps,
@@ -149,17 +151,17 @@ var Menu = /*#__PURE__*/React.forwardRef(function Menu(inProps, ref) {
       }
     }
   });
-  return /*#__PURE__*/_jsx(MenuRoot, _extends({
+  return /*#__PURE__*/_jsx(MenuRoot, _objectSpread(_objectSpread({
     onClose: onClose,
     anchorOrigin: {
       vertical: 'bottom',
       horizontal: isRtl ? 'right' : 'left'
     },
     transformOrigin: isRtl ? RTL_ORIGIN : LTR_ORIGIN,
-    PaperProps: _extends({
+    PaperProps: _objectSpread(_objectSpread({
       as: MenuPaper
-    }, PaperProps, {
-      classes: _extends({}, PaperProps.classes, {
+    }, PaperProps), {}, {
+      classes: _objectSpread(_objectSpread({}, PaperProps.classes), {}, {
         root: classes.paper
       })
     }),
@@ -167,19 +169,19 @@ var Menu = /*#__PURE__*/React.forwardRef(function Menu(inProps, ref) {
     open: open,
     ref: ref,
     transitionDuration: transitionDuration,
-    TransitionProps: _extends({
+    TransitionProps: _objectSpread({
       onEntering: handleEntering
     }, TransitionProps),
     ownerState: ownerState
-  }, other, {
+  }, other), {}, {
     classes: PopoverClasses,
-    children: /*#__PURE__*/_jsx(MenuMenuList, _extends({
+    children: /*#__PURE__*/_jsx(MenuMenuList, _objectSpread(_objectSpread({
       onKeyDown: handleListKeyDown,
       actions: menuListActionsRef,
       autoFocus: autoFocus && (activeItemIndex === -1 || disableAutoFocusItem),
       autoFocusItem: autoFocusItem,
       variant: variant
-    }, MenuListProps, {
+    }, MenuListProps), {}, {
       className: clsx(classes.list, MenuListProps.className),
       children: children
     }))

package/legacy/MenuItem/MenuItem.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';
@@ -32,7 +33,7 @@ var useUtilityClasses = function useUtilityClasses(ownerState) {
     root: ['root', dense && 'dense', disabled && 'disabled', !disableGutters && 'gutters', divider && 'divider', selected && 'selected']
   };
   var composedClasses = composeClasses(slots, getMenuItemUtilityClass, classes);
-  return _extends({}, classes, composedClasses);
+  return _objectSpread(_objectSpread({}, classes), composedClasses);
 };
 var MenuItemRoot = styled(ButtonBase, {
   shouldForwardProp: function shouldForwardProp(prop) {
@@ -42,10 +43,10 @@ var MenuItemRoot = styled(ButtonBase, {
   slot: 'Root',
   overridesResolver: overridesResolver
 })(function (_ref) {
-  var _extends2;
+  var _objectSpread2;
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
-  return _extends({}, theme.typography.body1, {
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, theme.typography.body1), {}, {
     display: 'flex',
     justifyContent: 'flex-start',
     alignItems: 'center',
@@ -59,10 +60,10 @@ var MenuItemRoot = styled(ButtonBase, {
   }, !ownerState.disableGutters && {
     paddingLeft: 16,
     paddingRight: 16
-  }, ownerState.divider && {
+  }), ownerState.divider && {
     borderBottom: "1px solid ".concat((theme.vars || theme).palette.divider),
     backgroundClip: 'padding-box'
-  }, (_extends2 = {
+  }), {}, (_objectSpread2 = {
     '&:hover': {
       textDecoration: 'none',
       backgroundColor: (theme.vars || theme).palette.action.hover,
@@ -71,40 +72,40 @@ var MenuItemRoot = styled(ButtonBase, {
         backgroundColor: 'transparent'
       }
     }
-  }, _defineProperty(_extends2, "&.".concat(menuItemClasses.selected), _defineProperty({
+  }, _defineProperty(_objectSpread2, "&.".concat(menuItemClasses.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(menuItemClasses.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(menuItemClasses.selected, ":hover"), {
+  })), _defineProperty(_objectSpread2, "&.".concat(menuItemClasses.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(_extends2, "&.".concat(menuItemClasses.focusVisible), {
+  }), _defineProperty(_objectSpread2, "&.".concat(menuItemClasses.focusVisible), {
     backgroundColor: (theme.vars || theme).palette.action.focus
-  }), _defineProperty(_extends2, "&.".concat(menuItemClasses.disabled), {
+  }), _defineProperty(_objectSpread2, "&.".concat(menuItemClasses.disabled), {
     opacity: (theme.vars || theme).palette.action.disabledOpacity
-  }), _defineProperty(_extends2, "& + .".concat(dividerClasses.root), {
+  }), _defineProperty(_objectSpread2, "& + .".concat(dividerClasses.root), {
     marginTop: theme.spacing(1),
     marginBottom: theme.spacing(1)
-  }), _defineProperty(_extends2, "& + .".concat(dividerClasses.inset), {
+  }), _defineProperty(_objectSpread2, "& + .".concat(dividerClasses.inset), {
     marginLeft: 52
-  }), _defineProperty(_extends2, "& .".concat(listItemTextClasses.root), {
+  }), _defineProperty(_objectSpread2, "& .".concat(listItemTextClasses.root), {
     marginTop: 0,
     marginBottom: 0
-  }), _defineProperty(_extends2, "& .".concat(listItemTextClasses.inset), {
+  }), _defineProperty(_objectSpread2, "& .".concat(listItemTextClasses.inset), {
     paddingLeft: 36
-  }), _defineProperty(_extends2, "& .".concat(listItemIconClasses.root), {
+  }), _defineProperty(_objectSpread2, "& .".concat(listItemIconClasses.root), {
     minWidth: 36
-  }), _extends2), !ownerState.dense && _defineProperty({}, theme.breakpoints.up('sm'), {
+  }), _objectSpread2), !ownerState.dense && _defineProperty({}, theme.breakpoints.up('sm'), {
     minHeight: 'auto'
-  }), ownerState.dense && _extends({
+  })), ownerState.dense && _objectSpread(_objectSpread({
     minHeight: 32,
     // https://m2.material.io/components/menus#specs > Dense
     paddingTop: 4,
     paddingBottom: 4
-  }, theme.typography.body2, _defineProperty({}, "& .".concat(listItemIconClasses.root, " svg"), {
+  }, theme.typography.body2), {}, _defineProperty({}, "& .".concat(listItemIconClasses.root, " svg"), {
     fontSize: '1.25rem'
   })));
 });
@@ -146,7 +147,7 @@ var MenuItem = /*#__PURE__*/React.forwardRef(function MenuItem(inProps, ref) {
       }
     }
   }, [autoFocus]);
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     dense: childContext.dense,
     divider: divider,
     disableGutters: disableGutters
@@ -159,14 +160,14 @@ var MenuItem = /*#__PURE__*/React.forwardRef(function MenuItem(inProps, ref) {
   }
   return /*#__PURE__*/_jsx(ListContext.Provider, {
     value: childContext,
-    children: /*#__PURE__*/_jsx(MenuItemRoot, _extends({
+    children: /*#__PURE__*/_jsx(MenuItemRoot, _objectSpread(_objectSpread({
       ref: handleRef,
       role: role,
       tabIndex: tabIndex,
       component: component,
       focusVisibleClassName: clsx(classes.focusVisible, focusVisibleClassName),
       className: clsx(classes.root, className)
-    }, other, {
+    }, other), {}, {
       ownerState: ownerState,
       classes: classes
     }))

package/legacy/MenuList/MenuList.js

@@ -1,5 +1,7 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import * as React from 'react';
 import { isFragment } from 'react-is';
 import PropTypes from 'prop-types';
@@ -217,13 +219,13 @@ var MenuList = /*#__PURE__*/React.forwardRef(function MenuList(props, ref) {
     }
     return child;
   });
-  return /*#__PURE__*/_jsx(List, _extends({
+  return /*#__PURE__*/_jsx(List, _objectSpread(_objectSpread({
     role: "menu",
     ref: handleRef,
     className: className,
     onKeyDown: handleKeyDown,
     tabIndex: autoFocus ? 0 : -1
-  }, other, {
+  }, other), {}, {
     children: items
   }));
 });

package/legacy/MobileStepper/MobileStepper.js

@@ -1,6 +1,8 @@
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -36,7 +38,7 @@ var MobileStepperRoot = styled(Paper, {
 })(function (_ref) {
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
-  return _extends({
+  return _objectSpread(_objectSpread({
     display: 'flex',
     flexDirection: 'row',
     justifyContent: 'space-between',
@@ -49,7 +51,7 @@ var MobileStepperRoot = styled(Paper, {
     left: 0,
     right: 0,
     zIndex: (theme.vars || theme).zIndex.mobileStepper
-  }, ownerState.position === 'top' && {
+  }), ownerState.position === 'top' && {
     position: 'fixed',
     top: 0,
     left: 0,
@@ -65,7 +67,7 @@ var MobileStepperDots = styled('div', {
   }
 })(function (_ref2) {
   var ownerState = _ref2.ownerState;
-  return _extends({}, ownerState.variant === 'dots' && {
+  return _objectSpread({}, ownerState.variant === 'dots' && {
     display: 'flex',
     flexDirection: 'row'
   });
@@ -84,7 +86,7 @@ var MobileStepperDot = styled('div', {
   var theme = _ref3.theme,
     ownerState = _ref3.ownerState,
     dotActive = _ref3.dotActive;
-  return _extends({}, ownerState.variant === 'dots' && _extends({
+  return _objectSpread({}, ownerState.variant === 'dots' && _objectSpread({
     transition: theme.transitions.create('background-color', {
       duration: theme.transitions.duration.shortest
     }),
@@ -105,7 +107,7 @@ var MobileStepperProgress = styled(LinearProgress, {
   }
 })(function (_ref4) {
   var ownerState = _ref4.ownerState;
-  return _extends({}, ownerState.variant === 'progress' && {
+  return _objectSpread({}, ownerState.variant === 'progress' && {
     width: '50%'
   });
 });
@@ -126,19 +128,19 @@ var MobileStepper = /*#__PURE__*/React.forwardRef(function MobileStepper(inProps
     _props$variant = props.variant,
     variant = _props$variant === void 0 ? 'dots' : _props$variant,
     other = _objectWithoutProperties(props, ["activeStep", "backButton", "className", "LinearProgressProps", "nextButton", "position", "steps", "variant"]);
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     activeStep: activeStep,
     position: position,
     variant: variant
   });
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsxs(MobileStepperRoot, _extends({
+  return /*#__PURE__*/_jsxs(MobileStepperRoot, _objectSpread(_objectSpread({
     square: true,
     elevation: 0,
     className: clsx(classes.root, className),
     ref: ref,
     ownerState: ownerState
-  }, other, {
+  }, other), {}, {
     children: [backButton, variant === 'text' && /*#__PURE__*/_jsxs(React.Fragment, {
       children: [activeStep + 1, " / ", steps]
     }), variant === 'dots' && /*#__PURE__*/_jsx(MobileStepperDots, {
@@ -151,7 +153,7 @@ var MobileStepper = /*#__PURE__*/React.forwardRef(function MobileStepper(inProps
           dotActive: index === activeStep
         }, index);
       })
-    }), variant === 'progress' && /*#__PURE__*/_jsx(MobileStepperProgress, _extends({
+    }), variant === 'progress' && /*#__PURE__*/_jsx(MobileStepperProgress, _objectSpread({
       ownerState: ownerState,
       className: classes.progress,
       variant: "determinate",