@galaxy-ds/core 2.1.1 → 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';
@@ -21,26 +24,86 @@ declare const meta: {
     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;
             };
         };
@@ -54,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: {
@@ -64,20 +131,20 @@ 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;
-        children?: React.ReactNode;
+        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?: React.ReactElement<any, any> | undefined;
+        input?: import("react").ReactElement<any, any> | undefined;
         slot?: string | undefined;
         title?: string | undefined;
         suppressHydrationWarning?: boolean | undefined;
@@ -89,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;
@@ -124,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;
@@ -155,11 +222,11 @@ export declare const Default: {
         onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
         onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
         onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
-        onFocus?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onFocus?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onBlur?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onBlur?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onChange?: ((event: SelectChangeEvent<unknown>, child: React.ReactNode) => void) | undefined;
+        onChange?: ((event: SelectChangeEvent<unknown>, child: import("react").ReactNode) => void) | undefined;
         onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -169,17 +236,17 @@ export declare const Default: {
         onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-        onInvalid?: React.FormEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onInvalid?: import("react").FormEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onKeyDown?: React.KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyUp?: React.KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -306,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?: React.ElementType;
-            input?: React.ElementType;
+            root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         slotProps?: {
-            root?: React.HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/material").SxProps<import("@mui/material").Theme>;
-            };
-            input?: 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;
@@ -352,57 +419,57 @@ export declare const Default: {
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+        unselectable?: "off" | "on" | undefined;
+        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         fullWidth?: boolean | undefined;
-        endAdornment?: React.ReactNode;
+        endAdornment?: import("react").ReactNode;
         value?: unknown;
-        inputProps?: import("@mui/material").InputProps["inputProps"];
-        inputRef?: React.Ref<any> | undefined;
+        inputProps?: import("@mui/material").InputBaseComponentProps | undefined;
+        inputRef?: import("react").Ref<any> | undefined;
         readOnly?: boolean | undefined;
         required?: boolean | undefined;
         components?: {
-            Root?: React.ElementType;
-            Input?: React.ElementType;
+            Root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            Input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         componentsProps?: {
-            root?: React.HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
-            input?: React.InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
+            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
         } | undefined;
-        onClose?: ((event: 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?: React.ElementType<import("@mui/material").InputBaseComponentProps> | undefined;
+        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps, keyof import("react").JSX.IntrinsicElements> | undefined;
         multiline?: boolean | undefined;
         placeholder?: string | undefined;
         renderSuffix?: ((state: {
-            disabled?: boolean;
-            error?: boolean;
-            filled?: boolean;
-            focused?: boolean;
-            margin?: "dense" | "none" | "normal";
-            required?: boolean;
-            startAdornment?: React.ReactNode;
-        }) => React.ReactNode) | undefined;
-        rows?: (string | number) | undefined;
-        maxRows?: (string | number) | undefined;
-        minRows?: (string | number) | undefined;
-        startAdornment?: React.ReactNode;
+            disabled?: boolean | undefined;
+            error?: boolean | undefined;
+            filled?: boolean | undefined;
+            focused?: boolean | undefined;
+            margin?: "none" | "normal" | "dense" | undefined;
+            required?: boolean | undefined;
+            startAdornment?: import("react").ReactNode;
+        }) => import("react").ReactNode) | undefined;
+        rows?: string | number | undefined;
+        maxRows?: string | number | undefined;
+        minRows?: string | number | undefined;
+        startAdornment?: import("react").ReactNode;
         disableUnderline?: boolean | undefined;
-        IconComponent?: React.ElementType | undefined;
-        onOpen?: ((event: 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;
         labelId?: string | undefined;
         MenuProps?: Partial<import("@mui/material").MenuProps> | undefined;
         native?: boolean | undefined;
-        renderValue?: ((value: unknown) => React.ReactNode) | undefined;
-        SelectDisplayProps?: React.HTMLAttributes<HTMLDivElement> | undefined;
+        renderValue?: ((value: unknown) => import("react").ReactNode) | undefined;
+        SelectDisplayProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
     }) => import("react/jsx-runtime").JSX.Element;
 };
 /**
@@ -422,20 +489,20 @@ 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;
-        children?: React.ReactNode;
+        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?: React.ReactElement<any, any> | undefined;
+        input?: import("react").ReactElement<any, any> | undefined;
         slot?: string | undefined;
         title?: string | undefined;
         suppressHydrationWarning?: boolean | undefined;
@@ -447,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;
@@ -482,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;
@@ -513,11 +580,11 @@ export declare const AlignLeft: {
         onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
         onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
         onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
-        onFocus?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onFocus?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onBlur?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onBlur?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onChange?: ((event: SelectChangeEvent<unknown>, child: React.ReactNode) => void) | undefined;
+        onChange?: ((event: SelectChangeEvent<unknown>, child: import("react").ReactNode) => void) | undefined;
         onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -527,17 +594,17 @@ export declare const AlignLeft: {
         onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-        onInvalid?: React.FormEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onInvalid?: import("react").FormEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onKeyDown?: React.KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyUp?: React.KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -664,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?: React.ElementType;
-            input?: React.ElementType;
+            root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         slotProps?: {
-            root?: React.HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/material").SxProps<import("@mui/material").Theme>;
-            };
-            input?: 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;
@@ -710,57 +777,57 @@ 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?: React.ReactNode;
+        endAdornment?: import("react").ReactNode;
         value?: unknown;
-        inputProps?: import("@mui/material").InputProps["inputProps"];
-        inputRef?: React.Ref<any> | undefined;
+        inputProps?: import("@mui/material").InputBaseComponentProps | undefined;
+        inputRef?: import("react").Ref<any> | undefined;
         readOnly?: boolean | undefined;
         required?: boolean | undefined;
         components?: {
-            Root?: React.ElementType;
-            Input?: React.ElementType;
+            Root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            Input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         componentsProps?: {
-            root?: React.HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
-            input?: React.InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
+            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
         } | undefined;
-        onClose?: ((event: 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?: React.ElementType<import("@mui/material").InputBaseComponentProps> | undefined;
+        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps, keyof import("react").JSX.IntrinsicElements> | undefined;
         multiline?: boolean | undefined;
         placeholder?: string | undefined;
         renderSuffix?: ((state: {
-            disabled?: boolean;
-            error?: boolean;
-            filled?: boolean;
-            focused?: boolean;
-            margin?: "dense" | "none" | "normal";
-            required?: boolean;
-            startAdornment?: React.ReactNode;
-        }) => React.ReactNode) | undefined;
-        rows?: (string | number) | undefined;
-        maxRows?: (string | number) | undefined;
-        minRows?: (string | number) | undefined;
-        startAdornment?: React.ReactNode;
+            disabled?: boolean | undefined;
+            error?: boolean | undefined;
+            filled?: boolean | undefined;
+            focused?: boolean | undefined;
+            margin?: "none" | "normal" | "dense" | undefined;
+            required?: boolean | undefined;
+            startAdornment?: import("react").ReactNode;
+        }) => import("react").ReactNode) | undefined;
+        rows?: string | number | undefined;
+        maxRows?: string | number | undefined;
+        minRows?: string | number | undefined;
+        startAdornment?: import("react").ReactNode;
         disableUnderline?: boolean | undefined;
-        IconComponent?: React.ElementType | undefined;
-        onOpen?: ((event: 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;
         labelId?: string | undefined;
         MenuProps?: Partial<import("@mui/material").MenuProps> | undefined;
         native?: boolean | undefined;
-        renderValue?: ((value: unknown) => React.ReactNode) | undefined;
-        SelectDisplayProps?: React.HTMLAttributes<HTMLDivElement> | undefined;
+        renderValue?: ((value: unknown) => import("react").ReactNode) | undefined;
+        SelectDisplayProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
     }) => import("react/jsx-runtime").JSX.Element;
 };
 /**
@@ -780,20 +847,20 @@ 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;
-        children?: React.ReactNode;
+        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?: React.ReactElement<any, any> | undefined;
+        input?: import("react").ReactElement<any, any> | undefined;
         slot?: string | undefined;
         title?: string | undefined;
         suppressHydrationWarning?: boolean | undefined;
@@ -805,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;
@@ -840,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;
@@ -871,11 +938,11 @@ export declare const WithLabel: {
         onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
         onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
         onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
-        onFocus?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onFocus?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onBlur?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onBlur?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onChange?: ((event: SelectChangeEvent<unknown>, child: React.ReactNode) => void) | undefined;
+        onChange?: ((event: SelectChangeEvent<unknown>, child: import("react").ReactNode) => void) | undefined;
         onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -885,17 +952,17 @@ export declare const WithLabel: {
         onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-        onInvalid?: React.FormEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onInvalid?: import("react").FormEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onKeyDown?: React.KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyUp?: React.KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -1022,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?: React.ElementType;
-            input?: React.ElementType;
+            root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         slotProps?: {
-            root?: React.HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/material").SxProps<import("@mui/material").Theme>;
-            };
-            input?: 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;
@@ -1068,57 +1135,57 @@ 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?: React.ReactNode;
+        endAdornment?: import("react").ReactNode;
         value?: unknown;
-        inputProps?: import("@mui/material").InputProps["inputProps"];
-        inputRef?: React.Ref<any> | undefined;
+        inputProps?: import("@mui/material").InputBaseComponentProps | undefined;
+        inputRef?: import("react").Ref<any> | undefined;
         readOnly?: boolean | undefined;
         required?: boolean | undefined;
         components?: {
-            Root?: React.ElementType;
-            Input?: React.ElementType;
+            Root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            Input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         componentsProps?: {
-            root?: React.HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
-            input?: React.InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
+            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
         } | undefined;
-        onClose?: ((event: 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?: React.ElementType<import("@mui/material").InputBaseComponentProps> | undefined;
+        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps, keyof import("react").JSX.IntrinsicElements> | undefined;
         multiline?: boolean | undefined;
         placeholder?: string | undefined;
         renderSuffix?: ((state: {
-            disabled?: boolean;
-            error?: boolean;
-            filled?: boolean;
-            focused?: boolean;
-            margin?: "dense" | "none" | "normal";
-            required?: boolean;
-            startAdornment?: React.ReactNode;
-        }) => React.ReactNode) | undefined;
-        rows?: (string | number) | undefined;
-        maxRows?: (string | number) | undefined;
-        minRows?: (string | number) | undefined;
-        startAdornment?: React.ReactNode;
+            disabled?: boolean | undefined;
+            error?: boolean | undefined;
+            filled?: boolean | undefined;
+            focused?: boolean | undefined;
+            margin?: "none" | "normal" | "dense" | undefined;
+            required?: boolean | undefined;
+            startAdornment?: import("react").ReactNode;
+        }) => import("react").ReactNode) | undefined;
+        rows?: string | number | undefined;
+        maxRows?: string | number | undefined;
+        minRows?: string | number | undefined;
+        startAdornment?: import("react").ReactNode;
         disableUnderline?: boolean | undefined;
-        IconComponent?: React.ElementType | undefined;
-        onOpen?: ((event: 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;
         labelId?: string | undefined;
         MenuProps?: Partial<import("@mui/material").MenuProps> | undefined;
         native?: boolean | undefined;
-        renderValue?: ((value: unknown) => React.ReactNode) | undefined;
-        SelectDisplayProps?: React.HTMLAttributes<HTMLDivElement> | undefined;
+        renderValue?: ((value: unknown) => import("react").ReactNode) | undefined;
+        SelectDisplayProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
     }) => import("react/jsx-runtime").JSX.Element;
 };
 /**
@@ -1137,20 +1204,20 @@ 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;
-        children?: React.ReactNode;
+        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?: React.ReactElement<any, any> | undefined;
+        input?: import("react").ReactElement<any, any> | undefined;
         slot?: string | undefined;
         title?: string | undefined;
         suppressHydrationWarning?: boolean | undefined;
@@ -1162,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;
@@ -1197,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;
@@ -1228,11 +1295,11 @@ export declare const DisplayEmpty: {
         onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
         onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
         onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
-        onFocus?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onFocus?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onBlur?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onBlur?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onChange?: ((event: SelectChangeEvent<unknown>, child: React.ReactNode) => void) | undefined;
+        onChange?: ((event: SelectChangeEvent<unknown>, child: import("react").ReactNode) => void) | undefined;
         onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -1242,17 +1309,17 @@ export declare const DisplayEmpty: {
         onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-        onInvalid?: React.FormEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onInvalid?: import("react").FormEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onKeyDown?: React.KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyUp?: React.KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -1379,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?: React.ElementType;
-            input?: React.ElementType;
+            root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         slotProps?: {
-            root?: React.HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/material").SxProps<import("@mui/material").Theme>;
-            };
-            input?: 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;
@@ -1425,57 +1492,57 @@ 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?: React.ReactNode;
+        endAdornment?: import("react").ReactNode;
         value?: unknown;
-        inputProps?: import("@mui/material").InputProps["inputProps"];
-        inputRef?: React.Ref<any> | undefined;
+        inputProps?: import("@mui/material").InputBaseComponentProps | undefined;
+        inputRef?: import("react").Ref<any> | undefined;
         readOnly?: boolean | undefined;
         required?: boolean | undefined;
         components?: {
-            Root?: React.ElementType;
-            Input?: React.ElementType;
+            Root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            Input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         componentsProps?: {
-            root?: React.HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
-            input?: React.InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
+            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
         } | undefined;
-        onClose?: ((event: 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?: React.ElementType<import("@mui/material").InputBaseComponentProps> | undefined;
+        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps, keyof import("react").JSX.IntrinsicElements> | undefined;
         multiline?: boolean | undefined;
         placeholder?: string | undefined;
         renderSuffix?: ((state: {
-            disabled?: boolean;
-            error?: boolean;
-            filled?: boolean;
-            focused?: boolean;
-            margin?: "dense" | "none" | "normal";
-            required?: boolean;
-            startAdornment?: React.ReactNode;
-        }) => React.ReactNode) | undefined;
-        rows?: (string | number) | undefined;
-        maxRows?: (string | number) | undefined;
-        minRows?: (string | number) | undefined;
-        startAdornment?: React.ReactNode;
+            disabled?: boolean | undefined;
+            error?: boolean | undefined;
+            filled?: boolean | undefined;
+            focused?: boolean | undefined;
+            margin?: "none" | "normal" | "dense" | undefined;
+            required?: boolean | undefined;
+            startAdornment?: import("react").ReactNode;
+        }) => import("react").ReactNode) | undefined;
+        rows?: string | number | undefined;
+        maxRows?: string | number | undefined;
+        minRows?: string | number | undefined;
+        startAdornment?: import("react").ReactNode;
         disableUnderline?: boolean | undefined;
-        IconComponent?: React.ElementType | undefined;
-        onOpen?: ((event: 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;
         labelId?: string | undefined;
         MenuProps?: Partial<import("@mui/material").MenuProps> | undefined;
         native?: boolean | undefined;
-        renderValue?: ((value: unknown) => React.ReactNode) | undefined;
-        SelectDisplayProps?: React.HTMLAttributes<HTMLDivElement> | undefined;
+        renderValue?: ((value: unknown) => import("react").ReactNode) | undefined;
+        SelectDisplayProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
     }) => import("react/jsx-runtime").JSX.Element;
 };
 /**
@@ -1489,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: {
@@ -1515,20 +1584,20 @@ 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;
-        children?: React.ReactNode;
+        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?: React.ReactElement<any, any> | undefined;
+        input?: import("react").ReactElement<any, any> | undefined;
         slot?: string | undefined;
         title?: string | undefined;
         suppressHydrationWarning?: boolean | undefined;
@@ -1540,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;
@@ -1575,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;
@@ -1606,11 +1675,11 @@ export declare const PrependedIcon: {
         onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
         onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
         onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
-        onFocus?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onFocus?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onBlur?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onBlur?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onChange?: ((event: SelectChangeEvent<unknown>, child: React.ReactNode) => void) | undefined;
+        onChange?: ((event: SelectChangeEvent<unknown>, child: import("react").ReactNode) => void) | undefined;
         onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -1620,17 +1689,17 @@ export declare const PrependedIcon: {
         onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-        onInvalid?: React.FormEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onInvalid?: import("react").FormEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onKeyDown?: React.KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyUp?: React.KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -1757,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?: React.ElementType;
-            input?: React.ElementType;
+            root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         slotProps?: {
-            root?: React.HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/material").SxProps<import("@mui/material").Theme>;
-            };
-            input?: 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;
@@ -1803,57 +1872,57 @@ 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?: React.ReactNode;
+        endAdornment?: import("react").ReactNode;
         value?: unknown;
-        inputProps?: import("@mui/material").InputProps["inputProps"];
-        inputRef?: React.Ref<any> | undefined;
+        inputProps?: import("@mui/material").InputBaseComponentProps | undefined;
+        inputRef?: import("react").Ref<any> | undefined;
         readOnly?: boolean | undefined;
         required?: boolean | undefined;
         components?: {
-            Root?: React.ElementType;
-            Input?: React.ElementType;
+            Root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            Input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         componentsProps?: {
-            root?: React.HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
-            input?: React.InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
+            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
         } | undefined;
-        onClose?: ((event: 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?: React.ElementType<import("@mui/material").InputBaseComponentProps> | undefined;
+        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps, keyof import("react").JSX.IntrinsicElements> | undefined;
         multiline?: boolean | undefined;
         placeholder?: string | undefined;
         renderSuffix?: ((state: {
-            disabled?: boolean;
-            error?: boolean;
-            filled?: boolean;
-            focused?: boolean;
-            margin?: "dense" | "none" | "normal";
-            required?: boolean;
-            startAdornment?: React.ReactNode;
-        }) => React.ReactNode) | undefined;
-        rows?: (string | number) | undefined;
-        maxRows?: (string | number) | undefined;
-        minRows?: (string | number) | undefined;
-        startAdornment?: React.ReactNode;
+            disabled?: boolean | undefined;
+            error?: boolean | undefined;
+            filled?: boolean | undefined;
+            focused?: boolean | undefined;
+            margin?: "none" | "normal" | "dense" | undefined;
+            required?: boolean | undefined;
+            startAdornment?: import("react").ReactNode;
+        }) => import("react").ReactNode) | undefined;
+        rows?: string | number | undefined;
+        maxRows?: string | number | undefined;
+        minRows?: string | number | undefined;
+        startAdornment?: import("react").ReactNode;
         disableUnderline?: boolean | undefined;
-        IconComponent?: React.ElementType | undefined;
-        onOpen?: ((event: 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;
         labelId?: string | undefined;
         MenuProps?: Partial<import("@mui/material").MenuProps> | undefined;
         native?: boolean | undefined;
-        renderValue?: ((value: unknown) => React.ReactNode) | undefined;
-        SelectDisplayProps?: React.HTMLAttributes<HTMLDivElement> | undefined;
+        renderValue?: ((value: unknown) => import("react").ReactNode) | undefined;
+        SelectDisplayProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
     }) => import("react/jsx-runtime").JSX.Element;
 };
 /**
@@ -1872,20 +1941,20 @@ 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;
-        children?: React.ReactNode;
+        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?: React.ReactElement<any, any> | undefined;
+        input?: import("react").ReactElement<any, any> | undefined;
         slot?: string | undefined;
         title?: string | undefined;
         suppressHydrationWarning?: boolean | undefined;
@@ -1897,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;
@@ -1932,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;
@@ -1963,11 +2032,11 @@ export declare const FullWidth: {
         onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
         onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
         onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
-        onFocus?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onFocus?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onBlur?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onBlur?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onChange?: ((event: SelectChangeEvent<unknown>, child: React.ReactNode) => void) | undefined;
+        onChange?: ((event: SelectChangeEvent<unknown>, child: import("react").ReactNode) => void) | undefined;
         onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -1977,17 +2046,17 @@ export declare const FullWidth: {
         onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-        onInvalid?: React.FormEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onInvalid?: import("react").FormEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onKeyDown?: React.KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyUp?: React.KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -2114,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?: React.ElementType;
-            input?: React.ElementType;
+            root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         slotProps?: {
-            root?: React.HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/material").SxProps<import("@mui/material").Theme>;
-            };
-            input?: 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;
@@ -2160,57 +2229,57 @@ export declare const FullWidth: {
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+        unselectable?: "off" | "on" | undefined;
+        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         fullWidth?: boolean | undefined;
-        endAdornment?: React.ReactNode;
+        endAdornment?: import("react").ReactNode;
         value?: unknown;
-        inputProps?: import("@mui/material").InputProps["inputProps"];
-        inputRef?: React.Ref<any> | undefined;
+        inputProps?: import("@mui/material").InputBaseComponentProps | undefined;
+        inputRef?: import("react").Ref<any> | undefined;
         readOnly?: boolean | undefined;
         required?: boolean | undefined;
         components?: {
-            Root?: React.ElementType;
-            Input?: React.ElementType;
+            Root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            Input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         componentsProps?: {
-            root?: React.HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
-            input?: React.InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
+            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
         } | undefined;
-        onClose?: ((event: 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?: React.ElementType<import("@mui/material").InputBaseComponentProps> | undefined;
+        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps, keyof import("react").JSX.IntrinsicElements> | undefined;
         multiline?: boolean | undefined;
         placeholder?: string | undefined;
         renderSuffix?: ((state: {
-            disabled?: boolean;
-            error?: boolean;
-            filled?: boolean;
-            focused?: boolean;
-            margin?: "dense" | "none" | "normal";
-            required?: boolean;
-            startAdornment?: React.ReactNode;
-        }) => React.ReactNode) | undefined;
-        rows?: (string | number) | undefined;
-        maxRows?: (string | number) | undefined;
-        minRows?: (string | number) | undefined;
-        startAdornment?: React.ReactNode;
+            disabled?: boolean | undefined;
+            error?: boolean | undefined;
+            filled?: boolean | undefined;
+            focused?: boolean | undefined;
+            margin?: "none" | "normal" | "dense" | undefined;
+            required?: boolean | undefined;
+            startAdornment?: import("react").ReactNode;
+        }) => import("react").ReactNode) | undefined;
+        rows?: string | number | undefined;
+        maxRows?: string | number | undefined;
+        minRows?: string | number | undefined;
+        startAdornment?: import("react").ReactNode;
         disableUnderline?: boolean | undefined;
-        IconComponent?: React.ElementType | undefined;
-        onOpen?: ((event: 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;
         labelId?: string | undefined;
         MenuProps?: Partial<import("@mui/material").MenuProps> | undefined;
         native?: boolean | undefined;
-        renderValue?: ((value: unknown) => React.ReactNode) | undefined;
-        SelectDisplayProps?: React.HTMLAttributes<HTMLDivElement> | undefined;
+        renderValue?: ((value: unknown) => import("react").ReactNode) | undefined;
+        SelectDisplayProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
     }) => import("react/jsx-runtime").JSX.Element;
 };
 /**
@@ -2230,20 +2299,20 @@ 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;
-        children?: React.ReactNode;
+        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?: React.ReactElement<any, any> | undefined;
+        input?: import("react").ReactElement<any, any> | undefined;
         slot?: string | undefined;
         title?: string | undefined;
         suppressHydrationWarning?: boolean | undefined;
@@ -2255,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;
@@ -2290,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;
@@ -2321,11 +2390,11 @@ export declare const LargeSizeToolbarSize: {
         onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
         onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
         onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
-        onFocus?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onFocus?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onBlur?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onBlur?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onChange?: ((event: SelectChangeEvent<unknown>, child: React.ReactNode) => void) | undefined;
+        onChange?: ((event: SelectChangeEvent<unknown>, child: import("react").ReactNode) => void) | undefined;
         onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -2335,17 +2404,17 @@ export declare const LargeSizeToolbarSize: {
         onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-        onInvalid?: React.FormEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onInvalid?: import("react").FormEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onKeyDown?: React.KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyUp?: React.KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -2472,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?: React.ElementType;
-            input?: React.ElementType;
+            root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         slotProps?: {
-            root?: React.HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/material").SxProps<import("@mui/material").Theme>;
-            };
-            input?: 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;
@@ -2518,57 +2587,57 @@ export declare const LargeSizeToolbarSize: {
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+        unselectable?: "off" | "on" | undefined;
+        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         fullWidth?: boolean | undefined;
-        endAdornment?: React.ReactNode;
+        endAdornment?: import("react").ReactNode;
         value?: unknown;
-        inputProps?: import("@mui/material").InputProps["inputProps"];
-        inputRef?: React.Ref<any> | undefined;
+        inputProps?: import("@mui/material").InputBaseComponentProps | undefined;
+        inputRef?: import("react").Ref<any> | undefined;
         readOnly?: boolean | undefined;
         required?: boolean | undefined;
         components?: {
-            Root?: React.ElementType;
-            Input?: React.ElementType;
+            Root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            Input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         componentsProps?: {
-            root?: React.HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
-            input?: React.InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
+            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
         } | undefined;
-        onClose?: ((event: 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?: React.ElementType<import("@mui/material").InputBaseComponentProps> | undefined;
+        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps, keyof import("react").JSX.IntrinsicElements> | undefined;
         multiline?: boolean | undefined;
         placeholder?: string | undefined;
         renderSuffix?: ((state: {
-            disabled?: boolean;
-            error?: boolean;
-            filled?: boolean;
-            focused?: boolean;
-            margin?: "dense" | "none" | "normal";
-            required?: boolean;
-            startAdornment?: React.ReactNode;
-        }) => React.ReactNode) | undefined;
-        rows?: (string | number) | undefined;
-        maxRows?: (string | number) | undefined;
-        minRows?: (string | number) | undefined;
-        startAdornment?: React.ReactNode;
+            disabled?: boolean | undefined;
+            error?: boolean | undefined;
+            filled?: boolean | undefined;
+            focused?: boolean | undefined;
+            margin?: "none" | "normal" | "dense" | undefined;
+            required?: boolean | undefined;
+            startAdornment?: import("react").ReactNode;
+        }) => import("react").ReactNode) | undefined;
+        rows?: string | number | undefined;
+        maxRows?: string | number | undefined;
+        minRows?: string | number | undefined;
+        startAdornment?: import("react").ReactNode;
         disableUnderline?: boolean | undefined;
-        IconComponent?: React.ElementType | undefined;
-        onOpen?: ((event: 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;
         labelId?: string | undefined;
         MenuProps?: Partial<import("@mui/material").MenuProps> | undefined;
         native?: boolean | undefined;
-        renderValue?: ((value: unknown) => React.ReactNode) | undefined;
-        SelectDisplayProps?: React.HTMLAttributes<HTMLDivElement> | undefined;
+        renderValue?: ((value: unknown) => import("react").ReactNode) | undefined;
+        SelectDisplayProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
     }) => import("react/jsx-runtime").JSX.Element;
 };
 export declare const SelectStyle: {
@@ -2585,20 +2654,20 @@ 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;
-        children?: React.ReactNode;
+        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?: React.ReactElement<any, any> | undefined;
+        input?: import("react").ReactElement<any, any> | undefined;
         slot?: string | undefined;
         title?: string | undefined;
         suppressHydrationWarning?: boolean | undefined;
@@ -2610,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;
@@ -2645,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;
@@ -2676,11 +2745,11 @@ export declare const SelectStyle: {
         onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
         onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
         onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
-        onFocus?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onFocus?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onBlur?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onBlur?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onChange?: ((event: SelectChangeEvent<unknown>, child: React.ReactNode) => void) | undefined;
+        onChange?: ((event: SelectChangeEvent<unknown>, child: import("react").ReactNode) => void) | undefined;
         onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -2690,17 +2759,17 @@ export declare const SelectStyle: {
         onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-        onInvalid?: React.FormEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onInvalid?: import("react").FormEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onKeyDown?: React.KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyUp?: React.KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+        onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -2827,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?: React.ElementType;
-            input?: React.ElementType;
+            root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         slotProps?: {
-            root?: React.HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/material").SxProps<import("@mui/material").Theme>;
-            };
-            input?: 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;
@@ -2873,56 +2942,56 @@ 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?: React.ReactNode;
+        endAdornment?: import("react").ReactNode;
         value?: unknown;
-        inputProps?: import("@mui/material").InputProps["inputProps"];
-        inputRef?: React.Ref<any> | undefined;
+        inputProps?: import("@mui/material").InputBaseComponentProps | undefined;
+        inputRef?: import("react").Ref<any> | undefined;
         readOnly?: boolean | undefined;
         required?: boolean | undefined;
         components?: {
-            Root?: React.ElementType;
-            Input?: React.ElementType;
+            Root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            Input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         componentsProps?: {
-            root?: React.HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
-            input?: React.InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
+            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
         } | undefined;
-        onClose?: ((event: 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?: React.ElementType<import("@mui/material").InputBaseComponentProps> | undefined;
+        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps, keyof import("react").JSX.IntrinsicElements> | undefined;
         multiline?: boolean | undefined;
         placeholder?: string | undefined;
         renderSuffix?: ((state: {
-            disabled?: boolean;
-            error?: boolean;
-            filled?: boolean;
-            focused?: boolean;
-            margin?: "dense" | "none" | "normal";
-            required?: boolean;
-            startAdornment?: React.ReactNode;
-        }) => React.ReactNode) | undefined;
-        rows?: (string | number) | undefined;
-        maxRows?: (string | number) | undefined;
-        minRows?: (string | number) | undefined;
-        startAdornment?: React.ReactNode;
+            disabled?: boolean | undefined;
+            error?: boolean | undefined;
+            filled?: boolean | undefined;
+            focused?: boolean | undefined;
+            margin?: "none" | "normal" | "dense" | undefined;
+            required?: boolean | undefined;
+            startAdornment?: import("react").ReactNode;
+        }) => import("react").ReactNode) | undefined;
+        rows?: string | number | undefined;
+        maxRows?: string | number | undefined;
+        minRows?: string | number | undefined;
+        startAdornment?: import("react").ReactNode;
         disableUnderline?: boolean | undefined;
-        IconComponent?: React.ElementType | undefined;
-        onOpen?: ((event: 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;
         labelId?: string | undefined;
         MenuProps?: Partial<import("@mui/material").MenuProps> | undefined;
         native?: boolean | undefined;
-        renderValue?: ((value: unknown) => React.ReactNode) | undefined;
-        SelectDisplayProps?: React.HTMLAttributes<HTMLDivElement> | undefined;
+        renderValue?: ((value: unknown) => import("react").ReactNode) | undefined;
+        SelectDisplayProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
     }) => import("react/jsx-runtime").JSX.Element;
 };