@galaxy-ds/core 2.1.0 → 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';
 /**
  *
@@ -10,36 +13,57 @@ declare const meta: {
     title: string;
     parameters: {
         badges: BADGE[];
+        layout: string;
     };
     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;
             };
         };
     };
@@ -59,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;
@@ -76,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;
@@ -110,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;
@@ -145,7 +169,7 @@ export declare const Default: {
         onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
         onBlur?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onChange?: import("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;
@@ -161,11 +185,11 @@ export declare const Default: {
         onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onKeyDown?: import("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?: import("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;
@@ -292,25 +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?: import("react").ElementType;
-            input?: import("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?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-            };
-            input?: import("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;
@@ -338,8 +362,8 @@ 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?: import("react").ReactNode;
@@ -349,33 +373,33 @@ export declare const Default: {
         readOnly?: boolean | undefined;
         required?: boolean | undefined;
         components?: {
-            Root?: import("react").ElementType;
-            Input?: import("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?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
-            input?: import("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?: import("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;
+            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;
+        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;
@@ -398,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;
@@ -432,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;
@@ -467,7 +491,7 @@ export declare const Default: {
         onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
         onBlur?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onChange?: import("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;
@@ -483,11 +507,11 @@ export declare const Default: {
         onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onKeyDown?: import("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?: import("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;
@@ -614,25 +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?: import("react").ElementType;
-            input?: import("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?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-            };
-            input?: import("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;
@@ -660,8 +684,8 @@ 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?: import("react").ReactNode;
@@ -671,33 +695,33 @@ export declare const Default: {
         readOnly?: boolean | undefined;
         required?: boolean | undefined;
         components?: {
-            Root?: import("react").ElementType;
-            Input?: import("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?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
-            input?: import("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?: import("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;
+            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;
+        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;
@@ -741,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;
@@ -775,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;
@@ -810,7 +834,7 @@ export declare const EndAdornment: {
         onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
         onBlur?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onChange?: import("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;
@@ -826,11 +850,11 @@ export declare const EndAdornment: {
         onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onKeyDown?: import("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?: import("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;
@@ -957,25 +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?: import("react").ElementType;
-            input?: import("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?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-            };
-            input?: import("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;
@@ -1003,8 +1027,8 @@ 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?: import("react").ReactNode;
@@ -1014,33 +1038,33 @@ export declare const EndAdornment: {
         readOnly?: boolean | undefined;
         required?: boolean | undefined;
         components?: {
-            Root?: import("react").ElementType;
-            Input?: import("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?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
-            input?: import("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?: import("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;
+            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;
+        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;
@@ -1084,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;
@@ -1118,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;
@@ -1153,7 +1177,7 @@ export declare const StartAdornment: {
         onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
         onBlur?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onChange?: import("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;
@@ -1169,11 +1193,11 @@ export declare const StartAdornment: {
         onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onKeyDown?: import("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?: import("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;
@@ -1300,25 +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?: import("react").ElementType;
-            input?: import("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?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-            };
-            input?: import("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;
@@ -1346,8 +1370,8 @@ 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?: import("react").ReactNode;
@@ -1357,33 +1381,33 @@ export declare const StartAdornment: {
         readOnly?: boolean | undefined;
         required?: boolean | undefined;
         components?: {
-            Root?: import("react").ElementType;
-            Input?: import("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?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
-            input?: import("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?: import("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;
+            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;
+        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;
@@ -1420,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;
@@ -1454,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;
@@ -1489,7 +1513,7 @@ export declare const FormGroup: {
         onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
         onBlur?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onChange?: import("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;
@@ -1505,11 +1529,11 @@ export declare const FormGroup: {
         onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onKeyDown?: import("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?: import("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;
@@ -1636,25 +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?: import("react").ElementType;
-            input?: import("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?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-            };
-            input?: import("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;
@@ -1682,8 +1706,8 @@ 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?: import("react").ReactNode;
@@ -1693,33 +1717,33 @@ export declare const FormGroup: {
         readOnly?: boolean | undefined;
         required?: boolean | undefined;
         components?: {
-            Root?: import("react").ElementType;
-            Input?: import("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?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
-            input?: import("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?: import("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;
+            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;
+        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;
@@ -1757,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;
@@ -1791,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;
@@ -1826,7 +1850,7 @@ export declare const Label: {
         onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
         onBlur?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onChange?: import("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;
@@ -1842,11 +1866,11 @@ export declare const Label: {
         onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onKeyDown?: import("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?: import("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;
@@ -1973,25 +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?: import("react").ElementType;
-            input?: import("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?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-            };
-            input?: import("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;
@@ -2019,8 +2043,8 @@ 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?: import("react").ReactNode;
@@ -2030,33 +2054,33 @@ export declare const Label: {
         readOnly?: boolean | undefined;
         required?: boolean | undefined;
         components?: {
-            Root?: import("react").ElementType;
-            Input?: import("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?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
-            input?: import("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?: import("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;
+            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;
+        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;
@@ -2092,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;
@@ -2126,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;
@@ -2161,7 +2185,7 @@ export declare const Types: {
         onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
         onBlur?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onChange?: import("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;
@@ -2177,11 +2201,11 @@ export declare const Types: {
         onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onKeyDown?: import("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?: import("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;
@@ -2308,25 +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?: import("react").ElementType;
-            input?: import("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?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-            };
-            input?: import("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;
@@ -2354,8 +2378,8 @@ 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?: import("react").ReactNode;
@@ -2365,33 +2389,33 @@ export declare const Types: {
         readOnly?: boolean | undefined;
         required?: boolean | undefined;
         components?: {
-            Root?: import("react").ElementType;
-            Input?: import("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?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
-            input?: import("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?: import("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;
+            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;
+        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;
@@ -2430,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;
@@ -2464,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;
@@ -2499,7 +2523,7 @@ export declare const HelperText: {
         onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
         onBlur?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onChange?: import("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;
@@ -2515,11 +2539,11 @@ export declare const HelperText: {
         onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onKeyDown?: import("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?: import("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;
@@ -2646,25 +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?: import("react").ElementType;
-            input?: import("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?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-            };
-            input?: import("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;
@@ -2692,8 +2716,8 @@ 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?: import("react").ReactNode;
@@ -2703,33 +2727,33 @@ export declare const HelperText: {
         readOnly?: boolean | undefined;
         required?: boolean | undefined;
         components?: {
-            Root?: import("react").ElementType;
-            Input?: import("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?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
-            input?: import("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?: import("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;
+            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;
+        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;
@@ -2769,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;
@@ -2803,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;
@@ -2838,7 +2862,7 @@ export declare const Error: {
         onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
         onBlur?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onChange?: import("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;
@@ -2854,11 +2878,11 @@ export declare const Error: {
         onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onKeyDown?: import("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?: import("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;
@@ -2985,25 +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?: import("react").ElementType;
-            input?: import("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?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-            };
-            input?: import("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;
@@ -3031,8 +3055,8 @@ 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?: import("react").ReactNode;
@@ -3042,33 +3066,33 @@ export declare const Error: {
         readOnly?: boolean | undefined;
         required?: boolean | undefined;
         components?: {
-            Root?: import("react").ElementType;
-            Input?: import("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?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
-            input?: import("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?: import("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;
+            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;
+        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;
@@ -3107,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;
@@ -3141,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;
@@ -3176,7 +3200,7 @@ export declare const Disabled: {
         onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
         onBlur?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onChange?: import("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;
@@ -3192,11 +3216,11 @@ export declare const Disabled: {
         onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onKeyDown?: import("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?: import("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;
@@ -3323,25 +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?: import("react").ElementType;
-            input?: import("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?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-            };
-            input?: import("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;
@@ -3369,8 +3393,8 @@ 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?: import("react").ReactNode;
@@ -3380,33 +3404,33 @@ export declare const Disabled: {
         readOnly?: boolean | undefined;
         required?: boolean | undefined;
         components?: {
-            Root?: import("react").ElementType;
-            Input?: import("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?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
-            input?: import("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?: import("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;
+            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;
+        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;
@@ -3445,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;
@@ -3479,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;
@@ -3514,7 +3538,7 @@ export declare const ReadOnly: {
         onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
         onBlur?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onChange?: import("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;
@@ -3530,11 +3554,11 @@ export declare const ReadOnly: {
         onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onKeyDown?: import("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?: import("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;
@@ -3661,25 +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?: import("react").ElementType;
-            input?: import("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?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-            };
-            input?: import("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;
@@ -3707,8 +3731,8 @@ 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?: import("react").ReactNode;
@@ -3718,33 +3742,33 @@ export declare const ReadOnly: {
         readOnly?: boolean | undefined;
         required?: boolean | undefined;
         components?: {
-            Root?: import("react").ElementType;
-            Input?: import("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?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
-            input?: import("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?: import("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;
+            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;
+        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;
@@ -3783,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;
@@ -3817,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;
@@ -3852,7 +3876,7 @@ export declare const TextAlignment: {
         onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
         onBlur?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onChange?: import("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;
@@ -3868,11 +3892,11 @@ export declare const TextAlignment: {
         onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onKeyDown?: import("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?: import("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;
@@ -3999,25 +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?: import("react").ElementType;
-            input?: import("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?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-            };
-            input?: import("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;
@@ -4045,8 +4069,8 @@ 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?: import("react").ReactNode;
@@ -4056,33 +4080,33 @@ export declare const TextAlignment: {
         readOnly?: boolean | undefined;
         required?: boolean | undefined;
         components?: {
-            Root?: import("react").ElementType;
-            Input?: import("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?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
-            input?: import("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?: import("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;
+            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;
+        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;
@@ -4121,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;
@@ -4155,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;
@@ -4190,7 +4214,7 @@ export declare const FullWidth: {
         onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
         onBlur?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onChange?: import("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;
@@ -4206,11 +4230,11 @@ export declare const FullWidth: {
         onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onKeyDown?: import("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?: import("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;
@@ -4337,25 +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?: import("react").ElementType;
-            input?: import("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?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-            };
-            input?: import("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;
@@ -4383,8 +4407,8 @@ 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?: import("react").ReactNode;
@@ -4394,33 +4418,33 @@ export declare const FullWidth: {
         readOnly?: boolean | undefined;
         required?: boolean | undefined;
         components?: {
-            Root?: import("react").ElementType;
-            Input?: import("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?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
-            input?: import("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?: import("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;
+            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;
+        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;
@@ -4461,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;
@@ -4495,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;
@@ -4530,7 +4554,7 @@ export declare const LargeSizeToolbarSize: {
         onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
         onBlur?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onChange?: import("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;
@@ -4546,11 +4570,11 @@ export declare const LargeSizeToolbarSize: {
         onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onKeyDown?: import("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?: import("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;
@@ -4677,25 +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?: import("react").ElementType;
-            input?: import("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?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-            };
-            input?: import("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;
@@ -4723,8 +4747,8 @@ 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?: import("react").ReactNode;
@@ -4734,33 +4758,33 @@ export declare const LargeSizeToolbarSize: {
         readOnly?: boolean | undefined;
         required?: boolean | undefined;
         components?: {
-            Root?: import("react").ElementType;
-            Input?: import("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?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
-            input?: import("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?: import("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;
+            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;
+        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;
@@ -4801,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;
@@ -4835,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;
@@ -4870,7 +4894,7 @@ export declare const TextArea: {
         onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
         onBlur?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onChange?: import("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;
@@ -4886,11 +4910,11 @@ export declare const TextArea: {
         onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onKeyDown?: import("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?: import("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;
@@ -5017,25 +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?: import("react").ElementType;
-            input?: import("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?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-            };
-            input?: import("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;
@@ -5063,8 +5087,8 @@ 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?: import("react").ReactNode;
@@ -5074,33 +5098,33 @@ export declare const TextArea: {
         readOnly?: boolean | undefined;
         required?: boolean | undefined;
         components?: {
-            Root?: import("react").ElementType;
-            Input?: import("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?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
-            input?: import("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?: import("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;
+            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;
+        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;
@@ -5137,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;
@@ -5171,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;
@@ -5206,7 +5230,7 @@ export declare const TextAreaWithEndAdornment: {
         onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
         onBlur?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onChange?: import("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;
@@ -5222,11 +5246,11 @@ export declare const TextAreaWithEndAdornment: {
         onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onKeyDown?: import("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?: import("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;
@@ -5353,25 +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?: import("react").ElementType;
-            input?: import("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?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-            };
-            input?: import("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;
@@ -5399,8 +5423,8 @@ 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?: import("react").ReactNode;
@@ -5410,33 +5434,33 @@ export declare const TextAreaWithEndAdornment: {
         readOnly?: boolean | undefined;
         required?: boolean | undefined;
         components?: {
-            Root?: import("react").ElementType;
-            Input?: import("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?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
-            input?: import("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?: import("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;
+            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;
+        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;
@@ -5473,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;
@@ -5507,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;
@@ -5542,7 +5566,7 @@ export declare const EventCallbacks: {
         onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
         onBlur?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onChange?: import("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;
@@ -5558,11 +5582,11 @@ export declare const EventCallbacks: {
         onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onKeyDown?: import("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?: import("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;
@@ -5689,25 +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?: import("react").ElementType;
-            input?: import("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?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-            };
-            input?: import("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;
@@ -5735,8 +5759,8 @@ 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?: import("react").ReactNode;
@@ -5746,33 +5770,33 @@ export declare const EventCallbacks: {
         readOnly?: boolean | undefined;
         required?: boolean | undefined;
         components?: {
-            Root?: import("react").ElementType;
-            Input?: import("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?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
-            input?: import("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?: import("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;
+            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;
+        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;