@mui/material 5.13.1 → 5.13.3

package/internal/SwitchBase.js

@@ -1,3 +1,6 @@
+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';
@@ -26,15 +29,13 @@ 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',
@@ -54,29 +55,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,
-    ...other
-  } = props;
+      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);
   const [checked, setCheckedState] = useControlled({
     controlled: checkedProp,
     default: Boolean(defaultChecked),
@@ -119,15 +120,14 @@ const SwitchBase = /*#__PURE__*/React.forwardRef(function SwitchBase(props, ref)
     }
   }
   const hasLabelFor = type === 'checkbox' || type === 'radio';
-  const ownerState = {
-    ...props,
+  const ownerState = _extends({}, props, {
     checked,
     disabled,
     disableFocusRipple,
     edge
-  };
+  });
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsxs(SwitchBaseRoot, {
+  return /*#__PURE__*/_jsxs(SwitchBaseRoot, _extends({
     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, {
+    ref: ref
+  }, other, {
+    children: [/*#__PURE__*/_jsx(SwitchBaseInput, _extends({
       autoFocus: autoFocus,
       checked: checkedProp,
       defaultChecked: defaultChecked,
@@ -154,13 +154,11 @@ 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,9 +1,8 @@
 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';
@@ -86,7 +85,7 @@ var AccordionRoot = styled(Paper, {
 }, function (_ref4) {
   var theme = _ref4.theme,
     ownerState = _ref4.ownerState;
-  return _objectSpread(_objectSpread({}, !ownerState.square && {
+  return _extends({}, !ownerState.square && {
     borderRadius: 0,
     '&:first-of-type': {
       borderTopLeftRadius: (theme.vars || theme).shape.borderRadius,
@@ -101,7 +100,7 @@ var AccordionRoot = styled(Paper, {
         borderBottomRightRadius: 0
       }
     }
-  }), !ownerState.disableGutters && _defineProperty({}, "&.".concat(accordionClasses.expanded), {
+  }, !ownerState.disableGutters && _defineProperty({}, "&.".concat(accordionClasses.expanded), {
     margin: '16px 0'
   }));
 });
@@ -153,26 +152,26 @@ var Accordion = /*#__PURE__*/React.forwardRef(function Accordion(inProps, ref) {
       toggle: handleChange
     };
   }, [expanded, disabled, disableGutters, handleChange]);
-  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
+  var ownerState = _extends({}, props, {
     square: square,
     disabled: disabled,
     disableGutters: disableGutters,
     expanded: expanded
   });
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsxs(AccordionRoot, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsxs(AccordionRoot, _extends({
     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, _objectSpread(_objectSpread({
+    }), /*#__PURE__*/_jsx(TransitionComponent, _extends({
       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,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 AccordionActionsRoot = styled('div', {
   }
 })(function (_ref) {
   var ownerState = _ref.ownerState;
-  return _objectSpread({
+  return _extends({
     display: 'flex',
     alignItems: 'center',
     padding: 8,
@@ -47,11 +45,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 = _objectSpread(_objectSpread({}, props), {}, {
+  var ownerState = _extends({}, props, {
     disableSpacing: disableSpacing
   });
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(AccordionActionsRoot, _objectSpread({
+  return /*#__PURE__*/_jsx(AccordionActionsRoot, _extends({
     className: clsx(classes.root, className),
     ref: ref,
     ownerState: ownerState

package/legacy/AccordionDetails/AccordionDetails.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';
@@ -38,7 +36,7 @@ var AccordionDetails = /*#__PURE__*/React.forwardRef(function AccordionDetails(i
     other = _objectWithoutProperties(props, ["className"]);
   var ownerState = props;
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(AccordionDetailsRoot, _objectSpread({
+  return /*#__PURE__*/_jsx(AccordionDetailsRoot, _extends({
     className: clsx(classes.root, className),
     ref: ref,
     ownerState: ownerState

package/legacy/AccordionSummary/AccordionSummary.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';
@@ -33,24 +32,24 @@ var AccordionSummaryRoot = styled(ButtonBase, {
     return styles.root;
   }
 })(function (_ref) {
-  var _objectSpread2;
+  var _extends2;
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
   var transition = {
     duration: theme.transitions.duration.shortest
   };
-  return _objectSpread((_objectSpread2 = {
+  return _extends((_extends2 = {
     display: 'flex',
     minHeight: 48,
     padding: theme.spacing(0, 2),
     transition: theme.transitions.create(['min-height', 'background-color'], transition)
-  }, _defineProperty(_objectSpread2, "&.".concat(accordionSummaryClasses.focusVisible), {
+  }, _defineProperty(_extends2, "&.".concat(accordionSummaryClasses.focusVisible), {
     backgroundColor: (theme.vars || theme).palette.action.focus
-  }), _defineProperty(_objectSpread2, "&.".concat(accordionSummaryClasses.disabled), {
+  }), _defineProperty(_extends2, "&.".concat(accordionSummaryClasses.disabled), {
     opacity: (theme.vars || theme).palette.action.disabledOpacity
-  }), _defineProperty(_objectSpread2, "&:hover:not(.".concat(accordionSummaryClasses.disabled, ")"), {
+  }), _defineProperty(_extends2, "&:hover:not(.".concat(accordionSummaryClasses.disabled, ")"), {
     cursor: 'pointer'
-  }), _objectSpread2), !ownerState.disableGutters && _defineProperty({}, "&.".concat(accordionSummaryClasses.expanded), {
+  }), _extends2), !ownerState.disableGutters && _defineProperty({}, "&.".concat(accordionSummaryClasses.expanded), {
     minHeight: 64
   }));
 });
@@ -63,7 +62,7 @@ var AccordionSummaryContent = styled('div', {
 })(function (_ref3) {
   var theme = _ref3.theme,
     ownerState = _ref3.ownerState;
-  return _objectSpread({
+  return _extends({
     display: 'flex',
     flexGrow: 1,
     margin: '12px 0'
@@ -119,13 +118,13 @@ var AccordionSummary = /*#__PURE__*/React.forwardRef(function AccordionSummary(i
       onClick(event);
     }
   };
-  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
+  var ownerState = _extends({}, props, {
     expanded: expanded,
     disabled: disabled,
     disableGutters: disableGutters
   });
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsxs(AccordionSummaryRoot, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsxs(AccordionSummaryRoot, _extends({
     focusRipple: false,
     disableRipple: true,
     disabled: disabled,
@@ -136,7 +135,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,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';
@@ -46,7 +45,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 _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, theme.typography.body2), {}, {
+  return _extends({}, theme.typography.body2, {
     backgroundColor: 'transparent',
     display: 'flex',
     padding: '6px 16px'
@@ -57,14 +56,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' && _objectSpread({
+  }), color && ownerState.variant === 'filled' && _extends({
     fontWeight: theme.typography.fontWeightMedium
   }, theme.vars ? {
     color: theme.vars.palette.Alert["".concat(color, "FilledColor")],
@@ -156,7 +155,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 = _objectSpread(_objectSpread({}, props), {}, {
+  var ownerState = _extends({}, props, {
     color: color,
     severity: severity,
     variant: variant
@@ -166,13 +165,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, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsxs(AlertRoot, _extends({
     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,
@@ -188,14 +187,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, _objectSpread(_objectSpread({
+      children: /*#__PURE__*/_jsx(AlertCloseButton, _extends({
         size: "small",
         "aria-label": closeText,
         title: closeText,
         color: "inherit",
         onClick: onClose
-      }, closeButtonProps), {}, {
-        children: /*#__PURE__*/_jsx(AlertCloseIcon, _objectSpread({
+      }, closeButtonProps, {
+        children: /*#__PURE__*/_jsx(AlertCloseIcon, _extends({
           fontSize: "small"
         }, closeIconProps))
       }))

package/legacy/AlertTitle/AlertTitle.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,7 +38,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, _objectSpread({
+  return /*#__PURE__*/_jsx(AlertTitleRoot, _extends({
     gutterBottom: true,
     component: "div",
     ownerState: ownerState,

package/legacy/AppBar/AppBar.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';
@@ -38,7 +36,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 _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
+  return _extends({
     display: 'flex',
     flexDirection: 'column',
     width: '100%',
@@ -55,46 +53,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 && _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, ownerState.color === 'default' && {
+  }, !theme.vars && _extends({}, 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' && _objectSpread({
+  }, ownerState.color === 'transparent' && _extends({
     backgroundColor: 'transparent',
     color: 'inherit'
   }, theme.palette.mode === 'dark' && {
     backgroundImage: 'none'
-  }))), theme.vars && _objectSpread(_objectSpread(_objectSpread({}, ownerState.color === 'default' && {
+  })), theme.vars && _extends({}, 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' && {
@@ -116,13 +114,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 = _objectSpread(_objectSpread({}, props), {}, {
+  var ownerState = _extends({}, props, {
     color: color,
     position: position,
     enableColorOnDark: enableColorOnDark
   });
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(AppBarRoot, _objectSpread({
+  return /*#__PURE__*/_jsx(AppBarRoot, _extends({
     square: true,
     component: "header",
     ownerState: ownerState,