@galaxy-ds/core 2.0.20 → 2.0.22

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

@@ -1,17 +1,48 @@
-/// <reference types="react" />
-/// <reference types="react" />
-/// <reference types="trusted-types" />
+import { BADGE } from '@geometricpanda/storybook-addon-badges';
 /**
  *
  * ```js
  * import { Input } from "@galaxy-ds/core";
- * or
- * import Input from "@galaxy-ds/core/Input";
  * ```
  */
 declare const meta: {
     component: import("react").ForwardRefExoticComponent<Omit<import("./Input.types").InputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
     title: string;
+    parameters: {
+        badges: BADGE[];
+    };
+    argTypes: {
+        onFocus: {
+            control: {
+                disable: boolean;
+            };
+        };
+        onKeyDown: {
+            control: {
+                disable: boolean;
+            };
+        };
+        onKeyUp: {
+            control: {
+                disable: boolean;
+            };
+        };
+        onChange: {
+            control: {
+                disable: boolean;
+            };
+        };
+        onBlur: {
+            control: {
+                disable: boolean;
+            };
+        };
+        onInvalid: {
+            control: {
+                disable: boolean;
+            };
+        };
+    };
 };
 export default meta;
 export declare const Default: {
@@ -21,7 +52,14 @@ export declare const Default: {
         onFocus: import("@vitest/spy").Mock<[event: import("react").FocusEvent<HTMLInputElement | HTMLTextAreaElement, Element>], void>;
         onChange: import("@vitest/spy").Mock<[event: import("react").ChangeEvent<HTMLInputElement | HTMLTextAreaElement>], void>;
     };
-    play: ({ args, canvasElement }: import("@storybook/types").PlayFunctionContext<import("@storybook/react/dist/types-0fc72a6d").R, {
+    parameters: {
+        docs: {
+            source: {
+                code: string;
+            };
+        };
+    };
+    play: ({ args, canvasElement }: import("@storybook/types").PlayFunctionContext<import("@storybook/react").ReactRenderer, {
         className?: string | undefined;
         style?: import("react").CSSProperties | undefined;
         classes?: Partial<import("@mui/material").InputBaseClasses> | undefined;
@@ -38,26 +76,26 @@ export declare const Default: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "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 | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
+        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "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 | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -72,9 +110,9 @@ export declare const Default: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -107,7 +145,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<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onChange?: import("react").ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
         onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -123,11 +161,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<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onKeyUp?: import("react").KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
         onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -230,9 +268,7 @@ export declare const Default: {
         onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
@@ -256,49 +292,29 @@ export declare const Default: {
         disabled?: boolean | undefined;
         content?: string | undefined;
         translate?: "yes" | "no" | undefined;
-        background?: "dark" | "light" | "default" | undefined;
-        fullWidth?: boolean | undefined;
-        endAdornment?: import("react").ReactNode;
-        hidden?: boolean | undefined;
-        size?: "small" | "large" | "medium" | undefined;
-        textAlignRight?: boolean | undefined;
-        error?: boolean | undefined;
-        required?: boolean | undefined;
-        multiline?: boolean | undefined;
-        readOnly?: boolean | undefined;
-        components?: {
-            Root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-            /**
-             *
-             * Use `<FormGroup row>` to group Input and IconButtons, Buttons side by side.
-             */
-            Input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-        } | undefined;
-        componentsProps?: {
-            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
-            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
-        } | undefined;
+        background?: ("default" | "light" | "dark") | undefined;
         slots?: {
-            root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-            input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            root?: import("react").ElementType;
+            input?: import("react").ElementType;
         } | undefined;
         slotProps?: {
-            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;
+            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>;
+            };
         } | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: unknown;
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
+        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
+        hidden?: boolean | undefined;
         nonce?: string | undefined;
         spellCheck?: (boolean | "false" | "true") | undefined;
         radioGroup?: string | undefined;
@@ -323,30 +339,46 @@ export declare const Default: {
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "on" | "off" | undefined;
-        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
         is?: string | undefined;
+        fullWidth?: boolean | undefined;
+        endAdornment?: import("react").ReactNode;
         value?: unknown;
-        rows?: string | number | undefined;
         inputProps?: import("@mui/material").InputBaseComponentProps | undefined;
         inputRef?: import("react").Ref<any> | undefined;
+        readOnly?: boolean | undefined;
+        required?: boolean | undefined;
+        components?: {
+            Root?: import("react").ElementType;
+            Input?: import("react").ElementType;
+        } | undefined;
+        componentsProps?: {
+            root?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+            input?: import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+        } | undefined;
+        size?: ("small" | "medium" | "large") | undefined;
+        textAlignRight?: boolean | undefined;
+        error?: boolean | undefined;
         autoComplete?: string | undefined;
         disableInjectingGlobalStyles?: boolean | undefined;
-        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps, keyof import("react").JSX.IntrinsicElements> | undefined;
+        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps> | undefined;
+        multiline?: boolean | undefined;
         placeholder?: string | undefined;
         renderSuffix?: ((state: {
-            disabled?: boolean | undefined;
-            error?: boolean | undefined;
-            filled?: boolean | undefined;
-            focused?: boolean | undefined;
-            margin?: "none" | "normal" | "dense" | undefined;
-            required?: boolean | undefined;
+            disabled?: boolean;
+            error?: boolean;
+            filled?: boolean;
+            focused?: boolean;
+            margin?: "dense" | "none" | "normal";
+            required?: boolean;
             startAdornment?: import("react").ReactNode;
         }) => import("react").ReactNode) | 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").Ref<HTMLInputElement> | undefined;
+        ref?: import("react").LegacyRef<HTMLInputElement> | undefined;
         key?: import("react").Key | null | undefined;
     }>) => Promise<void>;
     render: (args: {
@@ -366,26 +398,26 @@ export declare const Default: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "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 | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
+        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "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 | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -400,9 +432,9 @@ export declare const Default: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -435,7 +467,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<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onChange?: import("react").ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
         onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -451,11 +483,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<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onKeyUp?: import("react").KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
         onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -558,9 +590,7 @@ export declare const Default: {
         onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
@@ -584,49 +614,29 @@ export declare const Default: {
         disabled?: boolean | undefined;
         content?: string | undefined;
         translate?: "yes" | "no" | undefined;
-        background?: "dark" | "light" | "default" | undefined;
-        fullWidth?: boolean | undefined;
-        endAdornment?: import("react").ReactNode;
-        hidden?: boolean | undefined;
-        size?: "small" | "large" | "medium" | undefined;
-        textAlignRight?: boolean | undefined;
-        error?: boolean | undefined;
-        required?: boolean | undefined;
-        multiline?: boolean | undefined;
-        readOnly?: boolean | undefined;
-        components?: {
-            Root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-            /**
-             *
-             * Use `<FormGroup row>` to group Input and IconButtons, Buttons side by side.
-             */
-            Input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-        } | undefined;
-        componentsProps?: {
-            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
-            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
-        } | undefined;
+        background?: ("default" | "light" | "dark") | undefined;
         slots?: {
-            root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-            input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            root?: import("react").ElementType;
+            input?: import("react").ElementType;
         } | undefined;
         slotProps?: {
-            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;
+            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>;
+            };
         } | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: unknown;
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
+        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
+        hidden?: boolean | undefined;
         nonce?: string | undefined;
         spellCheck?: (boolean | "false" | "true") | undefined;
         radioGroup?: string | undefined;
@@ -651,30 +661,46 @@ export declare const Default: {
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "on" | "off" | undefined;
-        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
         is?: string | undefined;
+        fullWidth?: boolean | undefined;
+        endAdornment?: import("react").ReactNode;
         value?: unknown;
-        rows?: string | number | undefined;
         inputProps?: import("@mui/material").InputBaseComponentProps | undefined;
         inputRef?: import("react").Ref<any> | undefined;
+        readOnly?: boolean | undefined;
+        required?: boolean | undefined;
+        components?: {
+            Root?: import("react").ElementType;
+            Input?: import("react").ElementType;
+        } | undefined;
+        componentsProps?: {
+            root?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+            input?: import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+        } | undefined;
+        size?: ("small" | "medium" | "large") | undefined;
+        textAlignRight?: boolean | undefined;
+        error?: boolean | undefined;
         autoComplete?: string | undefined;
         disableInjectingGlobalStyles?: boolean | undefined;
-        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps, keyof import("react").JSX.IntrinsicElements> | undefined;
+        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps> | undefined;
+        multiline?: boolean | undefined;
         placeholder?: string | undefined;
         renderSuffix?: ((state: {
-            disabled?: boolean | undefined;
-            error?: boolean | undefined;
-            filled?: boolean | undefined;
-            focused?: boolean | undefined;
-            margin?: "none" | "normal" | "dense" | undefined;
-            required?: boolean | undefined;
+            disabled?: boolean;
+            error?: boolean;
+            filled?: boolean;
+            focused?: boolean;
+            margin?: "dense" | "none" | "normal";
+            required?: boolean;
             startAdornment?: import("react").ReactNode;
         }) => import("react").ReactNode) | 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").Ref<HTMLInputElement> | undefined;
+        ref?: import("react").LegacyRef<HTMLInputElement> | undefined;
         key?: import("react").Key | null | undefined;
     }) => import("react/jsx-runtime").JSX.Element;
 };
@@ -691,6 +717,13 @@ export declare const EndAdornment: {
     args: {
         endAdornment: import("react/jsx-runtime").JSX.Element;
     };
+    parameters: {
+        docs: {
+            source: {
+                code: string;
+            };
+        };
+    };
     render: (args: {
         className?: string | undefined;
         style?: import("react").CSSProperties | undefined;
@@ -708,26 +741,26 @@ export declare const EndAdornment: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "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 | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
+        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "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 | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -742,9 +775,9 @@ export declare const EndAdornment: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -777,7 +810,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<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onChange?: import("react").ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
         onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -793,11 +826,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<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onKeyUp?: import("react").KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
         onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -900,9 +933,7 @@ export declare const EndAdornment: {
         onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
@@ -926,49 +957,29 @@ export declare const EndAdornment: {
         disabled?: boolean | undefined;
         content?: string | undefined;
         translate?: "yes" | "no" | undefined;
-        background?: "dark" | "light" | "default" | undefined;
-        fullWidth?: boolean | undefined;
-        endAdornment?: import("react").ReactNode;
-        hidden?: boolean | undefined;
-        size?: "small" | "large" | "medium" | undefined;
-        textAlignRight?: boolean | undefined;
-        error?: boolean | undefined;
-        required?: boolean | undefined;
-        multiline?: boolean | undefined;
-        readOnly?: boolean | undefined;
-        components?: {
-            Root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-            /**
-             *
-             * Use `<FormGroup row>` to group Input and IconButtons, Buttons side by side.
-             */
-            Input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-        } | undefined;
-        componentsProps?: {
-            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
-            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
-        } | undefined;
+        background?: ("default" | "light" | "dark") | undefined;
         slots?: {
-            root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-            input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            root?: import("react").ElementType;
+            input?: import("react").ElementType;
         } | undefined;
         slotProps?: {
-            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;
+            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>;
+            };
         } | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: unknown;
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
+        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
+        hidden?: boolean | undefined;
         nonce?: string | undefined;
         spellCheck?: (boolean | "false" | "true") | undefined;
         radioGroup?: string | undefined;
@@ -993,30 +1004,46 @@ export declare const EndAdornment: {
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "on" | "off" | undefined;
-        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
         is?: string | undefined;
+        fullWidth?: boolean | undefined;
+        endAdornment?: import("react").ReactNode;
         value?: unknown;
-        rows?: string | number | undefined;
         inputProps?: import("@mui/material").InputBaseComponentProps | undefined;
         inputRef?: import("react").Ref<any> | undefined;
+        readOnly?: boolean | undefined;
+        required?: boolean | undefined;
+        components?: {
+            Root?: import("react").ElementType;
+            Input?: import("react").ElementType;
+        } | undefined;
+        componentsProps?: {
+            root?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+            input?: import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+        } | undefined;
+        size?: ("small" | "medium" | "large") | undefined;
+        textAlignRight?: boolean | undefined;
+        error?: boolean | undefined;
         autoComplete?: string | undefined;
         disableInjectingGlobalStyles?: boolean | undefined;
-        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps, keyof import("react").JSX.IntrinsicElements> | undefined;
+        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps> | undefined;
+        multiline?: boolean | undefined;
         placeholder?: string | undefined;
         renderSuffix?: ((state: {
-            disabled?: boolean | undefined;
-            error?: boolean | undefined;
-            filled?: boolean | undefined;
-            focused?: boolean | undefined;
-            margin?: "none" | "normal" | "dense" | undefined;
-            required?: boolean | undefined;
+            disabled?: boolean;
+            error?: boolean;
+            filled?: boolean;
+            focused?: boolean;
+            margin?: "dense" | "none" | "normal";
+            required?: boolean;
             startAdornment?: import("react").ReactNode;
         }) => import("react").ReactNode) | 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").Ref<HTMLInputElement> | undefined;
+        ref?: import("react").LegacyRef<HTMLInputElement> | undefined;
         key?: import("react").Key | null | undefined;
     }) => import("react/jsx-runtime").JSX.Element;
 };
@@ -1033,6 +1060,13 @@ export declare const StartAdornment: {
     args: {
         startAdornment: import("react/jsx-runtime").JSX.Element;
     };
+    parameters: {
+        docs: {
+            source: {
+                code: string;
+            };
+        };
+    };
     render: (args: {
         className?: string | undefined;
         style?: import("react").CSSProperties | undefined;
@@ -1050,26 +1084,26 @@ export declare const StartAdornment: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "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 | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
+        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "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 | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -1084,9 +1118,9 @@ export declare const StartAdornment: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -1119,7 +1153,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<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onChange?: import("react").ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
         onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -1135,11 +1169,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<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onKeyUp?: import("react").KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
         onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -1242,9 +1276,7 @@ export declare const StartAdornment: {
         onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
@@ -1268,49 +1300,29 @@ export declare const StartAdornment: {
         disabled?: boolean | undefined;
         content?: string | undefined;
         translate?: "yes" | "no" | undefined;
-        background?: "dark" | "light" | "default" | undefined;
-        fullWidth?: boolean | undefined;
-        endAdornment?: import("react").ReactNode;
-        hidden?: boolean | undefined;
-        size?: "small" | "large" | "medium" | undefined;
-        textAlignRight?: boolean | undefined;
-        error?: boolean | undefined;
-        required?: boolean | undefined;
-        multiline?: boolean | undefined;
-        readOnly?: boolean | undefined;
-        components?: {
-            Root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-            /**
-             *
-             * Use `<FormGroup row>` to group Input and IconButtons, Buttons side by side.
-             */
-            Input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-        } | undefined;
-        componentsProps?: {
-            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
-            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
-        } | undefined;
+        background?: ("default" | "light" | "dark") | undefined;
         slots?: {
-            root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-            input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            root?: import("react").ElementType;
+            input?: import("react").ElementType;
         } | undefined;
         slotProps?: {
-            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;
+            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>;
+            };
         } | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: unknown;
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
+        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
+        hidden?: boolean | undefined;
         nonce?: string | undefined;
         spellCheck?: (boolean | "false" | "true") | undefined;
         radioGroup?: string | undefined;
@@ -1335,30 +1347,46 @@ export declare const StartAdornment: {
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "on" | "off" | undefined;
-        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
         is?: string | undefined;
+        fullWidth?: boolean | undefined;
+        endAdornment?: import("react").ReactNode;
         value?: unknown;
-        rows?: string | number | undefined;
         inputProps?: import("@mui/material").InputBaseComponentProps | undefined;
         inputRef?: import("react").Ref<any> | undefined;
+        readOnly?: boolean | undefined;
+        required?: boolean | undefined;
+        components?: {
+            Root?: import("react").ElementType;
+            Input?: import("react").ElementType;
+        } | undefined;
+        componentsProps?: {
+            root?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+            input?: import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+        } | undefined;
+        size?: ("small" | "medium" | "large") | undefined;
+        textAlignRight?: boolean | undefined;
+        error?: boolean | undefined;
         autoComplete?: string | undefined;
         disableInjectingGlobalStyles?: boolean | undefined;
-        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps, keyof import("react").JSX.IntrinsicElements> | undefined;
+        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps> | undefined;
+        multiline?: boolean | undefined;
         placeholder?: string | undefined;
         renderSuffix?: ((state: {
-            disabled?: boolean | undefined;
-            error?: boolean | undefined;
-            filled?: boolean | undefined;
-            focused?: boolean | undefined;
-            margin?: "none" | "normal" | "dense" | undefined;
-            required?: boolean | undefined;
+            disabled?: boolean;
+            error?: boolean;
+            filled?: boolean;
+            focused?: boolean;
+            margin?: "dense" | "none" | "normal";
+            required?: boolean;
             startAdornment?: import("react").ReactNode;
         }) => import("react").ReactNode) | 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").Ref<HTMLInputElement> | undefined;
+        ref?: import("react").LegacyRef<HTMLInputElement> | undefined;
         key?: import("react").Key | null | undefined;
     }) => import("react/jsx-runtime").JSX.Element;
 };
@@ -1392,26 +1420,26 @@ export declare const FormGroup: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "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 | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
+        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "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 | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -1426,9 +1454,9 @@ export declare const FormGroup: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -1461,7 +1489,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<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onChange?: import("react").ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
         onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -1477,11 +1505,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<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onKeyUp?: import("react").KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
         onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -1584,9 +1612,7 @@ export declare const FormGroup: {
         onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
@@ -1610,49 +1636,29 @@ export declare const FormGroup: {
         disabled?: boolean | undefined;
         content?: string | undefined;
         translate?: "yes" | "no" | undefined;
-        background?: "dark" | "light" | "default" | undefined;
-        fullWidth?: boolean | undefined;
-        endAdornment?: import("react").ReactNode;
-        hidden?: boolean | undefined;
-        size?: "small" | "large" | "medium" | undefined;
-        textAlignRight?: boolean | undefined;
-        error?: boolean | undefined;
-        required?: boolean | undefined;
-        multiline?: boolean | undefined;
-        readOnly?: boolean | undefined;
-        components?: {
-            Root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-            /**
-             *
-             * Use `<FormGroup row>` to group Input and IconButtons, Buttons side by side.
-             */
-            Input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-        } | undefined;
-        componentsProps?: {
-            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
-            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
-        } | undefined;
+        background?: ("default" | "light" | "dark") | undefined;
         slots?: {
-            root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-            input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            root?: import("react").ElementType;
+            input?: import("react").ElementType;
         } | undefined;
         slotProps?: {
-            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;
+            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>;
+            };
         } | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: unknown;
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
+        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
+        hidden?: boolean | undefined;
         nonce?: string | undefined;
         spellCheck?: (boolean | "false" | "true") | undefined;
         radioGroup?: string | undefined;
@@ -1677,30 +1683,46 @@ export declare const FormGroup: {
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "on" | "off" | undefined;
-        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
         is?: string | undefined;
+        fullWidth?: boolean | undefined;
+        endAdornment?: import("react").ReactNode;
         value?: unknown;
-        rows?: string | number | undefined;
         inputProps?: import("@mui/material").InputBaseComponentProps | undefined;
         inputRef?: import("react").Ref<any> | undefined;
+        readOnly?: boolean | undefined;
+        required?: boolean | undefined;
+        components?: {
+            Root?: import("react").ElementType;
+            Input?: import("react").ElementType;
+        } | undefined;
+        componentsProps?: {
+            root?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+            input?: import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+        } | undefined;
+        size?: ("small" | "medium" | "large") | undefined;
+        textAlignRight?: boolean | undefined;
+        error?: boolean | undefined;
         autoComplete?: string | undefined;
         disableInjectingGlobalStyles?: boolean | undefined;
-        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps, keyof import("react").JSX.IntrinsicElements> | undefined;
+        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps> | undefined;
+        multiline?: boolean | undefined;
         placeholder?: string | undefined;
         renderSuffix?: ((state: {
-            disabled?: boolean | undefined;
-            error?: boolean | undefined;
-            filled?: boolean | undefined;
-            focused?: boolean | undefined;
-            margin?: "none" | "normal" | "dense" | undefined;
-            required?: boolean | undefined;
+            disabled?: boolean;
+            error?: boolean;
+            filled?: boolean;
+            focused?: boolean;
+            margin?: "dense" | "none" | "normal";
+            required?: boolean;
             startAdornment?: import("react").ReactNode;
         }) => import("react").ReactNode) | 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").Ref<HTMLInputElement> | undefined;
+        ref?: import("react").LegacyRef<HTMLInputElement> | undefined;
         key?: import("react").Key | null | undefined;
     }) => import("react/jsx-runtime").JSX.Element;
 };
@@ -1711,6 +1733,13 @@ export declare const Label: {
     args: {
         label: string;
     };
+    parameters: {
+        docs: {
+            source: {
+                code: string;
+            };
+        };
+    };
     render: (args: {
         className?: string | undefined;
         style?: import("react").CSSProperties | undefined;
@@ -1728,26 +1757,26 @@ export declare const Label: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "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 | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
+        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "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 | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -1762,9 +1791,9 @@ export declare const Label: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -1797,7 +1826,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<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onChange?: import("react").ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
         onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -1813,11 +1842,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<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onKeyUp?: import("react").KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
         onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -1920,9 +1949,7 @@ export declare const Label: {
         onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
@@ -1946,49 +1973,29 @@ export declare const Label: {
         disabled?: boolean | undefined;
         content?: string | undefined;
         translate?: "yes" | "no" | undefined;
-        background?: "dark" | "light" | "default" | undefined;
-        fullWidth?: boolean | undefined;
-        endAdornment?: import("react").ReactNode;
-        hidden?: boolean | undefined;
-        size?: "small" | "large" | "medium" | undefined;
-        textAlignRight?: boolean | undefined;
-        error?: boolean | undefined;
-        required?: boolean | undefined;
-        multiline?: boolean | undefined;
-        readOnly?: boolean | undefined;
-        components?: {
-            Root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-            /**
-             *
-             * Use `<FormGroup row>` to group Input and IconButtons, Buttons side by side.
-             */
-            Input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-        } | undefined;
-        componentsProps?: {
-            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
-            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
-        } | undefined;
+        background?: ("default" | "light" | "dark") | undefined;
         slots?: {
-            root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-            input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            root?: import("react").ElementType;
+            input?: import("react").ElementType;
         } | undefined;
         slotProps?: {
-            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;
+            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>;
+            };
         } | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: unknown;
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
+        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
+        hidden?: boolean | undefined;
         nonce?: string | undefined;
         spellCheck?: (boolean | "false" | "true") | undefined;
         radioGroup?: string | undefined;
@@ -2013,30 +2020,46 @@ export declare const Label: {
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "on" | "off" | undefined;
-        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
         is?: string | undefined;
+        fullWidth?: boolean | undefined;
+        endAdornment?: import("react").ReactNode;
         value?: unknown;
-        rows?: string | number | undefined;
         inputProps?: import("@mui/material").InputBaseComponentProps | undefined;
         inputRef?: import("react").Ref<any> | undefined;
+        readOnly?: boolean | undefined;
+        required?: boolean | undefined;
+        components?: {
+            Root?: import("react").ElementType;
+            Input?: import("react").ElementType;
+        } | undefined;
+        componentsProps?: {
+            root?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+            input?: import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+        } | undefined;
+        size?: ("small" | "medium" | "large") | undefined;
+        textAlignRight?: boolean | undefined;
+        error?: boolean | undefined;
         autoComplete?: string | undefined;
         disableInjectingGlobalStyles?: boolean | undefined;
-        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps, keyof import("react").JSX.IntrinsicElements> | undefined;
+        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps> | undefined;
+        multiline?: boolean | undefined;
         placeholder?: string | undefined;
         renderSuffix?: ((state: {
-            disabled?: boolean | undefined;
-            error?: boolean | undefined;
-            filled?: boolean | undefined;
-            focused?: boolean | undefined;
-            margin?: "none" | "normal" | "dense" | undefined;
-            required?: boolean | undefined;
+            disabled?: boolean;
+            error?: boolean;
+            filled?: boolean;
+            focused?: boolean;
+            margin?: "dense" | "none" | "normal";
+            required?: boolean;
             startAdornment?: import("react").ReactNode;
         }) => import("react").ReactNode) | 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").Ref<HTMLInputElement> | undefined;
+        ref?: import("react").LegacyRef<HTMLInputElement> | undefined;
         key?: import("react").Key | null | undefined;
     }) => import("react/jsx-runtime").JSX.Element;
 };
@@ -2045,6 +2068,13 @@ export declare const Label: {
  */
 export declare const Types: {
     args: {};
+    parameters: {
+        docs: {
+            source: {
+                code: string;
+            };
+        };
+    };
     render: (args: {
         className?: string | undefined;
         style?: import("react").CSSProperties | undefined;
@@ -2062,26 +2092,26 @@ export declare const Types: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "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 | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
+        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "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 | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -2096,9 +2126,9 @@ export declare const Types: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -2131,7 +2161,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<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onChange?: import("react").ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
         onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -2147,11 +2177,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<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onKeyUp?: import("react").KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
         onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -2254,9 +2284,7 @@ export declare const Types: {
         onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
@@ -2280,49 +2308,29 @@ export declare const Types: {
         disabled?: boolean | undefined;
         content?: string | undefined;
         translate?: "yes" | "no" | undefined;
-        background?: "dark" | "light" | "default" | undefined;
-        fullWidth?: boolean | undefined;
-        endAdornment?: import("react").ReactNode;
-        hidden?: boolean | undefined;
-        size?: "small" | "large" | "medium" | undefined;
-        textAlignRight?: boolean | undefined;
-        error?: boolean | undefined;
-        required?: boolean | undefined;
-        multiline?: boolean | undefined;
-        readOnly?: boolean | undefined;
-        components?: {
-            Root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-            /**
-             *
-             * Use `<FormGroup row>` to group Input and IconButtons, Buttons side by side.
-             */
-            Input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-        } | undefined;
-        componentsProps?: {
-            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
-            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
-        } | undefined;
+        background?: ("default" | "light" | "dark") | undefined;
         slots?: {
-            root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-            input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            root?: import("react").ElementType;
+            input?: import("react").ElementType;
         } | undefined;
         slotProps?: {
-            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;
+            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>;
+            };
         } | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: unknown;
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
+        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
+        hidden?: boolean | undefined;
         nonce?: string | undefined;
         spellCheck?: (boolean | "false" | "true") | undefined;
         radioGroup?: string | undefined;
@@ -2347,30 +2355,46 @@ export declare const Types: {
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "on" | "off" | undefined;
-        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
         is?: string | undefined;
+        fullWidth?: boolean | undefined;
+        endAdornment?: import("react").ReactNode;
         value?: unknown;
-        rows?: string | number | undefined;
         inputProps?: import("@mui/material").InputBaseComponentProps | undefined;
         inputRef?: import("react").Ref<any> | undefined;
+        readOnly?: boolean | undefined;
+        required?: boolean | undefined;
+        components?: {
+            Root?: import("react").ElementType;
+            Input?: import("react").ElementType;
+        } | undefined;
+        componentsProps?: {
+            root?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+            input?: import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+        } | undefined;
+        size?: ("small" | "medium" | "large") | undefined;
+        textAlignRight?: boolean | undefined;
+        error?: boolean | undefined;
         autoComplete?: string | undefined;
         disableInjectingGlobalStyles?: boolean | undefined;
-        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps, keyof import("react").JSX.IntrinsicElements> | undefined;
+        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps> | undefined;
+        multiline?: boolean | undefined;
         placeholder?: string | undefined;
         renderSuffix?: ((state: {
-            disabled?: boolean | undefined;
-            error?: boolean | undefined;
-            filled?: boolean | undefined;
-            focused?: boolean | undefined;
-            margin?: "none" | "normal" | "dense" | undefined;
-            required?: boolean | undefined;
+            disabled?: boolean;
+            error?: boolean;
+            filled?: boolean;
+            focused?: boolean;
+            margin?: "dense" | "none" | "normal";
+            required?: boolean;
             startAdornment?: import("react").ReactNode;
         }) => import("react").ReactNode) | 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").Ref<HTMLInputElement> | undefined;
+        ref?: import("react").LegacyRef<HTMLInputElement> | undefined;
         key?: import("react").Key | null | undefined;
     }) => import("react/jsx-runtime").JSX.Element;
 };
@@ -2382,6 +2406,13 @@ export declare const HelperText: {
         placeholder: string;
         helperText: string;
     };
+    parameters: {
+        docs: {
+            source: {
+                code: string;
+            };
+        };
+    };
     render: (args: {
         className?: string | undefined;
         style?: import("react").CSSProperties | undefined;
@@ -2399,26 +2430,26 @@ export declare const HelperText: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "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 | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
+        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "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 | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -2433,9 +2464,9 @@ export declare const HelperText: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -2468,7 +2499,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<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onChange?: import("react").ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
         onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -2484,11 +2515,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<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onKeyUp?: import("react").KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
         onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -2591,9 +2622,7 @@ export declare const HelperText: {
         onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
@@ -2617,49 +2646,29 @@ export declare const HelperText: {
         disabled?: boolean | undefined;
         content?: string | undefined;
         translate?: "yes" | "no" | undefined;
-        background?: "dark" | "light" | "default" | undefined;
-        fullWidth?: boolean | undefined;
-        endAdornment?: import("react").ReactNode;
-        hidden?: boolean | undefined;
-        size?: "small" | "large" | "medium" | undefined;
-        textAlignRight?: boolean | undefined;
-        error?: boolean | undefined;
-        required?: boolean | undefined;
-        multiline?: boolean | undefined;
-        readOnly?: boolean | undefined;
-        components?: {
-            Root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-            /**
-             *
-             * Use `<FormGroup row>` to group Input and IconButtons, Buttons side by side.
-             */
-            Input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-        } | undefined;
-        componentsProps?: {
-            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
-            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
-        } | undefined;
+        background?: ("default" | "light" | "dark") | undefined;
         slots?: {
-            root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-            input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            root?: import("react").ElementType;
+            input?: import("react").ElementType;
         } | undefined;
         slotProps?: {
-            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;
+            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>;
+            };
         } | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: unknown;
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
+        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
+        hidden?: boolean | undefined;
         nonce?: string | undefined;
         spellCheck?: (boolean | "false" | "true") | undefined;
         radioGroup?: string | undefined;
@@ -2684,30 +2693,46 @@ export declare const HelperText: {
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "on" | "off" | undefined;
-        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
         is?: string | undefined;
+        fullWidth?: boolean | undefined;
+        endAdornment?: import("react").ReactNode;
         value?: unknown;
-        rows?: string | number | undefined;
         inputProps?: import("@mui/material").InputBaseComponentProps | undefined;
         inputRef?: import("react").Ref<any> | undefined;
+        readOnly?: boolean | undefined;
+        required?: boolean | undefined;
+        components?: {
+            Root?: import("react").ElementType;
+            Input?: import("react").ElementType;
+        } | undefined;
+        componentsProps?: {
+            root?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+            input?: import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+        } | undefined;
+        size?: ("small" | "medium" | "large") | undefined;
+        textAlignRight?: boolean | undefined;
+        error?: boolean | undefined;
         autoComplete?: string | undefined;
         disableInjectingGlobalStyles?: boolean | undefined;
-        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps, keyof import("react").JSX.IntrinsicElements> | undefined;
+        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps> | undefined;
+        multiline?: boolean | undefined;
         placeholder?: string | undefined;
         renderSuffix?: ((state: {
-            disabled?: boolean | undefined;
-            error?: boolean | undefined;
-            filled?: boolean | undefined;
-            focused?: boolean | undefined;
-            margin?: "none" | "normal" | "dense" | undefined;
-            required?: boolean | undefined;
+            disabled?: boolean;
+            error?: boolean;
+            filled?: boolean;
+            focused?: boolean;
+            margin?: "dense" | "none" | "normal";
+            required?: boolean;
             startAdornment?: import("react").ReactNode;
         }) => import("react").ReactNode) | 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").Ref<HTMLInputElement> | undefined;
+        ref?: import("react").LegacyRef<HTMLInputElement> | undefined;
         key?: import("react").Key | null | undefined;
     }) => import("react/jsx-runtime").JSX.Element;
 };
@@ -2720,6 +2745,13 @@ export declare const Error: {
         placeholder: string;
         helperText: string;
     };
+    parameters: {
+        docs: {
+            source: {
+                code: string;
+            };
+        };
+    };
     render: (args: {
         className?: string | undefined;
         style?: import("react").CSSProperties | undefined;
@@ -2737,26 +2769,26 @@ export declare const Error: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "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 | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
+        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "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 | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -2771,9 +2803,9 @@ export declare const Error: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -2806,7 +2838,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<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onChange?: import("react").ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
         onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -2822,11 +2854,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<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onKeyUp?: import("react").KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
         onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -2929,9 +2961,7 @@ export declare const Error: {
         onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
@@ -2955,49 +2985,29 @@ export declare const Error: {
         disabled?: boolean | undefined;
         content?: string | undefined;
         translate?: "yes" | "no" | undefined;
-        background?: "dark" | "light" | "default" | undefined;
-        fullWidth?: boolean | undefined;
-        endAdornment?: import("react").ReactNode;
-        hidden?: boolean | undefined;
-        size?: "small" | "large" | "medium" | undefined;
-        textAlignRight?: boolean | undefined;
-        error?: boolean | undefined;
-        required?: boolean | undefined;
-        multiline?: boolean | undefined;
-        readOnly?: boolean | undefined;
-        components?: {
-            Root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-            /**
-             *
-             * Use `<FormGroup row>` to group Input and IconButtons, Buttons side by side.
-             */
-            Input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-        } | undefined;
-        componentsProps?: {
-            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
-            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
-        } | undefined;
+        background?: ("default" | "light" | "dark") | undefined;
         slots?: {
-            root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-            input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            root?: import("react").ElementType;
+            input?: import("react").ElementType;
         } | undefined;
         slotProps?: {
-            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;
+            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>;
+            };
         } | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: unknown;
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
+        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
+        hidden?: boolean | undefined;
         nonce?: string | undefined;
         spellCheck?: (boolean | "false" | "true") | undefined;
         radioGroup?: string | undefined;
@@ -3022,30 +3032,46 @@ export declare const Error: {
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "on" | "off" | undefined;
-        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
         is?: string | undefined;
+        fullWidth?: boolean | undefined;
+        endAdornment?: import("react").ReactNode;
         value?: unknown;
-        rows?: string | number | undefined;
         inputProps?: import("@mui/material").InputBaseComponentProps | undefined;
         inputRef?: import("react").Ref<any> | undefined;
+        readOnly?: boolean | undefined;
+        required?: boolean | undefined;
+        components?: {
+            Root?: import("react").ElementType;
+            Input?: import("react").ElementType;
+        } | undefined;
+        componentsProps?: {
+            root?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+            input?: import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+        } | undefined;
+        size?: ("small" | "medium" | "large") | undefined;
+        textAlignRight?: boolean | undefined;
+        error?: boolean | undefined;
         autoComplete?: string | undefined;
         disableInjectingGlobalStyles?: boolean | undefined;
-        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps, keyof import("react").JSX.IntrinsicElements> | undefined;
+        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps> | undefined;
+        multiline?: boolean | undefined;
         placeholder?: string | undefined;
         renderSuffix?: ((state: {
-            disabled?: boolean | undefined;
-            error?: boolean | undefined;
-            filled?: boolean | undefined;
-            focused?: boolean | undefined;
-            margin?: "none" | "normal" | "dense" | undefined;
-            required?: boolean | undefined;
+            disabled?: boolean;
+            error?: boolean;
+            filled?: boolean;
+            focused?: boolean;
+            margin?: "dense" | "none" | "normal";
+            required?: boolean;
             startAdornment?: import("react").ReactNode;
         }) => import("react").ReactNode) | 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").Ref<HTMLInputElement> | undefined;
+        ref?: import("react").LegacyRef<HTMLInputElement> | undefined;
         key?: import("react").Key | null | undefined;
     }) => import("react/jsx-runtime").JSX.Element;
 };
@@ -3057,6 +3083,13 @@ export declare const Disabled: {
         disabled: true;
         value: string;
     };
+    parameters: {
+        docs: {
+            source: {
+                code: string;
+            };
+        };
+    };
     render: (args: {
         className?: string | undefined;
         style?: import("react").CSSProperties | undefined;
@@ -3074,26 +3107,26 @@ export declare const Disabled: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "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 | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
+        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "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 | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -3108,9 +3141,9 @@ export declare const Disabled: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -3143,7 +3176,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<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onChange?: import("react").ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
         onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -3159,11 +3192,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<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onKeyUp?: import("react").KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
         onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -3266,9 +3299,7 @@ export declare const Disabled: {
         onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
@@ -3292,49 +3323,29 @@ export declare const Disabled: {
         disabled?: boolean | undefined;
         content?: string | undefined;
         translate?: "yes" | "no" | undefined;
-        background?: "dark" | "light" | "default" | undefined;
-        fullWidth?: boolean | undefined;
-        endAdornment?: import("react").ReactNode;
-        hidden?: boolean | undefined;
-        size?: "small" | "large" | "medium" | undefined;
-        textAlignRight?: boolean | undefined;
-        error?: boolean | undefined;
-        required?: boolean | undefined;
-        multiline?: boolean | undefined;
-        readOnly?: boolean | undefined;
-        components?: {
-            Root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-            /**
-             *
-             * Use `<FormGroup row>` to group Input and IconButtons, Buttons side by side.
-             */
-            Input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-        } | undefined;
-        componentsProps?: {
-            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
-            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
-        } | undefined;
+        background?: ("default" | "light" | "dark") | undefined;
         slots?: {
-            root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-            input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            root?: import("react").ElementType;
+            input?: import("react").ElementType;
         } | undefined;
         slotProps?: {
-            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;
+            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>;
+            };
         } | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: unknown;
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
+        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
+        hidden?: boolean | undefined;
         nonce?: string | undefined;
         spellCheck?: (boolean | "false" | "true") | undefined;
         radioGroup?: string | undefined;
@@ -3359,30 +3370,46 @@ export declare const Disabled: {
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "on" | "off" | undefined;
-        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
         is?: string | undefined;
+        fullWidth?: boolean | undefined;
+        endAdornment?: import("react").ReactNode;
         value?: unknown;
-        rows?: string | number | undefined;
         inputProps?: import("@mui/material").InputBaseComponentProps | undefined;
         inputRef?: import("react").Ref<any> | undefined;
+        readOnly?: boolean | undefined;
+        required?: boolean | undefined;
+        components?: {
+            Root?: import("react").ElementType;
+            Input?: import("react").ElementType;
+        } | undefined;
+        componentsProps?: {
+            root?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+            input?: import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+        } | undefined;
+        size?: ("small" | "medium" | "large") | undefined;
+        textAlignRight?: boolean | undefined;
+        error?: boolean | undefined;
         autoComplete?: string | undefined;
         disableInjectingGlobalStyles?: boolean | undefined;
-        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps, keyof import("react").JSX.IntrinsicElements> | undefined;
+        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps> | undefined;
+        multiline?: boolean | undefined;
         placeholder?: string | undefined;
         renderSuffix?: ((state: {
-            disabled?: boolean | undefined;
-            error?: boolean | undefined;
-            filled?: boolean | undefined;
-            focused?: boolean | undefined;
-            margin?: "none" | "normal" | "dense" | undefined;
-            required?: boolean | undefined;
+            disabled?: boolean;
+            error?: boolean;
+            filled?: boolean;
+            focused?: boolean;
+            margin?: "dense" | "none" | "normal";
+            required?: boolean;
             startAdornment?: import("react").ReactNode;
         }) => import("react").ReactNode) | 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").Ref<HTMLInputElement> | undefined;
+        ref?: import("react").LegacyRef<HTMLInputElement> | undefined;
         key?: import("react").Key | null | undefined;
     }) => import("react/jsx-runtime").JSX.Element;
 };
@@ -3394,6 +3421,13 @@ export declare const ReadOnly: {
         readOnly: true;
         value: string;
     };
+    parameters: {
+        docs: {
+            source: {
+                code: string;
+            };
+        };
+    };
     render: (args: {
         className?: string | undefined;
         style?: import("react").CSSProperties | undefined;
@@ -3411,26 +3445,26 @@ export declare const ReadOnly: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "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 | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
+        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "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 | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -3445,9 +3479,9 @@ export declare const ReadOnly: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -3480,7 +3514,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<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onChange?: import("react").ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
         onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -3496,11 +3530,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<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onKeyUp?: import("react").KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
         onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -3603,9 +3637,7 @@ export declare const ReadOnly: {
         onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
@@ -3629,49 +3661,29 @@ export declare const ReadOnly: {
         disabled?: boolean | undefined;
         content?: string | undefined;
         translate?: "yes" | "no" | undefined;
-        background?: "dark" | "light" | "default" | undefined;
-        fullWidth?: boolean | undefined;
-        endAdornment?: import("react").ReactNode;
-        hidden?: boolean | undefined;
-        size?: "small" | "large" | "medium" | undefined;
-        textAlignRight?: boolean | undefined;
-        error?: boolean | undefined;
-        required?: boolean | undefined;
-        multiline?: boolean | undefined;
-        readOnly?: boolean | undefined;
-        components?: {
-            Root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-            /**
-             *
-             * Use `<FormGroup row>` to group Input and IconButtons, Buttons side by side.
-             */
-            Input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-        } | undefined;
-        componentsProps?: {
-            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
-            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
-        } | undefined;
+        background?: ("default" | "light" | "dark") | undefined;
         slots?: {
-            root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-            input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            root?: import("react").ElementType;
+            input?: import("react").ElementType;
         } | undefined;
         slotProps?: {
-            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;
+            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>;
+            };
         } | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: unknown;
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
+        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
+        hidden?: boolean | undefined;
         nonce?: string | undefined;
         spellCheck?: (boolean | "false" | "true") | undefined;
         radioGroup?: string | undefined;
@@ -3696,30 +3708,46 @@ export declare const ReadOnly: {
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "on" | "off" | undefined;
-        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
         is?: string | undefined;
+        fullWidth?: boolean | undefined;
+        endAdornment?: import("react").ReactNode;
         value?: unknown;
-        rows?: string | number | undefined;
         inputProps?: import("@mui/material").InputBaseComponentProps | undefined;
         inputRef?: import("react").Ref<any> | undefined;
+        readOnly?: boolean | undefined;
+        required?: boolean | undefined;
+        components?: {
+            Root?: import("react").ElementType;
+            Input?: import("react").ElementType;
+        } | undefined;
+        componentsProps?: {
+            root?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+            input?: import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+        } | undefined;
+        size?: ("small" | "medium" | "large") | undefined;
+        textAlignRight?: boolean | undefined;
+        error?: boolean | undefined;
         autoComplete?: string | undefined;
         disableInjectingGlobalStyles?: boolean | undefined;
-        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps, keyof import("react").JSX.IntrinsicElements> | undefined;
+        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps> | undefined;
+        multiline?: boolean | undefined;
         placeholder?: string | undefined;
         renderSuffix?: ((state: {
-            disabled?: boolean | undefined;
-            error?: boolean | undefined;
-            filled?: boolean | undefined;
-            focused?: boolean | undefined;
-            margin?: "none" | "normal" | "dense" | undefined;
-            required?: boolean | undefined;
+            disabled?: boolean;
+            error?: boolean;
+            filled?: boolean;
+            focused?: boolean;
+            margin?: "dense" | "none" | "normal";
+            required?: boolean;
             startAdornment?: import("react").ReactNode;
         }) => import("react").ReactNode) | 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").Ref<HTMLInputElement> | undefined;
+        ref?: import("react").LegacyRef<HTMLInputElement> | undefined;
         key?: import("react").Key | null | undefined;
     }) => import("react/jsx-runtime").JSX.Element;
 };
@@ -3731,6 +3759,13 @@ export declare const TextAlignment: {
         textAlignRight: true;
         value: string;
     };
+    parameters: {
+        docs: {
+            source: {
+                code: string;
+            };
+        };
+    };
     render: (args: {
         className?: string | undefined;
         style?: import("react").CSSProperties | undefined;
@@ -3748,26 +3783,26 @@ export declare const TextAlignment: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "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 | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
+        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "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 | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -3782,9 +3817,9 @@ export declare const TextAlignment: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -3817,7 +3852,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<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onChange?: import("react").ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
         onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -3833,11 +3868,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<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onKeyUp?: import("react").KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
         onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -3940,9 +3975,7 @@ export declare const TextAlignment: {
         onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
@@ -3966,49 +3999,29 @@ export declare const TextAlignment: {
         disabled?: boolean | undefined;
         content?: string | undefined;
         translate?: "yes" | "no" | undefined;
-        background?: "dark" | "light" | "default" | undefined;
-        fullWidth?: boolean | undefined;
-        endAdornment?: import("react").ReactNode;
-        hidden?: boolean | undefined;
-        size?: "small" | "large" | "medium" | undefined;
-        textAlignRight?: boolean | undefined;
-        error?: boolean | undefined;
-        required?: boolean | undefined;
-        multiline?: boolean | undefined;
-        readOnly?: boolean | undefined;
-        components?: {
-            Root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-            /**
-             *
-             * Use `<FormGroup row>` to group Input and IconButtons, Buttons side by side.
-             */
-            Input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-        } | undefined;
-        componentsProps?: {
-            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
-            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
-        } | undefined;
+        background?: ("default" | "light" | "dark") | undefined;
         slots?: {
-            root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-            input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            root?: import("react").ElementType;
+            input?: import("react").ElementType;
         } | undefined;
         slotProps?: {
-            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;
+            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>;
+            };
         } | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: unknown;
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
+        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
+        hidden?: boolean | undefined;
         nonce?: string | undefined;
         spellCheck?: (boolean | "false" | "true") | undefined;
         radioGroup?: string | undefined;
@@ -4033,30 +4046,46 @@ export declare const TextAlignment: {
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "on" | "off" | undefined;
-        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
         is?: string | undefined;
+        fullWidth?: boolean | undefined;
+        endAdornment?: import("react").ReactNode;
         value?: unknown;
-        rows?: string | number | undefined;
         inputProps?: import("@mui/material").InputBaseComponentProps | undefined;
         inputRef?: import("react").Ref<any> | undefined;
+        readOnly?: boolean | undefined;
+        required?: boolean | undefined;
+        components?: {
+            Root?: import("react").ElementType;
+            Input?: import("react").ElementType;
+        } | undefined;
+        componentsProps?: {
+            root?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+            input?: import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+        } | undefined;
+        size?: ("small" | "medium" | "large") | undefined;
+        textAlignRight?: boolean | undefined;
+        error?: boolean | undefined;
         autoComplete?: string | undefined;
         disableInjectingGlobalStyles?: boolean | undefined;
-        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps, keyof import("react").JSX.IntrinsicElements> | undefined;
+        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps> | undefined;
+        multiline?: boolean | undefined;
         placeholder?: string | undefined;
         renderSuffix?: ((state: {
-            disabled?: boolean | undefined;
-            error?: boolean | undefined;
-            filled?: boolean | undefined;
-            focused?: boolean | undefined;
-            margin?: "none" | "normal" | "dense" | undefined;
-            required?: boolean | undefined;
+            disabled?: boolean;
+            error?: boolean;
+            filled?: boolean;
+            focused?: boolean;
+            margin?: "dense" | "none" | "normal";
+            required?: boolean;
             startAdornment?: import("react").ReactNode;
         }) => import("react").ReactNode) | 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").Ref<HTMLInputElement> | undefined;
+        ref?: import("react").LegacyRef<HTMLInputElement> | undefined;
         key?: import("react").Key | null | undefined;
     }) => import("react/jsx-runtime").JSX.Element;
 };
@@ -4068,6 +4097,13 @@ export declare const FullWidth: {
         fullWidth: true;
         value: string;
     };
+    parameters: {
+        docs: {
+            source: {
+                code: string;
+            };
+        };
+    };
     render: (args: {
         className?: string | undefined;
         style?: import("react").CSSProperties | undefined;
@@ -4085,26 +4121,26 @@ export declare const FullWidth: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "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 | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
+        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "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 | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -4119,9 +4155,9 @@ export declare const FullWidth: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -4154,7 +4190,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<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onChange?: import("react").ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
         onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -4170,11 +4206,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<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onKeyUp?: import("react").KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
         onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -4277,9 +4313,7 @@ export declare const FullWidth: {
         onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
@@ -4303,49 +4337,29 @@ export declare const FullWidth: {
         disabled?: boolean | undefined;
         content?: string | undefined;
         translate?: "yes" | "no" | undefined;
-        background?: "dark" | "light" | "default" | undefined;
-        fullWidth?: boolean | undefined;
-        endAdornment?: import("react").ReactNode;
-        hidden?: boolean | undefined;
-        size?: "small" | "large" | "medium" | undefined;
-        textAlignRight?: boolean | undefined;
-        error?: boolean | undefined;
-        required?: boolean | undefined;
-        multiline?: boolean | undefined;
-        readOnly?: boolean | undefined;
-        components?: {
-            Root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-            /**
-             *
-             * Use `<FormGroup row>` to group Input and IconButtons, Buttons side by side.
-             */
-            Input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-        } | undefined;
-        componentsProps?: {
-            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
-            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
-        } | undefined;
+        background?: ("default" | "light" | "dark") | undefined;
         slots?: {
-            root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-            input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            root?: import("react").ElementType;
+            input?: import("react").ElementType;
         } | undefined;
         slotProps?: {
-            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;
+            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>;
+            };
         } | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: unknown;
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
+        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
+        hidden?: boolean | undefined;
         nonce?: string | undefined;
         spellCheck?: (boolean | "false" | "true") | undefined;
         radioGroup?: string | undefined;
@@ -4370,30 +4384,46 @@ export declare const FullWidth: {
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "on" | "off" | undefined;
-        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
         is?: string | undefined;
+        fullWidth?: boolean | undefined;
+        endAdornment?: import("react").ReactNode;
         value?: unknown;
-        rows?: string | number | undefined;
         inputProps?: import("@mui/material").InputBaseComponentProps | undefined;
         inputRef?: import("react").Ref<any> | undefined;
+        readOnly?: boolean | undefined;
+        required?: boolean | undefined;
+        components?: {
+            Root?: import("react").ElementType;
+            Input?: import("react").ElementType;
+        } | undefined;
+        componentsProps?: {
+            root?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+            input?: import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+        } | undefined;
+        size?: ("small" | "medium" | "large") | undefined;
+        textAlignRight?: boolean | undefined;
+        error?: boolean | undefined;
         autoComplete?: string | undefined;
         disableInjectingGlobalStyles?: boolean | undefined;
-        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps, keyof import("react").JSX.IntrinsicElements> | undefined;
+        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps> | undefined;
+        multiline?: boolean | undefined;
         placeholder?: string | undefined;
         renderSuffix?: ((state: {
-            disabled?: boolean | undefined;
-            error?: boolean | undefined;
-            filled?: boolean | undefined;
-            focused?: boolean | undefined;
-            margin?: "none" | "normal" | "dense" | undefined;
-            required?: boolean | undefined;
+            disabled?: boolean;
+            error?: boolean;
+            filled?: boolean;
+            focused?: boolean;
+            margin?: "dense" | "none" | "normal";
+            required?: boolean;
             startAdornment?: import("react").ReactNode;
         }) => import("react").ReactNode) | 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").Ref<HTMLInputElement> | undefined;
+        ref?: import("react").LegacyRef<HTMLInputElement> | undefined;
         key?: import("react").Key | null | undefined;
     }) => import("react/jsx-runtime").JSX.Element;
 };
@@ -4431,26 +4461,26 @@ export declare const LargeSizeToolbarSize: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "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 | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
+        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "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 | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -4465,9 +4495,9 @@ export declare const LargeSizeToolbarSize: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -4500,7 +4530,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<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onChange?: import("react").ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
         onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -4516,11 +4546,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<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onKeyUp?: import("react").KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
         onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -4623,9 +4653,7 @@ export declare const LargeSizeToolbarSize: {
         onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
@@ -4649,49 +4677,29 @@ export declare const LargeSizeToolbarSize: {
         disabled?: boolean | undefined;
         content?: string | undefined;
         translate?: "yes" | "no" | undefined;
-        background?: "dark" | "light" | "default" | undefined;
-        fullWidth?: boolean | undefined;
-        endAdornment?: import("react").ReactNode;
-        hidden?: boolean | undefined;
-        size?: "small" | "large" | "medium" | undefined;
-        textAlignRight?: boolean | undefined;
-        error?: boolean | undefined;
-        required?: boolean | undefined;
-        multiline?: boolean | undefined;
-        readOnly?: boolean | undefined;
-        components?: {
-            Root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-            /**
-             *
-             * Use `<FormGroup row>` to group Input and IconButtons, Buttons side by side.
-             */
-            Input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-        } | undefined;
-        componentsProps?: {
-            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
-            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
-        } | undefined;
+        background?: ("default" | "light" | "dark") | undefined;
         slots?: {
-            root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-            input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            root?: import("react").ElementType;
+            input?: import("react").ElementType;
         } | undefined;
         slotProps?: {
-            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;
+            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>;
+            };
         } | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: unknown;
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
+        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
+        hidden?: boolean | undefined;
         nonce?: string | undefined;
         spellCheck?: (boolean | "false" | "true") | undefined;
         radioGroup?: string | undefined;
@@ -4716,30 +4724,46 @@ export declare const LargeSizeToolbarSize: {
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "on" | "off" | undefined;
-        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
         is?: string | undefined;
+        fullWidth?: boolean | undefined;
+        endAdornment?: import("react").ReactNode;
         value?: unknown;
-        rows?: string | number | undefined;
         inputProps?: import("@mui/material").InputBaseComponentProps | undefined;
         inputRef?: import("react").Ref<any> | undefined;
+        readOnly?: boolean | undefined;
+        required?: boolean | undefined;
+        components?: {
+            Root?: import("react").ElementType;
+            Input?: import("react").ElementType;
+        } | undefined;
+        componentsProps?: {
+            root?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+            input?: import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+        } | undefined;
+        size?: ("small" | "medium" | "large") | undefined;
+        textAlignRight?: boolean | undefined;
+        error?: boolean | undefined;
         autoComplete?: string | undefined;
         disableInjectingGlobalStyles?: boolean | undefined;
-        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps, keyof import("react").JSX.IntrinsicElements> | undefined;
+        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps> | undefined;
+        multiline?: boolean | undefined;
         placeholder?: string | undefined;
         renderSuffix?: ((state: {
-            disabled?: boolean | undefined;
-            error?: boolean | undefined;
-            filled?: boolean | undefined;
-            focused?: boolean | undefined;
-            margin?: "none" | "normal" | "dense" | undefined;
-            required?: boolean | undefined;
+            disabled?: boolean;
+            error?: boolean;
+            filled?: boolean;
+            focused?: boolean;
+            margin?: "dense" | "none" | "normal";
+            required?: boolean;
             startAdornment?: import("react").ReactNode;
         }) => import("react").ReactNode) | 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").Ref<HTMLInputElement> | undefined;
+        ref?: import("react").LegacyRef<HTMLInputElement> | undefined;
         key?: import("react").Key | null | undefined;
     }) => import("react/jsx-runtime").JSX.Element;
 };
@@ -4753,6 +4777,13 @@ export declare const TextArea: {
         multiline: true;
         minRows: number;
     };
+    parameters: {
+        docs: {
+            source: {
+                code: string;
+            };
+        };
+    };
     render: (args: {
         className?: string | undefined;
         style?: import("react").CSSProperties | undefined;
@@ -4770,26 +4801,26 @@ export declare const TextArea: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "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 | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
+        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "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 | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -4804,9 +4835,9 @@ export declare const TextArea: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -4839,7 +4870,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<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onChange?: import("react").ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
         onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -4855,11 +4886,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<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onKeyUp?: import("react").KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
         onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -4962,9 +4993,7 @@ export declare const TextArea: {
         onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
@@ -4988,49 +5017,29 @@ export declare const TextArea: {
         disabled?: boolean | undefined;
         content?: string | undefined;
         translate?: "yes" | "no" | undefined;
-        background?: "dark" | "light" | "default" | undefined;
-        fullWidth?: boolean | undefined;
-        endAdornment?: import("react").ReactNode;
-        hidden?: boolean | undefined;
-        size?: "small" | "large" | "medium" | undefined;
-        textAlignRight?: boolean | undefined;
-        error?: boolean | undefined;
-        required?: boolean | undefined;
-        multiline?: boolean | undefined;
-        readOnly?: boolean | undefined;
-        components?: {
-            Root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-            /**
-             *
-             * Use `<FormGroup row>` to group Input and IconButtons, Buttons side by side.
-             */
-            Input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-        } | undefined;
-        componentsProps?: {
-            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
-            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
-        } | undefined;
+        background?: ("default" | "light" | "dark") | undefined;
         slots?: {
-            root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-            input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            root?: import("react").ElementType;
+            input?: import("react").ElementType;
         } | undefined;
         slotProps?: {
-            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;
+            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>;
+            };
         } | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: unknown;
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
+        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
+        hidden?: boolean | undefined;
         nonce?: string | undefined;
         spellCheck?: (boolean | "false" | "true") | undefined;
         radioGroup?: string | undefined;
@@ -5055,30 +5064,46 @@ export declare const TextArea: {
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "on" | "off" | undefined;
-        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
         is?: string | undefined;
+        fullWidth?: boolean | undefined;
+        endAdornment?: import("react").ReactNode;
         value?: unknown;
-        rows?: string | number | undefined;
         inputProps?: import("@mui/material").InputBaseComponentProps | undefined;
         inputRef?: import("react").Ref<any> | undefined;
+        readOnly?: boolean | undefined;
+        required?: boolean | undefined;
+        components?: {
+            Root?: import("react").ElementType;
+            Input?: import("react").ElementType;
+        } | undefined;
+        componentsProps?: {
+            root?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+            input?: import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+        } | undefined;
+        size?: ("small" | "medium" | "large") | undefined;
+        textAlignRight?: boolean | undefined;
+        error?: boolean | undefined;
         autoComplete?: string | undefined;
         disableInjectingGlobalStyles?: boolean | undefined;
-        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps, keyof import("react").JSX.IntrinsicElements> | undefined;
+        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps> | undefined;
+        multiline?: boolean | undefined;
         placeholder?: string | undefined;
         renderSuffix?: ((state: {
-            disabled?: boolean | undefined;
-            error?: boolean | undefined;
-            filled?: boolean | undefined;
-            focused?: boolean | undefined;
-            margin?: "none" | "normal" | "dense" | undefined;
-            required?: boolean | undefined;
+            disabled?: boolean;
+            error?: boolean;
+            filled?: boolean;
+            focused?: boolean;
+            margin?: "dense" | "none" | "normal";
+            required?: boolean;
             startAdornment?: import("react").ReactNode;
         }) => import("react").ReactNode) | 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").Ref<HTMLInputElement> | undefined;
+        ref?: import("react").LegacyRef<HTMLInputElement> | undefined;
         key?: import("react").Key | null | undefined;
     }) => import("react/jsx-runtime").JSX.Element;
 };
@@ -5112,26 +5137,26 @@ export declare const TextAreaWithEndAdornment: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "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 | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
+        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "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 | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -5146,9 +5171,9 @@ export declare const TextAreaWithEndAdornment: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -5181,7 +5206,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<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onChange?: import("react").ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
         onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -5197,11 +5222,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<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onKeyUp?: import("react").KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
         onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -5304,9 +5329,7 @@ export declare const TextAreaWithEndAdornment: {
         onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
@@ -5330,49 +5353,29 @@ export declare const TextAreaWithEndAdornment: {
         disabled?: boolean | undefined;
         content?: string | undefined;
         translate?: "yes" | "no" | undefined;
-        background?: "dark" | "light" | "default" | undefined;
-        fullWidth?: boolean | undefined;
-        endAdornment?: import("react").ReactNode;
-        hidden?: boolean | undefined;
-        size?: "small" | "large" | "medium" | undefined;
-        textAlignRight?: boolean | undefined;
-        error?: boolean | undefined;
-        required?: boolean | undefined;
-        multiline?: boolean | undefined;
-        readOnly?: boolean | undefined;
-        components?: {
-            Root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-            /**
-             *
-             * Use `<FormGroup row>` to group Input and IconButtons, Buttons side by side.
-             */
-            Input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-        } | undefined;
-        componentsProps?: {
-            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
-            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
-        } | undefined;
+        background?: ("default" | "light" | "dark") | undefined;
         slots?: {
-            root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-            input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            root?: import("react").ElementType;
+            input?: import("react").ElementType;
         } | undefined;
         slotProps?: {
-            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;
+            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>;
+            };
         } | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: unknown;
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
+        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
+        hidden?: boolean | undefined;
         nonce?: string | undefined;
         spellCheck?: (boolean | "false" | "true") | undefined;
         radioGroup?: string | undefined;
@@ -5397,30 +5400,46 @@ export declare const TextAreaWithEndAdornment: {
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "on" | "off" | undefined;
-        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
         is?: string | undefined;
+        fullWidth?: boolean | undefined;
+        endAdornment?: import("react").ReactNode;
         value?: unknown;
-        rows?: string | number | undefined;
         inputProps?: import("@mui/material").InputBaseComponentProps | undefined;
         inputRef?: import("react").Ref<any> | undefined;
+        readOnly?: boolean | undefined;
+        required?: boolean | undefined;
+        components?: {
+            Root?: import("react").ElementType;
+            Input?: import("react").ElementType;
+        } | undefined;
+        componentsProps?: {
+            root?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+            input?: import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+        } | undefined;
+        size?: ("small" | "medium" | "large") | undefined;
+        textAlignRight?: boolean | undefined;
+        error?: boolean | undefined;
         autoComplete?: string | undefined;
         disableInjectingGlobalStyles?: boolean | undefined;
-        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps, keyof import("react").JSX.IntrinsicElements> | undefined;
+        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps> | undefined;
+        multiline?: boolean | undefined;
         placeholder?: string | undefined;
         renderSuffix?: ((state: {
-            disabled?: boolean | undefined;
-            error?: boolean | undefined;
-            filled?: boolean | undefined;
-            focused?: boolean | undefined;
-            margin?: "none" | "normal" | "dense" | undefined;
-            required?: boolean | undefined;
+            disabled?: boolean;
+            error?: boolean;
+            filled?: boolean;
+            focused?: boolean;
+            margin?: "dense" | "none" | "normal";
+            required?: boolean;
             startAdornment?: import("react").ReactNode;
         }) => import("react").ReactNode) | 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").Ref<HTMLInputElement> | undefined;
+        ref?: import("react").LegacyRef<HTMLInputElement> | undefined;
         key?: import("react").Key | null | undefined;
     }) => import("react/jsx-runtime").JSX.Element;
 };
@@ -5430,6 +5449,13 @@ export declare const TextAreaWithEndAdornment: {
  */
 export declare const EventCallbacks: {
     args: {};
+    parameters: {
+        docs: {
+            source: {
+                code: string;
+            };
+        };
+    };
     render: (args: {
         className?: string | undefined;
         style?: import("react").CSSProperties | undefined;
@@ -5447,26 +5473,26 @@ export declare const EventCallbacks: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "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 | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
+        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "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 | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -5481,9 +5507,9 @@ export declare const EventCallbacks: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -5516,7 +5542,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<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onChange?: import("react").ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
         onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -5532,11 +5558,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<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onKeyUp?: import("react").KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
         onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -5639,9 +5665,7 @@ export declare const EventCallbacks: {
         onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
@@ -5665,49 +5689,29 @@ export declare const EventCallbacks: {
         disabled?: boolean | undefined;
         content?: string | undefined;
         translate?: "yes" | "no" | undefined;
-        background?: "dark" | "light" | "default" | undefined;
-        fullWidth?: boolean | undefined;
-        endAdornment?: import("react").ReactNode;
-        hidden?: boolean | undefined;
-        size?: "small" | "large" | "medium" | undefined;
-        textAlignRight?: boolean | undefined;
-        error?: boolean | undefined;
-        required?: boolean | undefined;
-        multiline?: boolean | undefined;
-        readOnly?: boolean | undefined;
-        components?: {
-            Root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-            /**
-             *
-             * Use `<FormGroup row>` to group Input and IconButtons, Buttons side by side.
-             */
-            Input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-        } | undefined;
-        componentsProps?: {
-            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
-            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
-        } | undefined;
+        background?: ("default" | "light" | "dark") | undefined;
         slots?: {
-            root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-            input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            root?: import("react").ElementType;
+            input?: import("react").ElementType;
         } | undefined;
         slotProps?: {
-            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;
+            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>;
+            };
         } | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: unknown;
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
+        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
+        hidden?: boolean | undefined;
         nonce?: string | undefined;
         spellCheck?: (boolean | "false" | "true") | undefined;
         radioGroup?: string | undefined;
@@ -5732,30 +5736,46 @@ export declare const EventCallbacks: {
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "on" | "off" | undefined;
-        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
         is?: string | undefined;
+        fullWidth?: boolean | undefined;
+        endAdornment?: import("react").ReactNode;
         value?: unknown;
-        rows?: string | number | undefined;
         inputProps?: import("@mui/material").InputBaseComponentProps | undefined;
         inputRef?: import("react").Ref<any> | undefined;
+        readOnly?: boolean | undefined;
+        required?: boolean | undefined;
+        components?: {
+            Root?: import("react").ElementType;
+            Input?: import("react").ElementType;
+        } | undefined;
+        componentsProps?: {
+            root?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+            input?: import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+        } | undefined;
+        size?: ("small" | "medium" | "large") | undefined;
+        textAlignRight?: boolean | undefined;
+        error?: boolean | undefined;
         autoComplete?: string | undefined;
         disableInjectingGlobalStyles?: boolean | undefined;
-        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps, keyof import("react").JSX.IntrinsicElements> | undefined;
+        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps> | undefined;
+        multiline?: boolean | undefined;
         placeholder?: string | undefined;
         renderSuffix?: ((state: {
-            disabled?: boolean | undefined;
-            error?: boolean | undefined;
-            filled?: boolean | undefined;
-            focused?: boolean | undefined;
-            margin?: "none" | "normal" | "dense" | undefined;
-            required?: boolean | undefined;
+            disabled?: boolean;
+            error?: boolean;
+            filled?: boolean;
+            focused?: boolean;
+            margin?: "dense" | "none" | "normal";
+            required?: boolean;
             startAdornment?: import("react").ReactNode;
         }) => import("react").ReactNode) | 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").Ref<HTMLInputElement> | undefined;
+        ref?: import("react").LegacyRef<HTMLInputElement> | undefined;
         key?: import("react").Key | null | undefined;
     }) => import("react/jsx-runtime").JSX.Element;
 };