@mui/material 5.0.3 → 5.0.4

package/umd/material-ui.development.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.0.3
+/** @license MUI v5.0.4
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -6201,7 +6201,7 @@
 
   styleFunctionSx.filterProps = ['sx'];
 
-  const _excluded$2n = ["sx"];
+  const _excluded$2o = ["sx"];
 
   const splitProps = props => {
     const result = {
@@ -6222,7 +6222,7 @@
     const {
       sx: inSx
     } = props,
-          other = _objectWithoutPropertiesLoose(props, _excluded$2n);
+          other = _objectWithoutPropertiesLoose(props, _excluded$2o);
 
     const {
       systemProps,
@@ -6274,7 +6274,7 @@
   	return str;
   }
 
-  const _excluded$2m = ["values", "unit", "step"];
+  const _excluded$2n = ["values", "unit", "step"];
 
   function createBreakpoints(breakpoints) {
     const {
@@ -6295,7 +6295,7 @@
       unit = 'px',
       step = 5
     } = breakpoints,
-          other = _objectWithoutPropertiesLoose(breakpoints, _excluded$2m);
+          other = _objectWithoutPropertiesLoose(breakpoints, _excluded$2n);
 
     const keys = Object.keys(values);
 
@@ -6370,7 +6370,7 @@
     return spacing;
   }
 
-  const _excluded$2l = ["breakpoints", "palette", "spacing", "shape"];
+  const _excluded$2m = ["breakpoints", "palette", "spacing", "shape"];
 
   function createTheme$1(options = {}, ...args) {
     const {
@@ -6379,7 +6379,7 @@
       spacing: spacingInput,
       shape: shapeInput = {}
     } = options,
-          other = _objectWithoutPropertiesLoose(options, _excluded$2l);
+          other = _objectWithoutPropertiesLoose(options, _excluded$2m);
 
     const breakpoints = createBreakpoints(breakpointsInput);
     const spacing = createSpacing(spacingInput);
@@ -6501,7 +6501,7 @@
     return useTheme$2(defaultTheme);
   }
 
-  const _excluded$2k = ["className", "component"];
+  const _excluded$2l = ["className", "component"];
   function createBox(options = {}) {
     const {
       defaultTheme
@@ -6515,7 +6515,7 @@
         className,
         component = 'div'
       } = _extendSxProp,
-            other = _objectWithoutPropertiesLoose(_extendSxProp, _excluded$2k);
+            other = _objectWithoutPropertiesLoose(_extendSxProp, _excluded$2l);
 
       return /*#__PURE__*/jsxRuntime_1(BoxRoot, _extends({
         as: component,
@@ -6551,7 +6551,7 @@
     return Box;
   }
 
-  const _excluded$2j = ["variant"];
+  const _excluded$2k = ["variant"];
 
   function isEmpty$2(string) {
     return string.length === 0;
@@ -6567,7 +6567,7 @@
     const {
       variant
     } = props,
-          other = _objectWithoutPropertiesLoose(props, _excluded$2j);
+          other = _objectWithoutPropertiesLoose(props, _excluded$2k);
 
     let classKey = variant || '';
     Object.keys(other).sort().forEach(key => {
@@ -6580,7 +6580,7 @@
     return classKey;
   }
 
-  const _excluded$2i = ["name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver"],
+  const _excluded$2j = ["name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver"],
         _excluded2$c = ["theme"],
         _excluded3$1 = ["theme"];
 
@@ -6661,7 +6661,7 @@
         skipSx: inputSkipSx,
         overridesResolver
       } = inputOptions,
-            options = _objectWithoutPropertiesLoose(inputOptions, _excluded$2i); // if skipVariantsResolver option is defined, take the value, otherwise, true for root and false for other slots.
+            options = _objectWithoutPropertiesLoose(inputOptions, _excluded$2j); // if skipVariantsResolver option is defined, take the value, otherwise, true for root and false for other slots.
 
 
       const skipVariantsResolver = inputSkipVariantsResolver !== undefined ? inputSkipVariantsResolver : componentSlot && componentSlot !== 'Root' || false;
@@ -7159,7 +7159,7 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
     ThemeProvider.propTypes = exactProp(ThemeProvider.propTypes) ;
   }
 
-  const _excluded$2h = ["defaultProps", "mixins", "overrides", "palette", "props", "styleOverrides"],
+  const _excluded$2i = ["defaultProps", "mixins", "overrides", "palette", "props", "styleOverrides"],
         _excluded2$b = ["type", "mode"];
   function adaptV4Theme(inputTheme) {
     {
@@ -7174,7 +7174,7 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
       props = {},
       styleOverrides = {}
     } = inputTheme,
-          other = _objectWithoutPropertiesLoose(inputTheme, _excluded$2h);
+          other = _objectWithoutPropertiesLoose(inputTheme, _excluded$2i);
 
     const theme = _extends({}, other, {
       components: {}
@@ -8314,7 +8314,7 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
   const backdropUnstyledClasses = generateUtilityClasses('MuiBackdrop', ['root', 'invisible']);
   var backdropUnstyledClasses$1 = backdropUnstyledClasses;
 
-  const _excluded$2g = ["classes", "className", "invisible", "component", "components", "componentsProps", "theme"];
+  const _excluded$2h = ["classes", "className", "invisible", "component", "components", "componentsProps", "theme"];
 
   const useUtilityClasses$1P = ownerState => {
     const {
@@ -8339,7 +8339,7 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
       /* eslint-disable react/prop-types */
       theme
     } = props,
-          other = _objectWithoutPropertiesLoose(props, _excluded$2g);
+          other = _objectWithoutPropertiesLoose(props, _excluded$2h);
 
     const ownerState = _extends({}, props, {
       classes: classesProp,
@@ -8420,7 +8420,7 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
   const badgeUnstyledClasses = generateUtilityClasses('MuiBadge', ['root', 'badge', 'dot', 'standard', 'anchorOriginTopLeftCircular', 'anchorOriginTopLeftRectangular', 'anchorOriginTopRightCircular', 'anchorOriginTopRightRectangular', 'anchorOriginBottomLeftCircular', 'anchorOriginBottomLeftRectangular', 'anchorOriginBottomRightCircular', 'anchorOriginBottomRightRectangular', 'invisible']);
   var badgeUnstyledClasses$1 = badgeUnstyledClasses;
 
-  const _excluded$2f = ["anchorOrigin", "classes", "badgeContent", "component", "children", "className", "components", "componentsProps", "invisible", "max", "overlap", "showZero", "variant", "theme"];
+  const _excluded$2g = ["anchorOrigin", "classes", "badgeContent", "component", "children", "className", "components", "componentsProps", "invisible", "max", "overlap", "showZero", "variant", "theme"];
 
   const useUtilityClasses$1O = ownerState => {
     const {
@@ -8459,7 +8459,7 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
       /* eslint-disable react/prop-types */
       theme
     } = props,
-          other = _objectWithoutPropertiesLoose(props, _excluded$2f);
+          other = _objectWithoutPropertiesLoose(props, _excluded$2g);
 
     const prevProps = usePreviousProps$1({
       anchorOrigin: anchorOriginProp,
@@ -8625,13 +8625,13 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
    *
    * @param object An object to extract event handlers from.
    */
-  function extractEventHandlers(object) {
+  function extractEventHandlers(object, excludeKeys = []) {
     if (object === undefined) {
       return {};
     }
 
     const result = {};
-    Object.keys(object).filter(prop => prop.match(/^on[A-Z]/) && typeof object[prop] === 'function').forEach(prop => {
+    Object.keys(object).filter(prop => prop.match(/^on[A-Z]/) && typeof object[prop] === 'function' && !excludeKeys.includes(prop)).forEach(prop => {
       result[prop] = object[prop];
     });
     return result;
@@ -8853,7 +8853,7 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
     });
   }
 
-  const _excluded$2e = ["className", "component", "components", "componentsProps", "children", "disabled", "action", "onBlur", "onClick", "onFocus", "onFocusVisible", "onKeyDown", "onKeyUp", "onMouseLeave"];
+  const _excluded$2f = ["className", "component", "components", "componentsProps", "children", "disabled", "action", "onBlur", "onClick", "onFocus", "onFocusVisible", "onKeyDown", "onKeyUp", "onMouseLeave"];
 
   const useUtilityClasses$1N = ownerState => {
     const {
@@ -8890,7 +8890,7 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
       children,
       action
     } = props,
-          other = _objectWithoutPropertiesLoose(props, _excluded$2e);
+          other = _objectWithoutPropertiesLoose(props, _excluded$2f);
 
     const buttonRef = React__namespace.useRef();
     const handleRef = useForkRef(buttonRef, ref);
@@ -9004,9 +9004,9 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
     return generateUtilityClass('MuiFormControl', slot);
   }
   const formControlUnstyledClasses = generateUtilityClasses('MuiFormControl', ['root', 'disabled']);
-  var classes$1 = formControlUnstyledClasses;
+  var classes$2 = formControlUnstyledClasses;
 
-  const _excluded$2d = ["defaultValue", "children", "className", "component", "components", "componentsProps", "disabled", "error", "focused", "onChange", "required", "value"];
+  const _excluded$2e = ["defaultValue", "children", "className", "component", "components", "componentsProps", "disabled", "error", "focused", "onChange", "required", "value"];
 
   function hasValue$1(value) {
     return value != null && !(Array.isArray(value) && value.length === 0) && value !== '';
@@ -9061,7 +9061,7 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
       required = false,
       value: incomingValue
     } = props,
-          other = _objectWithoutPropertiesLoose(props, _excluded$2d);
+          other = _objectWithoutPropertiesLoose(props, _excluded$2e);
 
     const [value, setValue] = useControlled({
       controlled: incomingValue,
@@ -9132,7 +9132,7 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
       children: /*#__PURE__*/jsxRuntime_1(Root, _extends({
         ref: ref
       }, rootProps, {
-        className: clsx(classes$1.root, className, rootProps == null ? void 0 : rootProps.className, disabled && classes$1.disabled),
+        className: clsx(classes$2.root, className, rootProps == null ? void 0 : rootProps.className, disabled && classes$2.disabled),
         children: children
       }))
     });
@@ -9220,6 +9220,485 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
     return React__namespace.useContext(FormControlUnstyledContext$1);
   }
 
+  function getInputUnstyledUtilityClass(slot) {
+    return generateUtilityClass('MuiInput', slot);
+  }
+  const inputBaseClasses$2 = generateUtilityClasses('MuiInput', ['root', 'formControl', 'focused', 'disabled', 'error', 'multiline', 'input', 'inputMultiline', 'inputTypeSearch', 'adornedStart', 'adornedEnd']);
+  var classes$1 = inputBaseClasses$2;
+
+  function useInput(props, inputRef) {
+    const {
+      defaultValue,
+      disabled: disabledProp = false,
+      error: errorProp = false,
+      onBlur,
+      onChange,
+      onFocus,
+      required: requiredProp = false,
+      value: valueProp
+    } = props;
+    const formControlContext = useFormControlUnstyled();
+    let value;
+    let required;
+    let disabled;
+    let error;
+
+    if (formControlContext) {
+      var _formControlContext$d, _formControlContext$r, _formControlContext$e;
+
+      value = formControlContext.value;
+      disabled = (_formControlContext$d = formControlContext.disabled) != null ? _formControlContext$d : false;
+      required = (_formControlContext$r = formControlContext.required) != null ? _formControlContext$r : false;
+      error = (_formControlContext$e = formControlContext.error) != null ? _formControlContext$e : false;
+    } else {
+      value = valueProp;
+      disabled = disabledProp;
+      required = requiredProp;
+      error = errorProp;
+    }
+
+    const {
+      current: isControlled
+    } = React__namespace.useRef(value != null);
+    const handleInputRefWarning = React__namespace.useCallback(instance => {
+      {
+        if (instance && instance.nodeName !== 'INPUT' && !instance.focus) {
+          console.error(['MUI: You have provided a `components.Input` to the input component', 'that does not correctly handle the `ref` prop.', 'Make sure the `ref` prop is called with a HTMLInputElement.'].join('\n'));
+        }
+      }
+    }, []);
+    const internalInputRef = React__namespace.useRef(null);
+    const handleIncomingRef = useForkRef(inputRef, handleInputRefWarning);
+    const handleInputRef = useForkRef(internalInputRef, handleIncomingRef);
+    const [focused, setFocused] = React__namespace.useState(false); // The blur won't fire when the disabled state is set on a focused input.
+    // We need to book keep the focused state manually.
+
+    React__namespace.useEffect(() => {
+      if (!formControlContext && disabled && focused) {
+        setFocused(false); // @ts-ignore
+
+        onBlur == null ? void 0 : onBlur();
+      }
+    }, [formControlContext, disabled, focused, onBlur]);
+
+    const handleFocus = otherHandlers => event => {
+      var _otherHandlers$onFocu;
+
+      // Fix a bug with IE11 where the focus/blur events are triggered
+      // while the component is disabled.
+      if (formControlContext != null && formControlContext.disabled) {
+        event.stopPropagation();
+        return;
+      }
+
+      (_otherHandlers$onFocu = otherHandlers.onFocus) == null ? void 0 : _otherHandlers$onFocu.call(otherHandlers, event);
+
+      if (formControlContext && formControlContext.onFocus) {
+        var _formControlContext$o;
+
+        formControlContext == null ? void 0 : (_formControlContext$o = formControlContext.onFocus) == null ? void 0 : _formControlContext$o.call(formControlContext);
+      } else {
+        setFocused(true);
+      }
+    };
+
+    const handleBlur = otherHandlers => event => {
+      var _otherHandlers$onBlur;
+
+      (_otherHandlers$onBlur = otherHandlers.onBlur) == null ? void 0 : _otherHandlers$onBlur.call(otherHandlers, event);
+
+      if (formControlContext && formControlContext.onBlur) {
+        formControlContext.onBlur();
+      } else {
+        setFocused(false);
+      }
+    };
+
+    const handleChange = otherHandlers => (event, ...args) => {
+      var _formControlContext$o2, _otherHandlers$onChan;
+
+      if (!isControlled) {
+        const element = event.target || internalInputRef.current;
+
+        if (element == null) {
+          throw new Error(`MUI: Expected valid input target. Did you use a custom \`components.Input\` and forget to forward refs? See https://mui.com/r/input-component-ref-interface for more info.` );
+        }
+      }
+
+      formControlContext == null ? void 0 : (_formControlContext$o2 = formControlContext.onChange) == null ? void 0 : _formControlContext$o2.call(formControlContext, event); // @ts-ignore
+
+      (_otherHandlers$onChan = otherHandlers.onChange) == null ? void 0 : _otherHandlers$onChan.call(otherHandlers, event, ...args);
+    };
+
+    const handleClick = otherHandlers => event => {
+      var _otherHandlers$onClic;
+
+      if (internalInputRef.current && event.currentTarget === event.target) {
+        internalInputRef.current.focus();
+      }
+
+      (_otherHandlers$onClic = otherHandlers.onClick) == null ? void 0 : _otherHandlers$onClic.call(otherHandlers, event);
+    };
+
+    const getRootProps = externalProps => {
+      // onBlur, onChange and onFocus are forwarded to the input slot.
+      const propsEventHandlers = extractEventHandlers(props, ['onBlur', 'onChange', 'onFocus']);
+
+      const externalEventHandlers = _extends({}, propsEventHandlers, extractEventHandlers(externalProps));
+
+      return _extends({}, externalProps, externalEventHandlers, {
+        onClick: handleClick(externalEventHandlers)
+      });
+    };
+
+    const getInputProps = externalProps => {
+      const propsEventHandlers = {
+        onBlur,
+        onChange,
+        onFocus
+      };
+
+      const externalEventHandlers = _extends({}, propsEventHandlers, extractEventHandlers(externalProps));
+
+      const mergedEventHandlers = _extends({}, externalProps, externalEventHandlers, {
+        onBlur: handleBlur(externalEventHandlers),
+        onChange: handleChange(externalEventHandlers),
+        onFocus: handleFocus(externalEventHandlers)
+      });
+
+      return _extends({}, mergedEventHandlers, {
+        'aria-invalid': error || undefined,
+        defaultValue: defaultValue,
+        ref: handleInputRef,
+        value: value,
+        required,
+        disabled
+      });
+    };
+
+    return {
+      disabled,
+      error,
+      focused,
+      formControlContext,
+      getInputProps,
+      getRootProps,
+      required,
+      value
+    };
+  }
+
+  const _excluded$2d = ["aria-describedby", "aria-label", "aria-labelledby", "autoComplete", "autoFocus", "className", "component", "components", "componentsProps", "defaultValue", "disabled", "endAdornment", "error", "id", "maxRows", "minRows", "multiline", "name", "onClick", "onChange", "onKeyDown", "onKeyUp", "onFocus", "onBlur", "placeholder", "readOnly", "required", "rows", "type", "startAdornment", "value"];
+  const InputUnstyled = /*#__PURE__*/React__namespace.forwardRef(function InputUnstyled(props, ref) {
+    var _componentsProps$inpu, _ref, _componentsProps$root, _components$Input, _componentsProps$inpu2;
+
+    const {
+      'aria-describedby': ariaDescribedby,
+      'aria-label': ariaLabel,
+      'aria-labelledby': ariaLabelledby,
+      autoComplete,
+      autoFocus,
+      className,
+      component,
+      components = {},
+      componentsProps = {},
+      defaultValue,
+      disabled,
+      endAdornment,
+      error,
+      id,
+      maxRows,
+      minRows,
+      multiline = false,
+      name,
+      onClick,
+      onChange,
+      onKeyDown,
+      onKeyUp,
+      onFocus,
+      onBlur,
+      placeholder,
+      readOnly,
+      required,
+      rows,
+      type = 'text',
+      startAdornment,
+      value
+    } = props,
+          other = _objectWithoutPropertiesLoose(props, _excluded$2d);
+
+    const {
+      getRootProps,
+      getInputProps,
+      focused,
+      formControlContext,
+      error: errorState,
+      disabled: disabledState
+    } = useInput({
+      disabled,
+      defaultValue,
+      error,
+      onBlur,
+      onClick,
+      onChange,
+      onFocus,
+      required,
+      value
+    }, (_componentsProps$inpu = componentsProps.input) == null ? void 0 : _componentsProps$inpu.ref);
+
+    const ownerState = _extends({}, props, {
+      disabled: disabledState,
+      error: errorState,
+      focused,
+      formControlContext,
+      multiline,
+      type
+    });
+
+    const rootStateClasses = clsx(disabledState && classes$1.disabled, errorState && classes$1.error, focused && classes$1.focused, Boolean(formControlContext) && classes$1.formControl, multiline && classes$1.multiline, Boolean(startAdornment) && classes$1.adornedStart, Boolean(endAdornment) && classes$1.adornedEnd);
+    const inputStateClasses = clsx(disabledState && classes$1.disabled, multiline && classes$1.multiline);
+    const propsToForward = {
+      'aria-describedby': ariaDescribedby,
+      'aria-label': ariaLabel,
+      'aria-labelledby': ariaLabelledby,
+      autoComplete,
+      autoFocus,
+      id,
+      onKeyDown,
+      onKeyUp,
+      name,
+      placeholder,
+      readOnly,
+      type
+    };
+    const Root = (_ref = component != null ? component : components.Root) != null ? _ref : 'div';
+    const rootProps = appendOwnerState(Root, _extends({}, getRootProps(_extends({}, other, componentsProps.root)), {
+      className: clsx(classes$1.root, rootStateClasses, className, (_componentsProps$root = componentsProps.root) == null ? void 0 : _componentsProps$root.className)
+    }), ownerState);
+    let Input = (_components$Input = components.Input) != null ? _components$Input : 'input';
+    let inputProps = appendOwnerState(Input, _extends({}, getInputProps(_extends({}, componentsProps.input, propsToForward)), {
+      className: clsx(classes$1.input, inputStateClasses, (_componentsProps$inpu2 = componentsProps.input) == null ? void 0 : _componentsProps$inpu2.className)
+    }), ownerState);
+
+    if (multiline) {
+      var _components$Textarea, _components$Textarea2;
+
+      const hasHostTexarea = isHostComponent((_components$Textarea = components.Textarea) != null ? _components$Textarea : 'textarea');
+
+      if (rows) {
+        {
+          if (minRows || maxRows) {
+            console.warn('Material-UI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set.');
+          }
+        }
+
+        inputProps = _extends({
+          type: undefined,
+          minRows: hasHostTexarea ? undefined : rows,
+          maxRows: hasHostTexarea ? undefined : rows
+        }, inputProps);
+      } else {
+        inputProps = _extends({
+          type: undefined,
+          maxRows: hasHostTexarea ? undefined : maxRows,
+          minRows: hasHostTexarea ? undefined : minRows
+        }, inputProps);
+      }
+
+      Input = (_components$Textarea2 = components.Textarea) != null ? _components$Textarea2 : 'textarea';
+    }
+
+    return /*#__PURE__*/jsxRuntime_2(Root, _extends({}, rootProps, {
+      ref: ref,
+      children: [startAdornment, /*#__PURE__*/jsxRuntime_1(Input, _extends({}, inputProps)), endAdornment]
+    }));
+  });
+  InputUnstyled.propTypes
+  /* remove-proptypes */
+  = {
+    // ----------------------------- Warning --------------------------------
+    // | These PropTypes are generated from the TypeScript type definitions |
+    // |     To update them edit TypeScript types and run "yarn proptypes"  |
+    // ----------------------------------------------------------------------
+
+    /**
+     * @ignore
+     */
+    'aria-describedby': propTypes.string,
+
+    /**
+     * @ignore
+     */
+    'aria-label': propTypes.string,
+
+    /**
+     * @ignore
+     */
+    'aria-labelledby': propTypes.string,
+
+    /**
+     * This prop helps users to fill forms faster, especially on mobile devices.
+     * The name can be confusing, as it's more like an autofill.
+     * You can learn more about it [following the specification](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill).
+     */
+    autoComplete: propTypes.string,
+
+    /**
+     * If `true`, the `input` element is focused during the first mount.
+     */
+    autoFocus: propTypes.bool,
+
+    /**
+     * @ignore
+     */
+    children: propTypes.node,
+
+    /**
+     * Class name applied to the root element.
+     */
+    className: propTypes.string,
+
+    /**
+     * The component used for the root node.
+     * Either a string to use a HTML element or a component.
+     */
+    component: propTypes.elementType,
+
+    /**
+     * The components used for each slot inside the InputBase.
+     * Either a string to use a HTML element or a component.
+     * @default {}
+     */
+    components: propTypes.shape({
+      Input: propTypes.elementType,
+      Root: propTypes.elementType,
+      Textarea: propTypes.elementType
+    }),
+
+    /**
+     * The props used for each slot inside the Input.
+     * @default {}
+     */
+    componentsProps: propTypes.object,
+
+    /**
+     * The default value. Use when the component is not controlled.
+     */
+    defaultValue: propTypes.any,
+
+    /**
+     * If `true`, the component is disabled.
+     * The prop defaults to the value (`false`) inherited from the parent FormControl component.
+     */
+    disabled: propTypes.bool,
+
+    /**
+     * Trailing adornment for this input.
+     */
+    endAdornment: propTypes.node,
+
+    /**
+     * If `true`, the `input` will indicate an error.
+     * The prop defaults to the value (`false`) inherited from the parent FormControl component.
+     */
+    error: propTypes.bool,
+
+    /**
+     * The id of the `input` element.
+     */
+    id: propTypes.string,
+
+    /**
+     * Maximum number of rows to display when multiline option is set to true.
+     */
+    maxRows: propTypes.number,
+
+    /**
+     * Minimum number of rows to display when multiline option is set to true.
+     */
+    minRows: propTypes.number,
+
+    /**
+     * If `true`, a `textarea` element is rendered.
+     * @default false
+     */
+    multiline: propTypes.bool,
+
+    /**
+     * Name attribute of the `input` element.
+     */
+    name: propTypes.string,
+
+    /**
+     * @ignore
+     */
+    onBlur: propTypes.func,
+
+    /**
+     * @ignore
+     */
+    onChange: propTypes.func,
+
+    /**
+     * @ignore
+     */
+    onClick: propTypes.func,
+
+    /**
+     * @ignore
+     */
+    onFocus: propTypes.func,
+
+    /**
+     * @ignore
+     */
+    onKeyDown: propTypes.func,
+
+    /**
+     * @ignore
+     */
+    onKeyUp: propTypes.func,
+
+    /**
+     * The short hint displayed in the `input` before the user enters a value.
+     */
+    placeholder: propTypes.string,
+
+    /**
+     * It prevents the user from changing the value of the field
+     * (not from interacting with the field).
+     */
+    readOnly: propTypes.bool,
+
+    /**
+     * If `true`, the `input` element is required.
+     * The prop defaults to the value (`false`) inherited from the parent FormControl component.
+     */
+    required: propTypes.bool,
+
+    /**
+     * Number of rows to display when multiline option is set to true.
+     */
+    rows: propTypes.number,
+
+    /**
+     * Leading adornment for this input.
+     */
+    startAdornment: propTypes.node,
+
+    /**
+     * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).
+     * @default 'text'
+     */
+    type: propTypes.string,
+
+    /**
+     * The value of the `input` element, required for a controlled component.
+     */
+    value: propTypes.any
+  } ;
+  var InputUnstyled$1 = InputUnstyled;
+
   function getContainer$1(container) {
     return typeof container === 'function' ? container() : container;
   }
@@ -19613,11 +20092,12 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
     });
 
     const classes = useUtilityClasses$1w(ownerState);
-    const moreProps = component === ButtonBase$1 ? {
+    const moreProps = component === ButtonBase$1 ? _extends({
       component: ComponentProp || 'div',
-      focusVisibleClassName: classes.focusVisible,
-      disableRipple: Boolean(onDelete)
-    } : {};
+      focusVisibleClassName: classes.focusVisible
+    }, onDelete && {
+      disableRipple: true
+    }) : {};
     let deleteIcon = null;
 
     if (onDelete) {
@@ -20766,7 +21246,7 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
     /**
      * Render the group.
      *
-     * @param {any} option The group to render.
+     * @param {AutocompleteRenderGroupParams} params The group to render.
      * @returns {ReactNode}
      */
     renderGroup: propTypes.func,
@@ -21422,7 +21902,7 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
     /**
      * A single child content element.
      */
-    children: elementAcceptingRef$1,
+    children: elementAcceptingRef$1.isRequired,
 
     /**
      * The transition timing function.
@@ -26847,7 +27327,7 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
     /**
      * A single child content element.
      */
-    children: elementAcceptingRef$1,
+    children: elementAcceptingRef$1.isRequired,
 
     /**
      * An HTML element, or a function that returns one.
@@ -30549,7 +31029,7 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
     /**
      * A single child content element.
      */
-    children: elementAcceptingRef$1,
+    children: elementAcceptingRef$1.isRequired,
 
     /**
      * The transition timing function.
@@ -37363,13 +37843,12 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
       last: LastPageIcon
     };
     const Icon = normalizedIcons[type];
-    return type === 'start-ellipsis' || type === 'end-ellipsis' ? /*#__PURE__*/jsxRuntime_1(PaginationItemEllipsis, _extends({
+    return type === 'start-ellipsis' || type === 'end-ellipsis' ? /*#__PURE__*/jsxRuntime_1(PaginationItemEllipsis, {
       ref: ref,
       ownerState: ownerState,
-      className: clsx(classes.root, className)
-    }, other, {
+      className: clsx(classes.root, className),
       children: "\u2026"
-    })) : /*#__PURE__*/jsxRuntime_2(PaginationItemPage, _extends({
+    }) : /*#__PURE__*/jsxRuntime_2(PaginationItemPage, _extends({
       ref: ref,
       ownerState: ownerState,
       component: component,
@@ -41479,7 +41958,7 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
     /**
      * A single child content element.
      */
-    children: elementAcceptingRef$1,
+    children: elementAcceptingRef$1.isRequired,
 
     /**
      * The transition timing function.
@@ -45675,7 +46154,7 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
   function getTabUtilityClass(slot) {
     return generateUtilityClass('MuiTab', slot);
   }
-  const tabClasses = generateUtilityClasses('MuiTab', ['root', 'labelIcon', 'textColorInherit', 'textColorPrimary', 'textColorSecondary', 'selected', 'disabled', 'fullWidth', 'wrapped']);
+  const tabClasses = generateUtilityClasses('MuiTab', ['root', 'labelIcon', 'textColorInherit', 'textColorPrimary', 'textColorSecondary', 'selected', 'disabled', 'fullWidth', 'wrapped', 'iconWrapper']);
   var tabClasses$1 = tabClasses;
 
   const _excluded$i = ["className", "disabled", "disableFocusRipple", "fullWidth", "icon", "indicator", "label", "onChange", "onClick", "onFocus", "selected", "selectionFollowsFocus", "textColor", "value", "wrapped"];
@@ -45692,7 +46171,8 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
       disabled
     } = ownerState;
     const slots = {
-      root: ['root', icon && label && 'labelIcon', `textColor${capitalize(textColor)}`, fullWidth && 'fullWidth', wrapped && 'wrapped', selected && 'selected', disabled && 'disabled']
+      root: ['root', icon && label && 'labelIcon', `textColor${capitalize(textColor)}`, fullWidth && 'fullWidth', wrapped && 'wrapped', selected && 'selected', disabled && 'disabled'],
+      iconWrapper: ['iconWrapper']
     };
     return composeClasses(slots, getTabUtilityClass, classes);
   };
@@ -45725,7 +46205,7 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
     minHeight: 72,
     paddingTop: 9,
     paddingBottom: 9,
-    [`& > *:first-child`]: {
+    [`& > .${tabClasses$1.iconWrapper}`]: {
       marginBottom: 6
     }
   }, ownerState.textColor === 'inherit' && {
@@ -45774,7 +46254,7 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
       disableFocusRipple = false,
       // eslint-disable-next-line react/prop-types
       fullWidth,
-      icon,
+      icon: iconProp,
       // eslint-disable-next-line react/prop-types
       indicator,
       label,
@@ -45796,7 +46276,7 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
       disabled,
       disableFocusRipple,
       selected,
-      icon: !!icon,
+      icon: !!iconProp,
       label: !!label,
       fullWidth,
       textColor,
@@ -45804,6 +46284,9 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
     });
 
     const classes = useUtilityClasses$f(ownerState);
+    const icon = iconProp && label && /*#__PURE__*/React__namespace.isValidElement(iconProp) ? /*#__PURE__*/React__namespace.cloneElement(iconProp, {
+      className: clsx(classes.iconWrapper, iconProp.props.className)
+    }) : iconProp;
 
     const handleClick = event => {
       if (!selected && onChange) {
@@ -49778,6 +50261,7 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
   exports.InputAdornment = InputAdornment$1;
   exports.InputBase = InputBase$1;
   exports.InputLabel = InputLabel$1;
+  exports.InputUnstyled = InputUnstyled$1;
   exports.LinearProgress = LinearProgress$1;
   exports.Link = Link$1;
   exports.List = List$1;
@@ -49925,7 +50409,7 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
   exports.filledInputClasses = filledInputClasses$1;
   exports.formControlClasses = formControlClasses$1;
   exports.formControlLabelClasses = formControlLabelClasses$1;
-  exports.formControlUnstyledClasses = classes$1;
+  exports.formControlUnstyledClasses = classes$2;
   exports.formGroupClasses = formGroupClasses$1;
   exports.formHelperTextClasses = formHelperTextClasses$1;
   exports.formLabelClasses = formLabelClasses$1;
@@ -49986,6 +50470,7 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
   exports.getInputAdornmentUtilityClass = getInputAdornmentUtilityClass;
   exports.getInputBaseUtilityClass = getInputBaseUtilityClass;
   exports.getInputLabelUtilityClasses = getInputLabelUtilityClasses;
+  exports.getInputUnstyledUtilityClass = getInputUnstyledUtilityClass;
   exports.getInputUtilityClass = getInputUtilityClass;
   exports.getLinearProgressUtilityClass = getLinearProgressUtilityClass;
   exports.getLinkUtilityClass = getLinkUtilityClass;
@@ -50060,6 +50545,7 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
   exports.inputBaseClasses = inputBaseClasses$1;
   exports.inputClasses = inputClasses$1;
   exports.inputLabelClasses = inputLabelClasses$1;
+  exports.inputUnstyledClasses = classes$1;
   exports.isHostComponent = isHostComponent;
   exports.isMuiElement = isMuiElement;
   exports.lighten = lighten;
@@ -50148,6 +50634,7 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
   exports.useForkRef = useForkRef;
   exports.useFormControl = useFormControl;
   exports.useFormControlUnstyled = useFormControlUnstyled;
+  exports.useInput = useInput;
   exports.useIsFocusVisible = useIsFocusVisible;
   exports.useMediaQuery = useMediaQuery;
   exports.usePagination = usePagination;