@mui/material 5.13.1 → 5.13.2

package/legacy/DialogTitle/DialogTitle.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';
@@ -42,7 +40,7 @@ var DialogTitle = /*#__PURE__*/React.forwardRef(function DialogTitle(inProps, re
   var _React$useContext = React.useContext(DialogContext),
     _React$useContext$tit = _React$useContext.titleId,
     titleId = _React$useContext$tit === void 0 ? idProp : _React$useContext$tit;
-  return /*#__PURE__*/_jsx(DialogTitleRoot, _objectSpread({
+  return /*#__PURE__*/_jsx(DialogTitleRoot, _extends({
     component: "h2",
     className: clsx(classes.root, className),
     ownerState: ownerState,

package/legacy/Divider/Divider.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';
@@ -36,7 +34,7 @@ var DividerRoot = styled('div', {
 })(function (_ref) {
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
-  return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
+  return _extends({
     margin: 0,
     // Reset browser default style.
     flexShrink: 0,
@@ -49,27 +47,27 @@ var DividerRoot = styled('div', {
     bottom: 0,
     left: 0,
     width: '100%'
-  }), ownerState.light && {
+  }, ownerState.light && {
     borderColor: theme.vars ? "rgba(".concat(theme.vars.palette.dividerChannel, " / 0.08)") : alpha(theme.palette.divider, 0.08)
-  }), ownerState.variant === 'inset' && {
+  }, ownerState.variant === 'inset' && {
     marginLeft: 72
-  }), ownerState.variant === 'middle' && ownerState.orientation === 'horizontal' && {
+  }, ownerState.variant === 'middle' && ownerState.orientation === 'horizontal' && {
     marginLeft: theme.spacing(2),
     marginRight: theme.spacing(2)
-  }), ownerState.variant === 'middle' && ownerState.orientation === 'vertical' && {
+  }, ownerState.variant === 'middle' && ownerState.orientation === 'vertical' && {
     marginTop: theme.spacing(1),
     marginBottom: theme.spacing(1)
-  }), ownerState.orientation === 'vertical' && {
+  }, ownerState.orientation === 'vertical' && {
     height: '100%',
     borderBottomWidth: 0,
     borderRightWidth: 'thin'
-  }), ownerState.flexItem && {
+  }, ownerState.flexItem && {
     alignSelf: 'stretch',
     height: 'auto'
   });
 }, function (_ref2) {
   var ownerState = _ref2.ownerState;
-  return _objectSpread({}, ownerState.children && {
+  return _extends({}, ownerState.children && {
     display: 'flex',
     whiteSpace: 'nowrap',
     textAlign: 'center',
@@ -82,7 +80,7 @@ var DividerRoot = styled('div', {
 }, function (_ref3) {
   var theme = _ref3.theme,
     ownerState = _ref3.ownerState;
-  return _objectSpread({}, ownerState.children && ownerState.orientation !== 'vertical' && {
+  return _extends({}, ownerState.children && ownerState.orientation !== 'vertical' && {
     '&::before, &::after': {
       width: '100%',
       borderTop: "thin solid ".concat((theme.vars || theme).palette.divider)
@@ -91,7 +89,7 @@ var DividerRoot = styled('div', {
 }, function (_ref4) {
   var theme = _ref4.theme,
     ownerState = _ref4.ownerState;
-  return _objectSpread({}, ownerState.children && ownerState.orientation === 'vertical' && {
+  return _extends({}, ownerState.children && ownerState.orientation === 'vertical' && {
     flexDirection: 'column',
     '&::before, &::after': {
       height: '100%',
@@ -100,14 +98,14 @@ var DividerRoot = styled('div', {
   });
 }, function (_ref5) {
   var ownerState = _ref5.ownerState;
-  return _objectSpread(_objectSpread({}, ownerState.textAlign === 'right' && ownerState.orientation !== 'vertical' && {
+  return _extends({}, ownerState.textAlign === 'right' && ownerState.orientation !== 'vertical' && {
     '&::before': {
       width: '90%'
     },
     '&::after': {
       width: '10%'
     }
-  }), ownerState.textAlign === 'left' && ownerState.orientation !== 'vertical' && {
+  }, ownerState.textAlign === 'left' && ownerState.orientation !== 'vertical' && {
     '&::before': {
       width: '10%'
     },
@@ -126,7 +124,7 @@ var DividerWrapper = styled('span', {
 })(function (_ref6) {
   var theme = _ref6.theme,
     ownerState = _ref6.ownerState;
-  return _objectSpread({
+  return _extends({
     display: 'inline-block',
     paddingLeft: "calc(".concat(theme.spacing(1), " * 1.2)"),
     paddingRight: "calc(".concat(theme.spacing(1), " * 1.2)")
@@ -159,7 +157,7 @@ var Divider = /*#__PURE__*/React.forwardRef(function Divider(inProps, ref) {
     _props$variant = props.variant,
     variant = _props$variant === void 0 ? 'fullWidth' : _props$variant,
     other = _objectWithoutProperties(props, ["absolute", "children", "className", "component", "flexItem", "light", "orientation", "role", "textAlign", "variant"]);
-  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
+  var ownerState = _extends({}, props, {
     absolute: absolute,
     component: component,
     flexItem: flexItem,
@@ -170,13 +168,13 @@ var Divider = /*#__PURE__*/React.forwardRef(function Divider(inProps, ref) {
     variant: variant
   });
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(DividerRoot, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(DividerRoot, _extends({
     as: component,
     className: clsx(classes.root, className),
     role: role,
     ref: ref,
     ownerState: ownerState
-  }, other), {}, {
+  }, other, {
     children: children ? /*#__PURE__*/_jsx(DividerWrapper, {
       className: classes.wrapper,
       ownerState: ownerState,

package/legacy/Drawer/Drawer.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';
@@ -61,7 +59,7 @@ var DrawerPaper = styled(Paper, {
 })(function (_ref2) {
   var theme = _ref2.theme,
     ownerState = _ref2.ownerState;
-  return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
+  return _extends({
     overflowY: 'auto',
     display: 'flex',
     flexDirection: 'column',
@@ -79,28 +77,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)
   });
 });
@@ -165,51 +163,51 @@ var Drawer = /*#__PURE__*/React.forwardRef(function Drawer(inProps, ref) {
   }, []);
   var anchorInvariant = getAnchor(theme, anchorProp);
   var anchor = anchorProp;
-  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
+  var ownerState = _extends({}, props, {
     anchor: anchor,
     elevation: elevation,
     open: open,
     variant: variant
   }, other);
   var classes = useUtilityClasses(ownerState);
-  var drawer = /*#__PURE__*/_jsx(DrawerPaper, _objectSpread(_objectSpread({
+  var drawer = /*#__PURE__*/_jsx(DrawerPaper, _extends({
     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, _objectSpread(_objectSpread({
+    return /*#__PURE__*/_jsx(DrawerDockedRoot, _extends({
       className: clsx(classes.root, classes.docked, className),
       ownerState: ownerState,
       ref: ref
-    }, other), {}, {
+    }, other, {
       children: drawer
     }));
   }
-  var slidingDrawer = /*#__PURE__*/_jsx(TransitionComponent, _objectSpread(_objectSpread({
+  var slidingDrawer = /*#__PURE__*/_jsx(TransitionComponent, _extends({
     in: open,
     direction: oppositeDirection[anchorInvariant],
     timeout: transitionDuration,
     appear: mounted.current
-  }, SlideProps), {}, {
+  }, SlideProps, {
     children: drawer
   }));
   if (variant === 'persistent') {
-    return /*#__PURE__*/_jsx(DrawerDockedRoot, _objectSpread(_objectSpread({
+    return /*#__PURE__*/_jsx(DrawerDockedRoot, _extends({
       className: clsx(classes.root, classes.docked, className),
       ownerState: ownerState,
       ref: ref
-    }, other), {}, {
+    }, other, {
       children: slidingDrawer
     }));
   }
 
   // variant === temporary
-  return /*#__PURE__*/_jsx(DrawerRoot, _objectSpread(_objectSpread(_objectSpread({
-    BackdropProps: _objectSpread(_objectSpread(_objectSpread({}, BackdropProps), BackdropPropsProp), {}, {
+  return /*#__PURE__*/_jsx(DrawerRoot, _extends({
+    BackdropProps: _extends({}, BackdropProps, BackdropPropsProp, {
       transitionDuration: transitionDuration
     }),
     className: clsx(classes.root, classes.modal, className),
@@ -218,7 +216,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,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';
@@ -21,7 +20,7 @@ var useUtilityClasses = function useUtilityClasses(ownerState) {
     root: ['root', variant, "size".concat(capitalize(size)), color === 'inherit' ? 'colorInherit' : color]
   };
   var composedClasses = composeClasses(slots, getFabUtilityClass, classes);
-  return _objectSpread(_objectSpread({}, classes), composedClasses);
+  return _extends({}, classes, composedClasses);
 };
 var FabRoot = styled(ButtonBase, {
   name: 'MuiFab',
@@ -37,7 +36,7 @@ var FabRoot = styled(ButtonBase, {
   var _theme$palette$getCon, _theme$palette;
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
-  return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, theme.typography.button), {}, _defineProperty({
+  return _extends({}, theme.typography.button, _defineProperty({
     minHeight: 36,
     transition: theme.transitions.create(['background-color', 'box-shadow', 'border-color'], {
       duration: theme.transitions.duration.short
@@ -67,35 +66,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 _objectSpread({}, ownerState.color !== 'inherit' && ownerState.color !== 'default' && (theme.vars || theme).palette[ownerState.color] != null && {
+  return _extends({}, 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': {
@@ -135,7 +134,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 = _objectSpread(_objectSpread({}, props), {}, {
+  var ownerState = _extends({}, props, {
     color: color,
     component: component,
     disabled: disabled,
@@ -144,7 +143,7 @@ var Fab = /*#__PURE__*/React.forwardRef(function Fab(inProps, ref) {
     variant: variant
   });
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(FabRoot, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(FabRoot, _extends({
     className: clsx(classes.root, className),
     component: component,
     disabled: disabled,
@@ -152,7 +151,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,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 { Transition } from 'react-transition-group';
@@ -104,7 +102,7 @@ var Fade = /*#__PURE__*/React.forwardRef(function Fade(props, ref) {
       addEndListener(nodeRef.current, next);
     }
   };
-  return /*#__PURE__*/_jsx(TransitionComponent, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(TransitionComponent, _extends({
     appear: appear,
     in: inProp,
     nodeRef: enableStrictModeCompat ? nodeRef : undefined,
@@ -116,13 +114,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, _objectSpread({
-        style: _objectSpread(_objectSpread(_objectSpread({
+      return /*#__PURE__*/React.cloneElement(_children, _extends({
+        style: _extends({
           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,8 +1,7 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 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 _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { refType, deepmerge } from '@mui/utils';
 import PropTypes from 'prop-types';
@@ -21,7 +20,7 @@ var useUtilityClasses = function useUtilityClasses(ownerState) {
     input: ['input']
   };
   var composedClasses = composeClasses(slots, getFilledInputUtilityClass, classes);
-  return _objectSpread(_objectSpread({}, classes), composedClasses);
+  return _extends({}, classes, composedClasses);
 };
 var FilledInputRoot = styled(InputBaseRoot, {
   shouldForwardProp: function shouldForwardProp(prop) {
@@ -34,7 +33,7 @@ var FilledInputRoot = styled(InputBaseRoot, {
     return [].concat(_toConsumableArray(inputBaseRootOverridesResolver(props, styles)), [!ownerState.disableUnderline && styles.underline]);
   }
 })(function (_ref) {
-  var _objectSpread2, _palette, _ref2;
+  var _extends2, _palette, _ref2;
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
   var light = theme.palette.mode === 'light';
@@ -42,7 +41,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 _objectSpread(_objectSpread(_objectSpread(_objectSpread((_objectSpread2 = {
+  return _extends((_extends2 = {
     position: 'relative',
     backgroundColor: theme.vars ? theme.vars.palette.FilledInput.bg : backgroundColor,
     borderTopLeftRadius: (theme.vars || theme).shape.borderRadius,
@@ -58,11 +57,11 @@ var FilledInputRoot = styled(InputBaseRoot, {
         backgroundColor: theme.vars ? theme.vars.palette.FilledInput.bg : backgroundColor
       }
     }
-  }, _defineProperty(_objectSpread2, "&.".concat(filledInputClasses.focused), {
+  }, _defineProperty(_extends2, "&.".concat(filledInputClasses.focused), {
     backgroundColor: theme.vars ? theme.vars.palette.FilledInput.bg : backgroundColor
-  }), _defineProperty(_objectSpread2, "&.".concat(filledInputClasses.disabled), {
+  }), _defineProperty(_extends2, "&.".concat(filledInputClasses.disabled), {
     backgroundColor: theme.vars ? theme.vars.palette.FilledInput.disabledBg : disabledBackground
-  }), _objectSpread2), !ownerState.disableUnderline && (_ref2 = {
+  }), _extends2), !ownerState.disableUnderline && (_ref2 = {
     '&:after': {
       borderBottom: "2px solid ".concat((_palette = (theme.vars || theme).palette[ownerState.color || 'primary']) == null ? void 0 : _palette.main),
       left: 0,
@@ -102,16 +101,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 && _objectSpread(_objectSpread({
+  }, ownerState.multiline && _extends({
     padding: '25px 12px 8px'
   }, ownerState.size === 'small' && {
     paddingTop: 21,
     paddingBottom: 4
-  }), ownerState.hiddenLabel && {
+  }, ownerState.hiddenLabel && {
     paddingTop: 16,
     paddingBottom: 17
   }));
@@ -123,7 +122,7 @@ var FilledInputInput = styled(InputBaseInput, {
 })(function (_ref3) {
   var theme = _ref3.theme,
     ownerState = _ref3.ownerState;
-  return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
+  return _extends({
     paddingTop: 25,
     paddingRight: 12,
     paddingBottom: 8,
@@ -136,7 +135,7 @@ var FilledInputInput = styled(InputBaseInput, {
       borderTopLeftRadius: 'inherit',
       borderTopRightRadius: 'inherit'
     }
-  }), theme.vars && _defineProperty({
+  }, theme.vars && _defineProperty({
     '&:-webkit-autofill': {
       borderTopLeftRadius: 'inherit',
       borderTopRightRadius: 'inherit'
@@ -147,22 +146,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
   });
@@ -190,7 +189,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 = _objectSpread(_objectSpread({}, props), {}, {
+  var ownerState = _extends({}, props, {
     fullWidth: fullWidth,
     inputComponent: inputComponent,
     multiline: multiline,
@@ -208,7 +207,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, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(InputBase, _extends({
     slots: {
       root: RootSlot,
       input: InputSlot
@@ -219,7 +218,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,11 +1,9 @@
-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 { 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 = _objectSpread(_objectSpread({}, inputBaseClasses), generateUtilityClasses('MuiFilledInput', ['root', 'underline', 'input']));
+var filledInputClasses = _extends({}, inputBaseClasses, generateUtilityClasses('MuiFilledInput', ['root', 'underline', 'input']));
 export default filledInputClasses;

package/legacy/FormControl/FormControl.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';
@@ -28,11 +26,11 @@ var FormControlRoot = styled('div', {
   slot: 'Root',
   overridesResolver: function overridesResolver(_ref, styles) {
     var ownerState = _ref.ownerState;
-    return _objectSpread(_objectSpread(_objectSpread({}, styles.root), styles["margin".concat(capitalize(ownerState.margin))]), ownerState.fullWidth && styles.fullWidth);
+    return _extends({}, styles.root, styles["margin".concat(capitalize(ownerState.margin))], ownerState.fullWidth && styles.fullWidth);
   }
 })(function (_ref2) {
   var ownerState = _ref2.ownerState;
-  return _objectSpread(_objectSpread(_objectSpread({
+  return _extends({
     display: 'inline-flex',
     flexDirection: 'column',
     position: 'relative',
@@ -45,10 +43,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%'
   });
 });
@@ -106,7 +104,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 = _objectSpread(_objectSpread({}, props), {}, {
+  var ownerState = _extends({}, props, {
     color: color,
     component: component,
     disabled: disabled,
@@ -208,12 +206,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, _objectSpread(_objectSpread({
+    children: /*#__PURE__*/_jsx(FormControlRoot, _extends({
       as: component,
       ownerState: ownerState,
       className: clsx(classes.root, className),
       ref: ref
-    }, other), {}, {
+    }, other, {
       children: children
     }))
   });