@mui/material 5.12.3 → 5.13.1

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

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

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

package/legacy/BottomNavigationAction/BottomNavigationAction.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 BottomNavigationActionRoot = styled(ButtonBase, {
 })(function (_ref) {
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
-  return _extends({
+  return _objectSpread(_objectSpread(_objectSpread({
     transition: theme.transitions.create(['color', 'padding-top'], {
       duration: theme.transitions.duration.short
     }),
@@ -44,9 +45,9 @@ var BottomNavigationActionRoot = styled(ButtonBase, {
     flex: '1'
   }, !ownerState.showLabel && !ownerState.selected && {
     paddingTop: 14
-  }, !ownerState.showLabel && !ownerState.selected && !ownerState.label && {
+  }), !ownerState.showLabel && !ownerState.selected && !ownerState.label && {
     paddingTop: 0
-  }, _defineProperty({}, "&.".concat(bottomNavigationActionClasses.selected), {
+  }), {}, _defineProperty({}, "&.".concat(bottomNavigationActionClasses.selected), {
     color: (theme.vars || theme).palette.primary.main
   }));
 });
@@ -59,7 +60,7 @@ var BottomNavigationActionLabel = styled('span', {
 })(function (_ref2) {
   var theme = _ref2.theme,
     ownerState = _ref2.ownerState;
-  return _extends({
+  return _objectSpread(_objectSpread({
     fontFamily: theme.typography.fontFamily,
     fontSize: theme.typography.pxToRem(12),
     opacity: 1,
@@ -68,7 +69,7 @@ var BottomNavigationActionLabel = styled('span', {
   }, !ownerState.showLabel && !ownerState.selected && {
     opacity: 0,
     transitionDelay: '0s'
-  }, _defineProperty({}, "&.".concat(bottomNavigationActionClasses.selected), {
+  }), {}, _defineProperty({}, "&.".concat(bottomNavigationActionClasses.selected), {
     fontSize: theme.typography.pxToRem(14)
   }));
 });
@@ -96,13 +97,13 @@ var BottomNavigationAction = /*#__PURE__*/React.forwardRef(function BottomNaviga
       onClick(event);
     }
   };
-  return /*#__PURE__*/_jsxs(BottomNavigationActionRoot, _extends({
+  return /*#__PURE__*/_jsxs(BottomNavigationActionRoot, _objectSpread(_objectSpread({
     ref: ref,
     className: clsx(classes.root, className),
     focusRipple: true,
     onClick: handleChange,
     ownerState: ownerState
-  }, other, {
+  }, other), {}, {
     children: [icon, /*#__PURE__*/_jsx(BottomNavigationActionLabel, {
       className: classes.label,
       ownerState: ownerState,

package/legacy/Breadcrumbs/BreadcrumbCollapsed.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 { emphasize } from '@mui/system';
@@ -9,7 +11,7 @@ import ButtonBase from '../ButtonBase';
 import { jsx as _jsx } from "react/jsx-runtime";
 var BreadcrumbCollapsedButton = styled(ButtonBase)(function (_ref) {
   var theme = _ref.theme;
-  return _extends({
+  return _objectSpread(_objectSpread({
     display: 'flex',
     marginLeft: "calc(".concat(theme.spacing(1), " * 0.5)"),
     marginRight: "calc(".concat(theme.spacing(1), " * 0.5)")
@@ -19,14 +21,14 @@ var BreadcrumbCollapsedButton = styled(ButtonBase)(function (_ref) {
   } : {
     backgroundColor: theme.palette.grey[700],
     color: theme.palette.grey[100]
-  }, {
+  }), {}, {
     borderRadius: 2,
-    '&:hover, &:focus': _extends({}, theme.palette.mode === 'light' ? {
+    '&:hover, &:focus': _objectSpread({}, theme.palette.mode === 'light' ? {
       backgroundColor: theme.palette.grey[200]
     } : {
       backgroundColor: theme.palette.grey[600]
     }),
-    '&:active': _extends({
+    '&:active': _objectSpread({
       boxShadow: theme.shadows[0]
     }, theme.palette.mode === 'light' ? {
       backgroundColor: emphasize(theme.palette.grey[200], 0.12)
@@ -51,11 +53,11 @@ function BreadcrumbCollapsed(props) {
     otherProps = _objectWithoutProperties(props, ["slots", "slotProps"]);
   var ownerState = props;
   return /*#__PURE__*/_jsx("li", {
-    children: /*#__PURE__*/_jsx(BreadcrumbCollapsedButton, _extends({
+    children: /*#__PURE__*/_jsx(BreadcrumbCollapsedButton, _objectSpread(_objectSpread({
       focusRipple: true
-    }, otherProps, {
+    }, otherProps), {}, {
       ownerState: ownerState,
-      children: /*#__PURE__*/_jsx(BreadcrumbCollapsedIcon, _extends({
+      children: /*#__PURE__*/_jsx(BreadcrumbCollapsedIcon, _objectSpread({
         as: slots.CollapsedIcon,
         ownerState: ownerState
       }, slotProps.collapsedIcon))

package/legacy/Breadcrumbs/Breadcrumbs.js

@@ -1,7 +1,8 @@
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _extends from "@babel/runtime/helpers/esm/extends";
 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 * as React from 'react';
 import { isFragment } from 'react-is';
 import PropTypes from 'prop-types';
@@ -99,7 +100,7 @@ var Breadcrumbs = /*#__PURE__*/React.forwardRef(function Breadcrumbs(inProps, re
   var _React$useState = React.useState(false),
     expanded = _React$useState[0],
     setExpanded = _React$useState[1];
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     component: component,
     expanded: expanded,
     expandText: expandText,
@@ -161,13 +162,13 @@ var Breadcrumbs = /*#__PURE__*/React.forwardRef(function Breadcrumbs(inProps, re
       children: child
     }, "child-".concat(index));
   });
-  return /*#__PURE__*/_jsx(BreadcrumbsRoot, _extends({
+  return /*#__PURE__*/_jsx(BreadcrumbsRoot, _objectSpread(_objectSpread({
     ref: ref,
     component: component,
     color: "text.secondary",
     className: clsx(classes.root, className),
     ownerState: ownerState
-  }, other, {
+  }, other), {}, {
     children: /*#__PURE__*/_jsx(BreadcrumbsOl, {
       className: classes.ol,
       ref: listRef,

package/legacy/Button/Button.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';
@@ -29,18 +30,18 @@ var useUtilityClasses = function useUtilityClasses(ownerState) {
     endIcon: ['endIcon', "iconSize".concat(capitalize(size))]
   };
   var composedClasses = composeClasses(slots, getButtonUtilityClass, classes);
-  return _extends({}, classes, composedClasses);
+  return _objectSpread(_objectSpread({}, classes), composedClasses);
 };
 var commonIconStyles = function commonIconStyles(ownerState) {
-  return _extends({}, ownerState.size === 'small' && {
+  return _objectSpread(_objectSpread(_objectSpread({}, ownerState.size === 'small' && {
     '& > *:nth-of-type(1)': {
       fontSize: 18
     }
-  }, ownerState.size === 'medium' && {
+  }), ownerState.size === 'medium' && {
     '& > *:nth-of-type(1)': {
       fontSize: 20
     }
-  }, ownerState.size === 'large' && {
+  }), ownerState.size === 'large' && {
     '& > *:nth-of-type(1)': {
       fontSize: 22
     }
@@ -57,19 +58,19 @@ var ButtonRoot = styled(ButtonBase, {
     return [styles.root, styles[ownerState.variant], styles["".concat(ownerState.variant).concat(capitalize(ownerState.color))], styles["size".concat(capitalize(ownerState.size))], styles["".concat(ownerState.variant, "Size").concat(capitalize(ownerState.size))], ownerState.color === 'inherit' && styles.colorInherit, ownerState.disableElevation && styles.disableElevation, ownerState.fullWidth && styles.fullWidth];
   }
 })(function (_ref) {
-  var _extends2, _theme$palette$getCon, _theme$palette;
+  var _objectSpread2, _theme$palette$getCon, _theme$palette;
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
   var inheritContainedBackgroundColor = theme.palette.mode === 'light' ? theme.palette.grey[300] : theme.palette.grey[800];
   var inheritContainedHoverBackgroundColor = theme.palette.mode === 'light' ? theme.palette.grey.A100 : theme.palette.grey[700];
-  return _extends({}, theme.typography.button, (_extends2 = {
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, theme.typography.button), {}, (_objectSpread2 = {
     minWidth: 64,
     padding: '6px 16px',
     borderRadius: (theme.vars || theme).shape.borderRadius,
     transition: theme.transitions.create(['background-color', 'box-shadow', 'border-color', 'color'], {
       duration: theme.transitions.duration.short
     }),
-    '&:hover': _extends({
+    '&:hover': _objectSpread(_objectSpread(_objectSpread(_objectSpread({
       textDecoration: 'none',
       backgroundColor: theme.vars ? "rgba(".concat(theme.vars.palette.text.primaryChannel, " / ").concat(theme.vars.palette.action.hoverOpacity, ")") : alpha(theme.palette.text.primary, theme.palette.action.hoverOpacity),
       // Reset on touch devices, it doesn't add specificity
@@ -82,14 +83,14 @@ var ButtonRoot = styled(ButtonBase, {
       '@media (hover: none)': {
         backgroundColor: 'transparent'
       }
-    }, ownerState.variant === 'outlined' && ownerState.color !== 'inherit' && {
+    }), ownerState.variant === 'outlined' && ownerState.color !== 'inherit' && {
       border: "1px solid ".concat((theme.vars || theme).palette[ownerState.color].main),
       backgroundColor: theme.vars ? "rgba(".concat(theme.vars.palette[ownerState.color].mainChannel, " / ").concat(theme.vars.palette.action.hoverOpacity, ")") : alpha(theme.palette[ownerState.color].main, theme.palette.action.hoverOpacity),
       // Reset on touch devices, it doesn't add specificity
       '@media (hover: none)': {
         backgroundColor: 'transparent'
       }
-    }, ownerState.variant === 'contained' && {
+    }), ownerState.variant === 'contained' && {
       backgroundColor: theme.vars ? theme.vars.palette.Button.inheritContainedHoverBg : inheritContainedHoverBackgroundColor,
       boxShadow: (theme.vars || theme).shadows[4],
       // Reset on touch devices, it doesn't add specificity
@@ -97,67 +98,67 @@ var ButtonRoot = styled(ButtonBase, {
         boxShadow: (theme.vars || theme).shadows[2],
         backgroundColor: (theme.vars || theme).palette.grey[300]
       }
-    }, ownerState.variant === 'contained' && ownerState.color !== 'inherit' && {
+    }), ownerState.variant === 'contained' && ownerState.color !== 'inherit' && {
       backgroundColor: (theme.vars || theme).palette[ownerState.color].dark,
       // Reset on touch devices, it doesn't add specificity
       '@media (hover: none)': {
         backgroundColor: (theme.vars || theme).palette[ownerState.color].main
       }
     }),
-    '&:active': _extends({}, ownerState.variant === 'contained' && {
+    '&:active': _objectSpread({}, ownerState.variant === 'contained' && {
       boxShadow: (theme.vars || theme).shadows[8]
     })
-  }, _defineProperty(_extends2, "&.".concat(buttonClasses.focusVisible), _extends({}, ownerState.variant === 'contained' && {
+  }, _defineProperty(_objectSpread2, "&.".concat(buttonClasses.focusVisible), _objectSpread({}, ownerState.variant === 'contained' && {
     boxShadow: (theme.vars || theme).shadows[6]
-  })), _defineProperty(_extends2, "&.".concat(buttonClasses.disabled), _extends({
+  })), _defineProperty(_objectSpread2, "&.".concat(buttonClasses.disabled), _objectSpread(_objectSpread({
     color: (theme.vars || theme).palette.action.disabled
   }, ownerState.variant === 'outlined' && {
     border: "1px solid ".concat((theme.vars || theme).palette.action.disabledBackground)
-  }, ownerState.variant === 'contained' && {
+  }), ownerState.variant === 'contained' && {
     color: (theme.vars || theme).palette.action.disabled,
     boxShadow: (theme.vars || theme).shadows[0],
     backgroundColor: (theme.vars || theme).palette.action.disabledBackground
-  })), _extends2), ownerState.variant === 'text' && {
+  })), _objectSpread2), ownerState.variant === 'text' && {
     padding: '6px 8px'
-  }, ownerState.variant === 'text' && ownerState.color !== 'inherit' && {
+  }), ownerState.variant === 'text' && ownerState.color !== 'inherit' && {
     color: (theme.vars || theme).palette[ownerState.color].main
-  }, ownerState.variant === 'outlined' && {
+  }), ownerState.variant === 'outlined' && {
     padding: '5px 15px',
     border: '1px solid currentColor'
-  }, ownerState.variant === 'outlined' && ownerState.color !== 'inherit' && {
+  }), ownerState.variant === 'outlined' && ownerState.color !== 'inherit' && {
     color: (theme.vars || theme).palette[ownerState.color].main,
     border: theme.vars ? "1px solid rgba(".concat(theme.vars.palette[ownerState.color].mainChannel, " / 0.5)") : "1px solid ".concat(alpha(theme.palette[ownerState.color].main, 0.5))
-  }, ownerState.variant === 'contained' && {
+  }), ownerState.variant === 'contained' && {
     color: theme.vars ?
     // this is safe because grey does not change between default light/dark mode
     theme.vars.palette.text.primary : (_theme$palette$getCon = (_theme$palette = theme.palette).getContrastText) == null ? void 0 : _theme$palette$getCon.call(_theme$palette, theme.palette.grey[300]),
     backgroundColor: theme.vars ? theme.vars.palette.Button.inheritContainedBg : inheritContainedBackgroundColor,
     boxShadow: (theme.vars || theme).shadows[2]
-  }, ownerState.variant === 'contained' && ownerState.color !== 'inherit' && {
+  }), ownerState.variant === 'contained' && ownerState.color !== 'inherit' && {
     color: (theme.vars || theme).palette[ownerState.color].contrastText,
     backgroundColor: (theme.vars || theme).palette[ownerState.color].main
-  }, ownerState.color === 'inherit' && {
+  }), ownerState.color === 'inherit' && {
     color: 'inherit',
     borderColor: 'currentColor'
-  }, ownerState.size === 'small' && ownerState.variant === 'text' && {
+  }), ownerState.size === 'small' && ownerState.variant === 'text' && {
     padding: '4px 5px',
     fontSize: theme.typography.pxToRem(13)
-  }, ownerState.size === 'large' && ownerState.variant === 'text' && {
+  }), ownerState.size === 'large' && ownerState.variant === 'text' && {
     padding: '8px 11px',
     fontSize: theme.typography.pxToRem(15)
-  }, ownerState.size === 'small' && ownerState.variant === 'outlined' && {
+  }), ownerState.size === 'small' && ownerState.variant === 'outlined' && {
     padding: '3px 9px',
     fontSize: theme.typography.pxToRem(13)
-  }, ownerState.size === 'large' && ownerState.variant === 'outlined' && {
+  }), ownerState.size === 'large' && ownerState.variant === 'outlined' && {
     padding: '7px 21px',
     fontSize: theme.typography.pxToRem(15)
-  }, ownerState.size === 'small' && ownerState.variant === 'contained' && {
+  }), ownerState.size === 'small' && ownerState.variant === 'contained' && {
     padding: '4px 10px',
     fontSize: theme.typography.pxToRem(13)
-  }, ownerState.size === 'large' && ownerState.variant === 'contained' && {
+  }), ownerState.size === 'large' && ownerState.variant === 'contained' && {
     padding: '8px 22px',
     fontSize: theme.typography.pxToRem(15)
-  }, ownerState.fullWidth && {
+  }), ownerState.fullWidth && {
     width: '100%'
   });
 }, function (_ref2) {
@@ -185,13 +186,13 @@ var ButtonStartIcon = styled('span', {
   }
 })(function (_ref4) {
   var ownerState = _ref4.ownerState;
-  return _extends({
+  return _objectSpread(_objectSpread({
     display: 'inherit',
     marginRight: 8,
     marginLeft: -4
   }, ownerState.size === 'small' && {
     marginLeft: -2
-  }, commonIconStyles(ownerState));
+  }), commonIconStyles(ownerState));
 });
 var ButtonEndIcon = styled('span', {
   name: 'MuiButton',
@@ -202,13 +203,13 @@ var ButtonEndIcon = styled('span', {
   }
 })(function (_ref5) {
   var ownerState = _ref5.ownerState;
-  return _extends({
+  return _objectSpread(_objectSpread({
     display: 'inherit',
     marginRight: -4,
     marginLeft: 8
   }, ownerState.size === 'small' && {
     marginRight: -2
-  }, commonIconStyles(ownerState));
+  }), commonIconStyles(ownerState));
 });
 var Button = /*#__PURE__*/React.forwardRef(function Button(inProps, ref) {
   // props priority: `inProps` > `contextProps` > `themeDefaultProps`
@@ -241,7 +242,7 @@ var Button = /*#__PURE__*/React.forwardRef(function Button(inProps, ref) {
     _props$variant = props.variant,
     variant = _props$variant === void 0 ? 'text' : _props$variant,
     other = _objectWithoutProperties(props, ["children", "color", "component", "className", "disabled", "disableElevation", "disableFocusRipple", "endIcon", "focusVisibleClassName", "fullWidth", "size", "startIcon", "type", "variant"]);
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     color: color,
     component: component,
     disabled: disabled,
@@ -263,7 +264,7 @@ var Button = /*#__PURE__*/React.forwardRef(function Button(inProps, ref) {
     ownerState: ownerState,
     children: endIconProp
   });
-  return /*#__PURE__*/_jsxs(ButtonRoot, _extends({
+  return /*#__PURE__*/_jsxs(ButtonRoot, _objectSpread(_objectSpread({
     ownerState: ownerState,
     className: clsx(contextProps.className, classes.root, className),
     component: component,
@@ -272,7 +273,7 @@ var Button = /*#__PURE__*/React.forwardRef(function Button(inProps, ref) {
     focusVisibleClassName: clsx(classes.focusVisible, focusVisibleClassName),
     ref: ref,
     type: type
-  }, other, {
+  }, other), {}, {
     classes: classes,
     children: [startIcon, children, endIcon]
   }));

package/legacy/ButtonBase/ButtonBase.js

@@ -1,7 +1,8 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _styled;
+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';
@@ -284,7 +285,7 @@ var ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, ref)
       }
     }, [enableTouchRipple]);
   }
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     centerRipple: centerRipple,
     component: component,
     disabled: disabled,
@@ -295,7 +296,7 @@ var ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, ref)
     focusVisible: focusVisible
   });
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsxs(ButtonBaseRoot, _extends({
+  return /*#__PURE__*/_jsxs(ButtonBaseRoot, _objectSpread(_objectSpread(_objectSpread({
     as: ComponentProp,
     className: clsx(classes.root, className),
     ownerState: ownerState,
@@ -315,11 +316,11 @@ var ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, ref)
     ref: handleRef,
     tabIndex: disabled ? -1 : tabIndex,
     type: type
-  }, buttonProps, other, {
+  }, buttonProps), other), {}, {
     children: [children, enableTouchRipple ?
     /*#__PURE__*/
     /* TouchRipple is only needed client-side, x2 boost on the server. */
-    _jsx(TouchRipple, _extends({
+    _jsx(TouchRipple, _objectSpread({
       ref: handleRippleRef,
       center: centerRipple
     }, TouchRippleProps)) : null]

package/legacy/ButtonBase/TouchRipple.js

@@ -1,8 +1,10 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+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 { TransitionGroup } from 'react-transition-group';
@@ -240,10 +242,10 @@ var TouchRipple = /*#__PURE__*/React.forwardRef(function TouchRipple(inProps, re
       stop: stop
     };
   }, [pulsate, start, stop]);
-  return /*#__PURE__*/_jsx(TouchRippleRoot, _extends({
+  return /*#__PURE__*/_jsx(TouchRippleRoot, _objectSpread(_objectSpread({
     className: clsx(touchRippleClasses.root, classes.root, className),
     ref: container
-  }, other, {
+  }, other), {}, {
     children: /*#__PURE__*/_jsx(TransitionGroup, {
       component: null,
       exit: true,