@mui/material 5.13.1 → 5.13.3

package/modern/styles/responsiveFontSizes.js

@@ -1,3 +1,4 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
 import { formatMuiErrorMessage as _formatMuiErrorMessage } from "@mui/utils";
 import { isUnitless, convertLength, responsiveProperty, alignProperty, fontGrid } from './cssUtils';
 export default function responsiveFontSizes(themeInput, options = {}) {
@@ -7,12 +8,8 @@ export default function responsiveFontSizes(themeInput, options = {}) {
     factor = 2,
     variants = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'subtitle1', 'subtitle2', 'body1', 'body2', 'caption', 'button', 'overline']
   } = options;
-  const theme = {
-    ...themeInput
-  };
-  theme.typography = {
-    ...theme.typography
-  };
+  const theme = _extends({}, themeInput);
+  theme.typography = _extends({}, theme.typography);
   const typography = theme.typography;
 
   // Convert between CSS lengths e.g. em->px or px->rem
@@ -49,17 +46,14 @@ Use unitless line heights instead.` : _formatMuiErrorMessage(6));
         })
       });
     }
-    typography[variant] = {
-      ...style,
-      ...responsiveProperty({
-        cssProperty: 'fontSize',
-        min: minFontSize,
-        max: maxFontSize,
-        unit: 'rem',
-        breakpoints: breakpointValues,
-        transform
-      })
-    };
+    typography[variant] = _extends({}, style, responsiveProperty({
+      cssProperty: 'fontSize',
+      min: minFontSize,
+      max: maxFontSize,
+      unit: 'rem',
+      breakpoints: breakpointValues,
+      transform
+    }));
   });
   return theme;
 }

package/modern/usePagination/usePagination.js

@@ -1,21 +1,24 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["boundaryCount", "componentName", "count", "defaultPage", "disabled", "hideNextButton", "hidePrevButton", "onChange", "page", "showFirstButton", "showLastButton", "siblingCount"];
 import { unstable_useControlled as useControlled } from '@mui/utils';
 export default function usePagination(props = {}) {
   // keep default values in sync with @default tags in Pagination.propTypes
   const {
-    boundaryCount = 1,
-    componentName = 'usePagination',
-    count = 1,
-    defaultPage = 1,
-    disabled = false,
-    hideNextButton = false,
-    hidePrevButton = false,
-    onChange: handleChange,
-    page: pageProp,
-    showFirstButton = false,
-    showLastButton = false,
-    siblingCount = 1,
-    ...other
-  } = props;
+      boundaryCount = 1,
+      componentName = 'usePagination',
+      count = 1,
+      defaultPage = 1,
+      disabled = false,
+      hideNextButton = false,
+      hidePrevButton = false,
+      onChange: handleChange,
+      page: pageProp,
+      showFirstButton = false,
+      showLastButton = false,
+      siblingCount = 1
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const [page, setPageState] = useControlled({
     controlled: pageProp,
     default: defaultPage,
@@ -104,8 +107,7 @@ export default function usePagination(props = {}) {
       disabled: disabled || item.indexOf('ellipsis') === -1 && (item === 'next' || item === 'last' ? page >= count : page <= 1)
     };
   });
-  return {
-    items,
-    ...other
-  };
+  return _extends({
+    items
+  }, other);
 }

package/modern/useScrollTrigger/useScrollTrigger.js

@@ -1,3 +1,6 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["getTrigger", "target"];
 import * as React from 'react';
 function defaultTrigger(store, options) {
   const {
@@ -20,18 +23,17 @@ function defaultTrigger(store, options) {
 const defaultTarget = typeof window !== 'undefined' ? window : null;
 export default function useScrollTrigger(options = {}) {
   const {
-    getTrigger = defaultTrigger,
-    target = defaultTarget,
-    ...other
-  } = options;
+      getTrigger = defaultTrigger,
+      target = defaultTarget
+    } = options,
+    other = _objectWithoutPropertiesLoose(options, _excluded);
   const store = React.useRef();
   const [trigger, setTrigger] = React.useState(() => getTrigger(store, other));
   React.useEffect(() => {
     const handleScroll = () => {
-      setTrigger(getTrigger(store, {
-        target,
-        ...other
-      }));
+      setTrigger(getTrigger(store, _extends({
+        target
+      }, other)));
     };
     handleScroll(); // Re-evaluate trigger when dependencies change
     target.addEventListener('scroll', handleScroll, {

package/modern/utils/createSvgIcon.js

@@ -1,3 +1,4 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import SvgIcon from '../SvgIcon';
 
@@ -7,12 +8,12 @@ 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, {
+    return /*#__PURE__*/_jsx(SvgIcon, _extends({
       "data-testid": `${displayName}Icon`,
-      ref: ref,
-      ...props,
+      ref: ref
+    }, props, {
       children: path
-    });
+    }));
   }
   if (process.env.NODE_ENV !== 'production') {
     // Need to set `displayName` on the inner component for React.memo.

package/node/Accordion/Accordion.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _reactIs = require("react-is");
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -19,6 +21,7 @@ var _AccordionContext = _interopRequireDefault(require("./AccordionContext"));
 var _useControlled = _interopRequireDefault(require("../utils/useControlled"));
 var _accordionClasses = _interopRequireWildcard(require("./accordionClasses"));
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["children", "className", "defaultExpanded", "disabled", "disableGutters", "expanded", "onChange", "square", "TransitionComponent", "TransitionProps"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const useUtilityClasses = ownerState => {
@@ -96,28 +99,25 @@ const AccordionRoot = (0, _styled.default)(_Paper.default, {
 }, ({
   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.default.expanded}`]: {
-      margin: '16px 0'
+}) => (0, _extends2.default)({}, !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.default.expanded}`]: {
+    margin: '16px 0'
+  }
 }));
 const Accordion = /*#__PURE__*/React.forwardRef(function Accordion(inProps, ref) {
   const props = (0, _useThemeProps.default)({
@@ -125,18 +125,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.default,
-    TransitionProps,
-    ...other
-  } = props;
+      children: childrenProp,
+      className,
+      defaultExpanded = false,
+      disabled = false,
+      disableGutters = false,
+      expanded: expandedProp,
+      onChange,
+      square = false,
+      TransitionComponent = _Collapse.default,
+      TransitionProps
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const [expanded, setExpandedState] = (0, _useControlled.default)({
     controlled: expandedProp,
     default: defaultExpanded,
@@ -156,27 +156,26 @@ const Accordion = /*#__PURE__*/React.forwardRef(function Accordion(inProps, ref)
     disableGutters,
     toggle: handleChange
   }), [expanded, disabled, disableGutters, handleChange]);
-  const ownerState = {
-    ...props,
+  const ownerState = (0, _extends2.default)({}, props, {
     square,
     disabled,
     disableGutters,
     expanded
-  };
+  });
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(AccordionRoot, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(AccordionRoot, (0, _extends2.default)({
     className: (0, _clsx.default)(classes.root, className),
     ref: ref,
     ownerState: ownerState,
-    square: square,
-    ...other,
+    square: square
+  }, other, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_AccordionContext.default.Provider, {
       value: contextValue,
       children: summary
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(TransitionComponent, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(TransitionComponent, (0, _extends2.default)({
       in: expanded,
-      timeout: "auto",
-      ...TransitionProps,
+      timeout: "auto"
+    }, TransitionProps, {
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         "aria-labelledby": summary.props.id,
         id: summary.props['aria-controls'],
@@ -184,8 +183,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/node/AccordionActions/AccordionActions.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
@@ -13,6 +15,7 @@ var _styled = _interopRequireDefault(require("../styles/styled"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _accordionActionsClasses = require("./accordionActionsClasses");
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["className", "disableSpacing"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const useUtilityClasses = ownerState => {
@@ -36,16 +39,15 @@ const AccordionActionsRoot = (0, _styled.default)('div', {
   }
 })(({
   ownerState
-}) => ({
+}) => (0, _extends2.default)({
   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 = (0, _useThemeProps.default)({
@@ -53,21 +55,19 @@ const AccordionActions = /*#__PURE__*/React.forwardRef(function AccordionActions
     name: 'MuiAccordionActions'
   });
   const {
-    className,
-    disableSpacing = false,
-    ...other
-  } = props;
-  const ownerState = {
-    ...props,
+      className,
+      disableSpacing = false
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const ownerState = (0, _extends2.default)({}, props, {
     disableSpacing
-  };
+  });
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(AccordionActionsRoot, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(AccordionActionsRoot, (0, _extends2.default)({
     className: (0, _clsx.default)(classes.root, className),
     ref: ref,
-    ownerState: ownerState,
-    ...other
-  });
+    ownerState: ownerState
+  }, other));
 });
 process.env.NODE_ENV !== "production" ? AccordionActions.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/node/AccordionDetails/AccordionDetails.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
@@ -13,6 +15,7 @@ var _styled = _interopRequireDefault(require("../styles/styled"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _accordionDetailsClasses = require("./accordionDetailsClasses");
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["className"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const useUtilityClasses = ownerState => {
@@ -39,17 +42,16 @@ const AccordionDetails = /*#__PURE__*/React.forwardRef(function AccordionDetails
     name: 'MuiAccordionDetails'
   });
   const {
-    className,
-    ...other
-  } = props;
+      className
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const ownerState = props;
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(AccordionDetailsRoot, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(AccordionDetailsRoot, (0, _extends2.default)({
     className: (0, _clsx.default)(classes.root, className),
     ref: ref,
-    ownerState: ownerState,
-    ...other
-  });
+    ownerState: ownerState
+  }, other));
 });
 process.env.NODE_ENV !== "production" ? AccordionDetails.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/node/AccordionSummary/AccordionSummary.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
@@ -15,6 +17,7 @@ var _ButtonBase = _interopRequireDefault(require("../ButtonBase"));
 var _AccordionContext = _interopRequireDefault(require("../Accordion/AccordionContext"));
 var _accordionSummaryClasses = _interopRequireWildcard(require("./accordionSummaryClasses"));
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["children", "className", "expandIcon", "focusVisibleClassName", "onClick"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const useUtilityClasses = ownerState => {
@@ -43,7 +46,7 @@ const AccordionSummaryRoot = (0, _styled.default)(_ButtonBase.default, {
   const transition = {
     duration: theme.transitions.duration.shortest
   };
-  return {
+  return (0, _extends2.default)({
     display: 'flex',
     minHeight: 48,
     padding: theme.spacing(0, 2),
@@ -56,13 +59,12 @@ const AccordionSummaryRoot = (0, _styled.default)(_ButtonBase.default, {
     },
     [`&:hover:not(.${_accordionSummaryClasses.default.disabled})`]: {
       cursor: 'pointer'
-    },
-    ...(!ownerState.disableGutters && {
-      [`&.${_accordionSummaryClasses.default.expanded}`]: {
-        minHeight: 64
-      }
-    })
-  };
+    }
+  }, !ownerState.disableGutters && {
+    [`&.${_accordionSummaryClasses.default.expanded}`]: {
+      minHeight: 64
+    }
+  });
 });
 const AccordionSummaryContent = (0, _styled.default)('div', {
   name: 'MuiAccordionSummary',
@@ -71,18 +73,17 @@ const AccordionSummaryContent = (0, _styled.default)('div', {
 })(({
   theme,
   ownerState
-}) => ({
+}) => (0, _extends2.default)({
   display: 'flex',
   flexGrow: 1,
-  margin: '12px 0',
-  ...(!ownerState.disableGutters && {
-    transition: theme.transitions.create(['margin'], {
-      duration: theme.transitions.duration.shortest
-    }),
-    [`&.${_accordionSummaryClasses.default.expanded}`]: {
-      margin: '20px 0'
-    }
-  })
+  margin: '12px 0'
+}, !ownerState.disableGutters && {
+  transition: theme.transitions.create(['margin'], {
+    duration: theme.transitions.duration.shortest
+  }),
+  [`&.${_accordionSummaryClasses.default.expanded}`]: {
+    margin: '20px 0'
+  }
 }));
 const AccordionSummaryExpandIconWrapper = (0, _styled.default)('div', {
   name: 'MuiAccordionSummary',
@@ -107,13 +108,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 = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const {
     disabled = false,
     disableGutters,
@@ -128,14 +129,13 @@ const AccordionSummary = /*#__PURE__*/React.forwardRef(function AccordionSummary
       onClick(event);
     }
   };
-  const ownerState = {
-    ...props,
+  const ownerState = (0, _extends2.default)({}, props, {
     expanded,
     disabled,
     disableGutters
-  };
+  });
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(AccordionSummaryRoot, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(AccordionSummaryRoot, (0, _extends2.default)({
     focusRipple: false,
     disableRipple: true,
     disabled: disabled,
@@ -145,8 +145,8 @@ const AccordionSummary = /*#__PURE__*/React.forwardRef(function AccordionSummary
     focusVisibleClassName: (0, _clsx.default)(classes.focusVisible, focusVisibleClassName),
     onClick: handleChange,
     ref: ref,
-    ownerState: ownerState,
-    ...other,
+    ownerState: ownerState
+  }, other, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(AccordionSummaryContent, {
       className: classes.content,
       ownerState: ownerState,
@@ -156,7 +156,7 @@ const AccordionSummary = /*#__PURE__*/React.forwardRef(function AccordionSummary
       ownerState: ownerState,
       children: expandIcon
     })]
-  });
+  }));
 });
 process.env.NODE_ENV !== "production" ? AccordionSummary.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------