@mui/material 5.12.3 → 5.13.1

package/legacy/Drawer/Drawer.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';
@@ -59,7 +61,7 @@ var DrawerPaper = styled(Paper, {
 })(function (_ref2) {
   var theme = _ref2.theme,
     ownerState = _ref2.ownerState;
-  return _extends({
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
     overflowY: 'auto',
     display: 'flex',
     flexDirection: 'column',
@@ -77,28 +79,28 @@ var DrawerPaper = styled(Paper, {
     outline: 0
   }, ownerState.anchor === 'left' && {
     left: 0
-  }, ownerState.anchor === 'top' && {
+  }), ownerState.anchor === 'top' && {
     top: 0,
     left: 0,
     right: 0,
     height: 'auto',
     maxHeight: '100%'
-  }, ownerState.anchor === 'right' && {
+  }), ownerState.anchor === 'right' && {
     right: 0
-  }, ownerState.anchor === 'bottom' && {
+  }), ownerState.anchor === 'bottom' && {
     top: 'auto',
     left: 0,
     bottom: 0,
     right: 0,
     height: 'auto',
     maxHeight: '100%'
-  }, ownerState.anchor === 'left' && ownerState.variant !== 'temporary' && {
+  }), ownerState.anchor === 'left' && ownerState.variant !== 'temporary' && {
     borderRight: "1px solid ".concat((theme.vars || theme).palette.divider)
-  }, ownerState.anchor === 'top' && ownerState.variant !== 'temporary' && {
+  }), ownerState.anchor === 'top' && ownerState.variant !== 'temporary' && {
     borderBottom: "1px solid ".concat((theme.vars || theme).palette.divider)
-  }, ownerState.anchor === 'right' && ownerState.variant !== 'temporary' && {
+  }), ownerState.anchor === 'right' && ownerState.variant !== 'temporary' && {
     borderLeft: "1px solid ".concat((theme.vars || theme).palette.divider)
-  }, ownerState.anchor === 'bottom' && ownerState.variant !== 'temporary' && {
+  }), ownerState.anchor === 'bottom' && ownerState.variant !== 'temporary' && {
     borderTop: "1px solid ".concat((theme.vars || theme).palette.divider)
   });
 });
@@ -163,51 +165,51 @@ var Drawer = /*#__PURE__*/React.forwardRef(function Drawer(inProps, ref) {
   }, []);
   var anchorInvariant = getAnchor(theme, anchorProp);
   var anchor = anchorProp;
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     anchor: anchor,
     elevation: elevation,
     open: open,
     variant: variant
   }, other);
   var classes = useUtilityClasses(ownerState);
-  var drawer = /*#__PURE__*/_jsx(DrawerPaper, _extends({
+  var drawer = /*#__PURE__*/_jsx(DrawerPaper, _objectSpread(_objectSpread({
     elevation: variant === 'temporary' ? elevation : 0,
     square: true
-  }, PaperProps, {
+  }, PaperProps), {}, {
     className: clsx(classes.paper, PaperProps.className),
     ownerState: ownerState,
     children: children
   }));
   if (variant === 'permanent') {
-    return /*#__PURE__*/_jsx(DrawerDockedRoot, _extends({
+    return /*#__PURE__*/_jsx(DrawerDockedRoot, _objectSpread(_objectSpread({
       className: clsx(classes.root, classes.docked, className),
       ownerState: ownerState,
       ref: ref
-    }, other, {
+    }, other), {}, {
       children: drawer
     }));
   }
-  var slidingDrawer = /*#__PURE__*/_jsx(TransitionComponent, _extends({
+  var slidingDrawer = /*#__PURE__*/_jsx(TransitionComponent, _objectSpread(_objectSpread({
     in: open,
     direction: oppositeDirection[anchorInvariant],
     timeout: transitionDuration,
     appear: mounted.current
-  }, SlideProps, {
+  }, SlideProps), {}, {
     children: drawer
   }));
   if (variant === 'persistent') {
-    return /*#__PURE__*/_jsx(DrawerDockedRoot, _extends({
+    return /*#__PURE__*/_jsx(DrawerDockedRoot, _objectSpread(_objectSpread({
       className: clsx(classes.root, classes.docked, className),
       ownerState: ownerState,
       ref: ref
-    }, other, {
+    }, other), {}, {
       children: slidingDrawer
     }));
   }
 
   // variant === temporary
-  return /*#__PURE__*/_jsx(DrawerRoot, _extends({
-    BackdropProps: _extends({}, BackdropProps, BackdropPropsProp, {
+  return /*#__PURE__*/_jsx(DrawerRoot, _objectSpread(_objectSpread(_objectSpread({
+    BackdropProps: _objectSpread(_objectSpread(_objectSpread({}, BackdropProps), BackdropPropsProp), {}, {
       transitionDuration: transitionDuration
     }),
     className: clsx(classes.root, classes.modal, className),
@@ -216,7 +218,7 @@ var Drawer = /*#__PURE__*/React.forwardRef(function Drawer(inProps, ref) {
     onClose: onClose,
     hideBackdrop: hideBackdrop,
     ref: ref
-  }, other, ModalProps, {
+  }, other), ModalProps), {}, {
     children: slidingDrawer
   }));
 });

package/legacy/Fab/Fab.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';
@@ -20,7 +21,7 @@ var useUtilityClasses = function useUtilityClasses(ownerState) {
     root: ['root', variant, "size".concat(capitalize(size)), color === 'inherit' ? 'colorInherit' : color]
   };
   var composedClasses = composeClasses(slots, getFabUtilityClass, classes);
-  return _extends({}, classes, composedClasses);
+  return _objectSpread(_objectSpread({}, classes), composedClasses);
 };
 var FabRoot = styled(ButtonBase, {
   name: 'MuiFab',
@@ -36,7 +37,7 @@ var FabRoot = styled(ButtonBase, {
   var _theme$palette$getCon, _theme$palette;
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
-  return _extends({}, theme.typography.button, _defineProperty({
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, theme.typography.button), {}, _defineProperty({
     minHeight: 36,
     transition: theme.transitions.create(['background-color', 'box-shadow', 'border-color'], {
       duration: theme.transitions.duration.short
@@ -66,35 +67,35 @@ var FabRoot = styled(ButtonBase, {
   }), ownerState.size === 'small' && {
     width: 40,
     height: 40
-  }, ownerState.size === 'medium' && {
+  }), ownerState.size === 'medium' && {
     width: 48,
     height: 48
-  }, ownerState.variant === 'extended' && {
+  }), ownerState.variant === 'extended' && {
     borderRadius: 48 / 2,
     padding: '0 16px',
     width: 'auto',
     minHeight: 'auto',
     minWidth: 48,
     height: 48
-  }, ownerState.variant === 'extended' && ownerState.size === 'small' && {
+  }), ownerState.variant === 'extended' && ownerState.size === 'small' && {
     width: 'auto',
     padding: '0 8px',
     borderRadius: 34 / 2,
     minWidth: 34,
     height: 34
-  }, ownerState.variant === 'extended' && ownerState.size === 'medium' && {
+  }), ownerState.variant === 'extended' && ownerState.size === 'medium' && {
     width: 'auto',
     padding: '0 16px',
     borderRadius: 40 / 2,
     minWidth: 40,
     height: 40
-  }, ownerState.color === 'inherit' && {
+  }), ownerState.color === 'inherit' && {
     color: 'inherit'
   });
 }, function (_ref2) {
   var theme = _ref2.theme,
     ownerState = _ref2.ownerState;
-  return _extends({}, ownerState.color !== 'inherit' && ownerState.color !== 'default' && (theme.vars || theme).palette[ownerState.color] != null && {
+  return _objectSpread({}, ownerState.color !== 'inherit' && ownerState.color !== 'default' && (theme.vars || theme).palette[ownerState.color] != null && {
     color: (theme.vars || theme).palette[ownerState.color].contrastText,
     backgroundColor: (theme.vars || theme).palette[ownerState.color].main,
     '&:hover': {
@@ -134,7 +135,7 @@ var Fab = /*#__PURE__*/React.forwardRef(function Fab(inProps, ref) {
     _props$variant = props.variant,
     variant = _props$variant === void 0 ? 'circular' : _props$variant,
     other = _objectWithoutProperties(props, ["children", "className", "color", "component", "disabled", "disableFocusRipple", "focusVisibleClassName", "size", "variant"]);
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     color: color,
     component: component,
     disabled: disabled,
@@ -143,7 +144,7 @@ var Fab = /*#__PURE__*/React.forwardRef(function Fab(inProps, ref) {
     variant: variant
   });
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(FabRoot, _extends({
+  return /*#__PURE__*/_jsx(FabRoot, _objectSpread(_objectSpread({
     className: clsx(classes.root, className),
     component: component,
     disabled: disabled,
@@ -151,7 +152,7 @@ var Fab = /*#__PURE__*/React.forwardRef(function Fab(inProps, ref) {
     focusVisibleClassName: clsx(classes.focusVisible, focusVisibleClassName),
     ownerState: ownerState,
     ref: ref
-  }, other, {
+  }, other), {}, {
     classes: classes,
     children: children
   }));

package/legacy/Fade/Fade.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 { Transition } from 'react-transition-group';
@@ -102,7 +104,7 @@ var Fade = /*#__PURE__*/React.forwardRef(function Fade(props, ref) {
       addEndListener(nodeRef.current, next);
     }
   };
-  return /*#__PURE__*/_jsx(TransitionComponent, _extends({
+  return /*#__PURE__*/_jsx(TransitionComponent, _objectSpread(_objectSpread({
     appear: appear,
     in: inProp,
     nodeRef: enableStrictModeCompat ? nodeRef : undefined,
@@ -114,13 +116,13 @@ var Fade = /*#__PURE__*/React.forwardRef(function Fade(props, ref) {
     onExiting: handleExiting,
     addEndListener: handleAddEndListener,
     timeout: timeout
-  }, other, {
+  }, other), {}, {
     children: function children(state, childProps) {
-      return /*#__PURE__*/React.cloneElement(_children, _extends({
-        style: _extends({
+      return /*#__PURE__*/React.cloneElement(_children, _objectSpread({
+        style: _objectSpread(_objectSpread(_objectSpread({
           opacity: 0,
           visibility: state === 'exited' && !inProp ? 'hidden' : undefined
-        }, styles[state], style, _children.props.style),
+        }, styles[state]), style), _children.props.style),
         ref: handleRef
       }, childProps));
     }

package/legacy/FilledInput/FilledInput.js

@@ -1,7 +1,8 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-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 { refType, deepmerge } from '@mui/utils';
 import PropTypes from 'prop-types';
@@ -20,7 +21,7 @@ var useUtilityClasses = function useUtilityClasses(ownerState) {
     input: ['input']
   };
   var composedClasses = composeClasses(slots, getFilledInputUtilityClass, classes);
-  return _extends({}, classes, composedClasses);
+  return _objectSpread(_objectSpread({}, classes), composedClasses);
 };
 var FilledInputRoot = styled(InputBaseRoot, {
   shouldForwardProp: function shouldForwardProp(prop) {
@@ -33,7 +34,7 @@ var FilledInputRoot = styled(InputBaseRoot, {
     return [].concat(_toConsumableArray(inputBaseRootOverridesResolver(props, styles)), [!ownerState.disableUnderline && styles.underline]);
   }
 })(function (_ref) {
-  var _extends2, _palette, _ref2;
+  var _objectSpread2, _palette, _ref2;
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
   var light = theme.palette.mode === 'light';
@@ -41,7 +42,7 @@ var FilledInputRoot = styled(InputBaseRoot, {
   var backgroundColor = light ? 'rgba(0, 0, 0, 0.06)' : 'rgba(255, 255, 255, 0.09)';
   var hoverBackground = light ? 'rgba(0, 0, 0, 0.09)' : 'rgba(255, 255, 255, 0.13)';
   var disabledBackground = light ? 'rgba(0, 0, 0, 0.12)' : 'rgba(255, 255, 255, 0.12)';
-  return _extends((_extends2 = {
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread((_objectSpread2 = {
     position: 'relative',
     backgroundColor: theme.vars ? theme.vars.palette.FilledInput.bg : backgroundColor,
     borderTopLeftRadius: (theme.vars || theme).shape.borderRadius,
@@ -57,11 +58,11 @@ var FilledInputRoot = styled(InputBaseRoot, {
         backgroundColor: theme.vars ? theme.vars.palette.FilledInput.bg : backgroundColor
       }
     }
-  }, _defineProperty(_extends2, "&.".concat(filledInputClasses.focused), {
+  }, _defineProperty(_objectSpread2, "&.".concat(filledInputClasses.focused), {
     backgroundColor: theme.vars ? theme.vars.palette.FilledInput.bg : backgroundColor
-  }), _defineProperty(_extends2, "&.".concat(filledInputClasses.disabled), {
+  }), _defineProperty(_objectSpread2, "&.".concat(filledInputClasses.disabled), {
     backgroundColor: theme.vars ? theme.vars.palette.FilledInput.disabledBg : disabledBackground
-  }), _extends2), !ownerState.disableUnderline && (_ref2 = {
+  }), _objectSpread2), !ownerState.disableUnderline && (_ref2 = {
     '&:after': {
       borderBottom: "2px solid ".concat((_palette = (theme.vars || theme).palette[ownerState.color || 'primary']) == null ? void 0 : _palette.main),
       left: 0,
@@ -101,16 +102,16 @@ var FilledInputRoot = styled(InputBaseRoot, {
     borderBottom: "1px solid ".concat((theme.vars || theme).palette.text.primary)
   }), _defineProperty(_ref2, "&.".concat(filledInputClasses.disabled, ":before"), {
     borderBottomStyle: 'dotted'
-  }), _ref2), ownerState.startAdornment && {
+  }), _ref2)), ownerState.startAdornment && {
     paddingLeft: 12
-  }, ownerState.endAdornment && {
+  }), ownerState.endAdornment && {
     paddingRight: 12
-  }, ownerState.multiline && _extends({
+  }), ownerState.multiline && _objectSpread(_objectSpread({
     padding: '25px 12px 8px'
   }, ownerState.size === 'small' && {
     paddingTop: 21,
     paddingBottom: 4
-  }, ownerState.hiddenLabel && {
+  }), ownerState.hiddenLabel && {
     paddingTop: 16,
     paddingBottom: 17
   }));
@@ -122,7 +123,7 @@ var FilledInputInput = styled(InputBaseInput, {
 })(function (_ref3) {
   var theme = _ref3.theme,
     ownerState = _ref3.ownerState;
-  return _extends({
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
     paddingTop: 25,
     paddingRight: 12,
     paddingBottom: 8,
@@ -135,7 +136,7 @@ var FilledInputInput = styled(InputBaseInput, {
       borderTopLeftRadius: 'inherit',
       borderTopRightRadius: 'inherit'
     }
-  }, theme.vars && _defineProperty({
+  }), theme.vars && _defineProperty({
     '&:-webkit-autofill': {
       borderTopLeftRadius: 'inherit',
       borderTopRightRadius: 'inherit'
@@ -146,22 +147,22 @@ var FilledInputInput = styled(InputBaseInput, {
       WebkitTextFillColor: '#fff',
       caretColor: '#fff'
     }
-  }), ownerState.size === 'small' && {
+  })), ownerState.size === 'small' && {
     paddingTop: 21,
     paddingBottom: 4
-  }, ownerState.hiddenLabel && {
+  }), ownerState.hiddenLabel && {
     paddingTop: 16,
     paddingBottom: 17
-  }, ownerState.multiline && {
+  }), ownerState.multiline && {
     paddingTop: 0,
     paddingBottom: 0,
     paddingLeft: 0,
     paddingRight: 0
-  }, ownerState.startAdornment && {
+  }), ownerState.startAdornment && {
     paddingLeft: 0
-  }, ownerState.endAdornment && {
+  }), ownerState.endAdornment && {
     paddingRight: 0
-  }, ownerState.hiddenLabel && ownerState.size === 'small' && {
+  }), ownerState.hiddenLabel && ownerState.size === 'small' && {
     paddingTop: 8,
     paddingBottom: 9
   });
@@ -189,7 +190,7 @@ var FilledInput = /*#__PURE__*/React.forwardRef(function FilledInput(inProps, re
     _props$type = props.type,
     type = _props$type === void 0 ? 'text' : _props$type,
     other = _objectWithoutProperties(props, ["disableUnderline", "components", "componentsProps", "fullWidth", "hiddenLabel", "inputComponent", "multiline", "slotProps", "slots", "type"]);
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     fullWidth: fullWidth,
     inputComponent: inputComponent,
     multiline: multiline,
@@ -207,7 +208,7 @@ var FilledInput = /*#__PURE__*/React.forwardRef(function FilledInput(inProps, re
   var componentsProps = (slotProps != null ? slotProps : componentsPropsProp) ? deepmerge(slotProps != null ? slotProps : componentsPropsProp, filledInputComponentsProps) : filledInputComponentsProps;
   var RootSlot = (_ref5 = (_slots$root = slots.root) != null ? _slots$root : components.Root) != null ? _ref5 : FilledInputRoot;
   var InputSlot = (_ref6 = (_slots$input = slots.input) != null ? _slots$input : components.Input) != null ? _ref6 : FilledInputInput;
-  return /*#__PURE__*/_jsx(InputBase, _extends({
+  return /*#__PURE__*/_jsx(InputBase, _objectSpread(_objectSpread({
     slots: {
       root: RootSlot,
       input: InputSlot
@@ -218,7 +219,7 @@ var FilledInput = /*#__PURE__*/React.forwardRef(function FilledInput(inProps, re
     multiline: multiline,
     ref: ref,
     type: type
-  }, other, {
+  }, other), {}, {
     classes: classes
   }));
 });

package/legacy/FilledInput/filledInputClasses.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 getFilledInputUtilityClass(slot) {
   return generateUtilityClass('MuiFilledInput', slot);
 }
-var filledInputClasses = _extends({}, inputBaseClasses, generateUtilityClasses('MuiFilledInput', ['root', 'underline', 'input']));
+var filledInputClasses = _objectSpread(_objectSpread({}, inputBaseClasses), generateUtilityClasses('MuiFilledInput', ['root', 'underline', 'input']));
 export default filledInputClasses;

package/legacy/FormControl/FormControl.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';
@@ -26,11 +28,11 @@ var FormControlRoot = styled('div', {
   slot: 'Root',
   overridesResolver: function overridesResolver(_ref, styles) {
     var ownerState = _ref.ownerState;
-    return _extends({}, styles.root, styles["margin".concat(capitalize(ownerState.margin))], ownerState.fullWidth && styles.fullWidth);
+    return _objectSpread(_objectSpread(_objectSpread({}, styles.root), styles["margin".concat(capitalize(ownerState.margin))]), ownerState.fullWidth && styles.fullWidth);
   }
 })(function (_ref2) {
   var ownerState = _ref2.ownerState;
-  return _extends({
+  return _objectSpread(_objectSpread(_objectSpread({
     display: 'inline-flex',
     flexDirection: 'column',
     position: 'relative',
@@ -43,10 +45,10 @@ var FormControlRoot = styled('div', {
   }, ownerState.margin === 'normal' && {
     marginTop: 16,
     marginBottom: 8
-  }, ownerState.margin === 'dense' && {
+  }), ownerState.margin === 'dense' && {
     marginTop: 8,
     marginBottom: 4
-  }, ownerState.fullWidth && {
+  }), ownerState.fullWidth && {
     width: '100%'
   });
 });
@@ -104,7 +106,7 @@ var FormControl = /*#__PURE__*/React.forwardRef(function FormControl(inProps, re
     _props$variant = props.variant,
     variant = _props$variant === void 0 ? 'outlined' : _props$variant,
     other = _objectWithoutProperties(props, ["children", "className", "color", "component", "disabled", "error", "focused", "fullWidth", "hiddenLabel", "margin", "required", "size", "variant"]);
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     color: color,
     component: component,
     disabled: disabled,
@@ -206,12 +208,12 @@ var FormControl = /*#__PURE__*/React.forwardRef(function FormControl(inProps, re
   }, [adornedStart, color, disabled, error, filled, focused, fullWidth, hiddenLabel, registerEffect, required, size, variant]);
   return /*#__PURE__*/_jsx(FormControlContext.Provider, {
     value: childContext,
-    children: /*#__PURE__*/_jsx(FormControlRoot, _extends({
+    children: /*#__PURE__*/_jsx(FormControlRoot, _objectSpread(_objectSpread({
       as: component,
       ownerState: ownerState,
       className: clsx(classes.root, className),
       ref: ref
-    }, other, {
+    }, other), {}, {
       children: children
     }))
   });

package/legacy/FormControlLabel/FormControlLabel.js

@@ -1,6 +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';
@@ -38,7 +39,7 @@ export var FormControlLabelRoot = styled('label', {
 })(function (_ref2) {
   var theme = _ref2.theme,
     ownerState = _ref2.ownerState;
-  return _extends(_defineProperty({
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_defineProperty({
     display: 'inline-flex',
     alignItems: 'center',
     cursor: 'pointer',
@@ -54,13 +55,13 @@ export var FormControlLabelRoot = styled('label', {
     marginLeft: 16,
     // used for row presentation of radio/checkbox
     marginRight: -11
-  }, ownerState.labelPlacement === 'top' && {
+  }), ownerState.labelPlacement === 'top' && {
     flexDirection: 'column-reverse',
     marginLeft: 16
-  }, ownerState.labelPlacement === 'bottom' && {
+  }), ownerState.labelPlacement === 'bottom' && {
     flexDirection: 'column',
     marginLeft: 16
-  }, _defineProperty({}, "& .".concat(formControlLabelClasses.label), _defineProperty({}, "&.".concat(formControlLabelClasses.disabled), {
+  }), {}, _defineProperty({}, "& .".concat(formControlLabelClasses.label), _defineProperty({}, "&.".concat(formControlLabelClasses.disabled), {
     color: (theme.vars || theme).palette.text.disabled
   })));
 });
@@ -122,7 +123,7 @@ var FormControlLabel = /*#__PURE__*/React.forwardRef(function FormControlLabel(i
     muiFormControl: muiFormControl,
     states: ['error']
   });
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     disabled: disabled,
     labelPlacement: labelPlacement,
     required: required,
@@ -132,18 +133,18 @@ var FormControlLabel = /*#__PURE__*/React.forwardRef(function FormControlLabel(i
   var typographySlotProps = (_slotProps$typography = slotProps.typography) != null ? _slotProps$typography : componentsProps.typography;
   var label = labelProp;
   if (label != null && label.type !== Typography && !disableTypography) {
-    label = /*#__PURE__*/_jsx(Typography, _extends({
+    label = /*#__PURE__*/_jsx(Typography, _objectSpread(_objectSpread({
       component: "span"
-    }, typographySlotProps, {
+    }, typographySlotProps), {}, {
       className: clsx(classes.label, typographySlotProps == null ? void 0 : typographySlotProps.className),
       children: label
     }));
   }
-  return /*#__PURE__*/_jsxs(FormControlLabelRoot, _extends({
+  return /*#__PURE__*/_jsxs(FormControlLabelRoot, _objectSpread(_objectSpread({
     className: clsx(classes.root, className),
     ownerState: ownerState,
     ref: ref
-  }, other, {
+  }, other), {}, {
     children: [/*#__PURE__*/React.cloneElement(control, controlProps), label, required && /*#__PURE__*/_jsxs(AsteriskComponent, {
       ownerState: ownerState,
       "aria-hidden": true,

package/legacy/FormGroup/FormGroup.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';
@@ -28,7 +30,7 @@ var FormGroupRoot = styled('div', {
   }
 })(function (_ref) {
   var ownerState = _ref.ownerState;
-  return _extends({
+  return _objectSpread({
     display: 'flex',
     flexDirection: 'column',
     flexWrap: 'wrap'
@@ -57,12 +59,12 @@ var FormGroup = /*#__PURE__*/React.forwardRef(function FormGroup(inProps, ref) {
     muiFormControl: muiFormControl,
     states: ['error']
   });
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     row: row,
     error: fcs.error
   });
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(FormGroupRoot, _extends({
+  return /*#__PURE__*/_jsx(FormGroupRoot, _objectSpread({
     className: clsx(classes.root, className),
     ownerState: ownerState,
     ref: ref

package/legacy/FormHelperText/FormHelperText.js

@@ -1,7 +1,8 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _extends from "@babel/runtime/helpers/esm/extends";
 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 clsx from 'clsx';
@@ -35,24 +36,24 @@ var FormHelperTextRoot = styled('p', {
     return [styles.root, ownerState.size && styles["size".concat(capitalize(ownerState.size))], ownerState.contained && styles.contained, ownerState.filled && styles.filled];
   }
 })(function (_ref) {
-  var _extends2;
+  var _objectSpread2;
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
-  return _extends({
+  return _objectSpread(_objectSpread(_objectSpread({
     color: (theme.vars || theme).palette.text.secondary
-  }, theme.typography.caption, (_extends2 = {
+  }, theme.typography.caption), {}, (_objectSpread2 = {
     textAlign: 'left',
     marginTop: 3,
     marginRight: 0,
     marginBottom: 0,
     marginLeft: 0
-  }, _defineProperty(_extends2, "&.".concat(formHelperTextClasses.disabled), {
+  }, _defineProperty(_objectSpread2, "&.".concat(formHelperTextClasses.disabled), {
     color: (theme.vars || theme).palette.text.disabled
-  }), _defineProperty(_extends2, "&.".concat(formHelperTextClasses.error), {
+  }), _defineProperty(_objectSpread2, "&.".concat(formHelperTextClasses.error), {
     color: (theme.vars || theme).palette.error.main
-  }), _extends2), ownerState.size === 'small' && {
+  }), _objectSpread2), ownerState.size === 'small' && {
     marginTop: 4
-  }, ownerState.contained && {
+  }), ownerState.contained && {
     marginLeft: 14,
     marginRight: 14
   });
@@ -80,7 +81,7 @@ var FormHelperText = /*#__PURE__*/React.forwardRef(function FormHelperText(inPro
     muiFormControl: muiFormControl,
     states: ['variant', 'size', 'disabled', 'error', 'filled', 'focused', 'required']
   });
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     component: component,
     contained: fcs.variant === 'filled' || fcs.variant === 'outlined',
     variant: fcs.variant,
@@ -92,12 +93,12 @@ var FormHelperText = /*#__PURE__*/React.forwardRef(function FormHelperText(inPro
     required: fcs.required
   });
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(FormHelperTextRoot, _extends({
+  return /*#__PURE__*/_jsx(FormHelperTextRoot, _objectSpread(_objectSpread({
     as: component,
     ownerState: ownerState,
     className: clsx(classes.root, className),
     ref: ref
-  }, other, {
+  }, other), {}, {
     children: children === ' ' ? // notranslate needed while Google Translate will not fix zero-width space issue
     _span || (_span = /*#__PURE__*/_jsx("span", {
       className: "notranslate",