@mui/material 5.13.1 → 5.13.3

package/legacy/styles/createTransitions.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";
 // Follow https://material.google.com/motion/duration-easing.html#duration-easing-natural-easing-curves
 // to learn the context in which each easing should be used.
 export var easing = {
@@ -44,8 +42,8 @@ function getAutoHeightDuration(height) {
   return Math.round((4 + 15 * Math.pow(constant, 0.25) + constant / 5) * 10);
 }
 export default function createTransitions(inputTransitions) {
-  var mergedEasing = _objectSpread(_objectSpread({}, easing), inputTransitions.easing);
-  var mergedDuration = _objectSpread(_objectSpread({}, duration), inputTransitions.duration);
+  var mergedEasing = _extends({}, easing, inputTransitions.easing);
+  var mergedDuration = _extends({}, duration, inputTransitions.duration);
   var create = function create() {
     var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ['all'];
     var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
@@ -85,10 +83,10 @@ export default function createTransitions(inputTransitions) {
       return "".concat(animatedProp, " ").concat(typeof durationOption === 'string' ? durationOption : formatMs(durationOption), " ").concat(easingOption, " ").concat(typeof delay === 'string' ? delay : formatMs(delay));
     }).join(',');
   };
-  return _objectSpread(_objectSpread({
+  return _extends({
     getAutoHeightDuration: getAutoHeightDuration,
     create: create
-  }, inputTransitions), {}, {
+  }, inputTransitions, {
     easing: mergedEasing,
     duration: mergedDuration
   });

package/legacy/styles/createTypography.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 { deepmerge } from '@mui/utils';
 function round(value) {
   return Math.round(value * 1e5) / 1e5;
@@ -47,7 +45,7 @@ export default function createTypography(palette, typography) {
     return "".concat(size / htmlFontSize * coef, "rem");
   };
   var buildVariant = function buildVariant(fontWeight, size, lineHeight, letterSpacing, casing) {
-    return _objectSpread(_objectSpread(_objectSpread({
+    return _extends({
       fontFamily: fontFamily,
       fontWeight: fontWeight,
       fontSize: pxToRem(size),
@@ -55,7 +53,7 @@ export default function createTypography(palette, typography) {
       lineHeight: lineHeight
     }, fontFamily === defaultFontFamily ? {
       letterSpacing: "".concat(round(letterSpacing / size), "em")
-    } : {}), casing), allVariants);
+    } : {}, casing, allVariants);
   };
   var variants = {
     h1: buildVariant(fontWeightLight, 96, 1.167, -1.5),
@@ -79,7 +77,7 @@ export default function createTypography(palette, typography) {
       letterSpacing: 'inherit'
     }
   };
-  return deepmerge(_objectSpread({
+  return deepmerge(_extends({
     htmlFontSize: htmlFontSize,
     pxToRem: pxToRem,
     fontFamily: fontFamily,

package/legacy/styles/experimental_extendTheme.js

@@ -1,9 +1,7 @@
 import _typeof from "@babel/runtime/helpers/esm/typeof";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-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 { deepmerge } from '@mui/utils';
 import { private_safeColorChannel as safeColorChannel, private_safeAlpha as safeAlpha, private_safeDarken as safeDarken, private_safeLighten as safeLighten, private_safeEmphasize as safeEmphasize, unstable_createGetCssVar as systemCreateGetCssVar, unstable_defaultSxConfig as defaultSxConfig, unstable_styleFunctionSx as styleFunctionSx, unstable_prepareCssVars as prepareCssVars } from '@mui/system';
 import defaultShouldSkipGeneratingVar from './shouldSkipGeneratingVar';
@@ -58,24 +56,24 @@ export default function extendTheme() {
     shouldSkipGeneratingVar = _options$shouldSkipGe === void 0 ? defaultShouldSkipGeneratingVar : _options$shouldSkipGe,
     input = _objectWithoutProperties(options, ["colorSchemes", "cssVarPrefix", "shouldSkipGeneratingVar"]);
   var getCssVar = createGetCssVar(cssVarPrefix);
-  var _createThemeWithoutVa = createThemeWithoutVars(_objectSpread(_objectSpread({}, input), colorSchemesInput.light && {
+  var _createThemeWithoutVa = createThemeWithoutVars(_extends({}, input, colorSchemesInput.light && {
       palette: (_colorSchemesInput$li = colorSchemesInput.light) == null ? void 0 : _colorSchemesInput$li.palette
     })),
     lightPalette = _createThemeWithoutVa.palette,
     muiTheme = _objectWithoutProperties(_createThemeWithoutVa, ["palette"]);
   var _createThemeWithoutVa2 = createThemeWithoutVars({
-      palette: _objectSpread({
+      palette: _extends({
         mode: 'dark'
       }, (_colorSchemesInput$da = colorSchemesInput.dark) == null ? void 0 : _colorSchemesInput$da.palette)
     }),
     darkPalette = _createThemeWithoutVa2.palette;
-  var theme = _objectSpread(_objectSpread({}, muiTheme), {}, {
+  var theme = _extends({}, muiTheme, {
     cssVarPrefix: cssVarPrefix,
     getCssVar: getCssVar,
-    colorSchemes: _objectSpread(_objectSpread({}, colorSchemesInput), {}, {
-      light: _objectSpread(_objectSpread({}, colorSchemesInput.light), {}, {
+    colorSchemes: _extends({}, colorSchemesInput, {
+      light: _extends({}, colorSchemesInput.light, {
         palette: lightPalette,
-        opacity: _objectSpread({
+        opacity: _extends({
           inputPlaceholder: 0.42,
           inputUnderline: 0.42,
           switchTrackDisabled: 0.12,
@@ -83,9 +81,9 @@ export default function extendTheme() {
         }, (_colorSchemesInput$li2 = colorSchemesInput.light) == null ? void 0 : _colorSchemesInput$li2.opacity),
         overlays: ((_colorSchemesInput$li3 = colorSchemesInput.light) == null ? void 0 : _colorSchemesInput$li3.overlays) || []
       }),
-      dark: _objectSpread(_objectSpread({}, colorSchemesInput.dark), {}, {
+      dark: _extends({}, colorSchemesInput.dark, {
         palette: darkPalette,
-        opacity: _objectSpread({
+        opacity: _extends({
           inputPlaceholder: 0.5,
           inputUnderline: 0.7,
           switchTrackDisabled: 0.2,
@@ -316,7 +314,7 @@ export default function extendTheme() {
   theme.vars = themeVars;
   theme.generateCssVars = generateCssVars;
   theme.shouldSkipGeneratingVar = shouldSkipGeneratingVar;
-  theme.unstable_sxConfig = _objectSpread(_objectSpread({}, defaultSxConfig), input == null ? void 0 : input.unstable_sxConfig);
+  theme.unstable_sxConfig = _extends({}, defaultSxConfig, input == null ? void 0 : input.unstable_sxConfig);
   theme.unstable_sx = function sx(props) {
     return styleFunctionSx({
       sx: props,

package/legacy/styles/responsiveFontSizes.js

@@ -1,7 +1,5 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _extends from "@babel/runtime/helpers/esm/extends";
 import { formatMuiErrorMessage as _formatMuiErrorMessage } from "@mui/utils";
-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 { isUnitless, convertLength, responsiveProperty, alignProperty, fontGrid } from './cssUtils';
 export default function responsiveFontSizes(themeInput) {
   var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
@@ -13,8 +11,8 @@ export default function responsiveFontSizes(themeInput) {
     factor = _options$factor === void 0 ? 2 : _options$factor,
     _options$variants = options.variants,
     variants = _options$variants === void 0 ? ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'subtitle1', 'subtitle2', 'body1', 'body2', 'caption', 'button', 'overline'] : _options$variants;
-  var theme = _objectSpread({}, themeInput);
-  theme.typography = _objectSpread({}, theme.typography);
+  var theme = _extends({}, themeInput);
+  theme.typography = _extends({}, theme.typography);
   var typography = theme.typography;
 
   // Convert between CSS lengths e.g. em->px or px->rem
@@ -52,7 +50,7 @@ export default function responsiveFontSizes(themeInput) {
         });
       };
     }
-    typography[variant] = _objectSpread(_objectSpread({}, style), responsiveProperty({
+    typography[variant] = _extends({}, style, responsiveProperty({
       cssProperty: 'fontSize',
       min: minFontSize,
       max: maxFontSize,

package/legacy/usePagination/usePagination.js

@@ -1,9 +1,7 @@
-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 _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 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 { unstable_useControlled as useControlled } from '@mui/utils';
 export default function usePagination() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -116,7 +114,7 @@ export default function usePagination() {
       disabled: disabled || item.indexOf('ellipsis') === -1 && (item === 'next' || item === 'last' ? page >= count : page <= 1)
     };
   });
-  return _objectSpread({
+  return _extends({
     items: items
   }, other);
 }

package/legacy/useScrollTrigger/useScrollTrigger.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';
 function defaultTrigger(store, options) {
   var _options$disableHyste = options.disableHysteresis,
@@ -37,7 +35,7 @@ export default function useScrollTrigger() {
     setTrigger = _React$useState[1];
   React.useEffect(function () {
     var handleScroll = function handleScroll() {
-      setTrigger(getTrigger(store, _objectSpread({
+      setTrigger(getTrigger(store, _extends({
         target: target
       }, other)));
     };

package/legacy/utils/createSvgIcon.js

@@ -1,6 +1,4 @@
-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 SvgIcon from '../SvgIcon';
 
@@ -10,10 +8,10 @@ import SvgIcon from '../SvgIcon';
 import { jsx as _jsx } from "react/jsx-runtime";
 export default function createSvgIcon(path, displayName) {
   function Component(props, ref) {
-    return /*#__PURE__*/_jsx(SvgIcon, _objectSpread(_objectSpread({
+    return /*#__PURE__*/_jsx(SvgIcon, _extends({
       "data-testid": "".concat(displayName, "Icon"),
       ref: ref
-    }, props), {}, {
+    }, props, {
       children: path
     }));
   }

package/modern/Accordion/Accordion.js

@@ -1,3 +1,6 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
+const _excluded = ["children", "className", "defaultExpanded", "disabled", "disableGutters", "expanded", "onChange", "square", "TransitionComponent", "TransitionProps"];
 import * as React from 'react';
 import { isFragment } from 'react-is';
 import PropTypes from 'prop-types';
@@ -88,28 +91,25 @@ const AccordionRoot = styled(Paper, {
 }, ({
   theme,
   ownerState
-}) => ({
-  ...(!ownerState.square && {
-    borderRadius: 0,
-    '&:first-of-type': {
-      borderTopLeftRadius: (theme.vars || theme).shape.borderRadius,
-      borderTopRightRadius: (theme.vars || theme).shape.borderRadius
-    },
-    '&:last-of-type': {
-      borderBottomLeftRadius: (theme.vars || theme).shape.borderRadius,
-      borderBottomRightRadius: (theme.vars || theme).shape.borderRadius,
-      // Fix a rendering issue on Edge
-      '@supports (-ms-ime-align: auto)': {
-        borderBottomLeftRadius: 0,
-        borderBottomRightRadius: 0
-      }
-    }
-  }),
-  ...(!ownerState.disableGutters && {
-    [`&.${accordionClasses.expanded}`]: {
-      margin: '16px 0'
+}) => _extends({}, !ownerState.square && {
+  borderRadius: 0,
+  '&:first-of-type': {
+    borderTopLeftRadius: (theme.vars || theme).shape.borderRadius,
+    borderTopRightRadius: (theme.vars || theme).shape.borderRadius
+  },
+  '&:last-of-type': {
+    borderBottomLeftRadius: (theme.vars || theme).shape.borderRadius,
+    borderBottomRightRadius: (theme.vars || theme).shape.borderRadius,
+    // Fix a rendering issue on Edge
+    '@supports (-ms-ime-align: auto)': {
+      borderBottomLeftRadius: 0,
+      borderBottomRightRadius: 0
     }
-  })
+  }
+}, !ownerState.disableGutters && {
+  [`&.${accordionClasses.expanded}`]: {
+    margin: '16px 0'
+  }
 }));
 const Accordion = /*#__PURE__*/React.forwardRef(function Accordion(inProps, ref) {
   const props = useThemeProps({
@@ -117,18 +117,18 @@ const Accordion = /*#__PURE__*/React.forwardRef(function Accordion(inProps, ref)
     name: 'MuiAccordion'
   });
   const {
-    children: childrenProp,
-    className,
-    defaultExpanded = false,
-    disabled = false,
-    disableGutters = false,
-    expanded: expandedProp,
-    onChange,
-    square = false,
-    TransitionComponent = Collapse,
-    TransitionProps,
-    ...other
-  } = props;
+      children: childrenProp,
+      className,
+      defaultExpanded = false,
+      disabled = false,
+      disableGutters = false,
+      expanded: expandedProp,
+      onChange,
+      square = false,
+      TransitionComponent = Collapse,
+      TransitionProps
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const [expanded, setExpandedState] = useControlled({
     controlled: expandedProp,
     default: defaultExpanded,
@@ -148,27 +148,26 @@ const Accordion = /*#__PURE__*/React.forwardRef(function Accordion(inProps, ref)
     disableGutters,
     toggle: handleChange
   }), [expanded, disabled, disableGutters, handleChange]);
-  const ownerState = {
-    ...props,
+  const ownerState = _extends({}, props, {
     square,
     disabled,
     disableGutters,
     expanded
-  };
+  });
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsxs(AccordionRoot, {
+  return /*#__PURE__*/_jsxs(AccordionRoot, _extends({
     className: clsx(classes.root, className),
     ref: ref,
     ownerState: ownerState,
-    square: square,
-    ...other,
+    square: square
+  }, other, {
     children: [/*#__PURE__*/_jsx(AccordionContext.Provider, {
       value: contextValue,
       children: summary
-    }), /*#__PURE__*/_jsx(TransitionComponent, {
+    }), /*#__PURE__*/_jsx(TransitionComponent, _extends({
       in: expanded,
-      timeout: "auto",
-      ...TransitionProps,
+      timeout: "auto"
+    }, TransitionProps, {
       children: /*#__PURE__*/_jsx("div", {
         "aria-labelledby": summary.props.id,
         id: summary.props['aria-controls'],
@@ -176,8 +175,8 @@ const Accordion = /*#__PURE__*/React.forwardRef(function Accordion(inProps, ref)
         className: classes.region,
         children: children
       })
-    })]
-  });
+    }))]
+  }));
 });
 process.env.NODE_ENV !== "production" ? Accordion.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/modern/AccordionActions/AccordionActions.js

@@ -1,3 +1,6 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
+const _excluded = ["className", "disableSpacing"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -27,16 +30,15 @@ const AccordionActionsRoot = styled('div', {
   }
 })(({
   ownerState
-}) => ({
+}) => _extends({
   display: 'flex',
   alignItems: 'center',
   padding: 8,
-  justifyContent: 'flex-end',
-  ...(!ownerState.disableSpacing && {
-    '& > :not(:first-of-type)': {
-      marginLeft: 8
-    }
-  })
+  justifyContent: 'flex-end'
+}, !ownerState.disableSpacing && {
+  '& > :not(:first-of-type)': {
+    marginLeft: 8
+  }
 }));
 const AccordionActions = /*#__PURE__*/React.forwardRef(function AccordionActions(inProps, ref) {
   const props = useThemeProps({
@@ -44,21 +46,19 @@ const AccordionActions = /*#__PURE__*/React.forwardRef(function AccordionActions
     name: 'MuiAccordionActions'
   });
   const {
-    className,
-    disableSpacing = false,
-    ...other
-  } = props;
-  const ownerState = {
-    ...props,
+      className,
+      disableSpacing = false
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
+  const ownerState = _extends({}, props, {
     disableSpacing
-  };
+  });
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(AccordionActionsRoot, {
+  return /*#__PURE__*/_jsx(AccordionActionsRoot, _extends({
     className: clsx(classes.root, className),
     ref: ref,
-    ownerState: ownerState,
-    ...other
-  });
+    ownerState: ownerState
+  }, other));
 });
 process.env.NODE_ENV !== "production" ? AccordionActions.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/modern/AccordionDetails/AccordionDetails.js

@@ -1,3 +1,6 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["className"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -30,17 +33,16 @@ const AccordionDetails = /*#__PURE__*/React.forwardRef(function AccordionDetails
     name: 'MuiAccordionDetails'
   });
   const {
-    className,
-    ...other
-  } = props;
+      className
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const ownerState = props;
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(AccordionDetailsRoot, {
+  return /*#__PURE__*/_jsx(AccordionDetailsRoot, _extends({
     className: clsx(classes.root, className),
     ref: ref,
-    ownerState: ownerState,
-    ...other
-  });
+    ownerState: ownerState
+  }, other));
 });
 process.env.NODE_ENV !== "production" ? AccordionDetails.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/modern/AccordionSummary/AccordionSummary.js

@@ -1,3 +1,6 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
+const _excluded = ["children", "className", "expandIcon", "focusVisibleClassName", "onClick"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -35,7 +38,7 @@ const AccordionSummaryRoot = styled(ButtonBase, {
   const transition = {
     duration: theme.transitions.duration.shortest
   };
-  return {
+  return _extends({
     display: 'flex',
     minHeight: 48,
     padding: theme.spacing(0, 2),
@@ -48,13 +51,12 @@ const AccordionSummaryRoot = styled(ButtonBase, {
     },
     [`&:hover:not(.${accordionSummaryClasses.disabled})`]: {
       cursor: 'pointer'
-    },
-    ...(!ownerState.disableGutters && {
-      [`&.${accordionSummaryClasses.expanded}`]: {
-        minHeight: 64
-      }
-    })
-  };
+    }
+  }, !ownerState.disableGutters && {
+    [`&.${accordionSummaryClasses.expanded}`]: {
+      minHeight: 64
+    }
+  });
 });
 const AccordionSummaryContent = styled('div', {
   name: 'MuiAccordionSummary',
@@ -63,18 +65,17 @@ const AccordionSummaryContent = styled('div', {
 })(({
   theme,
   ownerState
-}) => ({
+}) => _extends({
   display: 'flex',
   flexGrow: 1,
-  margin: '12px 0',
-  ...(!ownerState.disableGutters && {
-    transition: theme.transitions.create(['margin'], {
-      duration: theme.transitions.duration.shortest
-    }),
-    [`&.${accordionSummaryClasses.expanded}`]: {
-      margin: '20px 0'
-    }
-  })
+  margin: '12px 0'
+}, !ownerState.disableGutters && {
+  transition: theme.transitions.create(['margin'], {
+    duration: theme.transitions.duration.shortest
+  }),
+  [`&.${accordionSummaryClasses.expanded}`]: {
+    margin: '20px 0'
+  }
 }));
 const AccordionSummaryExpandIconWrapper = styled('div', {
   name: 'MuiAccordionSummary',
@@ -99,13 +100,13 @@ const AccordionSummary = /*#__PURE__*/React.forwardRef(function AccordionSummary
     name: 'MuiAccordionSummary'
   });
   const {
-    children,
-    className,
-    expandIcon,
-    focusVisibleClassName,
-    onClick,
-    ...other
-  } = props;
+      children,
+      className,
+      expandIcon,
+      focusVisibleClassName,
+      onClick
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const {
     disabled = false,
     disableGutters,
@@ -120,14 +121,13 @@ const AccordionSummary = /*#__PURE__*/React.forwardRef(function AccordionSummary
       onClick(event);
     }
   };
-  const ownerState = {
-    ...props,
+  const ownerState = _extends({}, props, {
     expanded,
     disabled,
     disableGutters
-  };
+  });
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsxs(AccordionSummaryRoot, {
+  return /*#__PURE__*/_jsxs(AccordionSummaryRoot, _extends({
     focusRipple: false,
     disableRipple: true,
     disabled: disabled,
@@ -137,8 +137,8 @@ const AccordionSummary = /*#__PURE__*/React.forwardRef(function AccordionSummary
     focusVisibleClassName: clsx(classes.focusVisible, focusVisibleClassName),
     onClick: handleChange,
     ref: ref,
-    ownerState: ownerState,
-    ...other,
+    ownerState: ownerState
+  }, other, {
     children: [/*#__PURE__*/_jsx(AccordionSummaryContent, {
       className: classes.content,
       ownerState: ownerState,
@@ -148,7 +148,7 @@ const AccordionSummary = /*#__PURE__*/React.forwardRef(function AccordionSummary
       ownerState: ownerState,
       children: expandIcon
     })]
-  });
+  }));
 });
 process.env.NODE_ENV !== "production" ? AccordionSummary.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------