@mui/material 5.13.1 → 5.13.2

package/legacy/ButtonBase/ButtonBase.js

@@ -1,8 +1,7 @@
+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';
@@ -285,7 +284,7 @@ var ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, ref)
       }
     }, [enableTouchRipple]);
   }
-  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
+  var ownerState = _extends({}, props, {
     centerRipple: centerRipple,
     component: component,
     disabled: disabled,
@@ -296,7 +295,7 @@ var ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, ref)
     focusVisible: focusVisible
   });
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsxs(ButtonBaseRoot, _objectSpread(_objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsxs(ButtonBaseRoot, _extends({
     as: ComponentProp,
     className: clsx(classes.root, className),
     ownerState: ownerState,
@@ -316,11 +315,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, _objectSpread({
+    _jsx(TouchRipple, _extends({
       ref: handleRippleRef,
       center: centerRipple
     }, TouchRippleProps)) : null]

package/legacy/ButtonBase/TouchRipple.js

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

package/legacy/ButtonGroup/ButtonGroup.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';
@@ -38,68 +37,68 @@ var ButtonGroupRoot = styled('div', {
 })(function (_ref6) {
   var theme = _ref6.theme,
     ownerState = _ref6.ownerState;
-  return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
+  return _extends({
     display: 'inline-flex',
     borderRadius: (theme.vars || theme).shape.borderRadius
   }, ownerState.variant === 'contained' && {
     boxShadow: (theme.vars || theme).shadows[2]
-  }), ownerState.disableElevation && {
+  }, ownerState.disableElevation && {
     boxShadow: 'none'
-  }), ownerState.fullWidth && {
+  }, ownerState.fullWidth && {
     width: '100%'
-  }), ownerState.orientation === 'vertical' && {
+  }, ownerState.orientation === 'vertical' && {
     flexDirection: 'column'
-  }), {}, _defineProperty({}, "& .".concat(buttonGroupClasses.grouped), _objectSpread({
+  }, _defineProperty({}, "& .".concat(buttonGroupClasses.grouped), _extends({
     minWidth: 40,
-    '&:not(:first-of-type)': _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, ownerState.orientation === 'horizontal' && {
+    '&:not(:first-of-type)': _extends({}, ownerState.orientation === 'horizontal' && {
       borderTopLeftRadius: 0,
       borderBottomLeftRadius: 0
-    }), ownerState.orientation === 'vertical' && {
+    }, ownerState.orientation === 'vertical' && {
       borderTopRightRadius: 0,
       borderTopLeftRadius: 0
-    }), ownerState.variant === 'outlined' && ownerState.orientation === 'horizontal' && {
+    }, ownerState.variant === 'outlined' && ownerState.orientation === 'horizontal' && {
       marginLeft: -1
-    }), ownerState.variant === 'outlined' && ownerState.orientation === 'vertical' && {
+    }, ownerState.variant === 'outlined' && ownerState.orientation === 'vertical' && {
       marginTop: -1
     }),
-    '&:not(:last-of-type)': _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, ownerState.orientation === 'horizontal' && {
+    '&:not(:last-of-type)': _extends({}, ownerState.orientation === 'horizontal' && {
       borderTopRightRadius: 0,
       borderBottomRightRadius: 0
-    }), ownerState.orientation === 'vertical' && {
+    }, ownerState.orientation === 'vertical' && {
       borderBottomRightRadius: 0,
       borderBottomLeftRadius: 0
-    }), ownerState.variant === 'text' && ownerState.orientation === 'horizontal' && _defineProperty({
+    }, ownerState.variant === 'text' && ownerState.orientation === 'horizontal' && _defineProperty({
       borderRight: theme.vars ? "1px solid rgba(".concat(theme.vars.palette.common.onBackgroundChannel, " / 0.23)") : "1px solid ".concat(theme.palette.mode === 'light' ? 'rgba(0, 0, 0, 0.23)' : 'rgba(255, 255, 255, 0.23)')
     }, "&.".concat(buttonGroupClasses.disabled), {
       borderRight: "1px solid ".concat((theme.vars || theme).palette.action.disabled)
-    })), ownerState.variant === 'text' && ownerState.orientation === 'vertical' && _defineProperty({
+    }), ownerState.variant === 'text' && ownerState.orientation === 'vertical' && _defineProperty({
       borderBottom: theme.vars ? "1px solid rgba(".concat(theme.vars.palette.common.onBackgroundChannel, " / 0.23)") : "1px solid ".concat(theme.palette.mode === 'light' ? 'rgba(0, 0, 0, 0.23)' : 'rgba(255, 255, 255, 0.23)')
     }, "&.".concat(buttonGroupClasses.disabled), {
       borderBottom: "1px solid ".concat((theme.vars || theme).palette.action.disabled)
-    })), ownerState.variant === 'text' && ownerState.color !== 'inherit' && {
+    }), ownerState.variant === 'text' && ownerState.color !== 'inherit' && {
       borderColor: theme.vars ? "rgba(".concat(theme.vars.palette[ownerState.color].mainChannel, " / 0.5)") : alpha(theme.palette[ownerState.color].main, 0.5)
-    }), ownerState.variant === 'outlined' && ownerState.orientation === 'horizontal' && {
+    }, ownerState.variant === 'outlined' && ownerState.orientation === 'horizontal' && {
       borderRightColor: 'transparent'
-    }), ownerState.variant === 'outlined' && ownerState.orientation === 'vertical' && {
+    }, ownerState.variant === 'outlined' && ownerState.orientation === 'vertical' && {
       borderBottomColor: 'transparent'
-    }), ownerState.variant === 'contained' && ownerState.orientation === 'horizontal' && _defineProperty({
+    }, ownerState.variant === 'contained' && ownerState.orientation === 'horizontal' && _defineProperty({
       borderRight: "1px solid ".concat((theme.vars || theme).palette.grey[400])
     }, "&.".concat(buttonGroupClasses.disabled), {
       borderRight: "1px solid ".concat((theme.vars || theme).palette.action.disabled)
-    })), ownerState.variant === 'contained' && ownerState.orientation === 'vertical' && _defineProperty({
+    }), ownerState.variant === 'contained' && ownerState.orientation === 'vertical' && _defineProperty({
       borderBottom: "1px solid ".concat((theme.vars || theme).palette.grey[400])
     }, "&.".concat(buttonGroupClasses.disabled), {
       borderBottom: "1px solid ".concat((theme.vars || theme).palette.action.disabled)
-    })), ownerState.variant === 'contained' && ownerState.color !== 'inherit' && {
+    }), ownerState.variant === 'contained' && ownerState.color !== 'inherit' && {
       borderColor: (theme.vars || theme).palette[ownerState.color].dark
-    }), {}, {
-      '&:hover': _objectSpread(_objectSpread({}, ownerState.variant === 'outlined' && ownerState.orientation === 'horizontal' && {
+    }, {
+      '&:hover': _extends({}, ownerState.variant === 'outlined' && ownerState.orientation === 'horizontal' && {
         borderRightColor: 'currentColor'
-      }), ownerState.variant === 'outlined' && ownerState.orientation === 'vertical' && {
+      }, ownerState.variant === 'outlined' && ownerState.orientation === 'vertical' && {
         borderBottomColor: 'currentColor'
       })
     }),
-    '&:hover': _objectSpread({}, ownerState.variant === 'contained' && {
+    '&:hover': _extends({}, ownerState.variant === 'contained' && {
       boxShadow: 'none'
     })
   }, ownerState.variant === 'contained' && {
@@ -134,7 +133,7 @@ var ButtonGroup = /*#__PURE__*/React.forwardRef(function ButtonGroup(inProps, re
     _props$variant = props.variant,
     variant = _props$variant === void 0 ? 'outlined' : _props$variant,
     other = _objectWithoutProperties(props, ["children", "className", "color", "component", "disabled", "disableElevation", "disableFocusRipple", "disableRipple", "fullWidth", "orientation", "size", "variant"]);
-  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
+  var ownerState = _extends({}, props, {
     color: color,
     component: component,
     disabled: disabled,
@@ -160,13 +159,13 @@ var ButtonGroup = /*#__PURE__*/React.forwardRef(function ButtonGroup(inProps, re
       variant: variant
     };
   }, [color, disabled, disableElevation, disableFocusRipple, disableRipple, fullWidth, size, variant, classes.grouped]);
-  return /*#__PURE__*/_jsx(ButtonGroupRoot, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(ButtonGroupRoot, _extends({
     as: component,
     role: "group",
     className: clsx(classes.root, className),
     ref: ref,
     ownerState: ownerState
-  }, other), {}, {
+  }, other, {
     children: /*#__PURE__*/_jsx(ButtonGroupContext.Provider, {
       value: context,
       children: children

package/legacy/Card/Card.js

@@ -1,7 +1,5 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _extends from "@babel/runtime/helpers/esm/extends";
 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 PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -39,11 +37,11 @@ var Card = /*#__PURE__*/React.forwardRef(function Card(inProps, ref) {
     _props$raised = props.raised,
     raised = _props$raised === void 0 ? false : _props$raised,
     other = _objectWithoutProperties(props, ["className", "raised"]);
-  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
+  var ownerState = _extends({}, props, {
     raised: raised
   });
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(CardRoot, _objectSpread({
+  return /*#__PURE__*/_jsx(CardRoot, _extends({
     className: clsx(classes.root, className),
     elevation: raised ? 8 : undefined,
     ref: ref,

package/legacy/CardActionArea/CardActionArea.js

@@ -1,7 +1,6 @@
+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 PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -79,12 +78,12 @@ var CardActionArea = /*#__PURE__*/React.forwardRef(function CardActionArea(inPro
     other = _objectWithoutProperties(props, ["children", "className", "focusVisibleClassName"]);
   var ownerState = props;
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsxs(CardActionAreaRoot, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsxs(CardActionAreaRoot, _extends({
     className: clsx(classes.root, className),
     focusVisibleClassName: clsx(focusVisibleClassName, classes.focusVisible),
     ref: ref,
     ownerState: ownerState
-  }, other), {}, {
+  }, other, {
     children: [children, /*#__PURE__*/_jsx(CardActionAreaFocusHighlight, {
       className: classes.focusHighlight,
       ownerState: ownerState

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

package/legacy/CardContent/CardContent.js

@@ -1,7 +1,5 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _extends from "@babel/runtime/helpers/esm/extends";
 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 PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -40,11 +38,11 @@ var CardContent = /*#__PURE__*/React.forwardRef(function CardContent(inProps, re
     _props$component = props.component,
     component = _props$component === void 0 ? 'div' : _props$component,
     other = _objectWithoutProperties(props, ["className", "component"]);
-  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
+  var ownerState = _extends({}, props, {
     component: component
   });
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(CardContentRoot, _objectSpread({
+  return /*#__PURE__*/_jsx(CardContentRoot, _extends({
     as: component,
     className: clsx(classes.root, className),
     ownerState: ownerState,

package/legacy/CardHeader/CardHeader.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';
@@ -28,8 +27,8 @@ var CardHeaderRoot = styled('div', {
   name: 'MuiCardHeader',
   slot: 'Root',
   overridesResolver: function overridesResolver(props, styles) {
-    var _objectSpread2;
-    return _objectSpread((_objectSpread2 = {}, _defineProperty(_objectSpread2, "& .".concat(cardHeaderClasses.title), styles.title), _defineProperty(_objectSpread2, "& .".concat(cardHeaderClasses.subheader), styles.subheader), _objectSpread2), styles.root);
+    var _extends2;
+    return _extends((_extends2 = {}, _defineProperty(_extends2, "& .".concat(cardHeaderClasses.title), styles.title), _defineProperty(_extends2, "& .".concat(cardHeaderClasses.subheader), styles.subheader), _extends2), styles.root);
   }
 })({
   display: 'flex',
@@ -86,40 +85,40 @@ var CardHeader = /*#__PURE__*/React.forwardRef(function CardHeader(inProps, ref)
     titleProp = props.title,
     titleTypographyProps = props.titleTypographyProps,
     other = _objectWithoutProperties(props, ["action", "avatar", "className", "component", "disableTypography", "subheader", "subheaderTypographyProps", "title", "titleTypographyProps"]);
-  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
+  var ownerState = _extends({}, props, {
     component: component,
     disableTypography: disableTypography
   });
   var classes = useUtilityClasses(ownerState);
   var title = titleProp;
   if (title != null && title.type !== Typography && !disableTypography) {
-    title = /*#__PURE__*/_jsx(Typography, _objectSpread(_objectSpread({
+    title = /*#__PURE__*/_jsx(Typography, _extends({
       variant: avatar ? 'body2' : 'h5',
       className: classes.title,
       component: "span",
       display: "block"
-    }, titleTypographyProps), {}, {
+    }, titleTypographyProps, {
       children: title
     }));
   }
   var subheader = subheaderProp;
   if (subheader != null && subheader.type !== Typography && !disableTypography) {
-    subheader = /*#__PURE__*/_jsx(Typography, _objectSpread(_objectSpread({
+    subheader = /*#__PURE__*/_jsx(Typography, _extends({
       variant: avatar ? 'body2' : 'body1',
       className: classes.subheader,
       color: "text.secondary",
       component: "span",
       display: "block"
-    }, subheaderTypographyProps), {}, {
+    }, subheaderTypographyProps, {
       children: subheader
     }));
   }
-  return /*#__PURE__*/_jsxs(CardHeaderRoot, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsxs(CardHeaderRoot, _extends({
     className: clsx(classes.root, className),
     as: component,
     ref: ref,
     ownerState: ownerState
-  }, other), {}, {
+  }, other, {
     children: [avatar && /*#__PURE__*/_jsx(CardHeaderAvatar, {
       className: classes.avatar,
       ownerState: ownerState,

package/legacy/CardMedia/CardMedia.js

@@ -1,7 +1,5 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -31,14 +29,14 @@ var CardMediaRoot = styled('div', {
   }
 })(function (_ref) {
   var ownerState = _ref.ownerState;
-  return _objectSpread(_objectSpread({
+  return _extends({
     display: 'block',
     backgroundSize: 'cover',
     backgroundRepeat: 'no-repeat',
     backgroundPosition: 'center'
   }, ownerState.isMediaComponent && {
     width: '100%'
-  }), ownerState.isImageComponent && {
+  }, ownerState.isImageComponent && {
     // ⚠️ object-fit is not supported by IE11.
     objectFit: 'cover'
   });
@@ -59,16 +57,16 @@ var CardMedia = /*#__PURE__*/React.forwardRef(function CardMedia(inProps, ref) {
     style = props.style,
     other = _objectWithoutProperties(props, ["children", "className", "component", "image", "src", "style"]);
   var isMediaComponent = MEDIA_COMPONENTS.indexOf(component) !== -1;
-  var composedStyle = !isMediaComponent && image ? _objectSpread({
+  var composedStyle = !isMediaComponent && image ? _extends({
     backgroundImage: "url(\"".concat(image, "\")")
   }, style) : style;
-  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
+  var ownerState = _extends({}, props, {
     component: component,
     isMediaComponent: isMediaComponent,
     isImageComponent: IMAGE_COMPONENTS.indexOf(component) !== -1
   });
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(CardMediaRoot, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(CardMediaRoot, _extends({
     className: clsx(classes.root, className),
     as: component,
     role: !isMediaComponent && image ? 'img' : undefined,
@@ -76,7 +74,7 @@ var CardMedia = /*#__PURE__*/React.forwardRef(function CardMedia(inProps, ref) {
     style: composedStyle,
     ownerState: ownerState,
     src: isMediaComponent ? image || src : undefined
-  }, other), {}, {
+  }, other, {
     children: children
   }));
 });

package/legacy/Checkbox/Checkbox.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';
@@ -25,7 +24,7 @@ var useUtilityClasses = function useUtilityClasses(ownerState) {
     root: ['root', indeterminate && 'indeterminate', "color".concat(capitalize(color))]
   };
   var composedClasses = composeClasses(slots, getCheckboxUtilityClass, classes);
-  return _objectSpread(_objectSpread({}, classes), composedClasses);
+  return _extends({}, classes, composedClasses);
 };
 var CheckboxRoot = styled(SwitchBase, {
   shouldForwardProp: function shouldForwardProp(prop) {
@@ -41,7 +40,7 @@ var CheckboxRoot = styled(SwitchBase, {
   var _ref2;
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
-  return _objectSpread(_objectSpread({
+  return _extends({
     color: (theme.vars || theme).palette.text.secondary
   }, !ownerState.disableRipple && {
     '&:hover': {
@@ -51,7 +50,7 @@ var CheckboxRoot = styled(SwitchBase, {
         backgroundColor: 'transparent'
       }
     }
-  }), ownerState.color !== 'default' && (_ref2 = {}, _defineProperty(_ref2, "&.".concat(checkboxClasses.checked, ", &.").concat(checkboxClasses.indeterminate), {
+  }, ownerState.color !== 'default' && (_ref2 = {}, _defineProperty(_ref2, "&.".concat(checkboxClasses.checked, ", &.").concat(checkboxClasses.indeterminate), {
     color: (theme.vars || theme).palette[ownerState.color].main
   }), _defineProperty(_ref2, "&.".concat(checkboxClasses.disabled), {
     color: (theme.vars || theme).palette.action.disabled
@@ -83,15 +82,15 @@ var Checkbox = /*#__PURE__*/React.forwardRef(function Checkbox(inProps, ref) {
     other = _objectWithoutProperties(props, ["checkedIcon", "color", "icon", "indeterminate", "indeterminateIcon", "inputProps", "size", "className"]);
   var icon = indeterminate ? indeterminateIconProp : iconProp;
   var indeterminateIcon = indeterminate ? indeterminateIconProp : checkedIcon;
-  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
+  var ownerState = _extends({}, props, {
     color: color,
     indeterminate: indeterminate,
     size: size
   });
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(CheckboxRoot, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(CheckboxRoot, _extends({
     type: "checkbox",
-    inputProps: _objectSpread({
+    inputProps: _extends({
       'data-indeterminate': indeterminate
     }, inputProps),
     icon: /*#__PURE__*/React.cloneElement(icon, {
@@ -103,7 +102,7 @@ var Checkbox = /*#__PURE__*/React.forwardRef(function Checkbox(inProps, ref) {
     ownerState: ownerState,
     ref: ref,
     className: clsx(classes.root, className)
-  }, other), {}, {
+  }, other, {
     classes: classes
   }));
 });