@galaxy-ds/core 2.1.1 → 2.1.2

package/dist/Input/Input.stories.d.ts

@@ -1,3 +1,6 @@
+/// <reference types="react" />
+/// <reference types="react" />
+/// <reference types="trusted-types" />
 import { BADGE } from '@geometricpanda/storybook-addon-badges';
 /**
  *
@@ -15,32 +18,52 @@ declare const meta: {
     argTypes: {
         onFocus: {
             control: {
-                disable: boolean;
+                type: undefined;
             };
         };
         onKeyDown: {
             control: {
-                disable: boolean;
+                type: undefined;
             };
         };
         onKeyUp: {
             control: {
-                disable: boolean;
+                type: undefined;
             };
         };
         onChange: {
             control: {
-                disable: boolean;
+                type: undefined;
             };
         };
         onBlur: {
             control: {
-                disable: boolean;
+                type: undefined;
             };
         };
         onInvalid: {
             control: {
-                disable: boolean;
+                type: undefined;
+            };
+        };
+        inputRef: {
+            control: {
+                type: undefined;
+            };
+        };
+        endAdornment: {
+            control: {
+                type: undefined;
+            };
+        };
+        startAdornment: {
+            control: {
+                type: undefined;
+            };
+        };
+        inputComponent: {
+            control: {
+                type: undefined;
             };
         };
     };
@@ -60,7 +83,7 @@ export declare const Default: {
             };
         };
     };
-    play: ({ args, canvasElement }: import("@storybook/types").PlayFunctionContext<import("@storybook/react").ReactRenderer, {
+    play: ({ args, canvasElement }: import("@storybook/types").PlayFunctionContext<import("@storybook/react/dist/types-0fc72a6d").R, {
         classes?: Partial<import("@mui/material").InputBaseClasses> | undefined;
         className?: string | undefined;
         style?: import("react").CSSProperties | undefined;
@@ -77,26 +100,26 @@ export declare const Default: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -111,9 +134,9 @@ export declare const Default: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -142,11 +165,11 @@ export declare const Default: {
         onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
         onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
         onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
-        onFocus?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onFocus?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onBlur?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onBlur?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onChange?: React.ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onChange?: import("react").ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -156,17 +179,17 @@ export declare const Default: {
         onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-        onInvalid?: React.FormEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onInvalid?: import("react").FormEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onKeyDown?: React.KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyUp?: React.KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -293,29 +316,25 @@ export declare const Default: {
         disabled?: boolean | undefined;
         content?: string | undefined;
         translate?: "yes" | "no" | undefined;
-        background?: ("default" | "light" | "dark") | undefined;
+        background?: "dark" | "light" | "default" | undefined;
         slots?: {
-            root?: React.ElementType;
-            input?: React.ElementType;
+            root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         slotProps?: {
-            root?: 
-            /**
-             * Set `fullWidth` to `true` to make it span full width of its container.
-             */
-            React.HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-            };
-            input?: React.InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-            };
+            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
+                sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+            }) | undefined;
+            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
+                sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+            }) | undefined;
         } | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: unknown;
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
+        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
@@ -343,45 +362,45 @@ export declare const Default: {
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+        unselectable?: "off" | "on" | undefined;
+        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         fullWidth?: boolean | undefined;
-        endAdornment?: React.ReactNode;
+        endAdornment?: import("react").ReactNode;
         value?: unknown;
         inputProps?: import("@mui/material").InputBaseComponentProps | undefined;
-        inputRef?: React.Ref<any> | undefined;
+        inputRef?: import("react").Ref<any> | undefined;
         readOnly?: boolean | undefined;
         required?: boolean | undefined;
         components?: {
-            Root?: React.ElementType;
-            Input?: React.ElementType;
+            Root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            Input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         componentsProps?: {
-            root?: React.HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
-            input?: React.InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
+            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
         } | undefined;
-        size?: ("small" | "medium" | "large") | undefined;
+        size?: "small" | "large" | "medium" | undefined;
         textAlignRight?: boolean | undefined;
         error?: boolean | undefined;
         autoComplete?: string | undefined;
         disableInjectingGlobalStyles?: boolean | undefined;
-        inputComponent?: React.ElementType<import("@mui/material").InputBaseComponentProps> | undefined;
+        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps, keyof import("react").JSX.IntrinsicElements> | undefined;
         multiline?: boolean | undefined;
         placeholder?: string | undefined;
         renderSuffix?: ((state: {
-            disabled?: boolean;
-            error?: boolean;
-            filled?: boolean;
-            focused?: boolean;
-            margin?: "dense" | "none" | "normal";
-            required?: boolean;
-            startAdornment?: React.ReactNode;
-        }) => React.ReactNode) | undefined;
-        rows?: (string | number) | undefined;
-        maxRows?: (string | number) | undefined;
-        minRows?: (string | number) | undefined;
-        startAdornment?: React.ReactNode;
+            disabled?: boolean | undefined;
+            error?: boolean | undefined;
+            filled?: boolean | undefined;
+            focused?: boolean | undefined;
+            margin?: "none" | "normal" | "dense" | undefined;
+            required?: boolean | undefined;
+            startAdornment?: import("react").ReactNode;
+        }) => import("react").ReactNode) | undefined;
+        rows?: string | number | undefined;
+        maxRows?: string | number | undefined;
+        minRows?: string | number | undefined;
+        startAdornment?: import("react").ReactNode;
         helperText?: string | undefined;
         ref?: import("react").LegacyRef<HTMLInputElement> | undefined;
         key?: import("react").Key | null | undefined;
@@ -403,26 +422,26 @@ export declare const Default: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -437,9 +456,9 @@ export declare const Default: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -468,11 +487,11 @@ export declare const Default: {
         onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
         onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
         onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
-        onFocus?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onFocus?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onBlur?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onBlur?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onChange?: React.ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onChange?: import("react").ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -482,17 +501,17 @@ export declare const Default: {
         onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-        onInvalid?: React.FormEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onInvalid?: import("react").FormEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onKeyDown?: React.KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyUp?: React.KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -619,29 +638,25 @@ export declare const Default: {
         disabled?: boolean | undefined;
         content?: string | undefined;
         translate?: "yes" | "no" | undefined;
-        background?: ("default" | "light" | "dark") | undefined;
+        background?: "dark" | "light" | "default" | undefined;
         slots?: {
-            root?: React.ElementType;
-            input?: React.ElementType;
+            root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         slotProps?: {
-            root?: 
-            /**
-             * Set `fullWidth` to `true` to make it span full width of its container.
-             */
-            React.HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-            };
-            input?: React.InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-            };
+            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
+                sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+            }) | undefined;
+            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
+                sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+            }) | undefined;
         } | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: unknown;
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
+        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
@@ -669,45 +684,45 @@ export declare const Default: {
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+        unselectable?: "off" | "on" | undefined;
+        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         fullWidth?: boolean | undefined;
-        endAdornment?: React.ReactNode;
+        endAdornment?: import("react").ReactNode;
         value?: unknown;
         inputProps?: import("@mui/material").InputBaseComponentProps | undefined;
-        inputRef?: React.Ref<any> | undefined;
+        inputRef?: import("react").Ref<any> | undefined;
         readOnly?: boolean | undefined;
         required?: boolean | undefined;
         components?: {
-            Root?: React.ElementType;
-            Input?: React.ElementType;
+            Root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            Input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         componentsProps?: {
-            root?: React.HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
-            input?: React.InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
+            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
         } | undefined;
-        size?: ("small" | "medium" | "large") | undefined;
+        size?: "small" | "large" | "medium" | undefined;
         textAlignRight?: boolean | undefined;
         error?: boolean | undefined;
         autoComplete?: string | undefined;
         disableInjectingGlobalStyles?: boolean | undefined;
-        inputComponent?: React.ElementType<import("@mui/material").InputBaseComponentProps> | undefined;
+        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps, keyof import("react").JSX.IntrinsicElements> | undefined;
         multiline?: boolean | undefined;
         placeholder?: string | undefined;
         renderSuffix?: ((state: {
-            disabled?: boolean;
-            error?: boolean;
-            filled?: boolean;
-            focused?: boolean;
-            margin?: "dense" | "none" | "normal";
-            required?: boolean;
-            startAdornment?: React.ReactNode;
-        }) => React.ReactNode) | undefined;
-        rows?: (string | number) | undefined;
-        maxRows?: (string | number) | undefined;
-        minRows?: (string | number) | undefined;
-        startAdornment?: React.ReactNode;
+            disabled?: boolean | undefined;
+            error?: boolean | undefined;
+            filled?: boolean | undefined;
+            focused?: boolean | undefined;
+            margin?: "none" | "normal" | "dense" | undefined;
+            required?: boolean | undefined;
+            startAdornment?: import("react").ReactNode;
+        }) => import("react").ReactNode) | undefined;
+        rows?: string | number | undefined;
+        maxRows?: string | number | undefined;
+        minRows?: string | number | undefined;
+        startAdornment?: import("react").ReactNode;
         helperText?: string | undefined;
         ref?: import("react").LegacyRef<HTMLInputElement> | undefined;
         key?: import("react").Key | null | undefined;
@@ -750,26 +765,26 @@ export declare const EndAdornment: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -784,9 +799,9 @@ export declare const EndAdornment: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -815,11 +830,11 @@ export declare const EndAdornment: {
         onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
         onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
         onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
-        onFocus?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onFocus?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onBlur?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onBlur?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onChange?: React.ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onChange?: import("react").ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -829,17 +844,17 @@ export declare const EndAdornment: {
         onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-        onInvalid?: React.FormEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onInvalid?: import("react").FormEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onKeyDown?: React.KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyUp?: React.KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -966,29 +981,25 @@ export declare const EndAdornment: {
         disabled?: boolean | undefined;
         content?: string | undefined;
         translate?: "yes" | "no" | undefined;
-        background?: ("default" | "light" | "dark") | undefined;
+        background?: "dark" | "light" | "default" | undefined;
         slots?: {
-            root?: React.ElementType;
-            input?: React.ElementType;
+            root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         slotProps?: {
-            root?: 
-            /**
-             * Set `fullWidth` to `true` to make it span full width of its container.
-             */
-            React.HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-            };
-            input?: React.InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-            };
+            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
+                sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+            }) | undefined;
+            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
+                sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+            }) | undefined;
         } | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: unknown;
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
+        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
@@ -1016,45 +1027,45 @@ export declare const EndAdornment: {
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+        unselectable?: "off" | "on" | undefined;
+        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         fullWidth?: boolean | undefined;
-        endAdornment?: React.ReactNode;
+        endAdornment?: import("react").ReactNode;
         value?: unknown;
         inputProps?: import("@mui/material").InputBaseComponentProps | undefined;
-        inputRef?: React.Ref<any> | undefined;
+        inputRef?: import("react").Ref<any> | undefined;
         readOnly?: boolean | undefined;
         required?: boolean | undefined;
         components?: {
-            Root?: React.ElementType;
-            Input?: React.ElementType;
+            Root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            Input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         componentsProps?: {
-            root?: React.HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
-            input?: React.InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
+            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
         } | undefined;
-        size?: ("small" | "medium" | "large") | undefined;
+        size?: "small" | "large" | "medium" | undefined;
         textAlignRight?: boolean | undefined;
         error?: boolean | undefined;
         autoComplete?: string | undefined;
         disableInjectingGlobalStyles?: boolean | undefined;
-        inputComponent?: React.ElementType<import("@mui/material").InputBaseComponentProps> | undefined;
+        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps, keyof import("react").JSX.IntrinsicElements> | undefined;
         multiline?: boolean | undefined;
         placeholder?: string | undefined;
         renderSuffix?: ((state: {
-            disabled?: boolean;
-            error?: boolean;
-            filled?: boolean;
-            focused?: boolean;
-            margin?: "dense" | "none" | "normal";
-            required?: boolean;
-            startAdornment?: React.ReactNode;
-        }) => React.ReactNode) | undefined;
-        rows?: (string | number) | undefined;
-        maxRows?: (string | number) | undefined;
-        minRows?: (string | number) | undefined;
-        startAdornment?: React.ReactNode;
+            disabled?: boolean | undefined;
+            error?: boolean | undefined;
+            filled?: boolean | undefined;
+            focused?: boolean | undefined;
+            margin?: "none" | "normal" | "dense" | undefined;
+            required?: boolean | undefined;
+            startAdornment?: import("react").ReactNode;
+        }) => import("react").ReactNode) | undefined;
+        rows?: string | number | undefined;
+        maxRows?: string | number | undefined;
+        minRows?: string | number | undefined;
+        startAdornment?: import("react").ReactNode;
         helperText?: string | undefined;
         ref?: import("react").LegacyRef<HTMLInputElement> | undefined;
         key?: import("react").Key | null | undefined;
@@ -1097,26 +1108,26 @@ export declare const StartAdornment: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -1131,9 +1142,9 @@ export declare const StartAdornment: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -1162,11 +1173,11 @@ export declare const StartAdornment: {
         onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
         onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
         onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
-        onFocus?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onFocus?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onBlur?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onBlur?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onChange?: React.ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onChange?: import("react").ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -1176,17 +1187,17 @@ export declare const StartAdornment: {
         onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-        onInvalid?: React.FormEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onInvalid?: import("react").FormEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onKeyDown?: React.KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyUp?: React.KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -1313,29 +1324,25 @@ export declare const StartAdornment: {
         disabled?: boolean | undefined;
         content?: string | undefined;
         translate?: "yes" | "no" | undefined;
-        background?: ("default" | "light" | "dark") | undefined;
+        background?: "dark" | "light" | "default" | undefined;
         slots?: {
-            root?: React.ElementType;
-            input?: React.ElementType;
+            root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         slotProps?: {
-            root?: 
-            /**
-             * Set `fullWidth` to `true` to make it span full width of its container.
-             */
-            React.HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-            };
-            input?: React.InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-            };
+            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
+                sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+            }) | undefined;
+            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
+                sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+            }) | undefined;
         } | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: unknown;
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
+        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
@@ -1363,45 +1370,45 @@ export declare const StartAdornment: {
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+        unselectable?: "off" | "on" | undefined;
+        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         fullWidth?: boolean | undefined;
-        endAdornment?: React.ReactNode;
+        endAdornment?: import("react").ReactNode;
         value?: unknown;
         inputProps?: import("@mui/material").InputBaseComponentProps | undefined;
-        inputRef?: React.Ref<any> | undefined;
+        inputRef?: import("react").Ref<any> | undefined;
         readOnly?: boolean | undefined;
         required?: boolean | undefined;
         components?: {
-            Root?: React.ElementType;
-            Input?: React.ElementType;
+            Root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            Input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         componentsProps?: {
-            root?: React.HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
-            input?: React.InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
+            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
         } | undefined;
-        size?: ("small" | "medium" | "large") | undefined;
+        size?: "small" | "large" | "medium" | undefined;
         textAlignRight?: boolean | undefined;
         error?: boolean | undefined;
         autoComplete?: string | undefined;
         disableInjectingGlobalStyles?: boolean | undefined;
-        inputComponent?: React.ElementType<import("@mui/material").InputBaseComponentProps> | undefined;
+        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps, keyof import("react").JSX.IntrinsicElements> | undefined;
         multiline?: boolean | undefined;
         placeholder?: string | undefined;
         renderSuffix?: ((state: {
-            disabled?: boolean;
-            error?: boolean;
-            filled?: boolean;
-            focused?: boolean;
-            margin?: "dense" | "none" | "normal";
-            required?: boolean;
-            startAdornment?: React.ReactNode;
-        }) => React.ReactNode) | undefined;
-        rows?: (string | number) | undefined;
-        maxRows?: (string | number) | undefined;
-        minRows?: (string | number) | undefined;
-        startAdornment?: React.ReactNode;
+            disabled?: boolean | undefined;
+            error?: boolean | undefined;
+            filled?: boolean | undefined;
+            focused?: boolean | undefined;
+            margin?: "none" | "normal" | "dense" | undefined;
+            required?: boolean | undefined;
+            startAdornment?: import("react").ReactNode;
+        }) => import("react").ReactNode) | undefined;
+        rows?: string | number | undefined;
+        maxRows?: string | number | undefined;
+        minRows?: string | number | undefined;
+        startAdornment?: import("react").ReactNode;
         helperText?: string | undefined;
         ref?: import("react").LegacyRef<HTMLInputElement> | undefined;
         key?: import("react").Key | null | undefined;
@@ -1437,26 +1444,26 @@ export declare const FormGroup: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -1471,9 +1478,9 @@ export declare const FormGroup: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -1502,11 +1509,11 @@ export declare const FormGroup: {
         onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
         onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
         onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
-        onFocus?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onFocus?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onBlur?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onBlur?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onChange?: React.ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onChange?: import("react").ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -1516,17 +1523,17 @@ export declare const FormGroup: {
         onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-        onInvalid?: React.FormEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onInvalid?: import("react").FormEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onKeyDown?: React.KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyUp?: React.KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -1653,29 +1660,25 @@ export declare const FormGroup: {
         disabled?: boolean | undefined;
         content?: string | undefined;
         translate?: "yes" | "no" | undefined;
-        background?: ("default" | "light" | "dark") | undefined;
+        background?: "dark" | "light" | "default" | undefined;
         slots?: {
-            root?: React.ElementType;
-            input?: React.ElementType;
+            root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         slotProps?: {
-            root?: 
-            /**
-             * Set `fullWidth` to `true` to make it span full width of its container.
-             */
-            React.HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-            };
-            input?: React.InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-            };
+            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
+                sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+            }) | undefined;
+            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
+                sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+            }) | undefined;
         } | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: unknown;
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
+        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
@@ -1703,45 +1706,45 @@ export declare const FormGroup: {
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+        unselectable?: "off" | "on" | undefined;
+        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         fullWidth?: boolean | undefined;
-        endAdornment?: React.ReactNode;
+        endAdornment?: import("react").ReactNode;
         value?: unknown;
         inputProps?: import("@mui/material").InputBaseComponentProps | undefined;
-        inputRef?: React.Ref<any> | undefined;
+        inputRef?: import("react").Ref<any> | undefined;
         readOnly?: boolean | undefined;
         required?: boolean | undefined;
         components?: {
-            Root?: React.ElementType;
-            Input?: React.ElementType;
+            Root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            Input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         componentsProps?: {
-            root?: React.HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
-            input?: React.InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
+            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
         } | undefined;
-        size?: ("small" | "medium" | "large") | undefined;
+        size?: "small" | "large" | "medium" | undefined;
         textAlignRight?: boolean | undefined;
         error?: boolean | undefined;
         autoComplete?: string | undefined;
         disableInjectingGlobalStyles?: boolean | undefined;
-        inputComponent?: React.ElementType<import("@mui/material").InputBaseComponentProps> | undefined;
+        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps, keyof import("react").JSX.IntrinsicElements> | undefined;
         multiline?: boolean | undefined;
         placeholder?: string | undefined;
         renderSuffix?: ((state: {
-            disabled?: boolean;
-            error?: boolean;
-            filled?: boolean;
-            focused?: boolean;
-            margin?: "dense" | "none" | "normal";
-            required?: boolean;
-            startAdornment?: React.ReactNode;
-        }) => React.ReactNode) | undefined;
-        rows?: (string | number) | undefined;
-        maxRows?: (string | number) | undefined;
-        minRows?: (string | number) | undefined;
-        startAdornment?: React.ReactNode;
+            disabled?: boolean | undefined;
+            error?: boolean | undefined;
+            filled?: boolean | undefined;
+            focused?: boolean | undefined;
+            margin?: "none" | "normal" | "dense" | undefined;
+            required?: boolean | undefined;
+            startAdornment?: import("react").ReactNode;
+        }) => import("react").ReactNode) | undefined;
+        rows?: string | number | undefined;
+        maxRows?: string | number | undefined;
+        minRows?: string | number | undefined;
+        startAdornment?: import("react").ReactNode;
         helperText?: string | undefined;
         ref?: import("react").LegacyRef<HTMLInputElement> | undefined;
         key?: import("react").Key | null | undefined;
@@ -1778,26 +1781,26 @@ export declare const Label: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -1812,9 +1815,9 @@ export declare const Label: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -1843,11 +1846,11 @@ export declare const Label: {
         onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
         onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
         onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
-        onFocus?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onFocus?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onBlur?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onBlur?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onChange?: React.ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onChange?: import("react").ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -1857,17 +1860,17 @@ export declare const Label: {
         onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-        onInvalid?: React.FormEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onInvalid?: import("react").FormEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onKeyDown?: React.KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyUp?: React.KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -1994,29 +1997,25 @@ export declare const Label: {
         disabled?: boolean | undefined;
         content?: string | undefined;
         translate?: "yes" | "no" | undefined;
-        background?: ("default" | "light" | "dark") | undefined;
+        background?: "dark" | "light" | "default" | undefined;
         slots?: {
-            root?: React.ElementType;
-            input?: React.ElementType;
+            root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         slotProps?: {
-            root?: 
-            /**
-             * Set `fullWidth` to `true` to make it span full width of its container.
-             */
-            React.HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-            };
-            input?: React.InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-            };
+            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
+                sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+            }) | undefined;
+            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
+                sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+            }) | undefined;
         } | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: unknown;
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
+        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
@@ -2044,45 +2043,45 @@ export declare const Label: {
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+        unselectable?: "off" | "on" | undefined;
+        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         fullWidth?: boolean | undefined;
-        endAdornment?: React.ReactNode;
+        endAdornment?: import("react").ReactNode;
         value?: unknown;
         inputProps?: import("@mui/material").InputBaseComponentProps | undefined;
-        inputRef?: React.Ref<any> | undefined;
+        inputRef?: import("react").Ref<any> | undefined;
         readOnly?: boolean | undefined;
         required?: boolean | undefined;
         components?: {
-            Root?: React.ElementType;
-            Input?: React.ElementType;
+            Root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            Input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         componentsProps?: {
-            root?: React.HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
-            input?: React.InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
+            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
         } | undefined;
-        size?: ("small" | "medium" | "large") | undefined;
+        size?: "small" | "large" | "medium" | undefined;
         textAlignRight?: boolean | undefined;
         error?: boolean | undefined;
         autoComplete?: string | undefined;
         disableInjectingGlobalStyles?: boolean | undefined;
-        inputComponent?: React.ElementType<import("@mui/material").InputBaseComponentProps> | undefined;
+        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps, keyof import("react").JSX.IntrinsicElements> | undefined;
         multiline?: boolean | undefined;
         placeholder?: string | undefined;
         renderSuffix?: ((state: {
-            disabled?: boolean;
-            error?: boolean;
-            filled?: boolean;
-            focused?: boolean;
-            margin?: "dense" | "none" | "normal";
-            required?: boolean;
-            startAdornment?: React.ReactNode;
-        }) => React.ReactNode) | undefined;
-        rows?: (string | number) | undefined;
-        maxRows?: (string | number) | undefined;
-        minRows?: (string | number) | undefined;
-        startAdornment?: React.ReactNode;
+            disabled?: boolean | undefined;
+            error?: boolean | undefined;
+            filled?: boolean | undefined;
+            focused?: boolean | undefined;
+            margin?: "none" | "normal" | "dense" | undefined;
+            required?: boolean | undefined;
+            startAdornment?: import("react").ReactNode;
+        }) => import("react").ReactNode) | undefined;
+        rows?: string | number | undefined;
+        maxRows?: string | number | undefined;
+        minRows?: string | number | undefined;
+        startAdornment?: import("react").ReactNode;
         helperText?: string | undefined;
         ref?: import("react").LegacyRef<HTMLInputElement> | undefined;
         key?: import("react").Key | null | undefined;
@@ -2117,26 +2116,26 @@ export declare const Types: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -2151,9 +2150,9 @@ export declare const Types: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -2182,11 +2181,11 @@ export declare const Types: {
         onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
         onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
         onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
-        onFocus?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onFocus?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onBlur?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onBlur?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onChange?: React.ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onChange?: import("react").ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -2196,17 +2195,17 @@ export declare const Types: {
         onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-        onInvalid?: React.FormEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onInvalid?: import("react").FormEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onKeyDown?: React.KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyUp?: React.KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -2333,29 +2332,25 @@ export declare const Types: {
         disabled?: boolean | undefined;
         content?: string | undefined;
         translate?: "yes" | "no" | undefined;
-        background?: ("default" | "light" | "dark") | undefined;
+        background?: "dark" | "light" | "default" | undefined;
         slots?: {
-            root?: React.ElementType;
-            input?: React.ElementType;
+            root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         slotProps?: {
-            root?: 
-            /**
-             * Set `fullWidth` to `true` to make it span full width of its container.
-             */
-            React.HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-            };
-            input?: React.InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-            };
+            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
+                sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+            }) | undefined;
+            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
+                sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+            }) | undefined;
         } | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: unknown;
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
+        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
@@ -2383,45 +2378,45 @@ export declare const Types: {
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+        unselectable?: "off" | "on" | undefined;
+        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         fullWidth?: boolean | undefined;
-        endAdornment?: React.ReactNode;
+        endAdornment?: import("react").ReactNode;
         value?: unknown;
         inputProps?: import("@mui/material").InputBaseComponentProps | undefined;
-        inputRef?: React.Ref<any> | undefined;
+        inputRef?: import("react").Ref<any> | undefined;
         readOnly?: boolean | undefined;
         required?: boolean | undefined;
         components?: {
-            Root?: React.ElementType;
-            Input?: React.ElementType;
+            Root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            Input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         componentsProps?: {
-            root?: React.HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
-            input?: React.InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
+            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
         } | undefined;
-        size?: ("small" | "medium" | "large") | undefined;
+        size?: "small" | "large" | "medium" | undefined;
         textAlignRight?: boolean | undefined;
         error?: boolean | undefined;
         autoComplete?: string | undefined;
         disableInjectingGlobalStyles?: boolean | undefined;
-        inputComponent?: React.ElementType<import("@mui/material").InputBaseComponentProps> | undefined;
+        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps, keyof import("react").JSX.IntrinsicElements> | undefined;
         multiline?: boolean | undefined;
         placeholder?: string | undefined;
         renderSuffix?: ((state: {
-            disabled?: boolean;
-            error?: boolean;
-            filled?: boolean;
-            focused?: boolean;
-            margin?: "dense" | "none" | "normal";
-            required?: boolean;
-            startAdornment?: React.ReactNode;
-        }) => React.ReactNode) | undefined;
-        rows?: (string | number) | undefined;
-        maxRows?: (string | number) | undefined;
-        minRows?: (string | number) | undefined;
-        startAdornment?: React.ReactNode;
+            disabled?: boolean | undefined;
+            error?: boolean | undefined;
+            filled?: boolean | undefined;
+            focused?: boolean | undefined;
+            margin?: "none" | "normal" | "dense" | undefined;
+            required?: boolean | undefined;
+            startAdornment?: import("react").ReactNode;
+        }) => import("react").ReactNode) | undefined;
+        rows?: string | number | undefined;
+        maxRows?: string | number | undefined;
+        minRows?: string | number | undefined;
+        startAdornment?: import("react").ReactNode;
         helperText?: string | undefined;
         ref?: import("react").LegacyRef<HTMLInputElement> | undefined;
         key?: import("react").Key | null | undefined;
@@ -2459,26 +2454,26 @@ export declare const HelperText: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -2493,9 +2488,9 @@ export declare const HelperText: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -2524,11 +2519,11 @@ export declare const HelperText: {
         onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
         onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
         onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
-        onFocus?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onFocus?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onBlur?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onBlur?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onChange?: React.ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onChange?: import("react").ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -2538,17 +2533,17 @@ export declare const HelperText: {
         onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-        onInvalid?: React.FormEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onInvalid?: import("react").FormEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onKeyDown?: React.KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyUp?: React.KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -2675,29 +2670,25 @@ export declare const HelperText: {
         disabled?: boolean | undefined;
         content?: string | undefined;
         translate?: "yes" | "no" | undefined;
-        background?: ("default" | "light" | "dark") | undefined;
+        background?: "dark" | "light" | "default" | undefined;
         slots?: {
-            root?: React.ElementType;
-            input?: React.ElementType;
+            root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         slotProps?: {
-            root?: 
-            /**
-             * Set `fullWidth` to `true` to make it span full width of its container.
-             */
-            React.HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-            };
-            input?: React.InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-            };
+            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
+                sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+            }) | undefined;
+            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
+                sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+            }) | undefined;
         } | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: unknown;
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
+        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
@@ -2725,45 +2716,45 @@ export declare const HelperText: {
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+        unselectable?: "off" | "on" | undefined;
+        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         fullWidth?: boolean | undefined;
-        endAdornment?: React.ReactNode;
+        endAdornment?: import("react").ReactNode;
         value?: unknown;
         inputProps?: import("@mui/material").InputBaseComponentProps | undefined;
-        inputRef?: React.Ref<any> | undefined;
+        inputRef?: import("react").Ref<any> | undefined;
         readOnly?: boolean | undefined;
         required?: boolean | undefined;
         components?: {
-            Root?: React.ElementType;
-            Input?: React.ElementType;
+            Root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            Input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         componentsProps?: {
-            root?: React.HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
-            input?: React.InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
+            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
         } | undefined;
-        size?: ("small" | "medium" | "large") | undefined;
+        size?: "small" | "large" | "medium" | undefined;
         textAlignRight?: boolean | undefined;
         error?: boolean | undefined;
         autoComplete?: string | undefined;
         disableInjectingGlobalStyles?: boolean | undefined;
-        inputComponent?: React.ElementType<import("@mui/material").InputBaseComponentProps> | undefined;
+        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps, keyof import("react").JSX.IntrinsicElements> | undefined;
         multiline?: boolean | undefined;
         placeholder?: string | undefined;
         renderSuffix?: ((state: {
-            disabled?: boolean;
-            error?: boolean;
-            filled?: boolean;
-            focused?: boolean;
-            margin?: "dense" | "none" | "normal";
-            required?: boolean;
-            startAdornment?: React.ReactNode;
-        }) => React.ReactNode) | undefined;
-        rows?: (string | number) | undefined;
-        maxRows?: (string | number) | undefined;
-        minRows?: (string | number) | undefined;
-        startAdornment?: React.ReactNode;
+            disabled?: boolean | undefined;
+            error?: boolean | undefined;
+            filled?: boolean | undefined;
+            focused?: boolean | undefined;
+            margin?: "none" | "normal" | "dense" | undefined;
+            required?: boolean | undefined;
+            startAdornment?: import("react").ReactNode;
+        }) => import("react").ReactNode) | undefined;
+        rows?: string | number | undefined;
+        maxRows?: string | number | undefined;
+        minRows?: string | number | undefined;
+        startAdornment?: import("react").ReactNode;
         helperText?: string | undefined;
         ref?: import("react").LegacyRef<HTMLInputElement> | undefined;
         key?: import("react").Key | null | undefined;
@@ -2802,26 +2793,26 @@ export declare const Error: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -2836,9 +2827,9 @@ export declare const Error: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -2867,11 +2858,11 @@ export declare const Error: {
         onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
         onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
         onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
-        onFocus?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onFocus?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onBlur?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onBlur?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onChange?: React.ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onChange?: import("react").ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -2881,17 +2872,17 @@ export declare const Error: {
         onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-        onInvalid?: React.FormEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onInvalid?: import("react").FormEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onKeyDown?: React.KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyUp?: React.KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -3018,29 +3009,25 @@ export declare const Error: {
         disabled?: boolean | undefined;
         content?: string | undefined;
         translate?: "yes" | "no" | undefined;
-        background?: ("default" | "light" | "dark") | undefined;
+        background?: "dark" | "light" | "default" | undefined;
         slots?: {
-            root?: React.ElementType;
-            input?: React.ElementType;
+            root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         slotProps?: {
-            root?: 
-            /**
-             * Set `fullWidth` to `true` to make it span full width of its container.
-             */
-            React.HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-            };
-            input?: React.InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-            };
+            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
+                sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+            }) | undefined;
+            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
+                sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+            }) | undefined;
         } | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: unknown;
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
+        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
@@ -3068,45 +3055,45 @@ export declare const Error: {
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+        unselectable?: "off" | "on" | undefined;
+        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         fullWidth?: boolean | undefined;
-        endAdornment?: React.ReactNode;
+        endAdornment?: import("react").ReactNode;
         value?: unknown;
         inputProps?: import("@mui/material").InputBaseComponentProps | undefined;
-        inputRef?: React.Ref<any> | undefined;
+        inputRef?: import("react").Ref<any> | undefined;
         readOnly?: boolean | undefined;
         required?: boolean | undefined;
         components?: {
-            Root?: React.ElementType;
-            Input?: React.ElementType;
+            Root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            Input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         componentsProps?: {
-            root?: React.HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
-            input?: React.InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
+            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
         } | undefined;
-        size?: ("small" | "medium" | "large") | undefined;
+        size?: "small" | "large" | "medium" | undefined;
         textAlignRight?: boolean | undefined;
         error?: boolean | undefined;
         autoComplete?: string | undefined;
         disableInjectingGlobalStyles?: boolean | undefined;
-        inputComponent?: React.ElementType<import("@mui/material").InputBaseComponentProps> | undefined;
+        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps, keyof import("react").JSX.IntrinsicElements> | undefined;
         multiline?: boolean | undefined;
         placeholder?: string | undefined;
         renderSuffix?: ((state: {
-            disabled?: boolean;
-            error?: boolean;
-            filled?: boolean;
-            focused?: boolean;
-            margin?: "dense" | "none" | "normal";
-            required?: boolean;
-            startAdornment?: React.ReactNode;
-        }) => React.ReactNode) | undefined;
-        rows?: (string | number) | undefined;
-        maxRows?: (string | number) | undefined;
-        minRows?: (string | number) | undefined;
-        startAdornment?: React.ReactNode;
+            disabled?: boolean | undefined;
+            error?: boolean | undefined;
+            filled?: boolean | undefined;
+            focused?: boolean | undefined;
+            margin?: "none" | "normal" | "dense" | undefined;
+            required?: boolean | undefined;
+            startAdornment?: import("react").ReactNode;
+        }) => import("react").ReactNode) | undefined;
+        rows?: string | number | undefined;
+        maxRows?: string | number | undefined;
+        minRows?: string | number | undefined;
+        startAdornment?: import("react").ReactNode;
         helperText?: string | undefined;
         ref?: import("react").LegacyRef<HTMLInputElement> | undefined;
         key?: import("react").Key | null | undefined;
@@ -3144,26 +3131,26 @@ export declare const Disabled: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -3178,9 +3165,9 @@ export declare const Disabled: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -3209,11 +3196,11 @@ export declare const Disabled: {
         onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
         onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
         onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
-        onFocus?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onFocus?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onBlur?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onBlur?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onChange?: React.ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onChange?: import("react").ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -3223,17 +3210,17 @@ export declare const Disabled: {
         onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-        onInvalid?: React.FormEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onInvalid?: import("react").FormEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onKeyDown?: React.KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyUp?: React.KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -3360,29 +3347,25 @@ export declare const Disabled: {
         disabled?: boolean | undefined;
         content?: string | undefined;
         translate?: "yes" | "no" | undefined;
-        background?: ("default" | "light" | "dark") | undefined;
+        background?: "dark" | "light" | "default" | undefined;
         slots?: {
-            root?: React.ElementType;
-            input?: React.ElementType;
+            root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         slotProps?: {
-            root?: 
-            /**
-             * Set `fullWidth` to `true` to make it span full width of its container.
-             */
-            React.HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-            };
-            input?: React.InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-            };
+            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
+                sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+            }) | undefined;
+            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
+                sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+            }) | undefined;
         } | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: unknown;
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
+        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
@@ -3410,45 +3393,45 @@ export declare const Disabled: {
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+        unselectable?: "off" | "on" | undefined;
+        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         fullWidth?: boolean | undefined;
-        endAdornment?: React.ReactNode;
+        endAdornment?: import("react").ReactNode;
         value?: unknown;
         inputProps?: import("@mui/material").InputBaseComponentProps | undefined;
-        inputRef?: React.Ref<any> | undefined;
+        inputRef?: import("react").Ref<any> | undefined;
         readOnly?: boolean | undefined;
         required?: boolean | undefined;
         components?: {
-            Root?: React.ElementType;
-            Input?: React.ElementType;
+            Root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            Input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         componentsProps?: {
-            root?: React.HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
-            input?: React.InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
+            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
         } | undefined;
-        size?: ("small" | "medium" | "large") | undefined;
+        size?: "small" | "large" | "medium" | undefined;
         textAlignRight?: boolean | undefined;
         error?: boolean | undefined;
         autoComplete?: string | undefined;
         disableInjectingGlobalStyles?: boolean | undefined;
-        inputComponent?: React.ElementType<import("@mui/material").InputBaseComponentProps> | undefined;
+        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps, keyof import("react").JSX.IntrinsicElements> | undefined;
         multiline?: boolean | undefined;
         placeholder?: string | undefined;
         renderSuffix?: ((state: {
-            disabled?: boolean;
-            error?: boolean;
-            filled?: boolean;
-            focused?: boolean;
-            margin?: "dense" | "none" | "normal";
-            required?: boolean;
-            startAdornment?: React.ReactNode;
-        }) => React.ReactNode) | undefined;
-        rows?: (string | number) | undefined;
-        maxRows?: (string | number) | undefined;
-        minRows?: (string | number) | undefined;
-        startAdornment?: React.ReactNode;
+            disabled?: boolean | undefined;
+            error?: boolean | undefined;
+            filled?: boolean | undefined;
+            focused?: boolean | undefined;
+            margin?: "none" | "normal" | "dense" | undefined;
+            required?: boolean | undefined;
+            startAdornment?: import("react").ReactNode;
+        }) => import("react").ReactNode) | undefined;
+        rows?: string | number | undefined;
+        maxRows?: string | number | undefined;
+        minRows?: string | number | undefined;
+        startAdornment?: import("react").ReactNode;
         helperText?: string | undefined;
         ref?: import("react").LegacyRef<HTMLInputElement> | undefined;
         key?: import("react").Key | null | undefined;
@@ -3486,26 +3469,26 @@ export declare const ReadOnly: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -3520,9 +3503,9 @@ export declare const ReadOnly: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -3551,11 +3534,11 @@ export declare const ReadOnly: {
         onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
         onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
         onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
-        onFocus?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onFocus?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onBlur?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onBlur?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onChange?: React.ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onChange?: import("react").ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -3565,17 +3548,17 @@ export declare const ReadOnly: {
         onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-        onInvalid?: React.FormEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onInvalid?: import("react").FormEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onKeyDown?: React.KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyUp?: React.KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -3702,29 +3685,25 @@ export declare const ReadOnly: {
         disabled?: boolean | undefined;
         content?: string | undefined;
         translate?: "yes" | "no" | undefined;
-        background?: ("default" | "light" | "dark") | undefined;
+        background?: "dark" | "light" | "default" | undefined;
         slots?: {
-            root?: React.ElementType;
-            input?: React.ElementType;
+            root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         slotProps?: {
-            root?: 
-            /**
-             * Set `fullWidth` to `true` to make it span full width of its container.
-             */
-            React.HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-            };
-            input?: React.InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-            };
+            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
+                sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+            }) | undefined;
+            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
+                sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+            }) | undefined;
         } | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: unknown;
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
+        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
@@ -3752,45 +3731,45 @@ export declare const ReadOnly: {
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+        unselectable?: "off" | "on" | undefined;
+        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         fullWidth?: boolean | undefined;
-        endAdornment?: React.ReactNode;
+        endAdornment?: import("react").ReactNode;
         value?: unknown;
         inputProps?: import("@mui/material").InputBaseComponentProps | undefined;
-        inputRef?: React.Ref<any> | undefined;
+        inputRef?: import("react").Ref<any> | undefined;
         readOnly?: boolean | undefined;
         required?: boolean | undefined;
         components?: {
-            Root?: React.ElementType;
-            Input?: React.ElementType;
+            Root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            Input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         componentsProps?: {
-            root?: React.HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
-            input?: React.InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
+            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
         } | undefined;
-        size?: ("small" | "medium" | "large") | undefined;
+        size?: "small" | "large" | "medium" | undefined;
         textAlignRight?: boolean | undefined;
         error?: boolean | undefined;
         autoComplete?: string | undefined;
         disableInjectingGlobalStyles?: boolean | undefined;
-        inputComponent?: React.ElementType<import("@mui/material").InputBaseComponentProps> | undefined;
+        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps, keyof import("react").JSX.IntrinsicElements> | undefined;
         multiline?: boolean | undefined;
         placeholder?: string | undefined;
         renderSuffix?: ((state: {
-            disabled?: boolean;
-            error?: boolean;
-            filled?: boolean;
-            focused?: boolean;
-            margin?: "dense" | "none" | "normal";
-            required?: boolean;
-            startAdornment?: React.ReactNode;
-        }) => React.ReactNode) | undefined;
-        rows?: (string | number) | undefined;
-        maxRows?: (string | number) | undefined;
-        minRows?: (string | number) | undefined;
-        startAdornment?: React.ReactNode;
+            disabled?: boolean | undefined;
+            error?: boolean | undefined;
+            filled?: boolean | undefined;
+            focused?: boolean | undefined;
+            margin?: "none" | "normal" | "dense" | undefined;
+            required?: boolean | undefined;
+            startAdornment?: import("react").ReactNode;
+        }) => import("react").ReactNode) | undefined;
+        rows?: string | number | undefined;
+        maxRows?: string | number | undefined;
+        minRows?: string | number | undefined;
+        startAdornment?: import("react").ReactNode;
         helperText?: string | undefined;
         ref?: import("react").LegacyRef<HTMLInputElement> | undefined;
         key?: import("react").Key | null | undefined;
@@ -3828,26 +3807,26 @@ export declare const TextAlignment: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -3862,9 +3841,9 @@ export declare const TextAlignment: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -3893,11 +3872,11 @@ export declare const TextAlignment: {
         onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
         onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
         onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
-        onFocus?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onFocus?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onBlur?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onBlur?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onChange?: React.ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onChange?: import("react").ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -3907,17 +3886,17 @@ export declare const TextAlignment: {
         onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-        onInvalid?: React.FormEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onInvalid?: import("react").FormEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onKeyDown?: React.KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyUp?: React.KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -4044,29 +4023,25 @@ export declare const TextAlignment: {
         disabled?: boolean | undefined;
         content?: string | undefined;
         translate?: "yes" | "no" | undefined;
-        background?: ("default" | "light" | "dark") | undefined;
+        background?: "dark" | "light" | "default" | undefined;
         slots?: {
-            root?: React.ElementType;
-            input?: React.ElementType;
+            root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         slotProps?: {
-            root?: 
-            /**
-             * Set `fullWidth` to `true` to make it span full width of its container.
-             */
-            React.HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-            };
-            input?: React.InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-            };
+            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
+                sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+            }) | undefined;
+            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
+                sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+            }) | undefined;
         } | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: unknown;
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
+        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
@@ -4094,45 +4069,45 @@ export declare const TextAlignment: {
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+        unselectable?: "off" | "on" | undefined;
+        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         fullWidth?: boolean | undefined;
-        endAdornment?: React.ReactNode;
+        endAdornment?: import("react").ReactNode;
         value?: unknown;
         inputProps?: import("@mui/material").InputBaseComponentProps | undefined;
-        inputRef?: React.Ref<any> | undefined;
+        inputRef?: import("react").Ref<any> | undefined;
         readOnly?: boolean | undefined;
         required?: boolean | undefined;
         components?: {
-            Root?: React.ElementType;
-            Input?: React.ElementType;
+            Root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            Input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         componentsProps?: {
-            root?: React.HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
-            input?: React.InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
+            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
         } | undefined;
-        size?: ("small" | "medium" | "large") | undefined;
+        size?: "small" | "large" | "medium" | undefined;
         textAlignRight?: boolean | undefined;
         error?: boolean | undefined;
         autoComplete?: string | undefined;
         disableInjectingGlobalStyles?: boolean | undefined;
-        inputComponent?: React.ElementType<import("@mui/material").InputBaseComponentProps> | undefined;
+        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps, keyof import("react").JSX.IntrinsicElements> | undefined;
         multiline?: boolean | undefined;
         placeholder?: string | undefined;
         renderSuffix?: ((state: {
-            disabled?: boolean;
-            error?: boolean;
-            filled?: boolean;
-            focused?: boolean;
-            margin?: "dense" | "none" | "normal";
-            required?: boolean;
-            startAdornment?: React.ReactNode;
-        }) => React.ReactNode) | undefined;
-        rows?: (string | number) | undefined;
-        maxRows?: (string | number) | undefined;
-        minRows?: (string | number) | undefined;
-        startAdornment?: React.ReactNode;
+            disabled?: boolean | undefined;
+            error?: boolean | undefined;
+            filled?: boolean | undefined;
+            focused?: boolean | undefined;
+            margin?: "none" | "normal" | "dense" | undefined;
+            required?: boolean | undefined;
+            startAdornment?: import("react").ReactNode;
+        }) => import("react").ReactNode) | undefined;
+        rows?: string | number | undefined;
+        maxRows?: string | number | undefined;
+        minRows?: string | number | undefined;
+        startAdornment?: import("react").ReactNode;
         helperText?: string | undefined;
         ref?: import("react").LegacyRef<HTMLInputElement> | undefined;
         key?: import("react").Key | null | undefined;
@@ -4170,26 +4145,26 @@ export declare const FullWidth: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -4204,9 +4179,9 @@ export declare const FullWidth: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -4235,11 +4210,11 @@ export declare const FullWidth: {
         onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
         onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
         onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
-        onFocus?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onFocus?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onBlur?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onBlur?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onChange?: React.ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onChange?: import("react").ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -4249,17 +4224,17 @@ export declare const FullWidth: {
         onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-        onInvalid?: React.FormEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onInvalid?: import("react").FormEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onKeyDown?: React.KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyUp?: React.KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -4386,29 +4361,25 @@ export declare const FullWidth: {
         disabled?: boolean | undefined;
         content?: string | undefined;
         translate?: "yes" | "no" | undefined;
-        background?: ("default" | "light" | "dark") | undefined;
+        background?: "dark" | "light" | "default" | undefined;
         slots?: {
-            root?: React.ElementType;
-            input?: React.ElementType;
+            root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         slotProps?: {
-            root?: 
-            /**
-             * Set `fullWidth` to `true` to make it span full width of its container.
-             */
-            React.HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-            };
-            input?: React.InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-            };
+            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
+                sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+            }) | undefined;
+            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
+                sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+            }) | undefined;
         } | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: unknown;
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
+        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
@@ -4436,45 +4407,45 @@ export declare const FullWidth: {
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+        unselectable?: "off" | "on" | undefined;
+        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         fullWidth?: boolean | undefined;
-        endAdornment?: React.ReactNode;
+        endAdornment?: import("react").ReactNode;
         value?: unknown;
         inputProps?: import("@mui/material").InputBaseComponentProps | undefined;
-        inputRef?: React.Ref<any> | undefined;
+        inputRef?: import("react").Ref<any> | undefined;
         readOnly?: boolean | undefined;
         required?: boolean | undefined;
         components?: {
-            Root?: React.ElementType;
-            Input?: React.ElementType;
+            Root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            Input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         componentsProps?: {
-            root?: React.HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
-            input?: React.InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
+            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
         } | undefined;
-        size?: ("small" | "medium" | "large") | undefined;
+        size?: "small" | "large" | "medium" | undefined;
         textAlignRight?: boolean | undefined;
         error?: boolean | undefined;
         autoComplete?: string | undefined;
         disableInjectingGlobalStyles?: boolean | undefined;
-        inputComponent?: React.ElementType<import("@mui/material").InputBaseComponentProps> | undefined;
+        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps, keyof import("react").JSX.IntrinsicElements> | undefined;
         multiline?: boolean | undefined;
         placeholder?: string | undefined;
         renderSuffix?: ((state: {
-            disabled?: boolean;
-            error?: boolean;
-            filled?: boolean;
-            focused?: boolean;
-            margin?: "dense" | "none" | "normal";
-            required?: boolean;
-            startAdornment?: React.ReactNode;
-        }) => React.ReactNode) | undefined;
-        rows?: (string | number) | undefined;
-        maxRows?: (string | number) | undefined;
-        minRows?: (string | number) | undefined;
-        startAdornment?: React.ReactNode;
+            disabled?: boolean | undefined;
+            error?: boolean | undefined;
+            filled?: boolean | undefined;
+            focused?: boolean | undefined;
+            margin?: "none" | "normal" | "dense" | undefined;
+            required?: boolean | undefined;
+            startAdornment?: import("react").ReactNode;
+        }) => import("react").ReactNode) | undefined;
+        rows?: string | number | undefined;
+        maxRows?: string | number | undefined;
+        minRows?: string | number | undefined;
+        startAdornment?: import("react").ReactNode;
         helperText?: string | undefined;
         ref?: import("react").LegacyRef<HTMLInputElement> | undefined;
         key?: import("react").Key | null | undefined;
@@ -4514,26 +4485,26 @@ export declare const LargeSizeToolbarSize: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -4548,9 +4519,9 @@ export declare const LargeSizeToolbarSize: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -4579,11 +4550,11 @@ export declare const LargeSizeToolbarSize: {
         onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
         onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
         onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
-        onFocus?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onFocus?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onBlur?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onBlur?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onChange?: React.ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onChange?: import("react").ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -4593,17 +4564,17 @@ export declare const LargeSizeToolbarSize: {
         onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-        onInvalid?: React.FormEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onInvalid?: import("react").FormEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onKeyDown?: React.KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyUp?: React.KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -4730,29 +4701,25 @@ export declare const LargeSizeToolbarSize: {
         disabled?: boolean | undefined;
         content?: string | undefined;
         translate?: "yes" | "no" | undefined;
-        background?: ("default" | "light" | "dark") | undefined;
+        background?: "dark" | "light" | "default" | undefined;
         slots?: {
-            root?: React.ElementType;
-            input?: React.ElementType;
+            root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         slotProps?: {
-            root?: 
-            /**
-             * Set `fullWidth` to `true` to make it span full width of its container.
-             */
-            React.HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-            };
-            input?: React.InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-            };
+            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
+                sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+            }) | undefined;
+            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
+                sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+            }) | undefined;
         } | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: unknown;
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
+        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
@@ -4780,45 +4747,45 @@ export declare const LargeSizeToolbarSize: {
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+        unselectable?: "off" | "on" | undefined;
+        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         fullWidth?: boolean | undefined;
-        endAdornment?: React.ReactNode;
+        endAdornment?: import("react").ReactNode;
         value?: unknown;
         inputProps?: import("@mui/material").InputBaseComponentProps | undefined;
-        inputRef?: React.Ref<any> | undefined;
+        inputRef?: import("react").Ref<any> | undefined;
         readOnly?: boolean | undefined;
         required?: boolean | undefined;
         components?: {
-            Root?: React.ElementType;
-            Input?: React.ElementType;
+            Root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            Input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         componentsProps?: {
-            root?: React.HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
-            input?: React.InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
+            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
         } | undefined;
-        size?: ("small" | "medium" | "large") | undefined;
+        size?: "small" | "large" | "medium" | undefined;
         textAlignRight?: boolean | undefined;
         error?: boolean | undefined;
         autoComplete?: string | undefined;
         disableInjectingGlobalStyles?: boolean | undefined;
-        inputComponent?: React.ElementType<import("@mui/material").InputBaseComponentProps> | undefined;
+        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps, keyof import("react").JSX.IntrinsicElements> | undefined;
         multiline?: boolean | undefined;
         placeholder?: string | undefined;
         renderSuffix?: ((state: {
-            disabled?: boolean;
-            error?: boolean;
-            filled?: boolean;
-            focused?: boolean;
-            margin?: "dense" | "none" | "normal";
-            required?: boolean;
-            startAdornment?: React.ReactNode;
-        }) => React.ReactNode) | undefined;
-        rows?: (string | number) | undefined;
-        maxRows?: (string | number) | undefined;
-        minRows?: (string | number) | undefined;
-        startAdornment?: React.ReactNode;
+            disabled?: boolean | undefined;
+            error?: boolean | undefined;
+            filled?: boolean | undefined;
+            focused?: boolean | undefined;
+            margin?: "none" | "normal" | "dense" | undefined;
+            required?: boolean | undefined;
+            startAdornment?: import("react").ReactNode;
+        }) => import("react").ReactNode) | undefined;
+        rows?: string | number | undefined;
+        maxRows?: string | number | undefined;
+        minRows?: string | number | undefined;
+        startAdornment?: import("react").ReactNode;
         helperText?: string | undefined;
         ref?: import("react").LegacyRef<HTMLInputElement> | undefined;
         key?: import("react").Key | null | undefined;
@@ -4858,26 +4825,26 @@ export declare const TextArea: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -4892,9 +4859,9 @@ export declare const TextArea: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -4923,11 +4890,11 @@ export declare const TextArea: {
         onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
         onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
         onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
-        onFocus?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onFocus?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onBlur?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onBlur?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onChange?: React.ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onChange?: import("react").ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -4937,17 +4904,17 @@ export declare const TextArea: {
         onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-        onInvalid?: React.FormEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onInvalid?: import("react").FormEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onKeyDown?: React.KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyUp?: React.KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -5074,29 +5041,25 @@ export declare const TextArea: {
         disabled?: boolean | undefined;
         content?: string | undefined;
         translate?: "yes" | "no" | undefined;
-        background?: ("default" | "light" | "dark") | undefined;
+        background?: "dark" | "light" | "default" | undefined;
         slots?: {
-            root?: React.ElementType;
-            input?: React.ElementType;
+            root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         slotProps?: {
-            root?: 
-            /**
-             * Set `fullWidth` to `true` to make it span full width of its container.
-             */
-            React.HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-            };
-            input?: React.InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-            };
+            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
+                sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+            }) | undefined;
+            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
+                sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+            }) | undefined;
         } | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: unknown;
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
+        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
@@ -5124,45 +5087,45 @@ export declare const TextArea: {
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+        unselectable?: "off" | "on" | undefined;
+        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         fullWidth?: boolean | undefined;
-        endAdornment?: React.ReactNode;
+        endAdornment?: import("react").ReactNode;
         value?: unknown;
         inputProps?: import("@mui/material").InputBaseComponentProps | undefined;
-        inputRef?: React.Ref<any> | undefined;
+        inputRef?: import("react").Ref<any> | undefined;
         readOnly?: boolean | undefined;
         required?: boolean | undefined;
         components?: {
-            Root?: React.ElementType;
-            Input?: React.ElementType;
+            Root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            Input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         componentsProps?: {
-            root?: React.HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
-            input?: React.InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
+            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
         } | undefined;
-        size?: ("small" | "medium" | "large") | undefined;
+        size?: "small" | "large" | "medium" | undefined;
         textAlignRight?: boolean | undefined;
         error?: boolean | undefined;
         autoComplete?: string | undefined;
         disableInjectingGlobalStyles?: boolean | undefined;
-        inputComponent?: React.ElementType<import("@mui/material").InputBaseComponentProps> | undefined;
+        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps, keyof import("react").JSX.IntrinsicElements> | undefined;
         multiline?: boolean | undefined;
         placeholder?: string | undefined;
         renderSuffix?: ((state: {
-            disabled?: boolean;
-            error?: boolean;
-            filled?: boolean;
-            focused?: boolean;
-            margin?: "dense" | "none" | "normal";
-            required?: boolean;
-            startAdornment?: React.ReactNode;
-        }) => React.ReactNode) | undefined;
-        rows?: (string | number) | undefined;
-        maxRows?: (string | number) | undefined;
-        minRows?: (string | number) | undefined;
-        startAdornment?: React.ReactNode;
+            disabled?: boolean | undefined;
+            error?: boolean | undefined;
+            filled?: boolean | undefined;
+            focused?: boolean | undefined;
+            margin?: "none" | "normal" | "dense" | undefined;
+            required?: boolean | undefined;
+            startAdornment?: import("react").ReactNode;
+        }) => import("react").ReactNode) | undefined;
+        rows?: string | number | undefined;
+        maxRows?: string | number | undefined;
+        minRows?: string | number | undefined;
+        startAdornment?: import("react").ReactNode;
         helperText?: string | undefined;
         ref?: import("react").LegacyRef<HTMLInputElement> | undefined;
         key?: import("react").Key | null | undefined;
@@ -5198,26 +5161,26 @@ export declare const TextAreaWithEndAdornment: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -5232,9 +5195,9 @@ export declare const TextAreaWithEndAdornment: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -5263,11 +5226,11 @@ export declare const TextAreaWithEndAdornment: {
         onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
         onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
         onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
-        onFocus?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onFocus?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onBlur?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onBlur?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onChange?: React.ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onChange?: import("react").ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -5277,17 +5240,17 @@ export declare const TextAreaWithEndAdornment: {
         onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-        onInvalid?: React.FormEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onInvalid?: import("react").FormEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onKeyDown?: React.KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyUp?: React.KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -5414,29 +5377,25 @@ export declare const TextAreaWithEndAdornment: {
         disabled?: boolean | undefined;
         content?: string | undefined;
         translate?: "yes" | "no" | undefined;
-        background?: ("default" | "light" | "dark") | undefined;
+        background?: "dark" | "light" | "default" | undefined;
         slots?: {
-            root?: React.ElementType;
-            input?: React.ElementType;
+            root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         slotProps?: {
-            root?: 
-            /**
-             * Set `fullWidth` to `true` to make it span full width of its container.
-             */
-            React.HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-            };
-            input?: React.InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-            };
+            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
+                sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+            }) | undefined;
+            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
+                sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+            }) | undefined;
         } | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: unknown;
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
+        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
@@ -5464,45 +5423,45 @@ export declare const TextAreaWithEndAdornment: {
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+        unselectable?: "off" | "on" | undefined;
+        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         fullWidth?: boolean | undefined;
-        endAdornment?: React.ReactNode;
+        endAdornment?: import("react").ReactNode;
         value?: unknown;
         inputProps?: import("@mui/material").InputBaseComponentProps | undefined;
-        inputRef?: React.Ref<any> | undefined;
+        inputRef?: import("react").Ref<any> | undefined;
         readOnly?: boolean | undefined;
         required?: boolean | undefined;
         components?: {
-            Root?: React.ElementType;
-            Input?: React.ElementType;
+            Root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            Input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         componentsProps?: {
-            root?: React.HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
-            input?: React.InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
+            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
         } | undefined;
-        size?: ("small" | "medium" | "large") | undefined;
+        size?: "small" | "large" | "medium" | undefined;
         textAlignRight?: boolean | undefined;
         error?: boolean | undefined;
         autoComplete?: string | undefined;
         disableInjectingGlobalStyles?: boolean | undefined;
-        inputComponent?: React.ElementType<import("@mui/material").InputBaseComponentProps> | undefined;
+        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps, keyof import("react").JSX.IntrinsicElements> | undefined;
         multiline?: boolean | undefined;
         placeholder?: string | undefined;
         renderSuffix?: ((state: {
-            disabled?: boolean;
-            error?: boolean;
-            filled?: boolean;
-            focused?: boolean;
-            margin?: "dense" | "none" | "normal";
-            required?: boolean;
-            startAdornment?: React.ReactNode;
-        }) => React.ReactNode) | undefined;
-        rows?: (string | number) | undefined;
-        maxRows?: (string | number) | undefined;
-        minRows?: (string | number) | undefined;
-        startAdornment?: React.ReactNode;
+            disabled?: boolean | undefined;
+            error?: boolean | undefined;
+            filled?: boolean | undefined;
+            focused?: boolean | undefined;
+            margin?: "none" | "normal" | "dense" | undefined;
+            required?: boolean | undefined;
+            startAdornment?: import("react").ReactNode;
+        }) => import("react").ReactNode) | undefined;
+        rows?: string | number | undefined;
+        maxRows?: string | number | undefined;
+        minRows?: string | number | undefined;
+        startAdornment?: import("react").ReactNode;
         helperText?: string | undefined;
         ref?: import("react").LegacyRef<HTMLInputElement> | undefined;
         key?: import("react").Key | null | undefined;
@@ -5538,26 +5497,26 @@ export declare const EventCallbacks: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -5572,9 +5531,9 @@ export declare const EventCallbacks: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -5603,11 +5562,11 @@ export declare const EventCallbacks: {
         onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
         onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
         onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
-        onFocus?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onFocus?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onBlur?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onBlur?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onChange?: React.ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onChange?: import("react").ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -5617,17 +5576,17 @@ export declare const EventCallbacks: {
         onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-        onInvalid?: React.FormEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onInvalid?: import("react").FormEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onKeyDown?: React.KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyUp?: React.KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -5754,29 +5713,25 @@ export declare const EventCallbacks: {
         disabled?: boolean | undefined;
         content?: string | undefined;
         translate?: "yes" | "no" | undefined;
-        background?: ("default" | "light" | "dark") | undefined;
+        background?: "dark" | "light" | "default" | undefined;
         slots?: {
-            root?: React.ElementType;
-            input?: React.ElementType;
+            root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         slotProps?: {
-            root?: 
-            /**
-             * Set `fullWidth` to `true` to make it span full width of its container.
-             */
-            React.HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-            };
-            input?: React.InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-            };
+            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
+                sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+            }) | undefined;
+            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
+                sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+            }) | undefined;
         } | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: unknown;
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
+        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
@@ -5804,45 +5759,45 @@ export declare const EventCallbacks: {
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+        unselectable?: "off" | "on" | undefined;
+        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         fullWidth?: boolean | undefined;
-        endAdornment?: React.ReactNode;
+        endAdornment?: import("react").ReactNode;
         value?: unknown;
         inputProps?: import("@mui/material").InputBaseComponentProps | undefined;
-        inputRef?: React.Ref<any> | undefined;
+        inputRef?: import("react").Ref<any> | undefined;
         readOnly?: boolean | undefined;
         required?: boolean | undefined;
         components?: {
-            Root?: React.ElementType;
-            Input?: React.ElementType;
+            Root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            Input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         componentsProps?: {
-            root?: React.HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
-            input?: React.InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
+            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
         } | undefined;
-        size?: ("small" | "medium" | "large") | undefined;
+        size?: "small" | "large" | "medium" | undefined;
         textAlignRight?: boolean | undefined;
         error?: boolean | undefined;
         autoComplete?: string | undefined;
         disableInjectingGlobalStyles?: boolean | undefined;
-        inputComponent?: React.ElementType<import("@mui/material").InputBaseComponentProps> | undefined;
+        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps, keyof import("react").JSX.IntrinsicElements> | undefined;
         multiline?: boolean | undefined;
         placeholder?: string | undefined;
         renderSuffix?: ((state: {
-            disabled?: boolean;
-            error?: boolean;
-            filled?: boolean;
-            focused?: boolean;
-            margin?: "dense" | "none" | "normal";
-            required?: boolean;
-            startAdornment?: React.ReactNode;
-        }) => React.ReactNode) | undefined;
-        rows?: (string | number) | undefined;
-        maxRows?: (string | number) | undefined;
-        minRows?: (string | number) | undefined;
-        startAdornment?: React.ReactNode;
+            disabled?: boolean | undefined;
+            error?: boolean | undefined;
+            filled?: boolean | undefined;
+            focused?: boolean | undefined;
+            margin?: "none" | "normal" | "dense" | undefined;
+            required?: boolean | undefined;
+            startAdornment?: import("react").ReactNode;
+        }) => import("react").ReactNode) | undefined;
+        rows?: string | number | undefined;
+        maxRows?: string | number | undefined;
+        minRows?: string | number | undefined;
+        startAdornment?: import("react").ReactNode;
         helperText?: string | undefined;
         ref?: import("react").LegacyRef<HTMLInputElement> | undefined;
         key?: import("react").Key | null | undefined;