@mui/material 5.13.1 → 5.13.2

package/legacy/ImageListItem/ImageListItem.js

@@ -1,7 +1,6 @@
 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 { unstable_composeClasses as composeClasses } from '@mui/base';
 import { integerPropType } from '@mui/utils';
 import clsx from 'clsx';
@@ -32,20 +31,20 @@ var ImageListItemRoot = styled('li', {
   }
 })(function (_ref2) {
   var ownerState = _ref2.ownerState;
-  return _objectSpread(_objectSpread(_objectSpread({
+  return _extends({
     display: 'block',
     position: 'relative'
   }, ownerState.variant === 'standard' && {
     // For titlebar under list item
     display: 'flex',
     flexDirection: 'column'
-  }), ownerState.variant === 'woven' && {
+  }, ownerState.variant === 'woven' && {
     height: '100%',
     alignSelf: 'center',
     '&:nth-of-type(even)': {
       height: '70%'
     }
-  }), {}, _defineProperty({}, "& .".concat(imageListItemClasses.img), _objectSpread({
+  }, _defineProperty({}, "& .".concat(imageListItemClasses.img), _extends({
     objectFit: 'cover',
     width: '100%',
     height: '100%',
@@ -83,7 +82,7 @@ var ImageListItem = /*#__PURE__*/React.forwardRef(function ImageListItem(inProps
   } else if (rowHeight !== 'auto') {
     height = rowHeight * rows + gap * (rows - 1);
   }
-  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
+  var ownerState = _extends({}, props, {
     cols: cols,
     component: component,
     gap: gap,
@@ -92,18 +91,18 @@ var ImageListItem = /*#__PURE__*/React.forwardRef(function ImageListItem(inProps
     variant: variant
   });
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(ImageListItemRoot, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(ImageListItemRoot, _extends({
     as: component,
     className: clsx(classes.root, classes[variant], className),
     ref: ref,
-    style: _objectSpread({
+    style: _extends({
       height: height,
       gridColumnEnd: variant !== 'masonry' ? "span ".concat(cols) : undefined,
       gridRowEnd: variant !== 'masonry' ? "span ".concat(rows) : undefined,
       marginBottom: variant === 'masonry' ? gap : undefined
     }, style),
     ownerState: ownerState
-  }, other), {}, {
+  }, other, {
     children: React.Children.map(children, function (child) {
       if (! /*#__PURE__*/React.isValidElement(child)) {
         return null;

package/legacy/ImageListItemBar/ImageListItemBar.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 { unstable_composeClasses as composeClasses } from '@mui/base';
 import clsx from 'clsx';
 import PropTypes from 'prop-types';
@@ -36,7 +34,7 @@ var ImageListItemBarRoot = styled('div', {
 })(function (_ref) {
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
-  return _objectSpread(_objectSpread(_objectSpread({
+  return _extends({
     position: 'absolute',
     left: 0,
     right: 0,
@@ -46,9 +44,9 @@ var ImageListItemBarRoot = styled('div', {
     fontFamily: theme.typography.fontFamily
   }, ownerState.position === 'bottom' && {
     bottom: 0
-  }), ownerState.position === 'top' && {
+  }, ownerState.position === 'top' && {
     top: 0
-  }), ownerState.position === 'below' && {
+  }, ownerState.position === 'below' && {
     position: 'relative',
     background: 'transparent',
     alignItems: 'normal'
@@ -64,7 +62,7 @@ var ImageListItemBarTitleWrap = styled('div', {
 })(function (_ref2) {
   var theme = _ref2.theme,
     ownerState = _ref2.ownerState;
-  return _objectSpread(_objectSpread(_objectSpread({
+  return _extends({
     flexGrow: 1,
     padding: '12px 16px',
     color: (theme.vars || theme).palette.common.white,
@@ -72,9 +70,9 @@ var ImageListItemBarTitleWrap = styled('div', {
   }, ownerState.position === 'below' && {
     padding: '6px 0 12px',
     color: 'inherit'
-  }), ownerState.actionIcon && ownerState.actionPosition === 'left' && {
+  }, ownerState.actionIcon && ownerState.actionPosition === 'left' && {
     paddingLeft: 0
-  }), ownerState.actionIcon && ownerState.actionPosition === 'right' && {
+  }, ownerState.actionIcon && ownerState.actionPosition === 'right' && {
     paddingRight: 0
   });
 });
@@ -119,7 +117,7 @@ var ImageListItemBarActionIcon = styled('div', {
   }
 })(function (_ref5) {
   var ownerState = _ref5.ownerState;
-  return _objectSpread({}, ownerState.actionPosition === 'left' && {
+  return _extends({}, ownerState.actionPosition === 'left' && {
     order: -1
   });
 });
@@ -137,16 +135,16 @@ var ImageListItemBar = /*#__PURE__*/React.forwardRef(function ImageListItemBar(i
     _props$position = props.position,
     position = _props$position === void 0 ? 'bottom' : _props$position,
     other = _objectWithoutProperties(props, ["actionIcon", "actionPosition", "className", "subtitle", "title", "position"]);
-  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
+  var ownerState = _extends({}, props, {
     position: position,
     actionPosition: actionPosition
   });
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsxs(ImageListItemBarRoot, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsxs(ImageListItemBarRoot, _extends({
     ownerState: ownerState,
     className: clsx(classes.root, className),
     ref: ref
-  }, other), {}, {
+  }, other, {
     children: [/*#__PURE__*/_jsxs(ImageListItemBarTitleWrap, {
       ownerState: ownerState,
       className: classes.titleWrap,

package/legacy/Input/Input.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 PropTypes from 'prop-types';
 import { unstable_composeClasses as composeClasses } from '@mui/base';
@@ -21,7 +20,7 @@ var useUtilityClasses = function useUtilityClasses(ownerState) {
     input: ['input']
   };
   var composedClasses = composeClasses(slots, getInputUtilityClass, classes);
-  return _objectSpread(_objectSpread({}, classes), composedClasses);
+  return _extends({}, classes, composedClasses);
 };
 var InputRoot = styled(InputBaseRoot, {
   shouldForwardProp: function shouldForwardProp(prop) {
@@ -42,13 +41,13 @@ var InputRoot = styled(InputBaseRoot, {
   if (theme.vars) {
     bottomLineColor = "rgba(".concat(theme.vars.palette.common.onBackgroundChannel, " / ").concat(theme.vars.opacity.inputUnderline, ")");
   }
-  return _objectSpread(_objectSpread({
+  return _extends({
     position: 'relative'
   }, ownerState.formControl && {
     'label + &': {
       marginTop: 16
     }
-  }), !ownerState.disableUnderline && (_ref2 = {
+  }, !ownerState.disableUnderline && (_ref2 = {
     '&:after': {
       borderBottom: "2px solid ".concat((theme.vars || theme).palette[ownerState.color].main),
       left: 0,
@@ -133,7 +132,7 @@ var Input = /*#__PURE__*/React.forwardRef(function Input(inProps, ref) {
   var componentsProps = (slotProps != null ? slotProps : componentsPropsProp) ? deepmerge(slotProps != null ? slotProps : componentsPropsProp, inputComponentsProps) : inputComponentsProps;
   var RootSlot = (_ref3 = (_slots$root = slots.root) != null ? _slots$root : components.Root) != null ? _ref3 : InputRoot;
   var InputSlot = (_ref4 = (_slots$input = slots.input) != null ? _slots$input : components.Input) != null ? _ref4 : InputInput;
-  return /*#__PURE__*/_jsx(InputBase, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(InputBase, _extends({
     slots: {
       root: RootSlot,
       input: InputSlot
@@ -144,7 +143,7 @@ var Input = /*#__PURE__*/React.forwardRef(function Input(inProps, ref) {
     multiline: multiline,
     ref: ref,
     type: type
-  }, other), {}, {
+  }, other, {
     classes: classes
   }));
 });

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

package/legacy/InputAdornment/InputAdornment.js

@@ -1,8 +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";
 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';
@@ -39,7 +38,7 @@ var InputAdornmentRoot = styled('div', {
 })(function (_ref) {
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
-  return _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+  return _extends({
     display: 'flex',
     height: '0.01em',
     // Fix IE11 flexbox alignment. To remove at some point.
@@ -49,13 +48,13 @@ var InputAdornmentRoot = styled('div', {
     color: (theme.vars || theme).palette.action.active
   }, ownerState.variant === 'filled' && _defineProperty({}, "&.".concat(inputAdornmentClasses.positionStart, "&:not(.").concat(inputAdornmentClasses.hiddenLabel, ")"), {
     marginTop: 16
-  })), ownerState.position === 'start' && {
+  }), ownerState.position === 'start' && {
     // Styles applied to the root element if `position="start"`.
     marginRight: 8
-  }), ownerState.position === 'end' && {
+  }, ownerState.position === 'end' && {
     // Styles applied to the root element if `position="end"`.
     marginLeft: 8
-  }), ownerState.disablePointerEvents === true && {
+  }, ownerState.disablePointerEvents === true && {
     // Styles applied to the root element if `disablePointerEvents={true}`.
     pointerEvents: 'none'
   });
@@ -88,7 +87,7 @@ var InputAdornment = /*#__PURE__*/React.forwardRef(function InputAdornment(inPro
   if (muiFormControl && !variant) {
     variant = muiFormControl.variant;
   }
-  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
+  var ownerState = _extends({}, props, {
     hiddenLabel: muiFormControl.hiddenLabel,
     size: muiFormControl.size,
     disablePointerEvents: disablePointerEvents,
@@ -98,12 +97,12 @@ var InputAdornment = /*#__PURE__*/React.forwardRef(function InputAdornment(inPro
   var classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(FormControlContext.Provider, {
     value: null,
-    children: /*#__PURE__*/_jsx(InputAdornmentRoot, _objectSpread(_objectSpread({
+    children: /*#__PURE__*/_jsx(InputAdornmentRoot, _extends({
       as: component,
       ownerState: ownerState,
       className: clsx(classes.root, className),
       ref: ref
-    }, other), {}, {
+    }, other, {
       children: typeof children === 'string' && !disableTypography ? /*#__PURE__*/_jsx(Typography, {
         color: "text.secondary",
         children: children

package/legacy/InputBase/InputBase.js

@@ -1,8 +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";
 import { formatMuiErrorMessage as _formatMuiErrorMessage } from "@mui/utils";
-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';
@@ -57,7 +56,7 @@ export var InputBaseRoot = styled('div', {
 })(function (_ref) {
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
-  return _objectSpread(_objectSpread(_objectSpread({}, theme.typography.body1), {}, _defineProperty({
+  return _extends({}, theme.typography.body1, _defineProperty({
     color: (theme.vars || theme).palette.text.primary,
     lineHeight: '1.4375em',
     // 23px
@@ -70,11 +69,11 @@ export var InputBaseRoot = styled('div', {
   }, "&.".concat(inputBaseClasses.disabled), {
     color: (theme.vars || theme).palette.text.disabled,
     cursor: 'default'
-  }), ownerState.multiline && _objectSpread({
+  }), ownerState.multiline && _extends({
     padding: '4px 0 5px'
   }, ownerState.size === 'small' && {
     paddingTop: 1
-  })), ownerState.fullWidth && {
+  }), ownerState.fullWidth && {
     width: '100%'
   });
 });
@@ -83,17 +82,17 @@ export var InputBaseComponent = styled('input', {
   slot: 'Input',
   overridesResolver: inputOverridesResolver
 })(function (_ref2) {
-  var _objectSpread3;
+  var _extends3;
   var theme = _ref2.theme,
     ownerState = _ref2.ownerState;
   var light = theme.palette.mode === 'light';
-  var placeholder = _objectSpread(_objectSpread({
+  var placeholder = _extends({
     color: 'currentColor'
   }, theme.vars ? {
     opacity: theme.vars.opacity.inputPlaceholder
   } : {
     opacity: light ? 0.42 : 0.5
-  }), {}, {
+  }, {
     transition: theme.transitions.create('opacity', {
       duration: theme.transitions.duration.shorter
     })
@@ -106,7 +105,7 @@ export var InputBaseComponent = styled('input', {
   } : {
     opacity: light ? 0.42 : 0.5
   };
-  return _objectSpread(_objectSpread(_objectSpread((_objectSpread3 = {
+  return _extends((_extends3 = {
     font: 'inherit',
     letterSpacing: 'inherit',
     color: 'currentColor',
@@ -144,7 +143,7 @@ export var InputBaseComponent = styled('input', {
       // Remove the padding when type=search.
       WebkitAppearance: 'none'
     }
-  }, _defineProperty(_objectSpread3, "label[data-shrink=false] + .".concat(inputBaseClasses.formControl, " &"), {
+  }, _defineProperty(_extends3, "label[data-shrink=false] + .".concat(inputBaseClasses.formControl, " &"), {
     '&::-webkit-input-placeholder': placeholderHidden,
     '&::-moz-placeholder': placeholderHidden,
     // Firefox 19+
@@ -158,21 +157,21 @@ export var InputBaseComponent = styled('input', {
     '&:focus:-ms-input-placeholder': placeholderVisible,
     // IE11
     '&:focus::-ms-input-placeholder': placeholderVisible // Edge
-  }), _defineProperty(_objectSpread3, "&.".concat(inputBaseClasses.disabled), {
+  }), _defineProperty(_extends3, "&.".concat(inputBaseClasses.disabled), {
     opacity: 1,
     // Reset iOS opacity
     WebkitTextFillColor: (theme.vars || theme).palette.text.disabled // Fix opacity Safari bug
-  }), _defineProperty(_objectSpread3, '&:-webkit-autofill', {
+  }), _defineProperty(_extends3, '&:-webkit-autofill', {
     animationDuration: '5000s',
     animationName: 'mui-auto-fill'
-  }), _objectSpread3), ownerState.size === 'small' && {
+  }), _extends3), ownerState.size === 'small' && {
     paddingTop: 1
-  }), ownerState.multiline && {
+  }, ownerState.multiline && {
     height: 'auto',
     resize: 'none',
     padding: 0,
     paddingTop: 0
-  }), ownerState.type === 'search' && {
+  }, ownerState.type === 'search' && {
     // Improve type search style.
     MozAppearance: 'textfield'
   });
@@ -389,13 +388,13 @@ var InputBase = /*#__PURE__*/React.forwardRef(function InputBase(inProps, ref) {
           console.warn('MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set.');
         }
       }
-      inputProps = _objectSpread({
+      inputProps = _extends({
         type: undefined,
         minRows: rows,
         maxRows: rows
       }, inputProps);
     } else {
-      inputProps = _objectSpread({
+      inputProps = _extends({
         type: undefined,
         maxRows: maxRows,
         minRows: minRows
@@ -414,7 +413,7 @@ var InputBase = /*#__PURE__*/React.forwardRef(function InputBase(inProps, ref) {
       muiFormControl.setAdornedStart(Boolean(startAdornment));
     }
   }, [muiFormControl, startAdornment]);
-  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
+  var ownerState = _extends({}, props, {
     color: fcs.color || 'primary',
     disabled: fcs.disabled,
     endAdornment: endAdornment,
@@ -432,18 +431,18 @@ var InputBase = /*#__PURE__*/React.forwardRef(function InputBase(inProps, ref) {
   var Root = slots.root || components.Root || InputBaseRoot;
   var rootProps = slotProps.root || componentsProps.root || {};
   var Input = slots.input || components.Input || InputBaseComponent;
-  inputProps = _objectSpread(_objectSpread({}, inputProps), (_slotProps$input = slotProps.input) != null ? _slotProps$input : componentsProps.input);
+  inputProps = _extends({}, inputProps, (_slotProps$input = slotProps.input) != null ? _slotProps$input : componentsProps.input);
   return /*#__PURE__*/_jsxs(React.Fragment, {
-    children: [!disableInjectingGlobalStyles && inputGlobalStyles, /*#__PURE__*/_jsxs(Root, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, rootProps), !isHostComponent(Root) && {
-      ownerState: _objectSpread(_objectSpread({}, ownerState), rootProps.ownerState)
-    }), {}, {
+    children: [!disableInjectingGlobalStyles && inputGlobalStyles, /*#__PURE__*/_jsxs(Root, _extends({}, rootProps, !isHostComponent(Root) && {
+      ownerState: _extends({}, ownerState, rootProps.ownerState)
+    }, {
       ref: ref,
       onClick: handleClick
-    }, other), {}, {
+    }, other, {
       className: clsx(classes.root, rootProps.className, className, readOnly && 'MuiInputBase-readOnly'),
       children: [startAdornment, /*#__PURE__*/_jsx(FormControlContext.Provider, {
         value: null,
-        children: /*#__PURE__*/_jsx(Input, _objectSpread(_objectSpread(_objectSpread({
+        children: /*#__PURE__*/_jsx(Input, _extends({
           ownerState: ownerState,
           "aria-invalid": fcs.error,
           "aria-describedby": ariaDescribedby,
@@ -462,17 +461,17 @@ var InputBase = /*#__PURE__*/React.forwardRef(function InputBase(inProps, ref) {
           onKeyDown: onKeyDown,
           onKeyUp: onKeyUp,
           type: type
-        }, inputProps), !isHostComponent(Input) && {
+        }, inputProps, !isHostComponent(Input) && {
           as: InputComponent,
-          ownerState: _objectSpread(_objectSpread({}, ownerState), inputProps.ownerState)
-        }), {}, {
+          ownerState: _extends({}, ownerState, inputProps.ownerState)
+        }, {
           ref: handleInputRef,
           className: clsx(classes.input, inputProps.className, readOnly && 'MuiInputBase-readOnly'),
           onBlur: handleBlur,
           onChange: handleChange,
           onFocus: handleFocus
         }))
-      }), endAdornment, renderSuffix ? renderSuffix(_objectSpread(_objectSpread({}, fcs), {}, {
+      }), endAdornment, renderSuffix ? renderSuffix(_extends({}, fcs, {
         startAdornment: startAdornment
       })) : null]
     }))]

package/legacy/InputLabel/InputLabel.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 { unstable_composeClasses as composeClasses } from '@mui/base';
@@ -26,7 +25,7 @@ var useUtilityClasses = function useUtilityClasses(ownerState) {
     asterisk: [required && 'asterisk']
   };
   var composedClasses = composeClasses(slots, getInputLabelUtilityClasses, classes);
-  return _objectSpread(_objectSpread({}, classes), composedClasses);
+  return _extends({}, classes, composedClasses);
 };
 var InputLabelRoot = styled(FormLabel, {
   shouldForwardProp: function shouldForwardProp(prop) {
@@ -41,7 +40,7 @@ var InputLabelRoot = styled(FormLabel, {
 })(function (_ref2) {
   var theme = _ref2.theme,
     ownerState = _ref2.ownerState;
-  return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
+  return _extends({
     display: 'block',
     transformOrigin: 'top left',
     whiteSpace: 'nowrap',
@@ -54,19 +53,19 @@ var InputLabelRoot = styled(FormLabel, {
     top: 0,
     // slight alteration to spec spacing to match visual spec result
     transform: 'translate(0, 20px) scale(1)'
-  }), ownerState.size === 'small' && {
+  }, ownerState.size === 'small' && {
     // Compensation for the `Input.inputSizeSmall` style.
     transform: 'translate(0, 17px) scale(1)'
-  }), ownerState.shrink && {
+  }, ownerState.shrink && {
     transform: 'translate(0, -1.5px) scale(0.75)',
     transformOrigin: 'top left',
     maxWidth: '133%'
-  }), !ownerState.disableAnimation && {
+  }, !ownerState.disableAnimation && {
     transition: theme.transitions.create(['color', 'transform', 'max-width'], {
       duration: theme.transitions.duration.shorter,
       easing: theme.transitions.easing.easeOut
     })
-  }), ownerState.variant === 'filled' && _objectSpread(_objectSpread({
+  }, ownerState.variant === 'filled' && _extends({
     // Chrome's autofill feature gives the input field a yellow background.
     // Since the input field is behind the label in the HTML tree,
     // the input field is drawn last and hides the label with an opaque background color.
@@ -77,14 +76,14 @@ var InputLabelRoot = styled(FormLabel, {
     maxWidth: 'calc(100% - 24px)'
   }, ownerState.size === 'small' && {
     transform: 'translate(12px, 13px) scale(1)'
-  }), ownerState.shrink && _objectSpread({
+  }, ownerState.shrink && _extends({
     userSelect: 'none',
     pointerEvents: 'auto',
     transform: 'translate(12px, 7px) scale(0.75)',
     maxWidth: 'calc(133% - 24px)'
   }, ownerState.size === 'small' && {
     transform: 'translate(12px, 4px) scale(0.75)'
-  }))), ownerState.variant === 'outlined' && _objectSpread(_objectSpread({
+  })), ownerState.variant === 'outlined' && _extends({
     // see comment above on filled.zIndex
     zIndex: 1,
     pointerEvents: 'none',
@@ -92,7 +91,7 @@ var InputLabelRoot = styled(FormLabel, {
     maxWidth: 'calc(100% - 24px)'
   }, ownerState.size === 'small' && {
     transform: 'translate(14px, 9px) scale(1)'
-  }), ownerState.shrink && {
+  }, ownerState.shrink && {
     userSelect: 'none',
     pointerEvents: 'auto',
     // Theoretically, we should have (8+5)*2/0.75 = 34px
@@ -123,7 +122,7 @@ var InputLabel = /*#__PURE__*/React.forwardRef(function InputLabel(inProps, ref)
     muiFormControl: muiFormControl,
     states: ['size', 'variant', 'required']
   });
-  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
+  var ownerState = _extends({}, props, {
     disableAnimation: disableAnimation,
     formControl: muiFormControl,
     shrink: shrink,
@@ -132,12 +131,12 @@ var InputLabel = /*#__PURE__*/React.forwardRef(function InputLabel(inProps, ref)
     required: fcs.required
   });
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(InputLabelRoot, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(InputLabelRoot, _extends({
     "data-shrink": shrink,
     ownerState: ownerState,
     ref: ref,
     className: clsx(classes.root, className)
-  }, other), {}, {
+  }, other, {
     classes: classes
   }));
 });