@galaxy-ds/core 2.0.20 → 2.0.22

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

@@ -1,15 +1,49 @@
-/// <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';
 /**
  * Dropdown opens a dropdown menu when clicked.
  * The children of Dropdown, usually a set of `MenuItem` and `ListSubheader` become the menu list contents.
+ *
+ *
+ *  ```js
+ *  import { Dropdown } from "@galaxy-ds/core";
+ * ```
+ *
  */
 declare const meta: {
     component: import("react").FC<DropdownProps>;
     title: string;
+    parameters: {
+        badges: BADGE[];
+    };
+    argTypes: {
+        onFocus: {
+            control: {
+                disable: boolean;
+            };
+        };
+        onBlur: {
+            control: {
+                disable: boolean;
+            };
+        };
+        onInvalid: {
+            control: {
+                disable: boolean;
+            };
+        };
+        onKeyDown: {
+            control: {
+                disable: boolean;
+            };
+        };
+        onKeyUp: {
+            control: {
+                disable: boolean;
+            };
+        };
+    };
 };
 export default meta;
 export declare const Default: {
@@ -20,20 +54,27 @@ export declare const Default: {
         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>;
     };
+    parameters: {
+        docs: {
+            source: {
+                code: string;
+            };
+        };
+    };
     play: () => Promise<void>;
     render: (args: {
-        align?: "left" | "right" | undefined;
+        align?: ("left" | "right") | undefined;
         elevation?: number | undefined;
         label?: string | undefined;
-        size?: "large" | "medium" | undefined;
+        size?: ("medium" | "large") | undefined;
         width?: number | undefined;
-        variant?: "select" | "dropdown" | undefined;
-        ref?: ((instance: unknown) => void) | import("react").RefObject<unknown> | null | undefined;
+        variant?: ("dropdown" | "select") | 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;
         children?: import("react").ReactNode;
         className?: string | undefined;
         style?: import("react").CSSProperties | undefined;
         classes?: Partial<import("@mui/material").SelectClasses> | undefined;
-        color?: import("@mui/types").OverridableStringUnion<"error" | "primary" | "secondary" | "info" | "success" | "warning", import("@mui/material").InputBasePropsColorOverrides> | undefined;
+        color?: import("@mui/types").OverridableStringUnion<"primary" | "secondary" | "error" | "info" | "success" | "warning", import("@mui/material").InputBasePropsColorOverrides> | undefined;
         sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
         input?: import("react").ReactElement<any, any> | undefined;
         slot?: string | undefined;
@@ -47,27 +88,27 @@ export declare const Default: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
+        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
         'aria-describedby'?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -82,9 +123,9 @@ export declare const Default: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -133,11 +174,11 @@ export declare const Default: {
         onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onKeyUp?: import("react").KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
         onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -240,9 +281,7 @@ export declare const Default: {
         onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
@@ -266,46 +305,29 @@ export declare const Default: {
         disabled?: boolean | undefined;
         content?: string | undefined;
         translate?: "yes" | "no" | undefined;
-        margin?: "none" | "dense" | undefined;
-        fullWidth?: boolean | undefined;
-        endAdornment?: import("react").ReactNode;
-        hidden?: boolean | undefined;
-        open?: boolean | undefined;
-        multiple?: boolean | undefined;
-        error?: boolean | undefined;
-        required?: boolean | undefined;
-        multiline?: boolean | undefined;
-        readOnly?: boolean | undefined;
-        components?: {
-            Root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-            Input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-        } | undefined;
-        componentsProps?: {
-            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
-            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
-        } | undefined;
-        onClose?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+        margin?: ("dense" | "none") | undefined;
         slots?: {
-            root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-            input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            root?: import("react").ElementType;
+            input?: import("react").ElementType;
         } | undefined;
         slotProps?: {
-            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/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;
+            root?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
+                sx?: import("@mui/material").SxProps<import("@mui/material").Theme>;
+            };
+            input?: import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
+                sx?: import("@mui/material").SxProps<import("@mui/material").Theme>;
+            };
         } | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: unknown;
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
+        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
+        hidden?: boolean | undefined;
         nonce?: string | undefined;
         spellCheck?: (boolean | "false" | "true") | undefined;
         radioGroup?: string | undefined;
@@ -330,31 +352,48 @@ export declare const Default: {
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "on" | "off" | undefined;
-        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
         is?: string | undefined;
+        fullWidth?: boolean | undefined;
+        endAdornment?: import("react").ReactNode;
         value?: unknown;
-        rows?: string | number | undefined;
-        IconComponent?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-        inputProps?: import("@mui/material").InputBaseComponentProps | undefined;
+        inputProps?: import("@mui/material").InputProps["inputProps"];
         inputRef?: import("react").Ref<any> | undefined;
+        readOnly?: boolean | undefined;
+        required?: boolean | undefined;
+        components?: {
+            Root?: import("react").ElementType;
+            Input?: import("react").ElementType;
+        } | undefined;
+        componentsProps?: {
+            root?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+            input?: import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+        } | undefined;
+        onClose?: ((event: import("react").SyntheticEvent) => void) | undefined;
+        open?: boolean | undefined;
+        multiple?: boolean | undefined;
+        error?: boolean | undefined;
         autoComplete?: string | undefined;
         disableInjectingGlobalStyles?: boolean | undefined;
-        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps, keyof import("react").JSX.IntrinsicElements> | undefined;
+        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps> | undefined;
+        multiline?: boolean | undefined;
         placeholder?: string | undefined;
         renderSuffix?: ((state: {
-            disabled?: boolean | undefined;
-            error?: boolean | undefined;
-            filled?: boolean | undefined;
-            focused?: boolean | undefined;
-            margin?: "none" | "normal" | "dense" | undefined;
-            required?: boolean | undefined;
+            disabled?: boolean;
+            error?: boolean;
+            filled?: boolean;
+            focused?: boolean;
+            margin?: "dense" | "none" | "normal";
+            required?: boolean;
             startAdornment?: import("react").ReactNode;
         }) => import("react").ReactNode) | undefined;
-        maxRows?: string | number | undefined;
-        minRows?: string | number | undefined;
+        rows?: (string | number) | undefined;
+        maxRows?: (string | number) | undefined;
+        minRows?: (string | number) | undefined;
         startAdornment?: import("react").ReactNode;
         disableUnderline?: boolean | undefined;
-        onOpen?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+        IconComponent?: import("react").ElementType | undefined;
+        onOpen?: ((event: import("react").SyntheticEvent) => void) | undefined;
         autoWidth?: boolean | undefined;
         defaultOpen?: boolean | undefined;
         displayEmpty?: boolean | undefined;
@@ -371,22 +410,29 @@ export declare const Default: {
 export declare const AlignLeft: {
     args: {
         displayEmpty: true;
-        defaultValue: string;
+        defaultValue: number;
         align: "left";
     };
+    parameters: {
+        docs: {
+            source: {
+                code: string;
+            };
+        };
+    };
     render: (args: {
-        align?: "left" | "right" | undefined;
+        align?: ("left" | "right") | undefined;
         elevation?: number | undefined;
         label?: string | undefined;
-        size?: "large" | "medium" | undefined;
+        size?: ("medium" | "large") | undefined;
         width?: number | undefined;
-        variant?: "select" | "dropdown" | undefined;
-        ref?: ((instance: unknown) => void) | import("react").RefObject<unknown> | null | undefined;
+        variant?: ("dropdown" | "select") | 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;
         children?: import("react").ReactNode;
         className?: string | undefined;
         style?: import("react").CSSProperties | undefined;
         classes?: Partial<import("@mui/material").SelectClasses> | undefined;
-        color?: import("@mui/types").OverridableStringUnion<"error" | "primary" | "secondary" | "info" | "success" | "warning", import("@mui/material").InputBasePropsColorOverrides> | undefined;
+        color?: import("@mui/types").OverridableStringUnion<"primary" | "secondary" | "error" | "info" | "success" | "warning", import("@mui/material").InputBasePropsColorOverrides> | undefined;
         sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
         input?: import("react").ReactElement<any, any> | undefined;
         slot?: string | undefined;
@@ -400,27 +446,27 @@ export declare const AlignLeft: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
+        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
         'aria-describedby'?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -435,9 +481,9 @@ export declare const AlignLeft: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -486,11 +532,11 @@ export declare const AlignLeft: {
         onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onKeyUp?: import("react").KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
         onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -593,9 +639,7 @@ export declare const AlignLeft: {
         onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
@@ -619,46 +663,29 @@ export declare const AlignLeft: {
         disabled?: boolean | undefined;
         content?: string | undefined;
         translate?: "yes" | "no" | undefined;
-        margin?: "none" | "dense" | undefined;
-        fullWidth?: boolean | undefined;
-        endAdornment?: import("react").ReactNode;
-        hidden?: boolean | undefined;
-        open?: boolean | undefined;
-        multiple?: boolean | undefined;
-        error?: boolean | undefined;
-        required?: boolean | undefined;
-        multiline?: boolean | undefined;
-        readOnly?: boolean | undefined;
-        components?: {
-            Root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-            Input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-        } | undefined;
-        componentsProps?: {
-            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
-            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
-        } | undefined;
-        onClose?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+        margin?: ("dense" | "none") | undefined;
         slots?: {
-            root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-            input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            root?: import("react").ElementType;
+            input?: import("react").ElementType;
         } | undefined;
         slotProps?: {
-            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/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;
+            root?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
+                sx?: import("@mui/material").SxProps<import("@mui/material").Theme>;
+            };
+            input?: import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
+                sx?: import("@mui/material").SxProps<import("@mui/material").Theme>;
+            };
         } | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: unknown;
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
+        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
+        hidden?: boolean | undefined;
         nonce?: string | undefined;
         spellCheck?: (boolean | "false" | "true") | undefined;
         radioGroup?: string | undefined;
@@ -683,31 +710,48 @@ export declare const AlignLeft: {
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "on" | "off" | undefined;
-        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
         is?: string | undefined;
+        fullWidth?: boolean | undefined;
+        endAdornment?: import("react").ReactNode;
         value?: unknown;
-        rows?: string | number | undefined;
-        IconComponent?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-        inputProps?: import("@mui/material").InputBaseComponentProps | undefined;
+        inputProps?: import("@mui/material").InputProps["inputProps"];
         inputRef?: import("react").Ref<any> | undefined;
+        readOnly?: boolean | undefined;
+        required?: boolean | undefined;
+        components?: {
+            Root?: import("react").ElementType;
+            Input?: import("react").ElementType;
+        } | undefined;
+        componentsProps?: {
+            root?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+            input?: import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+        } | undefined;
+        onClose?: ((event: import("react").SyntheticEvent) => void) | undefined;
+        open?: boolean | undefined;
+        multiple?: boolean | undefined;
+        error?: boolean | undefined;
         autoComplete?: string | undefined;
         disableInjectingGlobalStyles?: boolean | undefined;
-        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps, keyof import("react").JSX.IntrinsicElements> | undefined;
+        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps> | undefined;
+        multiline?: boolean | undefined;
         placeholder?: string | undefined;
         renderSuffix?: ((state: {
-            disabled?: boolean | undefined;
-            error?: boolean | undefined;
-            filled?: boolean | undefined;
-            focused?: boolean | undefined;
-            margin?: "none" | "normal" | "dense" | undefined;
-            required?: boolean | undefined;
+            disabled?: boolean;
+            error?: boolean;
+            filled?: boolean;
+            focused?: boolean;
+            margin?: "dense" | "none" | "normal";
+            required?: boolean;
             startAdornment?: import("react").ReactNode;
         }) => import("react").ReactNode) | undefined;
-        maxRows?: string | number | undefined;
-        minRows?: string | number | undefined;
+        rows?: (string | number) | undefined;
+        maxRows?: (string | number) | undefined;
+        minRows?: (string | number) | undefined;
         startAdornment?: import("react").ReactNode;
         disableUnderline?: boolean | undefined;
-        onOpen?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+        IconComponent?: import("react").ElementType | undefined;
+        onOpen?: ((event: import("react").SyntheticEvent) => void) | undefined;
         autoWidth?: boolean | undefined;
         defaultOpen?: boolean | undefined;
         displayEmpty?: boolean | undefined;
@@ -723,23 +767,30 @@ export declare const AlignLeft: {
  */
 export declare const WithLabel: {
     args: {
-        defaultValue: string;
+        defaultValue: number;
         align: "left";
         label: string;
     };
+    parameters: {
+        docs: {
+            source: {
+                code: string;
+            };
+        };
+    };
     render: (args: {
-        align?: "left" | "right" | undefined;
+        align?: ("left" | "right") | undefined;
         elevation?: number | undefined;
         label?: string | undefined;
-        size?: "large" | "medium" | undefined;
+        size?: ("medium" | "large") | undefined;
         width?: number | undefined;
-        variant?: "select" | "dropdown" | undefined;
-        ref?: ((instance: unknown) => void) | import("react").RefObject<unknown> | null | undefined;
+        variant?: ("dropdown" | "select") | 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;
         children?: import("react").ReactNode;
         className?: string | undefined;
         style?: import("react").CSSProperties | undefined;
         classes?: Partial<import("@mui/material").SelectClasses> | undefined;
-        color?: import("@mui/types").OverridableStringUnion<"error" | "primary" | "secondary" | "info" | "success" | "warning", import("@mui/material").InputBasePropsColorOverrides> | undefined;
+        color?: import("@mui/types").OverridableStringUnion<"primary" | "secondary" | "error" | "info" | "success" | "warning", import("@mui/material").InputBasePropsColorOverrides> | undefined;
         sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
         input?: import("react").ReactElement<any, any> | undefined;
         slot?: string | undefined;
@@ -753,27 +804,27 @@ export declare const WithLabel: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
+        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
         'aria-describedby'?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -788,9 +839,9 @@ export declare const WithLabel: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -839,11 +890,11 @@ export declare const WithLabel: {
         onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onKeyUp?: import("react").KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
         onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -946,9 +997,7 @@ export declare const WithLabel: {
         onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
@@ -972,46 +1021,29 @@ export declare const WithLabel: {
         disabled?: boolean | undefined;
         content?: string | undefined;
         translate?: "yes" | "no" | undefined;
-        margin?: "none" | "dense" | undefined;
-        fullWidth?: boolean | undefined;
-        endAdornment?: import("react").ReactNode;
-        hidden?: boolean | undefined;
-        open?: boolean | undefined;
-        multiple?: boolean | undefined;
-        error?: boolean | undefined;
-        required?: boolean | undefined;
-        multiline?: boolean | undefined;
-        readOnly?: boolean | undefined;
-        components?: {
-            Root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-            Input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-        } | undefined;
-        componentsProps?: {
-            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
-            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
-        } | undefined;
-        onClose?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+        margin?: ("dense" | "none") | undefined;
         slots?: {
-            root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-            input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            root?: import("react").ElementType;
+            input?: import("react").ElementType;
         } | undefined;
         slotProps?: {
-            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/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;
+            root?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
+                sx?: import("@mui/material").SxProps<import("@mui/material").Theme>;
+            };
+            input?: import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
+                sx?: import("@mui/material").SxProps<import("@mui/material").Theme>;
+            };
         } | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: unknown;
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
+        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
+        hidden?: boolean | undefined;
         nonce?: string | undefined;
         spellCheck?: (boolean | "false" | "true") | undefined;
         radioGroup?: string | undefined;
@@ -1036,31 +1068,48 @@ export declare const WithLabel: {
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "on" | "off" | undefined;
-        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
         is?: string | undefined;
+        fullWidth?: boolean | undefined;
+        endAdornment?: import("react").ReactNode;
         value?: unknown;
-        rows?: string | number | undefined;
-        IconComponent?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-        inputProps?: import("@mui/material").InputBaseComponentProps | undefined;
+        inputProps?: import("@mui/material").InputProps["inputProps"];
         inputRef?: import("react").Ref<any> | undefined;
+        readOnly?: boolean | undefined;
+        required?: boolean | undefined;
+        components?: {
+            Root?: import("react").ElementType;
+            Input?: import("react").ElementType;
+        } | undefined;
+        componentsProps?: {
+            root?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+            input?: import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+        } | undefined;
+        onClose?: ((event: import("react").SyntheticEvent) => void) | undefined;
+        open?: boolean | undefined;
+        multiple?: boolean | undefined;
+        error?: boolean | undefined;
         autoComplete?: string | undefined;
         disableInjectingGlobalStyles?: boolean | undefined;
-        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps, keyof import("react").JSX.IntrinsicElements> | undefined;
+        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps> | undefined;
+        multiline?: boolean | undefined;
         placeholder?: string | undefined;
         renderSuffix?: ((state: {
-            disabled?: boolean | undefined;
-            error?: boolean | undefined;
-            filled?: boolean | undefined;
-            focused?: boolean | undefined;
-            margin?: "none" | "normal" | "dense" | undefined;
-            required?: boolean | undefined;
+            disabled?: boolean;
+            error?: boolean;
+            filled?: boolean;
+            focused?: boolean;
+            margin?: "dense" | "none" | "normal";
+            required?: boolean;
             startAdornment?: import("react").ReactNode;
         }) => import("react").ReactNode) | undefined;
-        maxRows?: string | number | undefined;
-        minRows?: string | number | undefined;
+        rows?: (string | number) | undefined;
+        maxRows?: (string | number) | undefined;
+        minRows?: (string | number) | undefined;
         startAdornment?: import("react").ReactNode;
         disableUnderline?: boolean | undefined;
-        onOpen?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+        IconComponent?: import("react").ElementType | undefined;
+        onOpen?: ((event: import("react").SyntheticEvent) => void) | undefined;
         autoWidth?: boolean | undefined;
         defaultOpen?: boolean | undefined;
         displayEmpty?: boolean | undefined;
@@ -1079,19 +1128,26 @@ export declare const DisplayEmpty: {
         displayEmpty: true;
         defaultValue: string;
     };
+    parameters: {
+        docs: {
+            source: {
+                code: string;
+            };
+        };
+    };
     render: (args: {
-        align?: "left" | "right" | undefined;
+        align?: ("left" | "right") | undefined;
         elevation?: number | undefined;
         label?: string | undefined;
-        size?: "large" | "medium" | undefined;
+        size?: ("medium" | "large") | undefined;
         width?: number | undefined;
-        variant?: "select" | "dropdown" | undefined;
-        ref?: ((instance: unknown) => void) | import("react").RefObject<unknown> | null | undefined;
+        variant?: ("dropdown" | "select") | 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;
         children?: import("react").ReactNode;
         className?: string | undefined;
         style?: import("react").CSSProperties | undefined;
         classes?: Partial<import("@mui/material").SelectClasses> | undefined;
-        color?: import("@mui/types").OverridableStringUnion<"error" | "primary" | "secondary" | "info" | "success" | "warning", import("@mui/material").InputBasePropsColorOverrides> | undefined;
+        color?: import("@mui/types").OverridableStringUnion<"primary" | "secondary" | "error" | "info" | "success" | "warning", import("@mui/material").InputBasePropsColorOverrides> | undefined;
         sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
         input?: import("react").ReactElement<any, any> | undefined;
         slot?: string | undefined;
@@ -1105,27 +1161,27 @@ export declare const DisplayEmpty: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
+        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
         'aria-describedby'?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -1140,9 +1196,9 @@ export declare const DisplayEmpty: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -1191,11 +1247,11 @@ export declare const DisplayEmpty: {
         onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onKeyUp?: import("react").KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
         onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -1298,9 +1354,7 @@ export declare const DisplayEmpty: {
         onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
@@ -1324,46 +1378,29 @@ export declare const DisplayEmpty: {
         disabled?: boolean | undefined;
         content?: string | undefined;
         translate?: "yes" | "no" | undefined;
-        margin?: "none" | "dense" | undefined;
-        fullWidth?: boolean | undefined;
-        endAdornment?: import("react").ReactNode;
-        hidden?: boolean | undefined;
-        open?: boolean | undefined;
-        multiple?: boolean | undefined;
-        error?: boolean | undefined;
-        required?: boolean | undefined;
-        multiline?: boolean | undefined;
-        readOnly?: boolean | undefined;
-        components?: {
-            Root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-            Input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-        } | undefined;
-        componentsProps?: {
-            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
-            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
-        } | undefined;
-        onClose?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+        margin?: ("dense" | "none") | undefined;
         slots?: {
-            root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-            input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            root?: import("react").ElementType;
+            input?: import("react").ElementType;
         } | undefined;
         slotProps?: {
-            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/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;
+            root?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
+                sx?: import("@mui/material").SxProps<import("@mui/material").Theme>;
+            };
+            input?: import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
+                sx?: import("@mui/material").SxProps<import("@mui/material").Theme>;
+            };
         } | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: unknown;
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
+        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
+        hidden?: boolean | undefined;
         nonce?: string | undefined;
         spellCheck?: (boolean | "false" | "true") | undefined;
         radioGroup?: string | undefined;
@@ -1388,31 +1425,48 @@ export declare const DisplayEmpty: {
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "on" | "off" | undefined;
-        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
         is?: string | undefined;
+        fullWidth?: boolean | undefined;
+        endAdornment?: import("react").ReactNode;
         value?: unknown;
-        rows?: string | number | undefined;
-        IconComponent?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-        inputProps?: import("@mui/material").InputBaseComponentProps | undefined;
+        inputProps?: import("@mui/material").InputProps["inputProps"];
         inputRef?: import("react").Ref<any> | undefined;
+        readOnly?: boolean | undefined;
+        required?: boolean | undefined;
+        components?: {
+            Root?: import("react").ElementType;
+            Input?: import("react").ElementType;
+        } | undefined;
+        componentsProps?: {
+            root?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+            input?: import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+        } | undefined;
+        onClose?: ((event: import("react").SyntheticEvent) => void) | undefined;
+        open?: boolean | undefined;
+        multiple?: boolean | undefined;
+        error?: boolean | undefined;
         autoComplete?: string | undefined;
         disableInjectingGlobalStyles?: boolean | undefined;
-        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps, keyof import("react").JSX.IntrinsicElements> | undefined;
+        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps> | undefined;
+        multiline?: boolean | undefined;
         placeholder?: string | undefined;
         renderSuffix?: ((state: {
-            disabled?: boolean | undefined;
-            error?: boolean | undefined;
-            filled?: boolean | undefined;
-            focused?: boolean | undefined;
-            margin?: "none" | "normal" | "dense" | undefined;
-            required?: boolean | undefined;
+            disabled?: boolean;
+            error?: boolean;
+            filled?: boolean;
+            focused?: boolean;
+            margin?: "dense" | "none" | "normal";
+            required?: boolean;
             startAdornment?: import("react").ReactNode;
         }) => import("react").ReactNode) | undefined;
-        maxRows?: string | number | undefined;
-        minRows?: string | number | undefined;
+        rows?: (string | number) | undefined;
+        maxRows?: (string | number) | undefined;
+        minRows?: (string | number) | undefined;
         startAdornment?: import("react").ReactNode;
         disableUnderline?: boolean | undefined;
-        onOpen?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+        IconComponent?: import("react").ElementType | undefined;
+        onOpen?: ((event: import("react").SyntheticEvent) => void) | undefined;
         autoWidth?: boolean | undefined;
         defaultOpen?: boolean | undefined;
         displayEmpty?: boolean | undefined;
@@ -1460,18 +1514,18 @@ export declare const PrependedIcon: {
         };
     };
     render: (args: {
-        align?: "left" | "right" | undefined;
+        align?: ("left" | "right") | undefined;
         elevation?: number | undefined;
         label?: string | undefined;
-        size?: "large" | "medium" | undefined;
+        size?: ("medium" | "large") | undefined;
         width?: number | undefined;
-        variant?: "select" | "dropdown" | undefined;
-        ref?: ((instance: unknown) => void) | import("react").RefObject<unknown> | null | undefined;
+        variant?: ("dropdown" | "select") | 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;
         children?: import("react").ReactNode;
         className?: string | undefined;
         style?: import("react").CSSProperties | undefined;
         classes?: Partial<import("@mui/material").SelectClasses> | undefined;
-        color?: import("@mui/types").OverridableStringUnion<"error" | "primary" | "secondary" | "info" | "success" | "warning", import("@mui/material").InputBasePropsColorOverrides> | undefined;
+        color?: import("@mui/types").OverridableStringUnion<"primary" | "secondary" | "error" | "info" | "success" | "warning", import("@mui/material").InputBasePropsColorOverrides> | undefined;
         sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
         input?: import("react").ReactElement<any, any> | undefined;
         slot?: string | undefined;
@@ -1485,27 +1539,27 @@ export declare const PrependedIcon: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
+        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
         'aria-describedby'?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -1520,9 +1574,9 @@ export declare const PrependedIcon: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -1571,11 +1625,11 @@ export declare const PrependedIcon: {
         onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onKeyUp?: import("react").KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
         onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -1678,9 +1732,7 @@ export declare const PrependedIcon: {
         onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
@@ -1704,46 +1756,29 @@ export declare const PrependedIcon: {
         disabled?: boolean | undefined;
         content?: string | undefined;
         translate?: "yes" | "no" | undefined;
-        margin?: "none" | "dense" | undefined;
-        fullWidth?: boolean | undefined;
-        endAdornment?: import("react").ReactNode;
-        hidden?: boolean | undefined;
-        open?: boolean | undefined;
-        multiple?: boolean | undefined;
-        error?: boolean | undefined;
-        required?: boolean | undefined;
-        multiline?: boolean | undefined;
-        readOnly?: boolean | undefined;
-        components?: {
-            Root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-            Input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-        } | undefined;
-        componentsProps?: {
-            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
-            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
-        } | undefined;
-        onClose?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+        margin?: ("dense" | "none") | undefined;
         slots?: {
-            root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-            input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            root?: import("react").ElementType;
+            input?: import("react").ElementType;
         } | undefined;
         slotProps?: {
-            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/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;
+            root?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
+                sx?: import("@mui/material").SxProps<import("@mui/material").Theme>;
+            };
+            input?: import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
+                sx?: import("@mui/material").SxProps<import("@mui/material").Theme>;
+            };
         } | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: unknown;
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
+        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
+        hidden?: boolean | undefined;
         nonce?: string | undefined;
         spellCheck?: (boolean | "false" | "true") | undefined;
         radioGroup?: string | undefined;
@@ -1768,31 +1803,48 @@ export declare const PrependedIcon: {
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "on" | "off" | undefined;
-        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
         is?: string | undefined;
+        fullWidth?: boolean | undefined;
+        endAdornment?: import("react").ReactNode;
         value?: unknown;
-        rows?: string | number | undefined;
-        IconComponent?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-        inputProps?: import("@mui/material").InputBaseComponentProps | undefined;
+        inputProps?: import("@mui/material").InputProps["inputProps"];
         inputRef?: import("react").Ref<any> | undefined;
+        readOnly?: boolean | undefined;
+        required?: boolean | undefined;
+        components?: {
+            Root?: import("react").ElementType;
+            Input?: import("react").ElementType;
+        } | undefined;
+        componentsProps?: {
+            root?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+            input?: import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+        } | undefined;
+        onClose?: ((event: import("react").SyntheticEvent) => void) | undefined;
+        open?: boolean | undefined;
+        multiple?: boolean | undefined;
+        error?: boolean | undefined;
         autoComplete?: string | undefined;
         disableInjectingGlobalStyles?: boolean | undefined;
-        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps, keyof import("react").JSX.IntrinsicElements> | undefined;
+        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps> | undefined;
+        multiline?: boolean | undefined;
         placeholder?: string | undefined;
         renderSuffix?: ((state: {
-            disabled?: boolean | undefined;
-            error?: boolean | undefined;
-            filled?: boolean | undefined;
-            focused?: boolean | undefined;
-            margin?: "none" | "normal" | "dense" | undefined;
-            required?: boolean | undefined;
+            disabled?: boolean;
+            error?: boolean;
+            filled?: boolean;
+            focused?: boolean;
+            margin?: "dense" | "none" | "normal";
+            required?: boolean;
             startAdornment?: import("react").ReactNode;
         }) => import("react").ReactNode) | undefined;
-        maxRows?: string | number | undefined;
-        minRows?: string | number | undefined;
+        rows?: (string | number) | undefined;
+        maxRows?: (string | number) | undefined;
+        minRows?: (string | number) | undefined;
         startAdornment?: import("react").ReactNode;
         disableUnderline?: boolean | undefined;
-        onOpen?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+        IconComponent?: import("react").ElementType | undefined;
+        onOpen?: ((event: import("react").SyntheticEvent) => void) | undefined;
         autoWidth?: boolean | undefined;
         defaultOpen?: boolean | undefined;
         displayEmpty?: boolean | undefined;
@@ -1808,22 +1860,29 @@ export declare const PrependedIcon: {
  */
 export declare const FullWidth: {
     args: {
-        defaultValue: string;
+        defaultValue: number;
         fullWidth: true;
     };
+    parameters: {
+        docs: {
+            source: {
+                code: string;
+            };
+        };
+    };
     render: (args: {
-        align?: "left" | "right" | undefined;
+        align?: ("left" | "right") | undefined;
         elevation?: number | undefined;
         label?: string | undefined;
-        size?: "large" | "medium" | undefined;
+        size?: ("medium" | "large") | undefined;
         width?: number | undefined;
-        variant?: "select" | "dropdown" | undefined;
-        ref?: ((instance: unknown) => void) | import("react").RefObject<unknown> | null | undefined;
+        variant?: ("dropdown" | "select") | 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;
         children?: import("react").ReactNode;
         className?: string | undefined;
         style?: import("react").CSSProperties | undefined;
         classes?: Partial<import("@mui/material").SelectClasses> | undefined;
-        color?: import("@mui/types").OverridableStringUnion<"error" | "primary" | "secondary" | "info" | "success" | "warning", import("@mui/material").InputBasePropsColorOverrides> | undefined;
+        color?: import("@mui/types").OverridableStringUnion<"primary" | "secondary" | "error" | "info" | "success" | "warning", import("@mui/material").InputBasePropsColorOverrides> | undefined;
         sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
         input?: import("react").ReactElement<any, any> | undefined;
         slot?: string | undefined;
@@ -1837,27 +1896,27 @@ export declare const FullWidth: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
+        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
         'aria-describedby'?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -1872,9 +1931,9 @@ export declare const FullWidth: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -1923,11 +1982,11 @@ export declare const FullWidth: {
         onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onKeyUp?: import("react").KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
         onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -2030,9 +2089,7 @@ export declare const FullWidth: {
         onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
@@ -2056,46 +2113,29 @@ export declare const FullWidth: {
         disabled?: boolean | undefined;
         content?: string | undefined;
         translate?: "yes" | "no" | undefined;
-        margin?: "none" | "dense" | undefined;
-        fullWidth?: boolean | undefined;
-        endAdornment?: import("react").ReactNode;
-        hidden?: boolean | undefined;
-        open?: boolean | undefined;
-        multiple?: boolean | undefined;
-        error?: boolean | undefined;
-        required?: boolean | undefined;
-        multiline?: boolean | undefined;
-        readOnly?: boolean | undefined;
-        components?: {
-            Root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-            Input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-        } | undefined;
-        componentsProps?: {
-            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
-            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
-        } | undefined;
-        onClose?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+        margin?: ("dense" | "none") | undefined;
         slots?: {
-            root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-            input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            root?: import("react").ElementType;
+            input?: import("react").ElementType;
         } | undefined;
         slotProps?: {
-            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/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;
+            root?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
+                sx?: import("@mui/material").SxProps<import("@mui/material").Theme>;
+            };
+            input?: import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
+                sx?: import("@mui/material").SxProps<import("@mui/material").Theme>;
+            };
         } | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: unknown;
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
+        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
+        hidden?: boolean | undefined;
         nonce?: string | undefined;
         spellCheck?: (boolean | "false" | "true") | undefined;
         radioGroup?: string | undefined;
@@ -2120,31 +2160,48 @@ export declare const FullWidth: {
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "on" | "off" | undefined;
-        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
         is?: string | undefined;
+        fullWidth?: boolean | undefined;
+        endAdornment?: import("react").ReactNode;
         value?: unknown;
-        rows?: string | number | undefined;
-        IconComponent?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-        inputProps?: import("@mui/material").InputBaseComponentProps | undefined;
+        inputProps?: import("@mui/material").InputProps["inputProps"];
         inputRef?: import("react").Ref<any> | undefined;
+        readOnly?: boolean | undefined;
+        required?: boolean | undefined;
+        components?: {
+            Root?: import("react").ElementType;
+            Input?: import("react").ElementType;
+        } | undefined;
+        componentsProps?: {
+            root?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+            input?: import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+        } | undefined;
+        onClose?: ((event: import("react").SyntheticEvent) => void) | undefined;
+        open?: boolean | undefined;
+        multiple?: boolean | undefined;
+        error?: boolean | undefined;
         autoComplete?: string | undefined;
         disableInjectingGlobalStyles?: boolean | undefined;
-        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps, keyof import("react").JSX.IntrinsicElements> | undefined;
+        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps> | undefined;
+        multiline?: boolean | undefined;
         placeholder?: string | undefined;
         renderSuffix?: ((state: {
-            disabled?: boolean | undefined;
-            error?: boolean | undefined;
-            filled?: boolean | undefined;
-            focused?: boolean | undefined;
-            margin?: "none" | "normal" | "dense" | undefined;
-            required?: boolean | undefined;
+            disabled?: boolean;
+            error?: boolean;
+            filled?: boolean;
+            focused?: boolean;
+            margin?: "dense" | "none" | "normal";
+            required?: boolean;
             startAdornment?: import("react").ReactNode;
         }) => import("react").ReactNode) | undefined;
-        maxRows?: string | number | undefined;
-        minRows?: string | number | undefined;
+        rows?: (string | number) | undefined;
+        maxRows?: (string | number) | undefined;
+        minRows?: (string | number) | undefined;
         startAdornment?: import("react").ReactNode;
         disableUnderline?: boolean | undefined;
-        onOpen?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+        IconComponent?: import("react").ElementType | undefined;
+        onOpen?: ((event: import("react").SyntheticEvent) => void) | undefined;
         autoWidth?: boolean | undefined;
         defaultOpen?: boolean | undefined;
         displayEmpty?: boolean | undefined;
@@ -2172,18 +2229,18 @@ export declare const LargeSizeToolbarSize: {
         };
     };
     render: (args: {
-        align?: "left" | "right" | undefined;
+        align?: ("left" | "right") | undefined;
         elevation?: number | undefined;
         label?: string | undefined;
-        size?: "large" | "medium" | undefined;
+        size?: ("medium" | "large") | undefined;
         width?: number | undefined;
-        variant?: "select" | "dropdown" | undefined;
-        ref?: ((instance: unknown) => void) | import("react").RefObject<unknown> | null | undefined;
+        variant?: ("dropdown" | "select") | 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;
         children?: import("react").ReactNode;
         className?: string | undefined;
         style?: import("react").CSSProperties | undefined;
         classes?: Partial<import("@mui/material").SelectClasses> | undefined;
-        color?: import("@mui/types").OverridableStringUnion<"error" | "primary" | "secondary" | "info" | "success" | "warning", import("@mui/material").InputBasePropsColorOverrides> | undefined;
+        color?: import("@mui/types").OverridableStringUnion<"primary" | "secondary" | "error" | "info" | "success" | "warning", import("@mui/material").InputBasePropsColorOverrides> | undefined;
         sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
         input?: import("react").ReactElement<any, any> | undefined;
         slot?: string | undefined;
@@ -2197,27 +2254,27 @@ export declare const LargeSizeToolbarSize: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
+        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
         'aria-describedby'?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -2232,9 +2289,9 @@ export declare const LargeSizeToolbarSize: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -2283,11 +2340,11 @@ export declare const LargeSizeToolbarSize: {
         onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onKeyUp?: import("react").KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
         onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -2390,9 +2447,7 @@ export declare const LargeSizeToolbarSize: {
         onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
@@ -2416,46 +2471,29 @@ export declare const LargeSizeToolbarSize: {
         disabled?: boolean | undefined;
         content?: string | undefined;
         translate?: "yes" | "no" | undefined;
-        margin?: "none" | "dense" | undefined;
-        fullWidth?: boolean | undefined;
-        endAdornment?: import("react").ReactNode;
-        hidden?: boolean | undefined;
-        open?: boolean | undefined;
-        multiple?: boolean | undefined;
-        error?: boolean | undefined;
-        required?: boolean | undefined;
-        multiline?: boolean | undefined;
-        readOnly?: boolean | undefined;
-        components?: {
-            Root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-            Input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-        } | undefined;
-        componentsProps?: {
-            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
-            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
-        } | undefined;
-        onClose?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+        margin?: ("dense" | "none") | undefined;
         slots?: {
-            root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-            input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            root?: import("react").ElementType;
+            input?: import("react").ElementType;
         } | undefined;
         slotProps?: {
-            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/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;
+            root?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
+                sx?: import("@mui/material").SxProps<import("@mui/material").Theme>;
+            };
+            input?: import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
+                sx?: import("@mui/material").SxProps<import("@mui/material").Theme>;
+            };
         } | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: unknown;
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
+        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
+        hidden?: boolean | undefined;
         nonce?: string | undefined;
         spellCheck?: (boolean | "false" | "true") | undefined;
         radioGroup?: string | undefined;
@@ -2480,31 +2518,48 @@ export declare const LargeSizeToolbarSize: {
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "on" | "off" | undefined;
-        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
         is?: string | undefined;
+        fullWidth?: boolean | undefined;
+        endAdornment?: import("react").ReactNode;
         value?: unknown;
-        rows?: string | number | undefined;
-        IconComponent?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-        inputProps?: import("@mui/material").InputBaseComponentProps | undefined;
+        inputProps?: import("@mui/material").InputProps["inputProps"];
         inputRef?: import("react").Ref<any> | undefined;
+        readOnly?: boolean | undefined;
+        required?: boolean | undefined;
+        components?: {
+            Root?: import("react").ElementType;
+            Input?: import("react").ElementType;
+        } | undefined;
+        componentsProps?: {
+            root?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+            input?: import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+        } | undefined;
+        onClose?: ((event: import("react").SyntheticEvent) => void) | undefined;
+        open?: boolean | undefined;
+        multiple?: boolean | undefined;
+        error?: boolean | undefined;
         autoComplete?: string | undefined;
         disableInjectingGlobalStyles?: boolean | undefined;
-        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps, keyof import("react").JSX.IntrinsicElements> | undefined;
+        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps> | undefined;
+        multiline?: boolean | undefined;
         placeholder?: string | undefined;
         renderSuffix?: ((state: {
-            disabled?: boolean | undefined;
-            error?: boolean | undefined;
-            filled?: boolean | undefined;
-            focused?: boolean | undefined;
-            margin?: "none" | "normal" | "dense" | undefined;
-            required?: boolean | undefined;
+            disabled?: boolean;
+            error?: boolean;
+            filled?: boolean;
+            focused?: boolean;
+            margin?: "dense" | "none" | "normal";
+            required?: boolean;
             startAdornment?: import("react").ReactNode;
         }) => import("react").ReactNode) | undefined;
-        maxRows?: string | number | undefined;
-        minRows?: string | number | undefined;
+        rows?: (string | number) | undefined;
+        maxRows?: (string | number) | undefined;
+        minRows?: (string | number) | undefined;
         startAdornment?: import("react").ReactNode;
         disableUnderline?: boolean | undefined;
-        onOpen?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+        IconComponent?: import("react").ElementType | undefined;
+        onOpen?: ((event: import("react").SyntheticEvent) => void) | undefined;
         autoWidth?: boolean | undefined;
         defaultOpen?: boolean | undefined;
         displayEmpty?: boolean | undefined;
@@ -2515,7 +2570,7 @@ export declare const LargeSizeToolbarSize: {
         SelectDisplayProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
     }) => import("react/jsx-runtime").JSX.Element;
 };
-export declare const SelectStyleWeb: {
+export declare const SelectStyle: {
     args: {
         defaultValue: string;
         variant: "select";
@@ -2529,18 +2584,18 @@ export declare const SelectStyleWeb: {
         };
     };
     render: (args: {
-        align?: "left" | "right" | undefined;
+        align?: ("left" | "right") | undefined;
         elevation?: number | undefined;
         label?: string | undefined;
-        size?: "large" | "medium" | undefined;
+        size?: ("medium" | "large") | undefined;
         width?: number | undefined;
-        variant?: "select" | "dropdown" | undefined;
-        ref?: ((instance: unknown) => void) | import("react").RefObject<unknown> | null | undefined;
+        variant?: ("dropdown" | "select") | 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;
         children?: import("react").ReactNode;
         className?: string | undefined;
         style?: import("react").CSSProperties | undefined;
         classes?: Partial<import("@mui/material").SelectClasses> | undefined;
-        color?: import("@mui/types").OverridableStringUnion<"error" | "primary" | "secondary" | "info" | "success" | "warning", import("@mui/material").InputBasePropsColorOverrides> | undefined;
+        color?: import("@mui/types").OverridableStringUnion<"primary" | "secondary" | "error" | "info" | "success" | "warning", import("@mui/material").InputBasePropsColorOverrides> | undefined;
         sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
         input?: import("react").ReactElement<any, any> | undefined;
         slot?: string | undefined;
@@ -2554,27 +2609,27 @@ export declare const SelectStyleWeb: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
+        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
         'aria-describedby'?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -2589,9 +2644,9 @@ export declare const SelectStyleWeb: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -2640,11 +2695,11 @@ export declare const SelectStyleWeb: {
         onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onKeyUp?: import("react").KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
         onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -2747,9 +2802,7 @@ export declare const SelectStyleWeb: {
         onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
@@ -2773,46 +2826,29 @@ export declare const SelectStyleWeb: {
         disabled?: boolean | undefined;
         content?: string | undefined;
         translate?: "yes" | "no" | undefined;
-        margin?: "none" | "dense" | undefined;
-        fullWidth?: boolean | undefined;
-        endAdornment?: import("react").ReactNode;
-        hidden?: boolean | undefined;
-        open?: boolean | undefined;
-        multiple?: boolean | undefined;
-        error?: boolean | undefined;
-        required?: boolean | undefined;
-        multiline?: boolean | undefined;
-        readOnly?: boolean | undefined;
-        components?: {
-            Root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-            Input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-        } | undefined;
-        componentsProps?: {
-            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
-            input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
-        } | undefined;
-        onClose?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+        margin?: ("dense" | "none") | undefined;
         slots?: {
-            root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-            input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            root?: import("react").ElementType;
+            input?: import("react").ElementType;
         } | undefined;
         slotProps?: {
-            root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
-                sx?: import("@mui/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;
+            root?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
+                sx?: import("@mui/material").SxProps<import("@mui/material").Theme>;
+            };
+            input?: import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
+                sx?: import("@mui/material").SxProps<import("@mui/material").Theme>;
+            };
         } | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: unknown;
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
+        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
+        hidden?: boolean | undefined;
         nonce?: string | undefined;
         spellCheck?: (boolean | "false" | "true") | undefined;
         radioGroup?: string | undefined;
@@ -2837,31 +2873,48 @@ export declare const SelectStyleWeb: {
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "on" | "off" | undefined;
-        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
         is?: string | undefined;
+        fullWidth?: boolean | undefined;
+        endAdornment?: import("react").ReactNode;
         value?: unknown;
-        rows?: string | number | undefined;
-        IconComponent?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-        inputProps?: import("@mui/material").InputBaseComponentProps | undefined;
+        inputProps?: import("@mui/material").InputProps["inputProps"];
         inputRef?: import("react").Ref<any> | undefined;
+        readOnly?: boolean | undefined;
+        required?: boolean | undefined;
+        components?: {
+            Root?: import("react").ElementType;
+            Input?: import("react").ElementType;
+        } | undefined;
+        componentsProps?: {
+            root?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+            input?: import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides;
+        } | undefined;
+        onClose?: ((event: import("react").SyntheticEvent) => void) | undefined;
+        open?: boolean | undefined;
+        multiple?: boolean | undefined;
+        error?: boolean | undefined;
         autoComplete?: string | undefined;
         disableInjectingGlobalStyles?: boolean | undefined;
-        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps, keyof import("react").JSX.IntrinsicElements> | undefined;
+        inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps> | undefined;
+        multiline?: boolean | undefined;
         placeholder?: string | undefined;
         renderSuffix?: ((state: {
-            disabled?: boolean | undefined;
-            error?: boolean | undefined;
-            filled?: boolean | undefined;
-            focused?: boolean | undefined;
-            margin?: "none" | "normal" | "dense" | undefined;
-            required?: boolean | undefined;
+            disabled?: boolean;
+            error?: boolean;
+            filled?: boolean;
+            focused?: boolean;
+            margin?: "dense" | "none" | "normal";
+            required?: boolean;
             startAdornment?: import("react").ReactNode;
         }) => import("react").ReactNode) | undefined;
-        maxRows?: string | number | undefined;
-        minRows?: string | number | undefined;
+        rows?: (string | number) | undefined;
+        maxRows?: (string | number) | undefined;
+        minRows?: (string | number) | undefined;
         startAdornment?: import("react").ReactNode;
         disableUnderline?: boolean | undefined;
-        onOpen?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+        IconComponent?: import("react").ElementType | undefined;
+        onOpen?: ((event: import("react").SyntheticEvent) => void) | undefined;
         autoWidth?: boolean | undefined;
         defaultOpen?: boolean | undefined;
         displayEmpty?: boolean | undefined;