@mui/material 5.13.0 → 5.13.1

package/internal/SwitchBase.js

@@ -1,6 +1,3 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["autoFocus", "checked", "checkedIcon", "className", "defaultChecked", "disabled", "disableFocusRipple", "edge", "icon", "id", "inputProps", "inputRef", "name", "onBlur", "onChange", "onFocus", "readOnly", "required", "tabIndex", "type", "value"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -29,13 +26,15 @@ const useUtilityClasses = ownerState => {
 };
 const SwitchBaseRoot = styled(ButtonBase)(({
   ownerState
-}) => _extends({
+}) => ({
   padding: 9,
-  borderRadius: '50%'
-}, ownerState.edge === 'start' && {
-  marginLeft: ownerState.size === 'small' ? -3 : -12
-}, ownerState.edge === 'end' && {
-  marginRight: ownerState.size === 'small' ? -3 : -12
+  borderRadius: '50%',
+  ...(ownerState.edge === 'start' && {
+    marginLeft: ownerState.size === 'small' ? -3 : -12
+  }),
+  ...(ownerState.edge === 'end' && {
+    marginRight: ownerState.size === 'small' ? -3 : -12
+  })
 }));
 const SwitchBaseInput = styled('input')({
   cursor: 'inherit',
@@ -55,29 +54,29 @@ const SwitchBaseInput = styled('input')({
  */
 const SwitchBase = /*#__PURE__*/React.forwardRef(function SwitchBase(props, ref) {
   const {
-      autoFocus,
-      checked: checkedProp,
-      checkedIcon,
-      className,
-      defaultChecked,
-      disabled: disabledProp,
-      disableFocusRipple = false,
-      edge = false,
-      icon,
-      id,
-      inputProps,
-      inputRef,
-      name,
-      onBlur,
-      onChange,
-      onFocus,
-      readOnly,
-      required = false,
-      tabIndex,
-      type,
-      value
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
+    autoFocus,
+    checked: checkedProp,
+    checkedIcon,
+    className,
+    defaultChecked,
+    disabled: disabledProp,
+    disableFocusRipple = false,
+    edge = false,
+    icon,
+    id,
+    inputProps,
+    inputRef,
+    name,
+    onBlur,
+    onChange,
+    onFocus,
+    readOnly,
+    required = false,
+    tabIndex,
+    type,
+    value,
+    ...other
+  } = props;
   const [checked, setCheckedState] = useControlled({
     controlled: checkedProp,
     default: Boolean(defaultChecked),
@@ -120,14 +119,15 @@ const SwitchBase = /*#__PURE__*/React.forwardRef(function SwitchBase(props, ref)
     }
   }
   const hasLabelFor = type === 'checkbox' || type === 'radio';
-  const ownerState = _extends({}, props, {
+  const ownerState = {
+    ...props,
     checked,
     disabled,
     disableFocusRipple,
     edge
-  });
+  };
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsxs(SwitchBaseRoot, _extends({
+  return /*#__PURE__*/_jsxs(SwitchBaseRoot, {
     component: "span",
     className: clsx(classes.root, className),
     centerRipple: true,
@@ -138,9 +138,9 @@ const SwitchBase = /*#__PURE__*/React.forwardRef(function SwitchBase(props, ref)
     onFocus: handleFocus,
     onBlur: handleBlur,
     ownerState: ownerState,
-    ref: ref
-  }, other, {
-    children: [/*#__PURE__*/_jsx(SwitchBaseInput, _extends({
+    ref: ref,
+    ...other,
+    children: [/*#__PURE__*/_jsx(SwitchBaseInput, {
       autoFocus: autoFocus,
       checked: checkedProp,
       defaultChecked: defaultChecked,
@@ -154,11 +154,13 @@ const SwitchBase = /*#__PURE__*/React.forwardRef(function SwitchBase(props, ref)
       required: required,
       ownerState: ownerState,
       tabIndex: tabIndex,
-      type: type
-    }, type === 'checkbox' && value === undefined ? {} : {
-      value
-    }, inputProps)), checked ? checkedIcon : icon]
-  }));
+      type: type,
+      ...(type === 'checkbox' && value === undefined ? {} : {
+        value
+      }),
+      ...inputProps
+    }), checked ? checkedIcon : icon]
+  });
 });
 
 // NB: If changed, please update Checkbox, Switch and Radio

package/legacy/Accordion/Accordion.js

@@ -1,8 +1,9 @@
 import _toArray from "@babel/runtime/helpers/esm/toArray";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 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 { isFragment } from 'react-is';
 import PropTypes from 'prop-types';
@@ -85,7 +86,7 @@ var AccordionRoot = styled(Paper, {
 }, function (_ref4) {
   var theme = _ref4.theme,
     ownerState = _ref4.ownerState;
-  return _extends({}, !ownerState.square && {
+  return _objectSpread(_objectSpread({}, !ownerState.square && {
     borderRadius: 0,
     '&:first-of-type': {
       borderTopLeftRadius: (theme.vars || theme).shape.borderRadius,
@@ -100,7 +101,7 @@ var AccordionRoot = styled(Paper, {
         borderBottomRightRadius: 0
       }
     }
-  }, !ownerState.disableGutters && _defineProperty({}, "&.".concat(accordionClasses.expanded), {
+  }), !ownerState.disableGutters && _defineProperty({}, "&.".concat(accordionClasses.expanded), {
     margin: '16px 0'
   }));
 });
@@ -152,26 +153,26 @@ var Accordion = /*#__PURE__*/React.forwardRef(function Accordion(inProps, ref) {
       toggle: handleChange
     };
   }, [expanded, disabled, disableGutters, handleChange]);
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     square: square,
     disabled: disabled,
     disableGutters: disableGutters,
     expanded: expanded
   });
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsxs(AccordionRoot, _extends({
+  return /*#__PURE__*/_jsxs(AccordionRoot, _objectSpread(_objectSpread({
     className: clsx(classes.root, className),
     ref: ref,
     ownerState: ownerState,
     square: square
-  }, other, {
+  }, other), {}, {
     children: [/*#__PURE__*/_jsx(AccordionContext.Provider, {
       value: contextValue,
       children: summary
-    }), /*#__PURE__*/_jsx(TransitionComponent, _extends({
+    }), /*#__PURE__*/_jsx(TransitionComponent, _objectSpread(_objectSpread({
       in: expanded,
       timeout: "auto"
-    }, TransitionProps, {
+    }, TransitionProps), {}, {
       children: /*#__PURE__*/_jsx("div", {
         "aria-labelledby": summary.props.id,
         id: summary.props['aria-controls'],

package/legacy/AccordionActions/AccordionActions.js

@@ -1,5 +1,7 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -25,7 +27,7 @@ var AccordionActionsRoot = styled('div', {
   }
 })(function (_ref) {
   var ownerState = _ref.ownerState;
-  return _extends({
+  return _objectSpread({
     display: 'flex',
     alignItems: 'center',
     padding: 8,
@@ -45,11 +47,11 @@ var AccordionActions = /*#__PURE__*/React.forwardRef(function AccordionActions(i
     _props$disableSpacing = props.disableSpacing,
     disableSpacing = _props$disableSpacing === void 0 ? false : _props$disableSpacing,
     other = _objectWithoutProperties(props, ["className", "disableSpacing"]);
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     disableSpacing: disableSpacing
   });
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(AccordionActionsRoot, _extends({
+  return /*#__PURE__*/_jsx(AccordionActionsRoot, _objectSpread({
     className: clsx(classes.root, className),
     ref: ref,
     ownerState: ownerState

package/legacy/AccordionDetails/AccordionDetails.js

@@ -1,5 +1,7 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -36,7 +38,7 @@ var AccordionDetails = /*#__PURE__*/React.forwardRef(function AccordionDetails(i
     other = _objectWithoutProperties(props, ["className"]);
   var ownerState = props;
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(AccordionDetailsRoot, _extends({
+  return /*#__PURE__*/_jsx(AccordionDetailsRoot, _objectSpread({
     className: clsx(classes.root, className),
     ref: ref,
     ownerState: ownerState

package/legacy/AccordionSummary/AccordionSummary.js

@@ -1,6 +1,7 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _extends from "@babel/runtime/helpers/esm/extends";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -32,24 +33,24 @@ var AccordionSummaryRoot = styled(ButtonBase, {
     return styles.root;
   }
 })(function (_ref) {
-  var _extends2;
+  var _objectSpread2;
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
   var transition = {
     duration: theme.transitions.duration.shortest
   };
-  return _extends((_extends2 = {
+  return _objectSpread((_objectSpread2 = {
     display: 'flex',
     minHeight: 48,
     padding: theme.spacing(0, 2),
     transition: theme.transitions.create(['min-height', 'background-color'], transition)
-  }, _defineProperty(_extends2, "&.".concat(accordionSummaryClasses.focusVisible), {
+  }, _defineProperty(_objectSpread2, "&.".concat(accordionSummaryClasses.focusVisible), {
     backgroundColor: (theme.vars || theme).palette.action.focus
-  }), _defineProperty(_extends2, "&.".concat(accordionSummaryClasses.disabled), {
+  }), _defineProperty(_objectSpread2, "&.".concat(accordionSummaryClasses.disabled), {
     opacity: (theme.vars || theme).palette.action.disabledOpacity
-  }), _defineProperty(_extends2, "&:hover:not(.".concat(accordionSummaryClasses.disabled, ")"), {
+  }), _defineProperty(_objectSpread2, "&:hover:not(.".concat(accordionSummaryClasses.disabled, ")"), {
     cursor: 'pointer'
-  }), _extends2), !ownerState.disableGutters && _defineProperty({}, "&.".concat(accordionSummaryClasses.expanded), {
+  }), _objectSpread2), !ownerState.disableGutters && _defineProperty({}, "&.".concat(accordionSummaryClasses.expanded), {
     minHeight: 64
   }));
 });
@@ -62,7 +63,7 @@ var AccordionSummaryContent = styled('div', {
 })(function (_ref3) {
   var theme = _ref3.theme,
     ownerState = _ref3.ownerState;
-  return _extends({
+  return _objectSpread({
     display: 'flex',
     flexGrow: 1,
     margin: '12px 0'
@@ -118,13 +119,13 @@ var AccordionSummary = /*#__PURE__*/React.forwardRef(function AccordionSummary(i
       onClick(event);
     }
   };
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     expanded: expanded,
     disabled: disabled,
     disableGutters: disableGutters
   });
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsxs(AccordionSummaryRoot, _extends({
+  return /*#__PURE__*/_jsxs(AccordionSummaryRoot, _objectSpread(_objectSpread({
     focusRipple: false,
     disableRipple: true,
     disabled: disabled,
@@ -135,7 +136,7 @@ var AccordionSummary = /*#__PURE__*/React.forwardRef(function AccordionSummary(i
     onClick: handleChange,
     ref: ref,
     ownerState: ownerState
-  }, other, {
+  }, other), {}, {
     children: [/*#__PURE__*/_jsx(AccordionSummaryContent, {
       className: classes.content,
       ownerState: ownerState,

package/legacy/Alert/Alert.js

@@ -1,6 +1,7 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _extends from "@babel/runtime/helpers/esm/extends";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -45,7 +46,7 @@ var AlertRoot = styled(Paper, {
   var getColor = theme.palette.mode === 'light' ? darken : lighten;
   var getBackgroundColor = theme.palette.mode === 'light' ? lighten : darken;
   var color = ownerState.color || ownerState.severity;
-  return _extends({}, theme.typography.body2, {
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, theme.typography.body2), {}, {
     backgroundColor: 'transparent',
     display: 'flex',
     padding: '6px 16px'
@@ -56,14 +57,14 @@ var AlertRoot = styled(Paper, {
     color: theme.vars.palette.Alert["".concat(color, "IconColor")]
   } : {
     color: theme.palette[color].main
-  }), color && ownerState.variant === 'outlined' && _defineProperty({
+  })), color && ownerState.variant === 'outlined' && _defineProperty({
     color: theme.vars ? theme.vars.palette.Alert["".concat(color, "Color")] : getColor(theme.palette[color].light, 0.6),
     border: "1px solid ".concat((theme.vars || theme).palette[color].light)
   }, "& .".concat(alertClasses.icon), theme.vars ? {
     color: theme.vars.palette.Alert["".concat(color, "IconColor")]
   } : {
     color: theme.palette[color].main
-  }), color && ownerState.variant === 'filled' && _extends({
+  })), color && ownerState.variant === 'filled' && _objectSpread({
     fontWeight: theme.typography.fontWeightMedium
   }, theme.vars ? {
     color: theme.vars.palette.Alert["".concat(color, "FilledColor")],
@@ -155,7 +156,7 @@ var Alert = /*#__PURE__*/React.forwardRef(function Alert(inProps, ref) {
     _props$variant = props.variant,
     variant = _props$variant === void 0 ? 'standard' : _props$variant,
     other = _objectWithoutProperties(props, ["action", "children", "className", "closeText", "color", "components", "componentsProps", "icon", "iconMapping", "onClose", "role", "severity", "slotProps", "slots", "variant"]);
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     color: color,
     severity: severity,
     variant: variant
@@ -165,13 +166,13 @@ var Alert = /*#__PURE__*/React.forwardRef(function Alert(inProps, ref) {
   var AlertCloseIcon = (_ref5 = (_slots$closeIcon = slots.closeIcon) != null ? _slots$closeIcon : components.CloseIcon) != null ? _ref5 : CloseIcon;
   var closeButtonProps = (_slotProps$closeButto = slotProps.closeButton) != null ? _slotProps$closeButto : componentsProps.closeButton;
   var closeIconProps = (_slotProps$closeIcon = slotProps.closeIcon) != null ? _slotProps$closeIcon : componentsProps.closeIcon;
-  return /*#__PURE__*/_jsxs(AlertRoot, _extends({
+  return /*#__PURE__*/_jsxs(AlertRoot, _objectSpread(_objectSpread({
     role: role,
     elevation: 0,
     ownerState: ownerState,
     className: clsx(classes.root, className),
     ref: ref
-  }, other, {
+  }, other), {}, {
     children: [icon !== false ? /*#__PURE__*/_jsx(AlertIcon, {
       ownerState: ownerState,
       className: classes.icon,
@@ -187,14 +188,14 @@ var Alert = /*#__PURE__*/React.forwardRef(function Alert(inProps, ref) {
     }) : null, action == null && onClose ? /*#__PURE__*/_jsx(AlertAction, {
       ownerState: ownerState,
       className: classes.action,
-      children: /*#__PURE__*/_jsx(AlertCloseButton, _extends({
+      children: /*#__PURE__*/_jsx(AlertCloseButton, _objectSpread(_objectSpread({
         size: "small",
         "aria-label": closeText,
         title: closeText,
         color: "inherit",
         onClick: onClose
-      }, closeButtonProps, {
-        children: /*#__PURE__*/_jsx(AlertCloseIcon, _extends({
+      }, closeButtonProps), {}, {
+        children: /*#__PURE__*/_jsx(AlertCloseIcon, _objectSpread({
           fontSize: "small"
         }, closeIconProps))
       }))

package/legacy/AlertTitle/AlertTitle.js

@@ -1,5 +1,7 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -38,7 +40,7 @@ var AlertTitle = /*#__PURE__*/React.forwardRef(function AlertTitle(inProps, ref)
     other = _objectWithoutProperties(props, ["className"]);
   var ownerState = props;
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(AlertTitleRoot, _extends({
+  return /*#__PURE__*/_jsx(AlertTitleRoot, _objectSpread({
     gutterBottom: true,
     component: "div",
     ownerState: ownerState,

package/legacy/AppBar/AppBar.js

@@ -1,5 +1,7 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -36,7 +38,7 @@ var AppBarRoot = styled(Paper, {
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
   var backgroundColorDefault = theme.palette.mode === 'light' ? theme.palette.grey[100] : theme.palette.grey[900];
-  return _extends({
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
     display: 'flex',
     flexDirection: 'column',
     width: '100%',
@@ -53,46 +55,46 @@ var AppBarRoot = styled(Paper, {
       // Prevent the app bar to be visible on each printed page.
       position: 'absolute'
     }
-  }, ownerState.position === 'absolute' && {
+  }), ownerState.position === 'absolute' && {
     position: 'absolute',
     zIndex: (theme.vars || theme).zIndex.appBar,
     top: 0,
     left: 'auto',
     right: 0
-  }, ownerState.position === 'sticky' && {
+  }), ownerState.position === 'sticky' && {
     // ⚠️ sticky is not supported by IE11.
     position: 'sticky',
     zIndex: (theme.vars || theme).zIndex.appBar,
     top: 0,
     left: 'auto',
     right: 0
-  }, ownerState.position === 'static' && {
+  }), ownerState.position === 'static' && {
     position: 'static'
-  }, ownerState.position === 'relative' && {
+  }), ownerState.position === 'relative' && {
     position: 'relative'
-  }, !theme.vars && _extends({}, ownerState.color === 'default' && {
+  }), !theme.vars && _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, ownerState.color === 'default' && {
     backgroundColor: backgroundColorDefault,
     color: theme.palette.getContrastText(backgroundColorDefault)
-  }, ownerState.color && ownerState.color !== 'default' && ownerState.color !== 'inherit' && ownerState.color !== 'transparent' && {
+  }), ownerState.color && ownerState.color !== 'default' && ownerState.color !== 'inherit' && ownerState.color !== 'transparent' && {
     backgroundColor: theme.palette[ownerState.color].main,
     color: theme.palette[ownerState.color].contrastText
-  }, ownerState.color === 'inherit' && {
+  }), ownerState.color === 'inherit' && {
     color: 'inherit'
-  }, theme.palette.mode === 'dark' && !ownerState.enableColorOnDark && {
+  }), theme.palette.mode === 'dark' && !ownerState.enableColorOnDark && {
     backgroundColor: null,
     color: null
-  }, ownerState.color === 'transparent' && _extends({
+  }), ownerState.color === 'transparent' && _objectSpread({
     backgroundColor: 'transparent',
     color: 'inherit'
   }, theme.palette.mode === 'dark' && {
     backgroundImage: 'none'
-  })), theme.vars && _extends({}, ownerState.color === 'default' && {
+  }))), theme.vars && _objectSpread(_objectSpread(_objectSpread({}, ownerState.color === 'default' && {
     '--AppBar-background': ownerState.enableColorOnDark ? theme.vars.palette.AppBar.defaultBg : joinVars(theme.vars.palette.AppBar.darkBg, theme.vars.palette.AppBar.defaultBg),
     '--AppBar-color': ownerState.enableColorOnDark ? theme.vars.palette.text.primary : joinVars(theme.vars.palette.AppBar.darkColor, theme.vars.palette.text.primary)
-  }, ownerState.color && !ownerState.color.match(/^(default|inherit|transparent)$/) && {
+  }), ownerState.color && !ownerState.color.match(/^(default|inherit|transparent)$/) && {
     '--AppBar-background': ownerState.enableColorOnDark ? theme.vars.palette[ownerState.color].main : joinVars(theme.vars.palette.AppBar.darkBg, theme.vars.palette[ownerState.color].main),
     '--AppBar-color': ownerState.enableColorOnDark ? theme.vars.palette[ownerState.color].contrastText : joinVars(theme.vars.palette.AppBar.darkColor, theme.vars.palette[ownerState.color].contrastText)
-  }, {
+  }), {}, {
     backgroundColor: 'var(--AppBar-background)',
     color: ownerState.color === 'inherit' ? 'inherit' : 'var(--AppBar-color)'
   }, ownerState.color === 'transparent' && {
@@ -114,13 +116,13 @@ var AppBar = /*#__PURE__*/React.forwardRef(function AppBar(inProps, ref) {
     _props$position = props.position,
     position = _props$position === void 0 ? 'fixed' : _props$position,
     other = _objectWithoutProperties(props, ["className", "color", "enableColorOnDark", "position"]);
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     color: color,
     position: position,
     enableColorOnDark: enableColorOnDark
   });
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(AppBarRoot, _extends({
+  return /*#__PURE__*/_jsx(AppBarRoot, _objectSpread({
     square: true,
     component: "header",
     ownerState: ownerState,