@galaxy-ds/core 2.1.0 → 2.1.2

package/dist/Dropdown/Dropdown.stories.d.ts

@@ -1,3 +1,6 @@
+/// <reference types="react" />
+/// <reference types="react" />
+/// <reference types="trusted-types" />
 import { BADGE } from '@geometricpanda/storybook-addon-badges';
 import { SelectChangeEvent } from '@mui/material';
 import { DropdownProps } from './Dropdown.types';
@@ -16,30 +19,91 @@ declare const meta: {
     title: string;
     parameters: {
         badges: BADGE[];
+        layout: string;
     };
     argTypes: {
         onFocus: {
             control: {
-                disable: boolean;
+                type: undefined;
             };
         };
         onBlur: {
             control: {
-                disable: boolean;
+                type: undefined;
             };
         };
         onInvalid: {
             control: {
-                disable: boolean;
+                type: undefined;
             };
         };
         onKeyDown: {
             control: {
-                disable: boolean;
+                type: undefined;
             };
         };
         onKeyUp: {
             control: {
+                type: undefined;
+            };
+        };
+        onClose: {
+            control: {
+                type: undefined;
+            };
+        };
+        onChange: {
+            control: {
+                type: undefined;
+            };
+        };
+        onOpen: {
+            control: {
+                type: undefined;
+            };
+        };
+        input: {
+            control: {
+                type: undefined;
+            };
+        };
+        children: {
+            control: {
+                type: undefined;
+            };
+        };
+        components: {
+            control: {
+                type: undefined;
+            };
+        };
+        startAdornment: {
+            control: {
+                type: undefined;
+            };
+        };
+        endAdornment: {
+            control: {
+                type: undefined;
+            };
+        };
+        inputComponent: {
+            control: {
+                type: undefined;
+            };
+        };
+        inputRef: {
+            control: {
+                type: undefined;
+            };
+        };
+        IconComponent: {
+            control: {
+                type: undefined;
+            };
+        };
+        width: {
+            table: {
                 disable: boolean;
             };
         };
@@ -53,6 +117,10 @@ export declare const Default: {
         onClose: import("@vitest/spy").Mock<[event: import("react").SyntheticEvent<Element, Event>], void>;
         onChange: import("@vitest/spy").Mock<[event: SelectChangeEvent<unknown>, child: import("react").ReactNode], void>;
         onOpen: import("@vitest/spy").Mock<[event: import("react").SyntheticEvent<Element, Event>], void>;
+        align: "left";
+        size: "medium";
+        variant: "dropdown";
+        margin: "none";
     };
     parameters: {
         docs: {
@@ -63,18 +131,18 @@ export declare const Default: {
     };
     play: () => Promise<void>;
     render: (args: {
-        align?: ("left" | "right") | undefined;
+        align?: "left" | "right" | undefined;
         elevation?: number | undefined;
         label?: string | undefined;
-        size?: ("medium" | "large") | undefined;
+        size?: "large" | "medium" | undefined;
         width?: number | undefined;
-        variant?: ("dropdown" | "select") | undefined;
+        variant?: "select" | "dropdown" | undefined;
         children?: import("react").ReactNode;
         classes?: Partial<import("@mui/material").SelectClasses> | undefined;
-        ref?: ((instance: unknown) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<unknown> | null | undefined;
+        ref?: ((instance: unknown) => void) | import("react").RefObject<unknown> | null | undefined;
         className?: string | undefined;
         style?: import("react").CSSProperties | undefined;
-        color?: import("@mui/types").OverridableStringUnion<"primary" | "secondary" | "error" | "info" | "success" | "warning", import("@mui/material").InputBasePropsColorOverrides> | undefined;
+        color?: import("@mui/types").OverridableStringUnion<"error" | "primary" | "secondary" | "info" | "success" | "warning", import("@mui/material").InputBasePropsColorOverrides> | undefined;
         sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
         input?: import("react").ReactElement<any, any> | undefined;
         slot?: string | undefined;
@@ -88,27 +156,27 @@ export declare const Default: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
         'aria-describedby'?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -123,9 +191,9 @@ export declare const Default: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -174,11 +242,11 @@ export declare const Default: {
         onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onKeyDown?: import("react").KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyUp?: import("react").KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -305,25 +373,25 @@ export declare const Default: {
         disabled?: boolean | undefined;
         content?: string | undefined;
         translate?: "yes" | "no" | undefined;
-        margin?: ("dense" | "none") | undefined;
+        margin?: "none" | "dense" | undefined;
         slots?: {
-            root?: import("react").ElementType;
-            input?: import("react").ElementType;
+            root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         slotProps?: {
-            root?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/material").SxProps<import("@mui/material").Theme>;
-            };
-            input?: import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/material").SxProps<import("@mui/material").Theme>;
-            };
+            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
+                sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+            }) | undefined;
+            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
+                sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+            }) | undefined;
         } | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: unknown;
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
+        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
@@ -351,49 +419,49 @@ export declare const Default: {
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+        unselectable?: "off" | "on" | undefined;
+        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         fullWidth?: boolean | undefined;
         endAdornment?: import("react").ReactNode;
         value?: unknown;
-        inputProps?: import("@mui/material").InputProps["inputProps"];
+        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;
+            Root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            Input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         componentsProps?: {
-            root?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
-            input?: import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
+            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
         } | undefined;
-        onClose?: ((event: import("react").SyntheticEvent) => void) | undefined;
+        onClose?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
         open?: boolean | undefined;
         multiple?: boolean | undefined;
         error?: boolean | undefined;
         autoComplete?: string | undefined;
         disableInjectingGlobalStyles?: boolean | undefined;
-        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps> | undefined;
+        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps, keyof import("react").JSX.IntrinsicElements> | undefined;
         multiline?: boolean | undefined;
         placeholder?: string | undefined;
         renderSuffix?: ((state: {
-            disabled?: boolean;
-            error?: boolean;
-            filled?: boolean;
-            focused?: boolean;
-            margin?: "dense" | "none" | "normal";
-            required?: boolean;
+            disabled?: boolean | undefined;
+            error?: boolean | undefined;
+            filled?: boolean | undefined;
+            focused?: boolean | undefined;
+            margin?: "none" | "normal" | "dense" | undefined;
+            required?: boolean | undefined;
             startAdornment?: import("react").ReactNode;
         }) => import("react").ReactNode) | undefined;
-        rows?: (string | number) | undefined;
-        maxRows?: (string | number) | undefined;
-        minRows?: (string | number) | undefined;
+        rows?: string | number | undefined;
+        maxRows?: string | number | undefined;
+        minRows?: string | number | undefined;
         startAdornment?: import("react").ReactNode;
         disableUnderline?: boolean | undefined;
-        IconComponent?: import("react").ElementType | undefined;
-        onOpen?: ((event: import("react").SyntheticEvent) => void) | undefined;
+        IconComponent?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+        onOpen?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
         autoWidth?: boolean | undefined;
         defaultOpen?: boolean | undefined;
         displayEmpty?: boolean | undefined;
@@ -421,18 +489,18 @@ export declare const AlignLeft: {
         };
     };
     render: (args: {
-        align?: ("left" | "right") | undefined;
+        align?: "left" | "right" | undefined;
         elevation?: number | undefined;
         label?: string | undefined;
-        size?: ("medium" | "large") | undefined;
+        size?: "large" | "medium" | undefined;
         width?: number | undefined;
-        variant?: ("dropdown" | "select") | undefined;
+        variant?: "select" | "dropdown" | undefined;
         children?: import("react").ReactNode;
         classes?: Partial<import("@mui/material").SelectClasses> | undefined;
-        ref?: ((instance: unknown) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<unknown> | null | undefined;
+        ref?: ((instance: unknown) => void) | import("react").RefObject<unknown> | null | undefined;
         className?: string | undefined;
         style?: import("react").CSSProperties | undefined;
-        color?: import("@mui/types").OverridableStringUnion<"primary" | "secondary" | "error" | "info" | "success" | "warning", import("@mui/material").InputBasePropsColorOverrides> | undefined;
+        color?: import("@mui/types").OverridableStringUnion<"error" | "primary" | "secondary" | "info" | "success" | "warning", import("@mui/material").InputBasePropsColorOverrides> | undefined;
         sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
         input?: import("react").ReactElement<any, any> | undefined;
         slot?: string | undefined;
@@ -446,27 +514,27 @@ export declare const AlignLeft: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
         'aria-describedby'?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -481,9 +549,9 @@ export declare const AlignLeft: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -532,11 +600,11 @@ export declare const AlignLeft: {
         onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onKeyDown?: import("react").KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyUp?: import("react").KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -663,25 +731,25 @@ export declare const AlignLeft: {
         disabled?: boolean | undefined;
         content?: string | undefined;
         translate?: "yes" | "no" | undefined;
-        margin?: ("dense" | "none") | undefined;
+        margin?: "none" | "dense" | undefined;
         slots?: {
-            root?: import("react").ElementType;
-            input?: import("react").ElementType;
+            root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         slotProps?: {
-            root?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/material").SxProps<import("@mui/material").Theme>;
-            };
-            input?: import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/material").SxProps<import("@mui/material").Theme>;
-            };
+            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
+                sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+            }) | undefined;
+            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
+                sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+            }) | undefined;
         } | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: unknown;
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
+        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
@@ -709,49 +777,49 @@ export declare const AlignLeft: {
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+        unselectable?: "off" | "on" | undefined;
+        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         fullWidth?: boolean | undefined;
         endAdornment?: import("react").ReactNode;
         value?: unknown;
-        inputProps?: import("@mui/material").InputProps["inputProps"];
+        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;
+            Root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            Input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         componentsProps?: {
-            root?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
-            input?: import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
+            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
         } | undefined;
-        onClose?: ((event: import("react").SyntheticEvent) => void) | undefined;
+        onClose?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
         open?: boolean | undefined;
         multiple?: boolean | undefined;
         error?: boolean | undefined;
         autoComplete?: string | undefined;
         disableInjectingGlobalStyles?: boolean | undefined;
-        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps> | undefined;
+        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps, keyof import("react").JSX.IntrinsicElements> | undefined;
         multiline?: boolean | undefined;
         placeholder?: string | undefined;
         renderSuffix?: ((state: {
-            disabled?: boolean;
-            error?: boolean;
-            filled?: boolean;
-            focused?: boolean;
-            margin?: "dense" | "none" | "normal";
-            required?: boolean;
+            disabled?: boolean | undefined;
+            error?: boolean | undefined;
+            filled?: boolean | undefined;
+            focused?: boolean | undefined;
+            margin?: "none" | "normal" | "dense" | undefined;
+            required?: boolean | undefined;
             startAdornment?: import("react").ReactNode;
         }) => import("react").ReactNode) | undefined;
-        rows?: (string | number) | undefined;
-        maxRows?: (string | number) | undefined;
-        minRows?: (string | number) | undefined;
+        rows?: string | number | undefined;
+        maxRows?: string | number | undefined;
+        minRows?: string | number | undefined;
         startAdornment?: import("react").ReactNode;
         disableUnderline?: boolean | undefined;
-        IconComponent?: import("react").ElementType | undefined;
-        onOpen?: ((event: import("react").SyntheticEvent) => void) | undefined;
+        IconComponent?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+        onOpen?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
         autoWidth?: boolean | undefined;
         defaultOpen?: boolean | undefined;
         displayEmpty?: boolean | undefined;
@@ -779,18 +847,18 @@ export declare const WithLabel: {
         };
     };
     render: (args: {
-        align?: ("left" | "right") | undefined;
+        align?: "left" | "right" | undefined;
         elevation?: number | undefined;
         label?: string | undefined;
-        size?: ("medium" | "large") | undefined;
+        size?: "large" | "medium" | undefined;
         width?: number | undefined;
-        variant?: ("dropdown" | "select") | undefined;
+        variant?: "select" | "dropdown" | undefined;
         children?: import("react").ReactNode;
         classes?: Partial<import("@mui/material").SelectClasses> | undefined;
-        ref?: ((instance: unknown) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<unknown> | null | undefined;
+        ref?: ((instance: unknown) => void) | import("react").RefObject<unknown> | null | undefined;
         className?: string | undefined;
         style?: import("react").CSSProperties | undefined;
-        color?: import("@mui/types").OverridableStringUnion<"primary" | "secondary" | "error" | "info" | "success" | "warning", import("@mui/material").InputBasePropsColorOverrides> | undefined;
+        color?: import("@mui/types").OverridableStringUnion<"error" | "primary" | "secondary" | "info" | "success" | "warning", import("@mui/material").InputBasePropsColorOverrides> | undefined;
         sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
         input?: import("react").ReactElement<any, any> | undefined;
         slot?: string | undefined;
@@ -804,27 +872,27 @@ export declare const WithLabel: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
         'aria-describedby'?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -839,9 +907,9 @@ export declare const WithLabel: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -890,11 +958,11 @@ export declare const WithLabel: {
         onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onKeyDown?: import("react").KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyUp?: import("react").KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -1021,25 +1089,25 @@ export declare const WithLabel: {
         disabled?: boolean | undefined;
         content?: string | undefined;
         translate?: "yes" | "no" | undefined;
-        margin?: ("dense" | "none") | undefined;
+        margin?: "none" | "dense" | undefined;
         slots?: {
-            root?: import("react").ElementType;
-            input?: import("react").ElementType;
+            root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         slotProps?: {
-            root?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/material").SxProps<import("@mui/material").Theme>;
-            };
-            input?: import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/material").SxProps<import("@mui/material").Theme>;
-            };
+            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
+                sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+            }) | undefined;
+            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
+                sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+            }) | undefined;
         } | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: unknown;
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
+        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
@@ -1067,49 +1135,49 @@ export declare const WithLabel: {
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+        unselectable?: "off" | "on" | undefined;
+        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         fullWidth?: boolean | undefined;
         endAdornment?: import("react").ReactNode;
         value?: unknown;
-        inputProps?: import("@mui/material").InputProps["inputProps"];
+        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;
+            Root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            Input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         componentsProps?: {
-            root?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
-            input?: import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
+            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
         } | undefined;
-        onClose?: ((event: import("react").SyntheticEvent) => void) | undefined;
+        onClose?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
         open?: boolean | undefined;
         multiple?: boolean | undefined;
         error?: boolean | undefined;
         autoComplete?: string | undefined;
         disableInjectingGlobalStyles?: boolean | undefined;
-        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps> | undefined;
+        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps, keyof import("react").JSX.IntrinsicElements> | undefined;
         multiline?: boolean | undefined;
         placeholder?: string | undefined;
         renderSuffix?: ((state: {
-            disabled?: boolean;
-            error?: boolean;
-            filled?: boolean;
-            focused?: boolean;
-            margin?: "dense" | "none" | "normal";
-            required?: boolean;
+            disabled?: boolean | undefined;
+            error?: boolean | undefined;
+            filled?: boolean | undefined;
+            focused?: boolean | undefined;
+            margin?: "none" | "normal" | "dense" | undefined;
+            required?: boolean | undefined;
             startAdornment?: import("react").ReactNode;
         }) => import("react").ReactNode) | undefined;
-        rows?: (string | number) | undefined;
-        maxRows?: (string | number) | undefined;
-        minRows?: (string | number) | undefined;
+        rows?: string | number | undefined;
+        maxRows?: string | number | undefined;
+        minRows?: string | number | undefined;
         startAdornment?: import("react").ReactNode;
         disableUnderline?: boolean | undefined;
-        IconComponent?: import("react").ElementType | undefined;
-        onOpen?: ((event: import("react").SyntheticEvent) => void) | undefined;
+        IconComponent?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+        onOpen?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
         autoWidth?: boolean | undefined;
         defaultOpen?: boolean | undefined;
         displayEmpty?: boolean | undefined;
@@ -1136,18 +1204,18 @@ export declare const DisplayEmpty: {
         };
     };
     render: (args: {
-        align?: ("left" | "right") | undefined;
+        align?: "left" | "right" | undefined;
         elevation?: number | undefined;
         label?: string | undefined;
-        size?: ("medium" | "large") | undefined;
+        size?: "large" | "medium" | undefined;
         width?: number | undefined;
-        variant?: ("dropdown" | "select") | undefined;
+        variant?: "select" | "dropdown" | undefined;
         children?: import("react").ReactNode;
         classes?: Partial<import("@mui/material").SelectClasses> | undefined;
-        ref?: ((instance: unknown) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<unknown> | null | undefined;
+        ref?: ((instance: unknown) => void) | import("react").RefObject<unknown> | null | undefined;
         className?: string | undefined;
         style?: import("react").CSSProperties | undefined;
-        color?: import("@mui/types").OverridableStringUnion<"primary" | "secondary" | "error" | "info" | "success" | "warning", import("@mui/material").InputBasePropsColorOverrides> | undefined;
+        color?: import("@mui/types").OverridableStringUnion<"error" | "primary" | "secondary" | "info" | "success" | "warning", import("@mui/material").InputBasePropsColorOverrides> | undefined;
         sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
         input?: import("react").ReactElement<any, any> | undefined;
         slot?: string | undefined;
@@ -1161,27 +1229,27 @@ export declare const DisplayEmpty: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
         'aria-describedby'?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -1196,9 +1264,9 @@ export declare const DisplayEmpty: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -1247,11 +1315,11 @@ export declare const DisplayEmpty: {
         onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onKeyDown?: import("react").KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyUp?: import("react").KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -1378,25 +1446,25 @@ export declare const DisplayEmpty: {
         disabled?: boolean | undefined;
         content?: string | undefined;
         translate?: "yes" | "no" | undefined;
-        margin?: ("dense" | "none") | undefined;
+        margin?: "none" | "dense" | undefined;
         slots?: {
-            root?: import("react").ElementType;
-            input?: import("react").ElementType;
+            root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         slotProps?: {
-            root?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/material").SxProps<import("@mui/material").Theme>;
-            };
-            input?: import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/material").SxProps<import("@mui/material").Theme>;
-            };
+            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
+                sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+            }) | undefined;
+            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
+                sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+            }) | undefined;
         } | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: unknown;
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
+        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
@@ -1424,49 +1492,49 @@ export declare const DisplayEmpty: {
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+        unselectable?: "off" | "on" | undefined;
+        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         fullWidth?: boolean | undefined;
         endAdornment?: import("react").ReactNode;
         value?: unknown;
-        inputProps?: import("@mui/material").InputProps["inputProps"];
+        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;
+            Root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            Input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         componentsProps?: {
-            root?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
-            input?: import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
+            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
         } | undefined;
-        onClose?: ((event: import("react").SyntheticEvent) => void) | undefined;
+        onClose?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
         open?: boolean | undefined;
         multiple?: boolean | undefined;
         error?: boolean | undefined;
         autoComplete?: string | undefined;
         disableInjectingGlobalStyles?: boolean | undefined;
-        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps> | undefined;
+        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps, keyof import("react").JSX.IntrinsicElements> | undefined;
         multiline?: boolean | undefined;
         placeholder?: string | undefined;
         renderSuffix?: ((state: {
-            disabled?: boolean;
-            error?: boolean;
-            filled?: boolean;
-            focused?: boolean;
-            margin?: "dense" | "none" | "normal";
-            required?: boolean;
+            disabled?: boolean | undefined;
+            error?: boolean | undefined;
+            filled?: boolean | undefined;
+            focused?: boolean | undefined;
+            margin?: "none" | "normal" | "dense" | undefined;
+            required?: boolean | undefined;
             startAdornment?: import("react").ReactNode;
         }) => import("react").ReactNode) | undefined;
-        rows?: (string | number) | undefined;
-        maxRows?: (string | number) | undefined;
-        minRows?: (string | number) | undefined;
+        rows?: string | number | undefined;
+        maxRows?: string | number | undefined;
+        minRows?: string | number | undefined;
         startAdornment?: import("react").ReactNode;
         disableUnderline?: boolean | undefined;
-        IconComponent?: import("react").ElementType | undefined;
-        onOpen?: ((event: import("react").SyntheticEvent) => void) | undefined;
+        IconComponent?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+        onOpen?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
         autoWidth?: boolean | undefined;
         defaultOpen?: boolean | undefined;
         displayEmpty?: boolean | undefined;
@@ -1488,6 +1556,8 @@ export declare const MultipleWithCheckboxes: {
         displayEmpty: boolean;
         multiple: boolean;
         width: number;
+        onOpen: import("@vitest/spy").Mock<any, any>;
+        onFocus: import("@vitest/spy").Mock<any, any>;
     };
     play: () => Promise<void>;
     parameters: {
@@ -1514,18 +1584,18 @@ export declare const PrependedIcon: {
         };
     };
     render: (args: {
-        align?: ("left" | "right") | undefined;
+        align?: "left" | "right" | undefined;
         elevation?: number | undefined;
         label?: string | undefined;
-        size?: ("medium" | "large") | undefined;
+        size?: "large" | "medium" | undefined;
         width?: number | undefined;
-        variant?: ("dropdown" | "select") | undefined;
+        variant?: "select" | "dropdown" | undefined;
         children?: import("react").ReactNode;
         classes?: Partial<import("@mui/material").SelectClasses> | undefined;
-        ref?: ((instance: unknown) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<unknown> | null | undefined;
+        ref?: ((instance: unknown) => void) | import("react").RefObject<unknown> | null | undefined;
         className?: string | undefined;
         style?: import("react").CSSProperties | undefined;
-        color?: import("@mui/types").OverridableStringUnion<"primary" | "secondary" | "error" | "info" | "success" | "warning", import("@mui/material").InputBasePropsColorOverrides> | undefined;
+        color?: import("@mui/types").OverridableStringUnion<"error" | "primary" | "secondary" | "info" | "success" | "warning", import("@mui/material").InputBasePropsColorOverrides> | undefined;
         sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
         input?: import("react").ReactElement<any, any> | undefined;
         slot?: string | undefined;
@@ -1539,27 +1609,27 @@ export declare const PrependedIcon: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
         'aria-describedby'?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -1574,9 +1644,9 @@ export declare const PrependedIcon: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -1625,11 +1695,11 @@ export declare const PrependedIcon: {
         onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onKeyDown?: import("react").KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyUp?: import("react").KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -1756,25 +1826,25 @@ export declare const PrependedIcon: {
         disabled?: boolean | undefined;
         content?: string | undefined;
         translate?: "yes" | "no" | undefined;
-        margin?: ("dense" | "none") | undefined;
+        margin?: "none" | "dense" | undefined;
         slots?: {
-            root?: import("react").ElementType;
-            input?: import("react").ElementType;
+            root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         slotProps?: {
-            root?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/material").SxProps<import("@mui/material").Theme>;
-            };
-            input?: import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/material").SxProps<import("@mui/material").Theme>;
-            };
+            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
+                sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+            }) | undefined;
+            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
+                sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+            }) | undefined;
         } | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: unknown;
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
+        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
@@ -1802,49 +1872,49 @@ export declare const PrependedIcon: {
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+        unselectable?: "off" | "on" | undefined;
+        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         fullWidth?: boolean | undefined;
         endAdornment?: import("react").ReactNode;
         value?: unknown;
-        inputProps?: import("@mui/material").InputProps["inputProps"];
+        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;
+            Root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            Input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         componentsProps?: {
-            root?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
-            input?: import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
+            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
         } | undefined;
-        onClose?: ((event: import("react").SyntheticEvent) => void) | undefined;
+        onClose?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
         open?: boolean | undefined;
         multiple?: boolean | undefined;
         error?: boolean | undefined;
         autoComplete?: string | undefined;
         disableInjectingGlobalStyles?: boolean | undefined;
-        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps> | undefined;
+        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps, keyof import("react").JSX.IntrinsicElements> | undefined;
         multiline?: boolean | undefined;
         placeholder?: string | undefined;
         renderSuffix?: ((state: {
-            disabled?: boolean;
-            error?: boolean;
-            filled?: boolean;
-            focused?: boolean;
-            margin?: "dense" | "none" | "normal";
-            required?: boolean;
+            disabled?: boolean | undefined;
+            error?: boolean | undefined;
+            filled?: boolean | undefined;
+            focused?: boolean | undefined;
+            margin?: "none" | "normal" | "dense" | undefined;
+            required?: boolean | undefined;
             startAdornment?: import("react").ReactNode;
         }) => import("react").ReactNode) | undefined;
-        rows?: (string | number) | undefined;
-        maxRows?: (string | number) | undefined;
-        minRows?: (string | number) | undefined;
+        rows?: string | number | undefined;
+        maxRows?: string | number | undefined;
+        minRows?: string | number | undefined;
         startAdornment?: import("react").ReactNode;
         disableUnderline?: boolean | undefined;
-        IconComponent?: import("react").ElementType | undefined;
-        onOpen?: ((event: import("react").SyntheticEvent) => void) | undefined;
+        IconComponent?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+        onOpen?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
         autoWidth?: boolean | undefined;
         defaultOpen?: boolean | undefined;
         displayEmpty?: boolean | undefined;
@@ -1871,18 +1941,18 @@ export declare const FullWidth: {
         };
     };
     render: (args: {
-        align?: ("left" | "right") | undefined;
+        align?: "left" | "right" | undefined;
         elevation?: number | undefined;
         label?: string | undefined;
-        size?: ("medium" | "large") | undefined;
+        size?: "large" | "medium" | undefined;
         width?: number | undefined;
-        variant?: ("dropdown" | "select") | undefined;
+        variant?: "select" | "dropdown" | undefined;
         children?: import("react").ReactNode;
         classes?: Partial<import("@mui/material").SelectClasses> | undefined;
-        ref?: ((instance: unknown) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<unknown> | null | undefined;
+        ref?: ((instance: unknown) => void) | import("react").RefObject<unknown> | null | undefined;
         className?: string | undefined;
         style?: import("react").CSSProperties | undefined;
-        color?: import("@mui/types").OverridableStringUnion<"primary" | "secondary" | "error" | "info" | "success" | "warning", import("@mui/material").InputBasePropsColorOverrides> | undefined;
+        color?: import("@mui/types").OverridableStringUnion<"error" | "primary" | "secondary" | "info" | "success" | "warning", import("@mui/material").InputBasePropsColorOverrides> | undefined;
         sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
         input?: import("react").ReactElement<any, any> | undefined;
         slot?: string | undefined;
@@ -1896,27 +1966,27 @@ export declare const FullWidth: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
         'aria-describedby'?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -1931,9 +2001,9 @@ export declare const FullWidth: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -1982,11 +2052,11 @@ export declare const FullWidth: {
         onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onKeyDown?: import("react").KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyUp?: import("react").KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -2113,25 +2183,25 @@ export declare const FullWidth: {
         disabled?: boolean | undefined;
         content?: string | undefined;
         translate?: "yes" | "no" | undefined;
-        margin?: ("dense" | "none") | undefined;
+        margin?: "none" | "dense" | undefined;
         slots?: {
-            root?: import("react").ElementType;
-            input?: import("react").ElementType;
+            root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         slotProps?: {
-            root?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/material").SxProps<import("@mui/material").Theme>;
-            };
-            input?: import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/material").SxProps<import("@mui/material").Theme>;
-            };
+            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
+                sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+            }) | undefined;
+            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
+                sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+            }) | undefined;
         } | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: unknown;
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
+        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
@@ -2159,49 +2229,49 @@ export declare const FullWidth: {
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+        unselectable?: "off" | "on" | undefined;
+        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         fullWidth?: boolean | undefined;
         endAdornment?: import("react").ReactNode;
         value?: unknown;
-        inputProps?: import("@mui/material").InputProps["inputProps"];
+        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;
+            Root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            Input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         componentsProps?: {
-            root?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
-            input?: import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
+            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
         } | undefined;
-        onClose?: ((event: import("react").SyntheticEvent) => void) | undefined;
+        onClose?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
         open?: boolean | undefined;
         multiple?: boolean | undefined;
         error?: boolean | undefined;
         autoComplete?: string | undefined;
         disableInjectingGlobalStyles?: boolean | undefined;
-        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps> | undefined;
+        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps, keyof import("react").JSX.IntrinsicElements> | undefined;
         multiline?: boolean | undefined;
         placeholder?: string | undefined;
         renderSuffix?: ((state: {
-            disabled?: boolean;
-            error?: boolean;
-            filled?: boolean;
-            focused?: boolean;
-            margin?: "dense" | "none" | "normal";
-            required?: boolean;
+            disabled?: boolean | undefined;
+            error?: boolean | undefined;
+            filled?: boolean | undefined;
+            focused?: boolean | undefined;
+            margin?: "none" | "normal" | "dense" | undefined;
+            required?: boolean | undefined;
             startAdornment?: import("react").ReactNode;
         }) => import("react").ReactNode) | undefined;
-        rows?: (string | number) | undefined;
-        maxRows?: (string | number) | undefined;
-        minRows?: (string | number) | undefined;
+        rows?: string | number | undefined;
+        maxRows?: string | number | undefined;
+        minRows?: string | number | undefined;
         startAdornment?: import("react").ReactNode;
         disableUnderline?: boolean | undefined;
-        IconComponent?: import("react").ElementType | undefined;
-        onOpen?: ((event: import("react").SyntheticEvent) => void) | undefined;
+        IconComponent?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+        onOpen?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
         autoWidth?: boolean | undefined;
         defaultOpen?: boolean | undefined;
         displayEmpty?: boolean | undefined;
@@ -2229,18 +2299,18 @@ export declare const LargeSizeToolbarSize: {
         };
     };
     render: (args: {
-        align?: ("left" | "right") | undefined;
+        align?: "left" | "right" | undefined;
         elevation?: number | undefined;
         label?: string | undefined;
-        size?: ("medium" | "large") | undefined;
+        size?: "large" | "medium" | undefined;
         width?: number | undefined;
-        variant?: ("dropdown" | "select") | undefined;
+        variant?: "select" | "dropdown" | undefined;
         children?: import("react").ReactNode;
         classes?: Partial<import("@mui/material").SelectClasses> | undefined;
-        ref?: ((instance: unknown) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<unknown> | null | undefined;
+        ref?: ((instance: unknown) => void) | import("react").RefObject<unknown> | null | undefined;
         className?: string | undefined;
         style?: import("react").CSSProperties | undefined;
-        color?: import("@mui/types").OverridableStringUnion<"primary" | "secondary" | "error" | "info" | "success" | "warning", import("@mui/material").InputBasePropsColorOverrides> | undefined;
+        color?: import("@mui/types").OverridableStringUnion<"error" | "primary" | "secondary" | "info" | "success" | "warning", import("@mui/material").InputBasePropsColorOverrides> | undefined;
         sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
         input?: import("react").ReactElement<any, any> | undefined;
         slot?: string | undefined;
@@ -2254,27 +2324,27 @@ export declare const LargeSizeToolbarSize: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
         'aria-describedby'?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -2289,9 +2359,9 @@ export declare const LargeSizeToolbarSize: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -2340,11 +2410,11 @@ export declare const LargeSizeToolbarSize: {
         onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onKeyDown?: import("react").KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyUp?: import("react").KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -2471,25 +2541,25 @@ export declare const LargeSizeToolbarSize: {
         disabled?: boolean | undefined;
         content?: string | undefined;
         translate?: "yes" | "no" | undefined;
-        margin?: ("dense" | "none") | undefined;
+        margin?: "none" | "dense" | undefined;
         slots?: {
-            root?: import("react").ElementType;
-            input?: import("react").ElementType;
+            root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         slotProps?: {
-            root?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/material").SxProps<import("@mui/material").Theme>;
-            };
-            input?: import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/material").SxProps<import("@mui/material").Theme>;
-            };
+            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
+                sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+            }) | undefined;
+            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
+                sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+            }) | undefined;
         } | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: unknown;
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
+        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
@@ -2517,49 +2587,49 @@ export declare const LargeSizeToolbarSize: {
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+        unselectable?: "off" | "on" | undefined;
+        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         fullWidth?: boolean | undefined;
         endAdornment?: import("react").ReactNode;
         value?: unknown;
-        inputProps?: import("@mui/material").InputProps["inputProps"];
+        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;
+            Root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            Input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         componentsProps?: {
-            root?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
-            input?: import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
+            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
         } | undefined;
-        onClose?: ((event: import("react").SyntheticEvent) => void) | undefined;
+        onClose?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
         open?: boolean | undefined;
         multiple?: boolean | undefined;
         error?: boolean | undefined;
         autoComplete?: string | undefined;
         disableInjectingGlobalStyles?: boolean | undefined;
-        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps> | undefined;
+        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps, keyof import("react").JSX.IntrinsicElements> | undefined;
         multiline?: boolean | undefined;
         placeholder?: string | undefined;
         renderSuffix?: ((state: {
-            disabled?: boolean;
-            error?: boolean;
-            filled?: boolean;
-            focused?: boolean;
-            margin?: "dense" | "none" | "normal";
-            required?: boolean;
+            disabled?: boolean | undefined;
+            error?: boolean | undefined;
+            filled?: boolean | undefined;
+            focused?: boolean | undefined;
+            margin?: "none" | "normal" | "dense" | undefined;
+            required?: boolean | undefined;
             startAdornment?: import("react").ReactNode;
         }) => import("react").ReactNode) | undefined;
-        rows?: (string | number) | undefined;
-        maxRows?: (string | number) | undefined;
-        minRows?: (string | number) | undefined;
+        rows?: string | number | undefined;
+        maxRows?: string | number | undefined;
+        minRows?: string | number | undefined;
         startAdornment?: import("react").ReactNode;
         disableUnderline?: boolean | undefined;
-        IconComponent?: import("react").ElementType | undefined;
-        onOpen?: ((event: import("react").SyntheticEvent) => void) | undefined;
+        IconComponent?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+        onOpen?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
         autoWidth?: boolean | undefined;
         defaultOpen?: boolean | undefined;
         displayEmpty?: boolean | undefined;
@@ -2584,18 +2654,18 @@ export declare const SelectStyle: {
         };
     };
     render: (args: {
-        align?: ("left" | "right") | undefined;
+        align?: "left" | "right" | undefined;
         elevation?: number | undefined;
         label?: string | undefined;
-        size?: ("medium" | "large") | undefined;
+        size?: "large" | "medium" | undefined;
         width?: number | undefined;
-        variant?: ("dropdown" | "select") | undefined;
+        variant?: "select" | "dropdown" | undefined;
         children?: import("react").ReactNode;
         classes?: Partial<import("@mui/material").SelectClasses> | undefined;
-        ref?: ((instance: unknown) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<unknown> | null | undefined;
+        ref?: ((instance: unknown) => void) | import("react").RefObject<unknown> | null | undefined;
         className?: string | undefined;
         style?: import("react").CSSProperties | undefined;
-        color?: import("@mui/types").OverridableStringUnion<"primary" | "secondary" | "error" | "info" | "success" | "warning", import("@mui/material").InputBasePropsColorOverrides> | undefined;
+        color?: import("@mui/types").OverridableStringUnion<"error" | "primary" | "secondary" | "info" | "success" | "warning", import("@mui/material").InputBasePropsColorOverrides> | undefined;
         sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
         input?: import("react").ReactElement<any, any> | undefined;
         slot?: string | undefined;
@@ -2609,27 +2679,27 @@ export declare const SelectStyle: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
         'aria-describedby'?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -2644,9 +2714,9 @@ export declare const SelectStyle: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -2695,11 +2765,11 @@ export declare const SelectStyle: {
         onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onKeyDown?: import("react").KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyUp?: import("react").KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -2826,25 +2896,25 @@ export declare const SelectStyle: {
         disabled?: boolean | undefined;
         content?: string | undefined;
         translate?: "yes" | "no" | undefined;
-        margin?: ("dense" | "none") | undefined;
+        margin?: "none" | "dense" | undefined;
         slots?: {
-            root?: import("react").ElementType;
-            input?: import("react").ElementType;
+            root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         slotProps?: {
-            root?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/material").SxProps<import("@mui/material").Theme>;
-            };
-            input?: import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/material").SxProps<import("@mui/material").Theme>;
-            };
+            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
+                sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+            }) | undefined;
+            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
+                sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+            }) | undefined;
         } | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: unknown;
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
+        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
@@ -2872,49 +2942,49 @@ export declare const SelectStyle: {
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+        unselectable?: "off" | "on" | undefined;
+        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         fullWidth?: boolean | undefined;
         endAdornment?: import("react").ReactNode;
         value?: unknown;
-        inputProps?: import("@mui/material").InputProps["inputProps"];
+        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;
+            Root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            Input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         componentsProps?: {
-            root?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
-            input?: import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
+            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
         } | undefined;
-        onClose?: ((event: import("react").SyntheticEvent) => void) | undefined;
+        onClose?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
         open?: boolean | undefined;
         multiple?: boolean | undefined;
         error?: boolean | undefined;
         autoComplete?: string | undefined;
         disableInjectingGlobalStyles?: boolean | undefined;
-        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps> | undefined;
+        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps, keyof import("react").JSX.IntrinsicElements> | undefined;
         multiline?: boolean | undefined;
         placeholder?: string | undefined;
         renderSuffix?: ((state: {
-            disabled?: boolean;
-            error?: boolean;
-            filled?: boolean;
-            focused?: boolean;
-            margin?: "dense" | "none" | "normal";
-            required?: boolean;
+            disabled?: boolean | undefined;
+            error?: boolean | undefined;
+            filled?: boolean | undefined;
+            focused?: boolean | undefined;
+            margin?: "none" | "normal" | "dense" | undefined;
+            required?: boolean | undefined;
             startAdornment?: import("react").ReactNode;
         }) => import("react").ReactNode) | undefined;
-        rows?: (string | number) | undefined;
-        maxRows?: (string | number) | undefined;
-        minRows?: (string | number) | undefined;
+        rows?: string | number | undefined;
+        maxRows?: string | number | undefined;
+        minRows?: string | number | undefined;
         startAdornment?: import("react").ReactNode;
         disableUnderline?: boolean | undefined;
-        IconComponent?: import("react").ElementType | undefined;
-        onOpen?: ((event: import("react").SyntheticEvent) => void) | undefined;
+        IconComponent?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+        onOpen?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
         autoWidth?: boolean | undefined;
         defaultOpen?: boolean | undefined;
         displayEmpty?: boolean | undefined;