@mui/material 5.13.0 → 5.13.1

package/legacy/Modal/Modal.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';
@@ -21,7 +23,7 @@ var ModalRoot = styled('div', {
 })(function (_ref) {
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
-  return _extends({
+  return _objectSpread({
     position: 'fixed',
     zIndex: (theme.vars || theme).zIndex.modal,
     right: 0,
@@ -116,29 +118,29 @@ var Modal = /*#__PURE__*/React.forwardRef(function Modal(inProps, ref) {
     onClose: onClose,
     open: open
   };
-  var ownerState = _extends({}, props, commonProps, {
+  var ownerState = _objectSpread(_objectSpread(_objectSpread({}, props), commonProps), {}, {
     exited: exited
   });
   var RootSlot = (_ref2 = (_slots$root = slots == null ? void 0 : slots.root) != null ? _slots$root : components.Root) != null ? _ref2 : ModalRoot;
   var BackdropSlot = (_ref3 = (_slots$backdrop = slots == null ? void 0 : slots.backdrop) != null ? _slots$backdrop : components.Backdrop) != null ? _ref3 : BackdropComponent;
   var rootSlotProps = (_slotProps$root = slotProps == null ? void 0 : slotProps.root) != null ? _slotProps$root : componentsProps.root;
   var backdropSlotProps = (_slotProps$backdrop = slotProps == null ? void 0 : slotProps.backdrop) != null ? _slotProps$backdrop : componentsProps.backdrop;
-  return /*#__PURE__*/_jsx(ModalUnstyled, _extends({
+  return /*#__PURE__*/_jsx(ModalUnstyled, _objectSpread(_objectSpread(_objectSpread({
     slots: {
       root: RootSlot,
       backdrop: BackdropSlot
     },
     slotProps: {
       root: function root() {
-        return _extends({}, resolveComponentProps(rootSlotProps, ownerState), !isHostComponent(RootSlot) && {
+        return _objectSpread(_objectSpread(_objectSpread({}, resolveComponentProps(rootSlotProps, ownerState)), !isHostComponent(RootSlot) && {
           as: component,
           theme: theme
-        }, {
+        }), {}, {
           className: clsx(className, rootSlotProps == null ? void 0 : rootSlotProps.className, classes == null ? void 0 : classes.root, !ownerState.open && ownerState.exited && (classes == null ? void 0 : classes.hidden))
         });
       },
       backdrop: function backdrop() {
-        return _extends({}, BackdropProps, resolveComponentProps(backdropSlotProps, ownerState), {
+        return _objectSpread(_objectSpread(_objectSpread({}, BackdropProps), resolveComponentProps(backdropSlotProps, ownerState)), {}, {
           className: clsx(backdropSlotProps == null ? void 0 : backdropSlotProps.className, classes == null ? void 0 : classes.backdrop)
         });
       }
@@ -150,7 +152,7 @@ var Modal = /*#__PURE__*/React.forwardRef(function Modal(inProps, ref) {
       return setExited(true);
     },
     ref: ref
-  }, other, commonProps, {
+  }, other), commonProps), {}, {
     children: children
   }));
 });

package/legacy/NativeSelect/NativeSelect.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 clsx from 'clsx';
 import PropTypes from 'prop-types';
@@ -45,26 +47,26 @@ var NativeSelect = /*#__PURE__*/React.forwardRef(function NativeSelect(inProps,
     muiFormControl: muiFormControl,
     states: ['variant']
   });
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     classes: classesProp
   });
   var classes = useUtilityClasses(ownerState);
   var root = classesProp.root,
     otherClasses = _objectWithoutProperties(classesProp, ["root"]);
   return /*#__PURE__*/_jsx(React.Fragment, {
-    children: /*#__PURE__*/React.cloneElement(input, _extends({
+    children: /*#__PURE__*/React.cloneElement(input, _objectSpread(_objectSpread({
       // Most of the logic is implemented in `NativeSelectInput`.
       // The `Select` component is a simple API wrapper to expose something better to play with.
       inputComponent: NativeSelectInput,
-      inputProps: _extends({
+      inputProps: _objectSpread(_objectSpread({
         children: children,
         classes: otherClasses,
         IconComponent: IconComponent,
         variant: fcs.variant,
         type: undefined
-      }, inputProps, input ? input.props.inputProps : {}),
+      }, inputProps), input ? input.props.inputProps : {}),
       ref: ref
-    }, other, {
+    }, other), {}, {
       className: clsx(classes.root, input.props.className, className)
     }))
   });

package/legacy/NativeSelect/NativeSelectInput.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';
@@ -25,10 +26,10 @@ var useUtilityClasses = function useUtilityClasses(ownerState) {
   return composeClasses(slots, getNativeSelectUtilityClasses, classes);
 };
 export var nativeSelectSelectStyles = function nativeSelectSelectStyles(_ref) {
-  var _extends2;
+  var _objectSpread2;
   var ownerState = _ref.ownerState,
     theme = _ref.theme;
-  return _extends((_extends2 = {
+  return _objectSpread(_objectSpread((_objectSpread2 = {
     MozAppearance: 'none',
     // Reset
     WebkitAppearance: 'none',
@@ -39,11 +40,11 @@ export var nativeSelectSelectStyles = function nativeSelectSelectStyles(_ref) {
     borderRadius: 0,
     // Reset
     cursor: 'pointer',
-    '&:focus': _extends({}, theme.vars ? {
+    '&:focus': _objectSpread(_objectSpread({}, theme.vars ? {
       backgroundColor: "rgba(".concat(theme.vars.palette.common.onBackgroundChannel, " / 0.05)")
     } : {
       backgroundColor: theme.palette.mode === 'light' ? 'rgba(0, 0, 0, 0.05)' : 'rgba(255, 255, 255, 0.05)'
-    }, {
+    }), {}, {
       borderRadius: 0 // Reset Chrome style
     }),
 
@@ -51,20 +52,20 @@ export var nativeSelectSelectStyles = function nativeSelectSelectStyles(_ref) {
     '&::-ms-expand': {
       display: 'none'
     }
-  }, _defineProperty(_extends2, "&.".concat(nativeSelectClasses.disabled), {
+  }, _defineProperty(_objectSpread2, "&.".concat(nativeSelectClasses.disabled), {
     cursor: 'default'
-  }), _defineProperty(_extends2, '&[multiple]', {
+  }), _defineProperty(_objectSpread2, '&[multiple]', {
     height: 'auto'
-  }), _defineProperty(_extends2, '&:not([multiple]) option, &:not([multiple]) optgroup', {
+  }), _defineProperty(_objectSpread2, '&:not([multiple]) option, &:not([multiple]) optgroup', {
     backgroundColor: (theme.vars || theme).palette.background.paper
-  }), _defineProperty(_extends2, '&&&', {
+  }), _defineProperty(_objectSpread2, '&&&', {
     paddingRight: 24,
     minWidth: 16 // So it doesn't collapse.
-  }), _extends2), ownerState.variant === 'filled' && {
+  }), _objectSpread2), ownerState.variant === 'filled' && {
     '&&&': {
       paddingRight: 32
     }
-  }, ownerState.variant === 'outlined' && {
+  }), ownerState.variant === 'outlined' && {
     borderRadius: (theme.vars || theme).shape.borderRadius,
     '&:focus': {
       borderRadius: (theme.vars || theme).shape.borderRadius // Reset the reset for Chrome style
@@ -87,7 +88,7 @@ var NativeSelectSelect = styled('select', {
 export var nativeSelectIconStyles = function nativeSelectIconStyles(_ref3) {
   var ownerState = _ref3.ownerState,
     theme = _ref3.theme;
-  return _extends(_defineProperty({
+  return _objectSpread(_objectSpread(_objectSpread(_defineProperty({
     // We use a position absolute over a flexbox in order to forward the pointer events
     // to the input and to support wrapping tags..
     position: 'absolute',
@@ -101,9 +102,9 @@ export var nativeSelectIconStyles = function nativeSelectIconStyles(_ref3) {
     color: (theme.vars || theme).palette.action.disabled
   }), ownerState.open && {
     transform: 'rotate(180deg)'
-  }, ownerState.variant === 'filled' && {
+  }), ownerState.variant === 'filled' && {
     right: 7
-  }, ownerState.variant === 'outlined' && {
+  }), ownerState.variant === 'outlined' && {
     right: 7
   });
 };
@@ -128,14 +129,14 @@ var NativeSelectInput = /*#__PURE__*/React.forwardRef(function NativeSelectInput
     _props$variant = props.variant,
     variant = _props$variant === void 0 ? 'standard' : _props$variant,
     other = _objectWithoutProperties(props, ["className", "disabled", "error", "IconComponent", "inputRef", "variant"]);
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     disabled: disabled,
     variant: variant,
     error: error
   });
   var classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsxs(React.Fragment, {
-    children: [/*#__PURE__*/_jsx(NativeSelectSelect, _extends({
+    children: [/*#__PURE__*/_jsx(NativeSelectSelect, _objectSpread({
       ownerState: ownerState,
       className: clsx(classes.select, className),
       disabled: disabled,

package/legacy/OutlinedInput/NotchedOutline.js

@@ -1,6 +1,8 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _span;
+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 styled from '../styles/styled';
@@ -24,7 +26,7 @@ var NotchedOutlineRoot = styled('fieldset')({
 var NotchedOutlineLegend = styled('legend')(function (_ref) {
   var ownerState = _ref.ownerState,
     theme = _ref.theme;
-  return _extends({
+  return _objectSpread(_objectSpread({
     float: 'unset',
     // Fix conflict with bootstrap
     width: 'auto',
@@ -38,7 +40,7 @@ var NotchedOutlineLegend = styled('legend')(function (_ref) {
       duration: 150,
       easing: theme.transitions.easing.easeOut
     })
-  }, ownerState.withLabel && _extends({
+  }), ownerState.withLabel && _objectSpread({
     display: 'block',
     // Fix conflict with normalize.css and sanitize.css
     padding: 0,
@@ -80,15 +82,15 @@ export default function NotchedOutline(props) {
     notched = props.notched,
     other = _objectWithoutProperties(props, ["children", "classes", "className", "label", "notched"]);
   var withLabel = label != null && label !== '';
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     notched: notched,
     withLabel: withLabel
   });
-  return /*#__PURE__*/_jsx(NotchedOutlineRoot, _extends({
+  return /*#__PURE__*/_jsx(NotchedOutlineRoot, _objectSpread(_objectSpread({
     "aria-hidden": true,
     className: className,
     ownerState: ownerState
-  }, other, {
+  }, other), {}, {
     children: /*#__PURE__*/_jsx(NotchedOutlineLegend, {
       ownerState: ownerState,
       children: withLabel ? /*#__PURE__*/_jsx("span", {

package/legacy/OutlinedInput/OutlinedInput.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 { refType } from '@mui/utils';
@@ -22,7 +23,7 @@ var useUtilityClasses = function useUtilityClasses(ownerState) {
     input: ['input']
   };
   var composedClasses = composeClasses(slots, getOutlinedInputUtilityClass, classes);
-  return _extends({}, classes, composedClasses);
+  return _objectSpread(_objectSpread({}, classes), composedClasses);
 };
 var OutlinedInputRoot = styled(InputBaseRoot, {
   shouldForwardProp: function shouldForwardProp(prop) {
@@ -32,29 +33,29 @@ var OutlinedInputRoot = styled(InputBaseRoot, {
   slot: 'Root',
   overridesResolver: inputBaseRootOverridesResolver
 })(function (_ref) {
-  var _extends2;
+  var _objectSpread2;
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
   var borderColor = theme.palette.mode === 'light' ? 'rgba(0, 0, 0, 0.23)' : 'rgba(255, 255, 255, 0.23)';
-  return _extends((_extends2 = {
+  return _objectSpread(_objectSpread(_objectSpread((_objectSpread2 = {
     position: 'relative',
     borderRadius: (theme.vars || theme).shape.borderRadius
-  }, _defineProperty(_extends2, "&:hover .".concat(outlinedInputClasses.notchedOutline), {
+  }, _defineProperty(_objectSpread2, "&:hover .".concat(outlinedInputClasses.notchedOutline), {
     borderColor: (theme.vars || theme).palette.text.primary
-  }), _defineProperty(_extends2, '@media (hover: none)', _defineProperty({}, "&:hover .".concat(outlinedInputClasses.notchedOutline), {
+  }), _defineProperty(_objectSpread2, '@media (hover: none)', _defineProperty({}, "&:hover .".concat(outlinedInputClasses.notchedOutline), {
     borderColor: theme.vars ? "rgba(".concat(theme.vars.palette.common.onBackgroundChannel, " / 0.23)") : borderColor
-  })), _defineProperty(_extends2, "&.".concat(outlinedInputClasses.focused, " .").concat(outlinedInputClasses.notchedOutline), {
+  })), _defineProperty(_objectSpread2, "&.".concat(outlinedInputClasses.focused, " .").concat(outlinedInputClasses.notchedOutline), {
     borderColor: (theme.vars || theme).palette[ownerState.color].main,
     borderWidth: 2
-  }), _defineProperty(_extends2, "&.".concat(outlinedInputClasses.error, " .").concat(outlinedInputClasses.notchedOutline), {
+  }), _defineProperty(_objectSpread2, "&.".concat(outlinedInputClasses.error, " .").concat(outlinedInputClasses.notchedOutline), {
     borderColor: (theme.vars || theme).palette.error.main
-  }), _defineProperty(_extends2, "&.".concat(outlinedInputClasses.disabled, " .").concat(outlinedInputClasses.notchedOutline), {
+  }), _defineProperty(_objectSpread2, "&.".concat(outlinedInputClasses.disabled, " .").concat(outlinedInputClasses.notchedOutline), {
     borderColor: (theme.vars || theme).palette.action.disabled
-  }), _extends2), ownerState.startAdornment && {
+  }), _objectSpread2), ownerState.startAdornment && {
     paddingLeft: 14
-  }, ownerState.endAdornment && {
+  }), ownerState.endAdornment && {
     paddingRight: 14
-  }, ownerState.multiline && _extends({
+  }), ownerState.multiline && _objectSpread({
     padding: '16.5px 14px'
   }, ownerState.size === 'small' && {
     padding: '8.5px 14px'
@@ -80,7 +81,7 @@ var OutlinedInputInput = styled(InputBaseInput, {
 })(function (_ref3) {
   var theme = _ref3.theme,
     ownerState = _ref3.ownerState;
-  return _extends({
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
     padding: '16.5px 14px'
   }, !theme.vars && {
     '&:-webkit-autofill': {
@@ -89,7 +90,7 @@ var OutlinedInputInput = styled(InputBaseInput, {
       caretColor: theme.palette.mode === 'light' ? null : '#fff',
       borderRadius: 'inherit'
     }
-  }, theme.vars && _defineProperty({
+  }), theme.vars && _defineProperty({
     '&:-webkit-autofill': {
       borderRadius: 'inherit'
     }
@@ -99,13 +100,13 @@ var OutlinedInputInput = styled(InputBaseInput, {
       WebkitTextFillColor: '#fff',
       caretColor: '#fff'
     }
-  }), ownerState.size === 'small' && {
+  })), ownerState.size === 'small' && {
     padding: '8.5px 14px'
-  }, ownerState.multiline && {
+  }), ownerState.multiline && {
     padding: 0
-  }, ownerState.startAdornment && {
+  }), ownerState.startAdornment && {
     paddingLeft: 0
-  }, ownerState.endAdornment && {
+  }), ownerState.endAdornment && {
     paddingRight: 0
   });
 });
@@ -137,7 +138,7 @@ var OutlinedInput = /*#__PURE__*/React.forwardRef(function OutlinedInput(inProps
     muiFormControl: muiFormControl,
     states: ['required']
   });
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     color: fcs.color || 'primary',
     disabled: fcs.disabled,
     error: fcs.error,
@@ -151,7 +152,7 @@ var OutlinedInput = /*#__PURE__*/React.forwardRef(function OutlinedInput(inProps
   });
   var RootSlot = (_ref5 = (_slots$root = slots.root) != null ? _slots$root : components.Root) != null ? _ref5 : OutlinedInputRoot;
   var InputSlot = (_ref6 = (_slots$input = slots.input) != null ? _slots$input : components.Input) != null ? _ref6 : OutlinedInputInput;
-  return /*#__PURE__*/_jsx(InputBase, _extends({
+  return /*#__PURE__*/_jsx(InputBase, _objectSpread(_objectSpread({
     slots: {
       root: RootSlot,
       input: InputSlot
@@ -171,8 +172,8 @@ var OutlinedInput = /*#__PURE__*/React.forwardRef(function OutlinedInput(inProps
     multiline: multiline,
     ref: ref,
     type: type
-  }, other, {
-    classes: _extends({}, classes, {
+  }, other), {}, {
+    classes: _objectSpread(_objectSpread({}, classes), {}, {
       notchedOutline: null
     })
   }));

package/legacy/OutlinedInput/outlinedInputClasses.js

@@ -1,9 +1,11 @@
-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 { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
 import generateUtilityClass from '../generateUtilityClass';
 import { inputBaseClasses } from '../InputBase';
 export function getOutlinedInputUtilityClass(slot) {
   return generateUtilityClass('MuiOutlinedInput', slot);
 }
-var outlinedInputClasses = _extends({}, inputBaseClasses, generateUtilityClasses('MuiOutlinedInput', ['root', 'notchedOutline', 'input']));
+var outlinedInputClasses = _objectSpread(_objectSpread({}, inputBaseClasses), generateUtilityClasses('MuiOutlinedInput', ['root', 'notchedOutline', 'input']));
 export default outlinedInputClasses;

package/legacy/Pagination/Pagination.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';
@@ -74,7 +76,7 @@ var Pagination = /*#__PURE__*/React.forwardRef(function Pagination(inProps, ref)
     page = props.page,
     _props$renderItem = props.renderItem,
     renderItem = _props$renderItem === void 0 ? function (item) {
-      return /*#__PURE__*/_jsx(PaginationItem, _extends({}, item));
+      return /*#__PURE__*/_jsx(PaginationItem, _objectSpread({}, item));
     } : _props$renderItem,
     _props$shape = props.shape,
     shape = _props$shape === void 0 ? 'circular' : _props$shape,
@@ -89,11 +91,11 @@ var Pagination = /*#__PURE__*/React.forwardRef(function Pagination(inProps, ref)
     _props$variant = props.variant,
     variant = _props$variant === void 0 ? 'text' : _props$variant,
     other = _objectWithoutProperties(props, ["boundaryCount", "className", "color", "count", "defaultPage", "disabled", "getItemAriaLabel", "hideNextButton", "hidePrevButton", "onChange", "page", "renderItem", "shape", "showFirstButton", "showLastButton", "siblingCount", "size", "variant"]);
-  var _usePagination = usePagination(_extends({}, props, {
+  var _usePagination = usePagination(_objectSpread(_objectSpread({}, props), {}, {
       componentName: 'Pagination'
     })),
     items = _usePagination.items;
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     boundaryCount: boundaryCount,
     color: color,
     count: count,
@@ -111,18 +113,18 @@ var Pagination = /*#__PURE__*/React.forwardRef(function Pagination(inProps, ref)
     variant: variant
   });
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(PaginationRoot, _extends({
+  return /*#__PURE__*/_jsx(PaginationRoot, _objectSpread(_objectSpread({
     "aria-label": "pagination navigation",
     className: clsx(classes.root, className),
     ownerState: ownerState,
     ref: ref
-  }, other, {
+  }, other), {}, {
     children: /*#__PURE__*/_jsx(PaginationUl, {
       className: classes.ul,
       ownerState: ownerState,
       children: items.map(function (item, index) {
         return /*#__PURE__*/_jsx("li", {
-          children: renderItem(_extends({}, item, {
+          children: renderItem(_objectSpread(_objectSpread({}, item), {}, {
             color: color,
             'aria-label': getItemAriaLabel(item.type, item.page, item.selected),
             shape: shape,

package/legacy/PaginationItem/PaginationItem.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';
@@ -52,7 +53,7 @@ var PaginationItemEllipsis = styled('div', {
 })(function (_ref) {
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
-  return _extends({}, theme.typography.body2, _defineProperty({
+  return _objectSpread(_objectSpread(_objectSpread({}, theme.typography.body2), {}, _defineProperty({
     borderRadius: 32 / 2,
     textAlign: 'center',
     boxSizing: 'border-box',
@@ -68,7 +69,7 @@ var PaginationItemEllipsis = styled('div', {
     borderRadius: 26 / 2,
     margin: '0 1px',
     padding: '0 4px'
-  }, ownerState.size === 'large' && {
+  }), ownerState.size === 'large' && {
     minWidth: 40,
     borderRadius: 40 / 2,
     padding: '0 10px',
@@ -80,10 +81,10 @@ var PaginationItemPage = styled(ButtonBase, {
   slot: 'Root',
   overridesResolver: overridesResolver
 })(function (_ref2) {
-  var _$concat, _extends3;
+  var _$concat, _objectSpread3;
   var theme = _ref2.theme,
     ownerState = _ref2.ownerState;
-  return _extends({}, theme.typography.body2, (_extends3 = {
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, theme.typography.body2), {}, (_objectSpread3 = {
     borderRadius: 32 / 2,
     textAlign: 'center',
     boxSizing: 'border-box',
@@ -92,19 +93,19 @@ var PaginationItemPage = styled(ButtonBase, {
     padding: '0 6px',
     margin: '0 3px',
     color: (theme.vars || theme).palette.text.primary
-  }, _defineProperty(_extends3, "&.".concat(paginationItemClasses.focusVisible), {
+  }, _defineProperty(_objectSpread3, "&.".concat(paginationItemClasses.focusVisible), {
     backgroundColor: (theme.vars || theme).palette.action.focus
-  }), _defineProperty(_extends3, "&.".concat(paginationItemClasses.disabled), {
+  }), _defineProperty(_objectSpread3, "&.".concat(paginationItemClasses.disabled), {
     opacity: (theme.vars || theme).palette.action.disabledOpacity
-  }), _defineProperty(_extends3, "transition", theme.transitions.create(['color', 'background-color'], {
+  }), _defineProperty(_objectSpread3, "transition", theme.transitions.create(['color', 'background-color'], {
     duration: theme.transitions.duration.short
-  })), _defineProperty(_extends3, '&:hover', {
+  })), _defineProperty(_objectSpread3, '&:hover', {
     backgroundColor: (theme.vars || theme).palette.action.hover,
     // Reset on touch devices, it doesn't add specificity
     '@media (hover: none)': {
       backgroundColor: 'transparent'
     }
-  }), _defineProperty(_extends3, "&.".concat(paginationItemClasses.selected), (_$concat = {
+  }), _defineProperty(_objectSpread3, "&.".concat(paginationItemClasses.selected), (_$concat = {
     backgroundColor: (theme.vars || theme).palette.action.selected,
     '&:hover': {
       backgroundColor: theme.vars ? "rgba(".concat(theme.vars.palette.action.selected, " / calc(").concat(theme.vars.palette.action.selectedOpacity, " + ").concat(theme.vars.palette.action.hoverOpacity, "))") : alpha(theme.palette.action.selected, theme.palette.action.selectedOpacity + theme.palette.action.hoverOpacity),
@@ -119,25 +120,25 @@ var PaginationItemPage = styled(ButtonBase, {
     opacity: 1,
     color: (theme.vars || theme).palette.action.disabled,
     backgroundColor: (theme.vars || theme).palette.action.selected
-  }), _$concat)), _extends3), ownerState.size === 'small' && {
+  }), _$concat)), _objectSpread3), ownerState.size === 'small' && {
     minWidth: 26,
     height: 26,
     borderRadius: 26 / 2,
     margin: '0 1px',
     padding: '0 4px'
-  }, ownerState.size === 'large' && {
+  }), ownerState.size === 'large' && {
     minWidth: 40,
     height: 40,
     borderRadius: 40 / 2,
     padding: '0 10px',
     fontSize: theme.typography.pxToRem(15)
-  }, ownerState.shape === 'rounded' && {
+  }), ownerState.shape === 'rounded' && {
     borderRadius: (theme.vars || theme).shape.borderRadius
   });
 }, function (_ref3) {
   var theme = _ref3.theme,
     ownerState = _ref3.ownerState;
-  return _extends({}, ownerState.variant === 'text' && _defineProperty({}, "&.".concat(paginationItemClasses.selected), _extends({}, ownerState.color !== 'standard' && _defineProperty({
+  return _objectSpread(_objectSpread({}, ownerState.variant === 'text' && _defineProperty({}, "&.".concat(paginationItemClasses.selected), _objectSpread(_objectSpread({}, ownerState.color !== 'standard' && _defineProperty({
     color: (theme.vars || theme).palette[ownerState.color].contrastText,
     backgroundColor: (theme.vars || theme).palette[ownerState.color].main,
     '&:hover': {
@@ -149,11 +150,11 @@ var PaginationItemPage = styled(ButtonBase, {
     }
   }, "&.".concat(paginationItemClasses.focusVisible), {
     backgroundColor: (theme.vars || theme).palette[ownerState.color].dark
-  }), _defineProperty({}, "&.".concat(paginationItemClasses.disabled), {
+  })), {}, _defineProperty({}, "&.".concat(paginationItemClasses.disabled), {
     color: (theme.vars || theme).palette.action.disabled
-  }))), ownerState.variant === 'outlined' && _defineProperty({
+  })))), ownerState.variant === 'outlined' && _defineProperty({
     border: theme.vars ? "1px solid rgba(".concat(theme.vars.palette.common.onBackgroundChannel, " / 0.23)") : "1px solid ".concat(theme.palette.mode === 'light' ? 'rgba(0, 0, 0, 0.23)' : 'rgba(255, 255, 255, 0.23)')
-  }, "&.".concat(paginationItemClasses.selected), _extends({}, ownerState.color !== 'standard' && _defineProperty({
+  }, "&.".concat(paginationItemClasses.selected), _objectSpread(_objectSpread({}, ownerState.color !== 'standard' && _defineProperty({
     color: (theme.vars || theme).palette[ownerState.color].main,
     border: "1px solid ".concat(theme.vars ? "rgba(".concat(theme.vars.palette[ownerState.color].mainChannel, " / 0.5)") : alpha(theme.palette[ownerState.color].main, 0.5)),
     backgroundColor: theme.vars ? "rgba(".concat(theme.vars.palette[ownerState.color].mainChannel, " / ").concat(theme.vars.palette.action.activatedOpacity, ")") : alpha(theme.palette[ownerState.color].main, theme.palette.action.activatedOpacity),
@@ -166,7 +167,7 @@ var PaginationItemPage = styled(ButtonBase, {
     }
   }, "&.".concat(paginationItemClasses.focusVisible), {
     backgroundColor: theme.vars ? "rgba(".concat(theme.vars.palette[ownerState.color].mainChannel, " / calc(").concat(theme.vars.palette.action.activatedOpacity, " + ").concat(theme.vars.palette.action.focusOpacity, "))") : alpha(theme.palette[ownerState.color].main, theme.palette.action.activatedOpacity + theme.palette.action.focusOpacity)
-  }), _defineProperty({}, "&.".concat(paginationItemClasses.disabled), {
+  })), {}, _defineProperty({}, "&.".concat(paginationItemClasses.disabled), {
     borderColor: (theme.vars || theme).palette.action.disabledBackground,
     color: (theme.vars || theme).palette.action.disabled
   }))));
@@ -180,12 +181,12 @@ var PaginationItemPageIcon = styled('div', {
 })(function (_ref8) {
   var theme = _ref8.theme,
     ownerState = _ref8.ownerState;
-  return _extends({
+  return _objectSpread(_objectSpread({
     fontSize: theme.typography.pxToRem(20),
     margin: '0 -8px'
   }, ownerState.size === 'small' && {
     fontSize: theme.typography.pxToRem(18)
-  }, ownerState.size === 'large' && {
+  }), ownerState.size === 'large' && {
     fontSize: theme.typography.pxToRem(22)
   });
 });
@@ -216,7 +217,7 @@ var PaginationItem = /*#__PURE__*/React.forwardRef(function PaginationItem(inPro
     _props$variant = props.variant,
     variant = _props$variant === void 0 ? 'text' : _props$variant,
     other = _objectWithoutProperties(props, ["className", "color", "component", "components", "disabled", "page", "selected", "shape", "size", "slots", "type", "variant"]);
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     color: color,
     disabled: disabled,
     selected: selected,
@@ -244,13 +245,13 @@ var PaginationItem = /*#__PURE__*/React.forwardRef(function PaginationItem(inPro
     ownerState: ownerState,
     className: clsx(classes.root, className),
     children: "\u2026"
-  }) : /*#__PURE__*/_jsxs(PaginationItemPage, _extends({
+  }) : /*#__PURE__*/_jsxs(PaginationItemPage, _objectSpread(_objectSpread({
     ref: ref,
     ownerState: ownerState,
     component: component,
     disabled: disabled,
     className: clsx(classes.root, className)
-  }, other, {
+  }, other), {}, {
     children: [type === 'page' && page, Icon ? /*#__PURE__*/_jsx(PaginationItemPageIcon, {
       as: Icon,
       ownerState: ownerState,