@mui/material 5.13.1 → 5.13.2

package/legacy/Chip/Chip.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';
@@ -49,11 +48,11 @@ var ChipRoot = styled('div', {
     return [_defineProperty({}, "& .".concat(chipClasses.avatar), styles.avatar), _defineProperty({}, "& .".concat(chipClasses.avatar), styles["avatar".concat(capitalize(size))]), _defineProperty({}, "& .".concat(chipClasses.avatar), styles["avatarColor".concat(capitalize(color))]), _defineProperty({}, "& .".concat(chipClasses.icon), styles.icon), _defineProperty({}, "& .".concat(chipClasses.icon), styles["icon".concat(capitalize(size))]), _defineProperty({}, "& .".concat(chipClasses.icon), styles["iconColor".concat(capitalize(iconColor))]), _defineProperty({}, "& .".concat(chipClasses.deleteIcon), styles.deleteIcon), _defineProperty({}, "& .".concat(chipClasses.deleteIcon), styles["deleteIcon".concat(capitalize(size))]), _defineProperty({}, "& .".concat(chipClasses.deleteIcon), styles["deleteIconColor".concat(capitalize(color))]), _defineProperty({}, "& .".concat(chipClasses.deleteIcon), styles["deleteIcon".concat(capitalize(variant), "Color").concat(capitalize(color))]), styles.root, styles["size".concat(capitalize(size))], styles["color".concat(capitalize(color))], clickable && styles.clickable, clickable && color !== 'default' && styles["clickableColor".concat(capitalize(color), ")")], onDelete && styles.deletable, onDelete && color !== 'default' && styles["deletableColor".concat(capitalize(color))], styles[variant], styles["".concat(variant).concat(capitalize(color))]];
   }
 })(function (_ref11) {
-  var _objectSpread2;
+  var _extends2;
   var theme = _ref11.theme,
     ownerState = _ref11.ownerState;
   var textColor = theme.palette.mode === 'light' ? theme.palette.grey[700] : theme.palette.grey[300];
-  return _objectSpread(_objectSpread(_objectSpread(_objectSpread((_objectSpread2 = {
+  return _extends((_extends2 = {
     maxWidth: '100%',
     fontFamily: theme.typography.fontFamily,
     fontSize: theme.typography.pxToRem(13),
@@ -77,40 +76,40 @@ var ChipRoot = styled('div', {
     // Remove `button` padding
     verticalAlign: 'middle',
     boxSizing: 'border-box'
-  }, _defineProperty(_objectSpread2, "&.".concat(chipClasses.disabled), {
+  }, _defineProperty(_extends2, "&.".concat(chipClasses.disabled), {
     opacity: (theme.vars || theme).palette.action.disabledOpacity,
     pointerEvents: 'none'
-  }), _defineProperty(_objectSpread2, "& .".concat(chipClasses.avatar), {
+  }), _defineProperty(_extends2, "& .".concat(chipClasses.avatar), {
     marginLeft: 5,
     marginRight: -6,
     width: 24,
     height: 24,
     color: theme.vars ? theme.vars.palette.Chip.defaultAvatarColor : textColor,
     fontSize: theme.typography.pxToRem(12)
-  }), _defineProperty(_objectSpread2, "& .".concat(chipClasses.avatarColorPrimary), {
+  }), _defineProperty(_extends2, "& .".concat(chipClasses.avatarColorPrimary), {
     color: (theme.vars || theme).palette.primary.contrastText,
     backgroundColor: (theme.vars || theme).palette.primary.dark
-  }), _defineProperty(_objectSpread2, "& .".concat(chipClasses.avatarColorSecondary), {
+  }), _defineProperty(_extends2, "& .".concat(chipClasses.avatarColorSecondary), {
     color: (theme.vars || theme).palette.secondary.contrastText,
     backgroundColor: (theme.vars || theme).palette.secondary.dark
-  }), _defineProperty(_objectSpread2, "& .".concat(chipClasses.avatarSmall), {
+  }), _defineProperty(_extends2, "& .".concat(chipClasses.avatarSmall), {
     marginLeft: 4,
     marginRight: -4,
     width: 18,
     height: 18,
     fontSize: theme.typography.pxToRem(10)
-  }), _defineProperty(_objectSpread2, "& .".concat(chipClasses.icon), _objectSpread(_objectSpread({
+  }), _defineProperty(_extends2, "& .".concat(chipClasses.icon), _extends({
     marginLeft: 5,
     marginRight: -6
   }, ownerState.size === 'small' && {
     fontSize: 18,
     marginLeft: 4,
     marginRight: -4
-  }), ownerState.iconColor === ownerState.color && _objectSpread({
+  }, ownerState.iconColor === ownerState.color && _extends({
     color: theme.vars ? theme.vars.palette.Chip.defaultIconColor : textColor
   }, ownerState.color !== 'default' && {
     color: 'inherit'
-  }))), _defineProperty(_objectSpread2, "& .".concat(chipClasses.deleteIcon), _objectSpread(_objectSpread({
+  }))), _defineProperty(_extends2, "& .".concat(chipClasses.deleteIcon), _extends({
     WebkitTapHighlightColor: 'transparent',
     color: theme.vars ? "rgba(".concat(theme.vars.palette.text.primaryChannel, " / 0.26)") : alpha(theme.palette.text.primary, 0.26),
     fontSize: 22,
@@ -123,26 +122,26 @@ var ChipRoot = styled('div', {
     fontSize: 16,
     marginRight: 4,
     marginLeft: -4
-  }), ownerState.color !== 'default' && {
+  }, ownerState.color !== 'default' && {
     color: theme.vars ? "rgba(".concat(theme.vars.palette[ownerState.color].contrastTextChannel, " / 0.7)") : alpha(theme.palette[ownerState.color].contrastText, 0.7),
     '&:hover, &:active': {
       color: (theme.vars || theme).palette[ownerState.color].contrastText
     }
-  })), _objectSpread2), ownerState.size === 'small' && {
+  })), _extends2), ownerState.size === 'small' && {
     height: 24
-  }), ownerState.color !== 'default' && {
+  }, ownerState.color !== 'default' && {
     backgroundColor: (theme.vars || theme).palette[ownerState.color].main,
     color: (theme.vars || theme).palette[ownerState.color].contrastText
-  }), ownerState.onDelete && _defineProperty({}, "&.".concat(chipClasses.focusVisible), {
+  }, ownerState.onDelete && _defineProperty({}, "&.".concat(chipClasses.focusVisible), {
     backgroundColor: theme.vars ? "rgba(".concat(theme.vars.palette.action.selectedChannel, " / calc(").concat(theme.vars.palette.action.selectedOpacity, " + ").concat(theme.vars.palette.action.focusOpacity, "))") : alpha(theme.palette.action.selected, theme.palette.action.selectedOpacity + theme.palette.action.focusOpacity)
-  })), ownerState.onDelete && ownerState.color !== 'default' && _defineProperty({}, "&.".concat(chipClasses.focusVisible), {
+  }), ownerState.onDelete && ownerState.color !== 'default' && _defineProperty({}, "&.".concat(chipClasses.focusVisible), {
     backgroundColor: (theme.vars || theme).palette[ownerState.color].dark
   }));
 }, function (_ref14) {
   var _ref15;
   var theme = _ref14.theme,
     ownerState = _ref14.ownerState;
-  return _objectSpread(_objectSpread({}, ownerState.clickable && (_ref15 = {
+  return _extends({}, ownerState.clickable && (_ref15 = {
     userSelect: 'none',
     WebkitTapHighlightColor: 'transparent',
     cursor: 'pointer',
@@ -153,14 +152,14 @@ var ChipRoot = styled('div', {
     backgroundColor: theme.vars ? "rgba(".concat(theme.vars.palette.action.selectedChannel, " / calc(").concat(theme.vars.palette.action.selectedOpacity, " + ").concat(theme.vars.palette.action.focusOpacity, "))") : alpha(theme.palette.action.selected, theme.palette.action.selectedOpacity + theme.palette.action.focusOpacity)
   }), _defineProperty(_ref15, '&:active', {
     boxShadow: (theme.vars || theme).shadows[1]
-  }), _ref15)), ownerState.clickable && ownerState.color !== 'default' && _defineProperty({}, "&:hover, &.".concat(chipClasses.focusVisible), {
+  }), _ref15), ownerState.clickable && ownerState.color !== 'default' && _defineProperty({}, "&:hover, &.".concat(chipClasses.focusVisible), {
     backgroundColor: (theme.vars || theme).palette[ownerState.color].dark
   }));
 }, function (_ref17) {
   var _ref18, _ref19;
   var theme = _ref17.theme,
     ownerState = _ref17.ownerState;
-  return _objectSpread(_objectSpread({}, ownerState.variant === 'outlined' && (_ref18 = {
+  return _extends({}, ownerState.variant === 'outlined' && (_ref18 = {
     backgroundColor: 'transparent',
     border: theme.vars ? "1px solid ".concat(theme.vars.palette.Chip.defaultBorder) : "1px solid ".concat(theme.palette.mode === 'light' ? theme.palette.grey[400] : theme.palette.grey[700])
   }, _defineProperty(_ref18, "&.".concat(chipClasses.clickable, ":hover"), {
@@ -179,7 +178,7 @@ var ChipRoot = styled('div', {
     marginRight: 5
   }), _defineProperty(_ref18, "& .".concat(chipClasses.deleteIconSmall), {
     marginRight: 3
-  }), _ref18)), ownerState.variant === 'outlined' && ownerState.color !== 'default' && (_ref19 = {
+  }), _ref18), ownerState.variant === 'outlined' && ownerState.color !== 'default' && (_ref19 = {
     color: (theme.vars || theme).palette[ownerState.color].main,
     border: "1px solid ".concat(theme.vars ? "rgba(".concat(theme.vars.palette[ownerState.color].mainChannel, " / 0.7)") : alpha(theme.palette[ownerState.color].main, 0.7))
   }, _defineProperty(_ref19, "&.".concat(chipClasses.clickable, ":hover"), {
@@ -203,7 +202,7 @@ var ChipLabel = styled('span', {
   }
 })(function (_ref20) {
   var ownerState = _ref20.ownerState;
-  return _objectSpread({
+  return _extends({
     overflow: 'hidden',
     textOverflow: 'ellipsis',
     paddingLeft: 12,
@@ -284,7 +283,7 @@ var Chip = /*#__PURE__*/React.forwardRef(function Chip(inProps, ref) {
   };
   var clickable = clickableProp !== false && onClick ? true : clickableProp;
   var component = clickable || onDelete ? ButtonBase : ComponentProp || 'div';
-  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
+  var ownerState = _extends({}, props, {
     component: component,
     disabled: disabled,
     size: size,
@@ -295,7 +294,7 @@ var Chip = /*#__PURE__*/React.forwardRef(function Chip(inProps, ref) {
     variant: variant
   });
   var classes = useUtilityClasses(ownerState);
-  var moreProps = component === ButtonBase ? _objectSpread({
+  var moreProps = component === ButtonBase ? _extends({
     component: ComponentProp || 'div',
     focusVisibleClassName: classes.focusVisible
   }, onDelete && {
@@ -328,7 +327,7 @@ var Chip = /*#__PURE__*/React.forwardRef(function Chip(inProps, ref) {
       console.error('MUI: The Chip component can not handle the avatar ' + 'and the icon prop at the same time. Pick one.');
     }
   }
-  return /*#__PURE__*/_jsxs(ChipRoot, _objectSpread(_objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsxs(ChipRoot, _extends({
     as: component,
     className: clsx(classes.root, className),
     disabled: clickable && disabled ? true : undefined,
@@ -338,7 +337,7 @@ var Chip = /*#__PURE__*/React.forwardRef(function Chip(inProps, ref) {
     ref: handleRef,
     tabIndex: skipFocusWhenDisabled && disabled ? -1 : tabIndex,
     ownerState: ownerState
-  }, moreProps), other), {}, {
+  }, moreProps, other, {
     children: [avatar || icon, /*#__PURE__*/_jsx(ChipLabel, {
       className: clsx(classes.label),
       ownerState: ownerState,

package/legacy/CircularProgress/CircularProgress.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;
-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';
@@ -40,11 +38,11 @@ var CircularProgressRoot = styled('span', {
 })(function (_ref) {
   var ownerState = _ref.ownerState,
     theme = _ref.theme;
-  return _objectSpread(_objectSpread({
+  return _extends({
     display: 'inline-block'
   }, ownerState.variant === 'determinate' && {
     transition: theme.transitions.create('transform')
-  }), ownerState.color !== 'inherit' && {
+  }, ownerState.color !== 'inherit' && {
     color: (theme.vars || theme).palette[ownerState.color].main
   });
 }, function (_ref2) {
@@ -71,11 +69,11 @@ var CircularProgressCircle = styled('circle', {
 })(function (_ref3) {
   var ownerState = _ref3.ownerState,
     theme = _ref3.theme;
-  return _objectSpread(_objectSpread({
+  return _extends({
     stroke: 'currentColor'
   }, ownerState.variant === 'determinate' && {
     transition: theme.transitions.create('stroke-dashoffset')
-  }), ownerState.variant === 'indeterminate' && {
+  }, ownerState.variant === 'indeterminate' && {
     // Some default value that looks fine waiting for the animation to kicks in.
     strokeDasharray: '80px, 200px',
     strokeDashoffset: 0 // Add the unit to fix a Edge 16 and below bug.
@@ -112,7 +110,7 @@ var CircularProgress = /*#__PURE__*/React.forwardRef(function CircularProgress(i
     _props$variant = props.variant,
     variant = _props$variant === void 0 ? 'indeterminate' : _props$variant,
     other = _objectWithoutProperties(props, ["className", "color", "disableShrink", "size", "style", "thickness", "value", "variant"]);
-  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
+  var ownerState = _extends({}, props, {
     color: color,
     disableShrink: disableShrink,
     size: size,
@@ -131,16 +129,16 @@ var CircularProgress = /*#__PURE__*/React.forwardRef(function CircularProgress(i
     circleStyle.strokeDashoffset = "".concat(((100 - value) / 100 * circumference).toFixed(3), "px");
     rootStyle.transform = 'rotate(-90deg)';
   }
-  return /*#__PURE__*/_jsx(CircularProgressRoot, _objectSpread(_objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(CircularProgressRoot, _extends({
     className: clsx(classes.root, className),
-    style: _objectSpread(_objectSpread({
+    style: _extends({
       width: size,
       height: size
-    }, rootStyle), style),
+    }, rootStyle, style),
     ownerState: ownerState,
     ref: ref,
     role: "progressbar"
-  }, rootProps), other), {}, {
+  }, rootProps, other, {
     children: /*#__PURE__*/_jsx(CircularProgressSVG, {
       className: classes.svg,
       ownerState: ownerState,

package/legacy/Collapse/Collapse.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 _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import clsx from 'clsx';
 import PropTypes from 'prop-types';
@@ -38,7 +37,7 @@ var CollapseRoot = styled('div', {
 })(function (_ref) {
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
-  return _objectSpread(_objectSpread(_objectSpread({
+  return _extends({
     height: 0,
     overflow: 'hidden',
     transition: theme.transitions.create('height')
@@ -46,12 +45,12 @@ var CollapseRoot = styled('div', {
     height: 'auto',
     width: 0,
     transition: theme.transitions.create('width')
-  }), ownerState.state === 'entered' && _objectSpread({
+  }, ownerState.state === 'entered' && _extends({
     height: 'auto',
     overflow: 'visible'
   }, ownerState.orientation === 'horizontal' && {
     width: 'auto'
-  })), ownerState.state === 'exited' && !ownerState.in && ownerState.collapsedSize === '0px' && {
+  }), ownerState.state === 'exited' && !ownerState.in && ownerState.collapsedSize === '0px' && {
     visibility: 'hidden'
   });
 });
@@ -63,7 +62,7 @@ var CollapseWrapper = styled('div', {
   }
 })(function (_ref2) {
   var ownerState = _ref2.ownerState;
-  return _objectSpread({
+  return _extends({
     // Hack to get children with a negative margin to not falsify the height computation.
     display: 'flex',
     width: '100%'
@@ -80,7 +79,7 @@ var CollapseWrapperInner = styled('div', {
   }
 })(function (_ref3) {
   var ownerState = _ref3.ownerState;
-  return _objectSpread({
+  return _extends({
     width: '100%'
   }, ownerState.orientation === 'horizontal' && {
     width: 'auto',
@@ -120,7 +119,7 @@ var Collapse = /*#__PURE__*/React.forwardRef(function Collapse(inProps, ref) {
     _props$TransitionComp = props.TransitionComponent,
     TransitionComponent = _props$TransitionComp === void 0 ? Transition : _props$TransitionComp,
     other = _objectWithoutProperties(props, ["addEndListener", "children", "className", "collapsedSize", "component", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "orientation", "style", "timeout", "TransitionComponent"]);
-  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
+  var ownerState = _extends({}, props, {
     orientation: orientation,
     collapsedSize: collapsedSizeProp
   });
@@ -242,7 +241,7 @@ var Collapse = /*#__PURE__*/React.forwardRef(function Collapse(inProps, ref) {
       addEndListener(nodeRef.current, next);
     }
   };
-  return /*#__PURE__*/_jsx(TransitionComponent, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(TransitionComponent, _extends({
     in: inProp,
     onEnter: handleEnter,
     onEntered: handleEntered,
@@ -253,28 +252,28 @@ var Collapse = /*#__PURE__*/React.forwardRef(function Collapse(inProps, ref) {
     addEndListener: handleAddEndListener,
     nodeRef: nodeRef,
     timeout: timeout === 'auto' ? null : timeout
-  }, other), {}, {
+  }, other, {
     children: function children(state, childProps) {
-      return /*#__PURE__*/_jsx(CollapseRoot, _objectSpread(_objectSpread({
+      return /*#__PURE__*/_jsx(CollapseRoot, _extends({
         as: component,
         className: clsx(classes.root, className, {
           'entered': classes.entered,
           'exited': !inProp && collapsedSize === '0px' && classes.hidden
         }[state]),
-        style: _objectSpread(_defineProperty({}, isHorizontal ? 'minWidth' : 'minHeight', collapsedSize), style),
-        ownerState: _objectSpread(_objectSpread({}, ownerState), {}, {
+        style: _extends(_defineProperty({}, isHorizontal ? 'minWidth' : 'minHeight', collapsedSize), style),
+        ownerState: _extends({}, ownerState, {
           state: state
         }),
         ref: handleRef
-      }, childProps), {}, {
+      }, childProps, {
         children: /*#__PURE__*/_jsx(CollapseWrapper, {
-          ownerState: _objectSpread(_objectSpread({}, ownerState), {}, {
+          ownerState: _extends({}, ownerState, {
             state: state
           }),
           className: classes.wrapper,
           ref: wrapperRef,
           children: /*#__PURE__*/_jsx(CollapseWrapperInner, {
-            ownerState: _objectSpread(_objectSpread({}, ownerState), {}, {
+            ownerState: _extends({}, ownerState, {
               state: state
             }),
             className: classes.wrapperInner,

package/legacy/CssBaseline/CssBaseline.js

@@ -1,7 +1,5 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-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 useThemeProps from '../styles/useThemeProps';
@@ -9,7 +7,7 @@ import GlobalStyles from '../GlobalStyles';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var html = function html(theme, enableColorScheme) {
-  return _objectSpread({
+  return _extends({
     WebkitFontSmoothing: 'antialiased',
     // Antialiasing.
     MozOsxFontSmoothing: 'grayscale',
@@ -24,9 +22,9 @@ export var html = function html(theme, enableColorScheme) {
   });
 };
 export var body = function body(theme) {
-  return _objectSpread(_objectSpread({
+  return _extends({
     color: (theme.vars || theme).palette.text.primary
-  }, theme.typography.body1), {}, {
+  }, theme.typography.body1, {
     backgroundColor: (theme.vars || theme).palette.background.default,
     '@media print': {
       // Save printer ink.
@@ -49,7 +47,7 @@ var _styles = function styles(theme) {
       };
     });
   }
-  var defaultStyles = _objectSpread({
+  var defaultStyles = _extends({
     html: html(theme, enableColorScheme),
     '*, *::before, *::after': {
       boxSizing: 'inherit'
@@ -57,9 +55,9 @@ var _styles = function styles(theme) {
     'strong, b': {
       fontWeight: theme.typography.fontWeightBold
     },
-    body: _objectSpread(_objectSpread({
+    body: _extends({
       margin: 0
-    }, body(theme)), {}, {
+    }, body(theme), {
       // Add support for document.body.requestFullScreen().
       // Other elements, if background transparent, are not supported.
       '&::backdrop': {

package/legacy/Dialog/Dialog.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';
@@ -62,7 +61,7 @@ var DialogContainer = styled('div', {
   }
 })(function (_ref) {
   var ownerState = _ref.ownerState;
-  return _objectSpread(_objectSpread({
+  return _extends({
     height: '100%',
     '@media print': {
       height: 'auto'
@@ -73,7 +72,7 @@ var DialogContainer = styled('div', {
     display: 'flex',
     justifyContent: 'center',
     alignItems: 'center'
-  }), ownerState.scroll === 'body' && {
+  }, ownerState.scroll === 'body' && {
     overflowY: 'auto',
     overflowX: 'hidden',
     textAlign: 'center',
@@ -96,7 +95,7 @@ var DialogPaper = styled(Paper, {
 })(function (_ref2) {
   var theme = _ref2.theme,
     ownerState = _ref2.ownerState;
-  return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
+  return _extends({
     margin: 32,
     position: 'relative',
     overflowY: 'auto',
@@ -109,23 +108,23 @@ var DialogPaper = styled(Paper, {
     display: 'flex',
     flexDirection: 'column',
     maxHeight: 'calc(100% - 64px)'
-  }), ownerState.scroll === 'body' && {
+  }, ownerState.scroll === 'body' && {
     display: 'inline-block',
     verticalAlign: 'middle',
     textAlign: 'left' // 'initial' doesn't work on IE11
-  }), !ownerState.maxWidth && {
+  }, !ownerState.maxWidth && {
     maxWidth: 'calc(100% - 64px)'
-  }), ownerState.maxWidth === 'xs' && _defineProperty({
+  }, ownerState.maxWidth === 'xs' && _defineProperty({
     maxWidth: theme.breakpoints.unit === 'px' ? Math.max(theme.breakpoints.values.xs, 444) : "max(".concat(theme.breakpoints.values.xs).concat(theme.breakpoints.unit, ", 444px)")
   }, "&.".concat(dialogClasses.paperScrollBody), _defineProperty({}, theme.breakpoints.down(Math.max(theme.breakpoints.values.xs, 444) + 32 * 2), {
     maxWidth: 'calc(100% - 64px)'
-  }))), ownerState.maxWidth && ownerState.maxWidth !== 'xs' && _defineProperty({
+  })), ownerState.maxWidth && ownerState.maxWidth !== 'xs' && _defineProperty({
     maxWidth: "".concat(theme.breakpoints.values[ownerState.maxWidth]).concat(theme.breakpoints.unit)
   }, "&.".concat(dialogClasses.paperScrollBody), _defineProperty({}, theme.breakpoints.down(theme.breakpoints.values[ownerState.maxWidth] + 32 * 2), {
     maxWidth: 'calc(100% - 64px)'
-  }))), ownerState.fullWidth && {
+  })), ownerState.fullWidth && {
     width: 'calc(100% - 64px)'
-  }), ownerState.fullScreen && _defineProperty({
+  }, ownerState.fullScreen && _defineProperty({
     margin: 0,
     width: '100%',
     maxWidth: '100%',
@@ -180,7 +179,7 @@ var Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
     transitionDuration = _props$transitionDura === void 0 ? defaultTransitionDuration : _props$transitionDura,
     TransitionProps = props.TransitionProps,
     other = _objectWithoutProperties(props, ["aria-describedby", "aria-labelledby", "BackdropComponent", "BackdropProps", "children", "className", "disableEscapeKeyDown", "fullScreen", "fullWidth", "maxWidth", "onBackdropClick", "onClose", "open", "PaperComponent", "PaperProps", "scroll", "TransitionComponent", "transitionDuration", "TransitionProps"]);
-  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
+  var ownerState = _extends({}, props, {
     disableEscapeKeyDown: disableEscapeKeyDown,
     fullScreen: fullScreen,
     fullWidth: fullWidth,
@@ -213,14 +212,14 @@ var Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
       titleId: ariaLabelledby
     };
   }, [ariaLabelledby]);
-  return /*#__PURE__*/_jsx(DialogRoot, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(DialogRoot, _extends({
     className: clsx(classes.root, className),
     closeAfterTransition: true,
     components: {
       Backdrop: DialogBackdrop
     },
     componentsProps: {
-      backdrop: _objectSpread({
+      backdrop: _extends({
         transitionDuration: transitionDuration,
         as: BackdropComponent
       }, BackdropProps)
@@ -231,24 +230,24 @@ var Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
     ref: ref,
     onClick: handleBackdropClick,
     ownerState: ownerState
-  }, other), {}, {
-    children: /*#__PURE__*/_jsx(TransitionComponent, _objectSpread(_objectSpread({
+  }, other, {
+    children: /*#__PURE__*/_jsx(TransitionComponent, _extends({
       appear: true,
       in: open,
       timeout: transitionDuration,
       role: "presentation"
-    }, TransitionProps), {}, {
+    }, TransitionProps, {
       children: /*#__PURE__*/_jsx(DialogContainer, {
         className: clsx(classes.container),
         onMouseDown: handleMouseDown,
         ownerState: ownerState,
-        children: /*#__PURE__*/_jsx(DialogPaper, _objectSpread(_objectSpread({
+        children: /*#__PURE__*/_jsx(DialogPaper, _extends({
           as: PaperComponent,
           elevation: 24,
           role: "dialog",
           "aria-describedby": ariaDescribedby,
           "aria-labelledby": ariaLabelledby
-        }, PaperProps), {}, {
+        }, PaperProps, {
           className: clsx(classes.paper, PaperProps.className),
           ownerState: ownerState,
           children: /*#__PURE__*/_jsx(DialogContext.Provider, {

package/legacy/DialogActions/DialogActions.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';
@@ -27,7 +25,7 @@ var DialogActionsRoot = styled('div', {
   }
 })(function (_ref) {
   var ownerState = _ref.ownerState;
-  return _objectSpread({
+  return _extends({
     display: 'flex',
     alignItems: 'center',
     padding: 8,
@@ -48,11 +46,11 @@ var DialogActions = /*#__PURE__*/React.forwardRef(function DialogActions(inProps
     _props$disableSpacing = props.disableSpacing,
     disableSpacing = _props$disableSpacing === void 0 ? false : _props$disableSpacing,
     other = _objectWithoutProperties(props, ["className", "disableSpacing"]);
-  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
+  var ownerState = _extends({}, props, {
     disableSpacing: disableSpacing
   });
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(DialogActionsRoot, _objectSpread({
+  return /*#__PURE__*/_jsx(DialogActionsRoot, _extends({
     className: clsx(classes.root, className),
     ownerState: ownerState,
     ref: ref

package/legacy/DialogContent/DialogContent.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';
@@ -29,7 +28,7 @@ var DialogContentRoot = styled('div', {
 })(function (_ref) {
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
-  return _objectSpread({
+  return _extends({
     flex: '1 1 auto',
     // Add iOS momentum scrolling for iOS < 13.0
     WebkitOverflowScrolling: 'touch',
@@ -52,11 +51,11 @@ var DialogContent = /*#__PURE__*/React.forwardRef(function DialogContent(inProps
     _props$dividers = props.dividers,
     dividers = _props$dividers === void 0 ? false : _props$dividers,
     other = _objectWithoutProperties(props, ["className", "dividers"]);
-  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
+  var ownerState = _extends({}, props, {
     dividers: dividers
   });
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(DialogContentRoot, _objectSpread({
+  return /*#__PURE__*/_jsx(DialogContentRoot, _extends({
     className: clsx(classes.root, className),
     ownerState: ownerState,
     ref: ref

package/legacy/DialogContentText/DialogContentText.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';
@@ -17,7 +15,7 @@ var useUtilityClasses = function useUtilityClasses(ownerState) {
     root: ['root']
   };
   var composedClasses = composeClasses(slots, getDialogContentTextUtilityClass, classes);
-  return _objectSpread(_objectSpread({}, classes), composedClasses);
+  return _extends({}, classes, composedClasses);
 };
 var DialogContentTextRoot = styled(Typography, {
   shouldForwardProp: function shouldForwardProp(prop) {
@@ -38,14 +36,14 @@ var DialogContentText = /*#__PURE__*/React.forwardRef(function DialogContentText
     className = props.className,
     ownerState = _objectWithoutProperties(props, ["children", "className"]);
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(DialogContentTextRoot, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(DialogContentTextRoot, _extends({
     component: "p",
     variant: "body1",
     color: "text.secondary",
     ref: ref,
     ownerState: ownerState,
     className: clsx(classes.root, className)
-  }, props), {}, {
+  }, props, {
     classes: classes
   }));
 });