@mui/material 5.12.3 → 5.13.1

package/node/Input/Input.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _base = require("@mui/base");
@@ -17,7 +15,6 @@ var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _inputClasses = _interopRequireWildcard(require("./inputClasses"));
 var _InputBase2 = require("../InputBase/InputBase");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["disableUnderline", "components", "componentsProps", "fullWidth", "inputComponent", "multiline", "slotProps", "slots", "type"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const useUtilityClasses = ownerState => {
@@ -30,7 +27,11 @@ const useUtilityClasses = ownerState => {
     input: ['input']
   };
   const composedClasses = (0, _base.unstable_composeClasses)(slots, _inputClasses.getInputUtilityClass, classes);
-  return (0, _extends2.default)({}, classes, composedClasses);
+  return {
+    ...classes,
+    // forward classes to the InputBase
+    ...composedClasses
+  };
 };
 const InputRoot = (0, _styled.default)(_InputBase2.InputBaseRoot, {
   shouldForwardProp: prop => (0, _styled.rootShouldForwardProp)(prop) || prop === 'classes',
@@ -51,64 +52,66 @@ const InputRoot = (0, _styled.default)(_InputBase2.InputBaseRoot, {
   if (theme.vars) {
     bottomLineColor = `rgba(${theme.vars.palette.common.onBackgroundChannel} / ${theme.vars.opacity.inputUnderline})`;
   }
-  return (0, _extends2.default)({
-    position: 'relative'
-  }, ownerState.formControl && {
-    'label + &': {
-      marginTop: 16
-    }
-  }, !ownerState.disableUnderline && {
-    '&:after': {
-      borderBottom: `2px solid ${(theme.vars || theme).palette[ownerState.color].main}`,
-      left: 0,
-      bottom: 0,
-      // Doing the other way around crash on IE11 "''" https://github.com/cssinjs/jss/issues/242
-      content: '""',
-      position: 'absolute',
-      right: 0,
-      transform: 'scaleX(0)',
-      transition: theme.transitions.create('transform', {
-        duration: theme.transitions.duration.shorter,
-        easing: theme.transitions.easing.easeOut
-      }),
-      pointerEvents: 'none' // Transparent to the hover style.
-    },
-
-    [`&.${_inputClasses.default.focused}:after`]: {
-      // translateX(0) is a workaround for Safari transform scale bug
-      // See https://github.com/mui/material-ui/issues/31766
-      transform: 'scaleX(1) translateX(0)'
-    },
-    [`&.${_inputClasses.default.error}`]: {
-      '&:before, &:after': {
-        borderBottomColor: (theme.vars || theme).palette.error.main
+  return {
+    position: 'relative',
+    ...(ownerState.formControl && {
+      'label + &': {
+        marginTop: 16
       }
-    },
-    '&:before': {
-      borderBottom: `1px solid ${bottomLineColor}`,
-      left: 0,
-      bottom: 0,
-      // Doing the other way around crash on IE11 "''" https://github.com/cssinjs/jss/issues/242
-      content: '"\\00a0"',
-      position: 'absolute',
-      right: 0,
-      transition: theme.transitions.create('border-bottom-color', {
-        duration: theme.transitions.duration.shorter
-      }),
-      pointerEvents: 'none' // Transparent to the hover style.
-    },
+    }),
+    ...(!ownerState.disableUnderline && {
+      '&:after': {
+        borderBottom: `2px solid ${(theme.vars || theme).palette[ownerState.color].main}`,
+        left: 0,
+        bottom: 0,
+        // Doing the other way around crash on IE11 "''" https://github.com/cssinjs/jss/issues/242
+        content: '""',
+        position: 'absolute',
+        right: 0,
+        transform: 'scaleX(0)',
+        transition: theme.transitions.create('transform', {
+          duration: theme.transitions.duration.shorter,
+          easing: theme.transitions.easing.easeOut
+        }),
+        pointerEvents: 'none' // Transparent to the hover style.
+      },
 
-    [`&:hover:not(.${_inputClasses.default.disabled}, .${_inputClasses.default.error}):before`]: {
-      borderBottom: `2px solid ${(theme.vars || theme).palette.text.primary}`,
-      // Reset on touch devices, it doesn't add specificity
-      '@media (hover: none)': {
-        borderBottom: `1px solid ${bottomLineColor}`
+      [`&.${_inputClasses.default.focused}:after`]: {
+        // translateX(0) is a workaround for Safari transform scale bug
+        // See https://github.com/mui/material-ui/issues/31766
+        transform: 'scaleX(1) translateX(0)'
+      },
+      [`&.${_inputClasses.default.error}`]: {
+        '&:before, &:after': {
+          borderBottomColor: (theme.vars || theme).palette.error.main
+        }
+      },
+      '&:before': {
+        borderBottom: `1px solid ${bottomLineColor}`,
+        left: 0,
+        bottom: 0,
+        // Doing the other way around crash on IE11 "''" https://github.com/cssinjs/jss/issues/242
+        content: '"\\00a0"',
+        position: 'absolute',
+        right: 0,
+        transition: theme.transitions.create('border-bottom-color', {
+          duration: theme.transitions.duration.shorter
+        }),
+        pointerEvents: 'none' // Transparent to the hover style.
+      },
+
+      [`&:hover:not(.${_inputClasses.default.disabled}, .${_inputClasses.default.error}):before`]: {
+        borderBottom: `2px solid ${(theme.vars || theme).palette.text.primary}`,
+        // Reset on touch devices, it doesn't add specificity
+        '@media (hover: none)': {
+          borderBottom: `1px solid ${bottomLineColor}`
+        }
+      },
+      [`&.${_inputClasses.default.disabled}:before`]: {
+        borderBottomStyle: 'dotted'
       }
-    },
-    [`&.${_inputClasses.default.disabled}:before`]: {
-      borderBottomStyle: 'dotted'
-    }
-  });
+    })
+  };
 });
 const InputInput = (0, _styled.default)(_InputBase2.InputBaseComponent, {
   name: 'MuiInput',
@@ -122,17 +125,17 @@ const Input = /*#__PURE__*/React.forwardRef(function Input(inProps, ref) {
     name: 'MuiInput'
   });
   const {
-      disableUnderline,
-      components = {},
-      componentsProps: componentsPropsProp,
-      fullWidth = false,
-      inputComponent = 'input',
-      multiline = false,
-      slotProps,
-      slots = {},
-      type = 'text'
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+    disableUnderline,
+    components = {},
+    componentsProps: componentsPropsProp,
+    fullWidth = false,
+    inputComponent = 'input',
+    multiline = false,
+    slotProps,
+    slots = {},
+    type = 'text',
+    ...other
+  } = props;
   const classes = useUtilityClasses(props);
   const ownerState = {
     disableUnderline
@@ -145,7 +148,7 @@ const Input = /*#__PURE__*/React.forwardRef(function Input(inProps, ref) {
   const componentsProps = (slotProps != null ? slotProps : componentsPropsProp) ? (0, _utils.deepmerge)(slotProps != null ? slotProps : componentsPropsProp, inputComponentsProps) : inputComponentsProps;
   const RootSlot = (_ref = (_slots$root = slots.root) != null ? _slots$root : components.Root) != null ? _ref : InputRoot;
   const InputSlot = (_ref2 = (_slots$input = slots.input) != null ? _slots$input : components.Input) != null ? _ref2 : InputInput;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputBase.default, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputBase.default, {
     slots: {
       root: RootSlot,
       input: InputSlot
@@ -155,10 +158,10 @@ const Input = /*#__PURE__*/React.forwardRef(function Input(inProps, ref) {
     inputComponent: inputComponent,
     multiline: multiline,
     ref: ref,
-    type: type
-  }, other, {
+    type: type,
+    ...other,
     classes: classes
-  }));
+  });
 });
 process.env.NODE_ENV !== "production" ? Input.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/node/Input/inputClasses.js

@@ -6,13 +6,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.getInputUtilityClass = getInputUtilityClass;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _utils = require("@mui/utils");
 var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
 var _InputBase = require("../InputBase");
 function getInputUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiInput', slot);
 }
-const inputClasses = (0, _extends2.default)({}, _InputBase.inputBaseClasses, (0, _utils.unstable_generateUtilityClasses)('MuiInput', ['root', 'underline', 'input']));
+const inputClasses = {
+  ..._InputBase.inputBaseClasses,
+  ...(0, _utils.unstable_generateUtilityClasses)('MuiInput', ['root', 'underline', 'input'])
+};
 var _default = inputClasses;
 exports.default = _default;

package/node/InputAdornment/InputAdornment.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
@@ -20,7 +18,6 @@ var _inputAdornmentClasses = _interopRequireWildcard(require("./inputAdornmentCl
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _span;
-const _excluded = ["children", "className", "component", "disablePointerEvents", "disableTypography", "position", "variant"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const overridesResolver = (props, styles) => {
@@ -50,28 +47,32 @@ const InputAdornmentRoot = (0, _styled.default)('div', {
 })(({
   theme,
   ownerState
-}) => (0, _extends2.default)({
+}) => ({
   display: 'flex',
   height: '0.01em',
   // Fix IE11 flexbox alignment. To remove at some point.
   maxHeight: '2em',
   alignItems: 'center',
   whiteSpace: 'nowrap',
-  color: (theme.vars || theme).palette.action.active
-}, ownerState.variant === 'filled' && {
-  // Styles applied to the root element if `variant="filled"`.
-  [`&.${_inputAdornmentClasses.default.positionStart}&:not(.${_inputAdornmentClasses.default.hiddenLabel})`]: {
-    marginTop: 16
-  }
-}, ownerState.position === 'start' && {
-  // Styles applied to the root element if `position="start"`.
-  marginRight: 8
-}, ownerState.position === 'end' && {
-  // Styles applied to the root element if `position="end"`.
-  marginLeft: 8
-}, ownerState.disablePointerEvents === true && {
-  // Styles applied to the root element if `disablePointerEvents={true}`.
-  pointerEvents: 'none'
+  color: (theme.vars || theme).palette.action.active,
+  ...(ownerState.variant === 'filled' && {
+    // Styles applied to the root element if `variant="filled"`.
+    [`&.${_inputAdornmentClasses.default.positionStart}&:not(.${_inputAdornmentClasses.default.hiddenLabel})`]: {
+      marginTop: 16
+    }
+  }),
+  ...(ownerState.position === 'start' && {
+    // Styles applied to the root element if `position="start"`.
+    marginRight: 8
+  }),
+  ...(ownerState.position === 'end' && {
+    // Styles applied to the root element if `position="end"`.
+    marginLeft: 8
+  }),
+  ...(ownerState.disablePointerEvents === true && {
+    // Styles applied to the root element if `disablePointerEvents={true}`.
+    pointerEvents: 'none'
+  })
 }));
 const InputAdornment = /*#__PURE__*/React.forwardRef(function InputAdornment(inProps, ref) {
   const props = (0, _useThemeProps.default)({
@@ -79,15 +80,15 @@ const InputAdornment = /*#__PURE__*/React.forwardRef(function InputAdornment(inP
     name: 'MuiInputAdornment'
   });
   const {
-      children,
-      className,
-      component = 'div',
-      disablePointerEvents = false,
-      disableTypography = false,
-      position,
-      variant: variantProp
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+    children,
+    className,
+    component = 'div',
+    disablePointerEvents = false,
+    disableTypography = false,
+    position,
+    variant: variantProp,
+    ...other
+  } = props;
   const muiFormControl = (0, _useFormControl.default)() || {};
   let variant = variantProp;
   if (variantProp && muiFormControl.variant) {
@@ -100,22 +101,23 @@ const InputAdornment = /*#__PURE__*/React.forwardRef(function InputAdornment(inP
   if (muiFormControl && !variant) {
     variant = muiFormControl.variant;
   }
-  const ownerState = (0, _extends2.default)({}, props, {
+  const ownerState = {
+    ...props,
     hiddenLabel: muiFormControl.hiddenLabel,
     size: muiFormControl.size,
     disablePointerEvents,
     position,
     variant
-  });
+  };
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormControlContext.default.Provider, {
     value: null,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(InputAdornmentRoot, (0, _extends2.default)({
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(InputAdornmentRoot, {
       as: component,
       ownerState: ownerState,
       className: (0, _clsx.default)(classes.root, className),
-      ref: ref
-    }, other, {
+      ref: ref,
+      ...other,
       children: typeof children === 'string' && !disableTypography ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
         color: "text.secondary",
         children: children
@@ -125,7 +127,7 @@ const InputAdornment = /*#__PURE__*/React.forwardRef(function InputAdornment(inP
           children: "\u200B"
         })) : null, children]
       })
-    }))
+    })
   });
 });
 process.env.NODE_ENV !== "production" ? InputAdornment.propTypes /* remove-proptypes */ = {

package/node/InputBase/InputBase.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.rootOverridesResolver = exports.inputOverridesResolver = exports.default = exports.InputBaseRoot = exports.InputBaseComponent = void 0;
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _utils = require("@mui/utils");
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -24,7 +22,6 @@ var _GlobalStyles = _interopRequireDefault(require("../GlobalStyles"));
 var _utils2 = require("./utils");
 var _inputBaseClasses = _interopRequireWildcard(require("./inputBaseClasses"));
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["aria-describedby", "autoComplete", "autoFocus", "className", "color", "components", "componentsProps", "defaultValue", "disabled", "disableInjectingGlobalStyles", "endAdornment", "error", "fullWidth", "id", "inputComponent", "inputProps", "inputRef", "margin", "maxRows", "minRows", "multiline", "name", "onBlur", "onChange", "onClick", "onFocus", "onKeyDown", "onKeyUp", "placeholder", "readOnly", "renderSuffix", "rows", "size", "slotProps", "slots", "startAdornment", "type", "value"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const rootOverridesResolver = (props, styles) => {
@@ -71,7 +68,8 @@ const InputBaseRoot = (0, _styled.default)('div', {
 })(({
   theme,
   ownerState
-}) => (0, _extends2.default)({}, theme.typography.body1, {
+}) => ({
+  ...theme.typography.body1,
   color: (theme.vars || theme).palette.text.primary,
   lineHeight: '1.4375em',
   // 23px
@@ -84,13 +82,16 @@ const InputBaseRoot = (0, _styled.default)('div', {
   [`&.${_inputBaseClasses.default.disabled}`]: {
     color: (theme.vars || theme).palette.text.disabled,
     cursor: 'default'
-  }
-}, ownerState.multiline && (0, _extends2.default)({
-  padding: '4px 0 5px'
-}, ownerState.size === 'small' && {
-  paddingTop: 1
-}), ownerState.fullWidth && {
-  width: '100%'
+  },
+  ...(ownerState.multiline && {
+    padding: '4px 0 5px',
+    ...(ownerState.size === 'small' && {
+      paddingTop: 1
+    })
+  }),
+  ...(ownerState.fullWidth && {
+    width: '100%'
+  })
 }));
 exports.InputBaseRoot = InputBaseRoot;
 const InputBaseComponent = (0, _styled.default)('input', {
@@ -102,17 +103,17 @@ const InputBaseComponent = (0, _styled.default)('input', {
   ownerState
 }) => {
   const light = theme.palette.mode === 'light';
-  const placeholder = (0, _extends2.default)({
-    color: 'currentColor'
-  }, theme.vars ? {
-    opacity: theme.vars.opacity.inputPlaceholder
-  } : {
-    opacity: light ? 0.42 : 0.5
-  }, {
+  const placeholder = {
+    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
     })
-  });
+  };
   const placeholderHidden = {
     opacity: '0 !important'
   };
@@ -121,7 +122,7 @@ const InputBaseComponent = (0, _styled.default)('input', {
   } : {
     opacity: light ? 0.42 : 0.5
   };
-  return (0, _extends2.default)({
+  return {
     font: 'inherit',
     letterSpacing: 'inherit',
     color: 'currentColor',
@@ -185,18 +186,21 @@ const InputBaseComponent = (0, _styled.default)('input', {
     '&:-webkit-autofill': {
       animationDuration: '5000s',
       animationName: 'mui-auto-fill'
-    }
-  }, ownerState.size === 'small' && {
-    paddingTop: 1
-  }, ownerState.multiline && {
-    height: 'auto',
-    resize: 'none',
-    padding: 0,
-    paddingTop: 0
-  }, ownerState.type === 'search' && {
-    // Improve type search style.
-    MozAppearance: 'textfield'
-  });
+    },
+    ...(ownerState.size === 'small' && {
+      paddingTop: 1
+    }),
+    ...(ownerState.multiline && {
+      height: 'auto',
+      resize: 'none',
+      padding: 0,
+      paddingTop: 0
+    }),
+    ...(ownerState.type === 'search' && {
+      // Improve type search style.
+      MozAppearance: 'textfield'
+    })
+  };
 });
 exports.InputBaseComponent = InputBaseComponent;
 const inputGlobalStyles = /*#__PURE__*/(0, _jsxRuntime.jsx)(_GlobalStyles.default, {
@@ -226,42 +230,46 @@ const InputBase = /*#__PURE__*/React.forwardRef(function InputBase(inProps, ref)
     name: 'MuiInputBase'
   });
   const {
-      'aria-describedby': ariaDescribedby,
-      autoComplete,
-      autoFocus,
-      className,
-      components = {},
-      componentsProps = {},
-      defaultValue,
-      disabled,
-      disableInjectingGlobalStyles,
-      endAdornment,
-      fullWidth = false,
-      id,
-      inputComponent = 'input',
-      inputProps: inputPropsProp = {},
-      inputRef: inputRefProp,
-      maxRows,
-      minRows,
-      multiline = false,
-      name,
-      onBlur,
-      onChange,
-      onClick,
-      onFocus,
-      onKeyDown,
-      onKeyUp,
-      placeholder,
-      readOnly,
-      renderSuffix,
-      rows,
-      slotProps = {},
-      slots = {},
-      startAdornment,
-      type = 'text',
-      value: valueProp
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+    'aria-describedby': ariaDescribedby,
+    autoComplete,
+    autoFocus,
+    className,
+    color,
+    components = {},
+    componentsProps = {},
+    defaultValue,
+    disabled,
+    disableInjectingGlobalStyles,
+    endAdornment,
+    error,
+    fullWidth = false,
+    id,
+    inputComponent = 'input',
+    inputProps: inputPropsProp = {},
+    inputRef: inputRefProp,
+    margin,
+    maxRows,
+    minRows,
+    multiline = false,
+    name,
+    onBlur,
+    onChange,
+    onClick,
+    onFocus,
+    onKeyDown,
+    onKeyUp,
+    placeholder,
+    readOnly,
+    renderSuffix,
+    rows,
+    size,
+    slotProps = {},
+    slots = {},
+    startAdornment,
+    type = 'text',
+    value: valueProp,
+    ...other
+  } = props;
   const value = inputPropsProp.value != null ? inputPropsProp.value : valueProp;
   const {
     current: isControlled
@@ -396,17 +404,19 @@ const 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 = (0, _extends2.default)({
+      inputProps = {
         type: undefined,
         minRows: rows,
-        maxRows: rows
-      }, inputProps);
+        maxRows: rows,
+        ...inputProps
+      };
     } else {
-      inputProps = (0, _extends2.default)({
+      inputProps = {
         type: undefined,
         maxRows,
-        minRows
-      }, inputProps);
+        minRows,
+        ...inputProps
+      };
     }
     InputComponent = _base.TextareaAutosize;
   }
@@ -421,7 +431,8 @@ const InputBase = /*#__PURE__*/React.forwardRef(function InputBase(inProps, ref)
       muiFormControl.setAdornedStart(Boolean(startAdornment));
     }
   }, [muiFormControl, startAdornment]);
-  const ownerState = (0, _extends2.default)({}, props, {
+  const ownerState = {
+    ...props,
     color: fcs.color || 'primary',
     disabled: fcs.disabled,
     endAdornment,
@@ -434,23 +445,31 @@ const InputBase = /*#__PURE__*/React.forwardRef(function InputBase(inProps, ref)
     size: fcs.size,
     startAdornment,
     type
-  });
+  };
   const classes = useUtilityClasses(ownerState);
   const Root = slots.root || components.Root || InputBaseRoot;
   const rootProps = slotProps.root || componentsProps.root || {};
   const Input = slots.input || components.Input || InputBaseComponent;
-  inputProps = (0, _extends2.default)({}, inputProps, (_slotProps$input = slotProps.input) != null ? _slotProps$input : componentsProps.input);
+  inputProps = {
+    ...inputProps,
+    ...((_slotProps$input = slotProps.input) != null ? _slotProps$input : componentsProps.input)
+  };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
-    children: [!disableInjectingGlobalStyles && inputGlobalStyles, /*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, (0, _extends2.default)({}, rootProps, !(0, _base.isHostComponent)(Root) && {
-      ownerState: (0, _extends2.default)({}, ownerState, rootProps.ownerState)
-    }, {
+    children: [!disableInjectingGlobalStyles && inputGlobalStyles, /*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, {
+      ...rootProps,
+      ...(!(0, _base.isHostComponent)(Root) && {
+        ownerState: {
+          ...ownerState,
+          ...rootProps.ownerState
+        }
+      }),
       ref: ref,
-      onClick: handleClick
-    }, other, {
+      onClick: handleClick,
+      ...other,
       className: (0, _clsx.default)(classes.root, rootProps.className, className, readOnly && 'MuiInputBase-readOnly'),
       children: [startAdornment, /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormControlContext.default.Provider, {
         value: null,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Input, (0, _extends2.default)({
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Input, {
           ownerState: ownerState,
           "aria-invalid": fcs.error,
           "aria-describedby": ariaDescribedby,
@@ -468,21 +487,26 @@ const InputBase = /*#__PURE__*/React.forwardRef(function InputBase(inProps, ref)
           value: value,
           onKeyDown: onKeyDown,
           onKeyUp: onKeyUp,
-          type: type
-        }, inputProps, !(0, _base.isHostComponent)(Input) && {
-          as: InputComponent,
-          ownerState: (0, _extends2.default)({}, ownerState, inputProps.ownerState)
-        }, {
+          type: type,
+          ...inputProps,
+          ...(!(0, _base.isHostComponent)(Input) && {
+            as: InputComponent,
+            ownerState: {
+              ...ownerState,
+              ...inputProps.ownerState
+            }
+          }),
           ref: handleInputRef,
           className: (0, _clsx.default)(classes.input, inputProps.className, readOnly && 'MuiInputBase-readOnly'),
           onBlur: handleBlur,
           onChange: handleChange,
           onFocus: handleFocus
-        }))
-      }), endAdornment, renderSuffix ? renderSuffix((0, _extends2.default)({}, fcs, {
+        })
+      }), endAdornment, renderSuffix ? renderSuffix({
+        ...fcs,
         startAdornment
-      })) : null]
-    }))]
+      }) : null]
+    })]
   });
 });
 process.env.NODE_ENV !== "production" ? InputBase.propTypes /* remove-proptypes */ = {