@galaxy-ds/core 2.1.1 → 2.1.2

package/dist/Autocomplete/Autocomplete.stories.d.ts

@@ -1,3 +1,6 @@
+/// <reference types="react" />
+/// <reference types="react" />
+/// <reference types="trusted-types" />
 import { BADGE } from '@geometricpanda/storybook-addon-badges';
 /**
  *  ```js
@@ -11,14 +14,126 @@ declare const meta: {
         badges: BADGE[];
         layout: string;
     };
-    decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react").ReactRenderer, {
+    argTypes: {
+        onKeyDown: {
+            control: {
+                type: undefined;
+            };
+        };
+        onInputChange: {
+            control: {
+                type: undefined;
+            };
+        };
+        onOpen: {
+            control: {
+                type: undefined;
+            };
+        };
+        onHighlightChange: {
+            control: {
+                type: undefined;
+            };
+        };
+        onClose: {
+            control: {
+                type: undefined;
+            };
+        };
+        onChange: {
+            control: {
+                type: undefined;
+            };
+        };
+        actionClick: {
+            control: {
+                type: undefined;
+            };
+        };
+        renderInput: {
+            control: {
+                type: undefined;
+            };
+        };
+        isOptionEqualToValue: {
+            control: {
+                type: undefined;
+            };
+        };
+        groupBy: {
+            control: {
+                type: undefined;
+            };
+        };
+        getLimitTagsText: {
+            control: {
+                type: undefined;
+            };
+        };
+        clearIcon: {
+            control: {
+                type: undefined;
+            };
+        };
+        renderGroup: {
+            control: {
+                type: undefined;
+            };
+        };
+        renderOption: {
+            control: {
+                type: undefined;
+            };
+        };
+        renderTags: {
+            control: {
+                type: undefined;
+            };
+        };
+        unstable_isActiveElementInListbox: {
+            control: {
+                type: undefined;
+            };
+        };
+        popupIcon: {
+            control: {
+                type: undefined;
+            };
+        };
+        PopperComponent: {
+            control: {
+                type: undefined;
+            };
+        };
+        filterOptions: {
+            control: {
+                type: undefined;
+            };
+        };
+        getOptionDisabled: {
+            control: {
+                type: undefined;
+            };
+        };
+        getOptionKey: {
+            control: {
+                type: undefined;
+            };
+        };
+        getOptionLabel: {
+            control: {
+                type: undefined;
+            };
+        };
+    };
+    decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, {
         actionLabel?: string | undefined;
         bottomButtonHeight?: number | undefined;
-        actionClick?: ((e: React.MouseEvent) => void) | undefined;
+        actionClick?: ((e: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
         label?: string | undefined;
         placeholder?: string | undefined;
-        platform?: ("desktop" | "web") | undefined;
-        renderInput?: import("@mui/material").AutocompleteProps<any, boolean, boolean, boolean>["renderInput"] | undefined;
+        platform?: "desktop" | "web" | undefined;
+        renderInput?: ((params: import("@mui/material").AutocompleteRenderInputParams) => import("react").ReactNode) | undefined;
         classes?: Partial<import("@mui/material").AutocompleteClasses> | undefined;
         ref?: import("react").Ref<unknown> | undefined;
         className?: string | undefined;
@@ -34,27 +149,27 @@ declare const meta: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
         "aria-describedby"?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -69,9 +184,9 @@ declare const meta: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -104,7 +219,7 @@ declare const meta: {
         onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
         onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
         onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onChange?: ((event: React.SyntheticEvent, value: any, reason: import("@mui/material").AutocompleteChangeReason, details?: import("@mui/material").AutocompleteChangeDetails<any> | undefined) => void) | undefined;
+        onChange?: ((event: import("react").SyntheticEvent<Element, Event>, value: any, reason: import("@mui/material").AutocompleteChangeReason, details?: import("@mui/material").AutocompleteChangeDetails<any> | undefined) => void) | undefined;
         onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -120,8 +235,8 @@ declare const meta: {
         onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onKeyDown?: ((event: React.KeyboardEvent<HTMLDivElement> & {
-            defaultMuiPrevented?: boolean;
+        onKeyDown?: ((event: import("react").KeyboardEvent<HTMLDivElement> & {
+            defaultMuiPrevented?: boolean | undefined;
         }) => void) | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
@@ -254,17 +369,17 @@ declare const meta: {
         content?: string | undefined;
         translate?: "yes" | "no" | undefined;
         slotProps?: {
-            clearIndicator?: Partial<import("@mui/material").IconButtonProps>;
-            paper?: import("@mui/material").PaperProps;
-            popper?: Partial<import("@mui/material").PopperProps>;
-            popupIndicator?: Partial<import("@mui/material").IconButtonProps>;
+            clearIndicator?: Partial<import("@mui/material").IconButtonProps> | undefined;
+            paper?: import("@mui/material").PaperProps | undefined;
+            popper?: Partial<import("@mui/material").PopperProps> | undefined;
+            popupIndicator?: Partial<import("@mui/material").IconButtonProps> | undefined;
         } | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: any;
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
+        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
@@ -292,21 +407,21 @@ declare const meta: {
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+        unselectable?: "off" | "on" | undefined;
+        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         fullWidth?: boolean | undefined;
         loading?: boolean | undefined;
         value?: any;
         readOnly?: boolean | undefined;
         componentsProps?: {
-            clearIndicator?: Partial<import("@mui/material").IconButtonProps>;
-            paper?: import("@mui/material").PaperProps;
-            popper?: Partial<import("@mui/material").PopperProps>;
-            popupIndicator?: Partial<import("@mui/material").IconButtonProps>;
+            clearIndicator?: Partial<import("@mui/material").IconButtonProps> | undefined;
+            paper?: import("@mui/material").PaperProps | undefined;
+            popper?: Partial<import("@mui/material").PopperProps> | undefined;
+            popupIndicator?: Partial<import("@mui/material").IconButtonProps> | undefined;
         } | undefined;
         disablePortal?: boolean | undefined;
-        onClose?: ((event: React.SyntheticEvent, reason: import("@mui/material").AutocompleteCloseReason) => void) | undefined;
+        onClose?: ((event: import("react").SyntheticEvent<Element, Event>, reason: import("@mui/material").AutocompleteCloseReason) => void) | undefined;
         open?: boolean | undefined;
         size?: import("@mui/types").OverridableStringUnion<"small" | "medium", import("@mui/material").AutocompletePropsSizeOverrides> | undefined;
         multiple?: boolean | undefined;
@@ -314,35 +429,35 @@ declare const meta: {
         options: readonly any[];
         disabledItemsFocusable?: boolean | undefined;
         disableListWrap?: boolean | undefined;
-        onOpen?: ((event: React.SyntheticEvent) => void) | undefined;
-        PopperComponent?: React.JSXElementConstructor<import("@mui/material").PopperProps> | undefined;
+        onOpen?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+        PopperComponent?: import("react").JSXElementConstructor<import("@mui/material").PopperProps> | undefined;
         ChipProps?: import("@mui/material").ChipProps<"div"> | undefined;
-        clearIcon?: React.ReactNode;
+        clearIcon?: import("react").ReactNode;
         clearText?: string | undefined;
         closeText?: string | undefined;
-        forcePopupIcon?: (true | false | "auto") | undefined;
-        getLimitTagsText?: ((more: number) => React.ReactNode) | undefined;
-        ListboxComponent?: React.JSXElementConstructor<React.HTMLAttributes<HTMLElement>> | undefined;
-        ListboxProps?: (ReturnType<ReturnType<typeof import("@mui/material").useAutocomplete>["getListboxProps"]> & {
-            sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-            ref?: React.Ref<Element>;
+        forcePopupIcon?: boolean | "auto" | undefined;
+        getLimitTagsText?: ((more: number) => import("react").ReactNode) | undefined;
+        ListboxComponent?: import("react").JSXElementConstructor<import("react").HTMLAttributes<HTMLElement>> | undefined;
+        ListboxProps?: (import("react").HTMLAttributes<HTMLUListElement> & {
+            sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+            ref?: import("react").Ref<Element> | undefined;
         }) | undefined;
-        loadingText?: React.ReactNode;
+        loadingText?: import("react").ReactNode;
         limitTags?: number | undefined;
-        noOptionsText?: React.ReactNode;
+        noOptionsText?: import("react").ReactNode;
         openText?: string | undefined;
-        PaperComponent?: React.JSXElementConstructor<React.HTMLAttributes<HTMLElement>> | undefined;
-        popupIcon?: React.ReactNode;
-        renderGroup?: ((params: import("@mui/material").AutocompleteRenderGroupParams) => React.ReactNode) | undefined;
-        renderOption?: ((props: React.HTMLAttributes<HTMLLIElement> & {
+        PaperComponent?: import("react").JSXElementConstructor<import("react").HTMLAttributes<HTMLElement>> | undefined;
+        popupIcon?: import("react").ReactNode;
+        renderGroup?: ((params: import("@mui/material").AutocompleteRenderGroupParams) => import("react").ReactNode) | undefined;
+        renderOption?: ((props: import("react").HTMLAttributes<HTMLLIElement> & {
             key: any;
-        }, option: any, state: import("@mui/material").AutocompleteRenderOptionState, ownerState: import("@mui/material").AutocompleteOwnerState<any, boolean, boolean, boolean, "div">) => React.ReactNode) | undefined;
-        renderTags?: ((value: any[], getTagProps: import("@mui/material").AutocompleteRenderGetTagProps, ownerState: import("@mui/material").AutocompleteOwnerState<any, boolean, boolean, boolean, "div">) => React.ReactNode) | undefined;
+        }, option: any, state: import("@mui/material").AutocompleteRenderOptionState, ownerState: import("@mui/material").AutocompleteOwnerState<any, boolean, boolean, boolean, "div">) => import("react").ReactNode) | undefined;
+        renderTags?: ((value: any[], getTagProps: import("@mui/material").AutocompleteRenderGetTagProps, ownerState: import("@mui/material").AutocompleteOwnerState<any, boolean, boolean, boolean, "div">) => import("react").ReactNode) | undefined;
         unstable_classNamePrefix?: string | undefined;
-        unstable_isActiveElementInListbox?: ((listbox: React.RefObject<HTMLElement>) => boolean) | undefined;
+        unstable_isActiveElementInListbox?: ((listbox: import("react").RefObject<HTMLElement>) => boolean) | undefined;
         autoHighlight?: boolean | undefined;
         autoSelect?: boolean | undefined;
-        blurOnSelect?: ("touch" | "mouse" | true | false) | undefined;
+        blurOnSelect?: boolean | "touch" | "mouse" | undefined;
         clearOnBlur?: boolean | undefined;
         clearOnEscape?: boolean | undefined;
         componentName?: string | undefined;
@@ -359,8 +474,8 @@ declare const meta: {
         includeInputInList?: boolean | undefined;
         inputValue?: string | undefined;
         isOptionEqualToValue?: ((option: any, value: any) => boolean) | undefined;
-        onHighlightChange?: ((event: React.SyntheticEvent, option: any, reason: import("@mui/material").AutocompleteHighlightChangeReason) => void) | undefined;
-        onInputChange?: ((event: React.SyntheticEvent, value: string, reason: import("@mui/material").AutocompleteInputChangeReason) => void) | undefined;
+        onHighlightChange?: ((event: import("react").SyntheticEvent<Element, Event>, option: any, reason: import("@mui/material").AutocompleteHighlightChangeReason) => void) | undefined;
+        onInputChange?: ((event: import("react").SyntheticEvent<Element, Event>, value: string, reason: import("@mui/material").AutocompleteInputChangeReason) => void) | undefined;
         openOnFocus?: boolean | undefined;
         selectOnFocus?: boolean | undefined;
     }>) => import("react/jsx-runtime").JSX.Element)[];
@@ -369,11 +484,45 @@ export default meta;
 export declare const Default: {
     args: {
         options: string[];
+        platform: "desktop";
+        size: "medium";
+        open: false;
+        disabled: false;
+        fullWidth: false;
+        readOnly: false;
+        disablePortal: false;
+        loading: false;
+        multiple: false;
+        autoHighlight: false;
+        autoSelect: false;
+        blurOnSelect: false;
+        clearOnBlur: false;
+        clearOnEscape: false;
+        disableClearable: false;
+        disableCloseOnSelect: false;
+        disableListWrap: false;
+        disabledItemsFocusable: false;
+        filterSelectedOptions: false;
+        freeSolo: false;
+        handleHomeEndKeys: false;
+        includeInputInList: false;
+        openOnFocus: false;
+        selectOnFocus: false;
+        componentName: string;
+        actionLabel: string;
+        label: string;
+        inputValue: string;
+        unstable_classNamePrefix: string;
+        closeText: string;
+        clearText: string;
+        openText: string;
+        limitTags: number;
+        bottomButtonHeight: number;
         autoComplete: true;
         noOptionsText: string;
         placeholder: string;
         onKeyDown: import("@vitest/spy").Mock<[event: import("react").KeyboardEvent<HTMLDivElement> & {
-            defaultMuiPrevented?: boolean;
+            defaultMuiPrevented?: boolean | undefined;
         }], void>;
         onInputChange: import("@vitest/spy").Mock<[event: import("react").SyntheticEvent<Element, Event>, value: string, reason: import("@mui/material").AutocompleteInputChangeReason], void>;
         onOpen: import("@vitest/spy").Mock<[event: import("react").SyntheticEvent<Element, Event>], void>;
@@ -381,14 +530,14 @@ export declare const Default: {
         onClose: import("@vitest/spy").Mock<[event: import("react").SyntheticEvent<Element, Event>, reason: import("@mui/material").AutocompleteCloseReason], void>;
         onChange: import("@vitest/spy").Mock<[event: import("react").SyntheticEvent<Element, Event>, value: any, reason: import("@mui/material").AutocompleteChangeReason, details?: import("@mui/material").AutocompleteChangeDetails<any> | undefined], void>;
     };
-    play: ({ canvasElement }: import("@storybook/types").PlayFunctionContext<import("@storybook/react").ReactRenderer, {
+    play: ({ canvasElement }: import("@storybook/types").PlayFunctionContext<import("@storybook/react/dist/types-0fc72a6d").R, {
         actionLabel?: string | undefined;
         bottomButtonHeight?: number | undefined;
-        actionClick?: ((e: React.MouseEvent) => void) | undefined;
+        actionClick?: ((e: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
         label?: string | undefined;
         placeholder?: string | undefined;
-        platform?: ("desktop" | "web") | undefined;
-        renderInput?: import("@mui/material").AutocompleteProps<any, boolean, boolean, boolean>["renderInput"] | undefined;
+        platform?: "desktop" | "web" | undefined;
+        renderInput?: ((params: import("@mui/material").AutocompleteRenderInputParams) => import("react").ReactNode) | undefined;
         classes?: Partial<import("@mui/material").AutocompleteClasses> | undefined;
         ref?: import("react").Ref<unknown> | undefined;
         className?: string | undefined;
@@ -404,27 +553,27 @@ export declare const Default: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
         "aria-describedby"?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -439,9 +588,9 @@ export declare const Default: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -474,7 +623,7 @@ export declare const Default: {
         onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
         onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
         onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onChange?: ((event: React.SyntheticEvent, value: any, reason: import("@mui/material").AutocompleteChangeReason, details?: import("@mui/material").AutocompleteChangeDetails<any> | undefined) => void) | undefined;
+        onChange?: ((event: import("react").SyntheticEvent<Element, Event>, value: any, reason: import("@mui/material").AutocompleteChangeReason, details?: import("@mui/material").AutocompleteChangeDetails<any> | undefined) => void) | undefined;
         onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -490,8 +639,8 @@ export declare const Default: {
         onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onKeyDown?: ((event: React.KeyboardEvent<HTMLDivElement> & {
-            defaultMuiPrevented?: boolean;
+        onKeyDown?: ((event: import("react").KeyboardEvent<HTMLDivElement> & {
+            defaultMuiPrevented?: boolean | undefined;
         }) => void) | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
@@ -624,17 +773,17 @@ export declare const Default: {
         content?: string | undefined;
         translate?: "yes" | "no" | undefined;
         slotProps?: {
-            clearIndicator?: Partial<import("@mui/material").IconButtonProps>;
-            paper?: import("@mui/material").PaperProps;
-            popper?: Partial<import("@mui/material").PopperProps>;
-            popupIndicator?: Partial<import("@mui/material").IconButtonProps>;
+            clearIndicator?: Partial<import("@mui/material").IconButtonProps> | undefined;
+            paper?: import("@mui/material").PaperProps | undefined;
+            popper?: Partial<import("@mui/material").PopperProps> | undefined;
+            popupIndicator?: Partial<import("@mui/material").IconButtonProps> | undefined;
         } | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: any;
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
+        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
@@ -662,21 +811,21 @@ export declare const Default: {
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+        unselectable?: "off" | "on" | undefined;
+        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         fullWidth?: boolean | undefined;
         loading?: boolean | undefined;
         value?: any;
         readOnly?: boolean | undefined;
         componentsProps?: {
-            clearIndicator?: Partial<import("@mui/material").IconButtonProps>;
-            paper?: import("@mui/material").PaperProps;
-            popper?: Partial<import("@mui/material").PopperProps>;
-            popupIndicator?: Partial<import("@mui/material").IconButtonProps>;
+            clearIndicator?: Partial<import("@mui/material").IconButtonProps> | undefined;
+            paper?: import("@mui/material").PaperProps | undefined;
+            popper?: Partial<import("@mui/material").PopperProps> | undefined;
+            popupIndicator?: Partial<import("@mui/material").IconButtonProps> | undefined;
         } | undefined;
         disablePortal?: boolean | undefined;
-        onClose?: ((event: React.SyntheticEvent, reason: import("@mui/material").AutocompleteCloseReason) => void) | undefined;
+        onClose?: ((event: import("react").SyntheticEvent<Element, Event>, reason: import("@mui/material").AutocompleteCloseReason) => void) | undefined;
         open?: boolean | undefined;
         size?: import("@mui/types").OverridableStringUnion<"small" | "medium", import("@mui/material").AutocompletePropsSizeOverrides> | undefined;
         multiple?: boolean | undefined;
@@ -684,35 +833,35 @@ export declare const Default: {
         options: readonly any[];
         disabledItemsFocusable?: boolean | undefined;
         disableListWrap?: boolean | undefined;
-        onOpen?: ((event: React.SyntheticEvent) => void) | undefined;
-        PopperComponent?: React.JSXElementConstructor<import("@mui/material").PopperProps> | undefined;
+        onOpen?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+        PopperComponent?: import("react").JSXElementConstructor<import("@mui/material").PopperProps> | undefined;
         ChipProps?: import("@mui/material").ChipProps<"div"> | undefined;
-        clearIcon?: React.ReactNode;
+        clearIcon?: import("react").ReactNode;
         clearText?: string | undefined;
         closeText?: string | undefined;
-        forcePopupIcon?: (true | false | "auto") | undefined;
-        getLimitTagsText?: ((more: number) => React.ReactNode) | undefined;
-        ListboxComponent?: React.JSXElementConstructor<React.HTMLAttributes<HTMLElement>> | undefined;
-        ListboxProps?: (ReturnType<ReturnType<typeof import("@mui/material").useAutocomplete>["getListboxProps"]> & {
-            sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-            ref?: React.Ref<Element>;
+        forcePopupIcon?: boolean | "auto" | undefined;
+        getLimitTagsText?: ((more: number) => import("react").ReactNode) | undefined;
+        ListboxComponent?: import("react").JSXElementConstructor<import("react").HTMLAttributes<HTMLElement>> | undefined;
+        ListboxProps?: (import("react").HTMLAttributes<HTMLUListElement> & {
+            sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+            ref?: import("react").Ref<Element> | undefined;
         }) | undefined;
-        loadingText?: React.ReactNode;
+        loadingText?: import("react").ReactNode;
         limitTags?: number | undefined;
-        noOptionsText?: React.ReactNode;
+        noOptionsText?: import("react").ReactNode;
         openText?: string | undefined;
-        PaperComponent?: React.JSXElementConstructor<React.HTMLAttributes<HTMLElement>> | undefined;
-        popupIcon?: React.ReactNode;
-        renderGroup?: ((params: import("@mui/material").AutocompleteRenderGroupParams) => React.ReactNode) | undefined;
-        renderOption?: ((props: React.HTMLAttributes<HTMLLIElement> & {
+        PaperComponent?: import("react").JSXElementConstructor<import("react").HTMLAttributes<HTMLElement>> | undefined;
+        popupIcon?: import("react").ReactNode;
+        renderGroup?: ((params: import("@mui/material").AutocompleteRenderGroupParams) => import("react").ReactNode) | undefined;
+        renderOption?: ((props: import("react").HTMLAttributes<HTMLLIElement> & {
             key: any;
-        }, option: any, state: import("@mui/material").AutocompleteRenderOptionState, ownerState: import("@mui/material").AutocompleteOwnerState<any, boolean, boolean, boolean, "div">) => React.ReactNode) | undefined;
-        renderTags?: ((value: any[], getTagProps: import("@mui/material").AutocompleteRenderGetTagProps, ownerState: import("@mui/material").AutocompleteOwnerState<any, boolean, boolean, boolean, "div">) => React.ReactNode) | undefined;
+        }, option: any, state: import("@mui/material").AutocompleteRenderOptionState, ownerState: import("@mui/material").AutocompleteOwnerState<any, boolean, boolean, boolean, "div">) => import("react").ReactNode) | undefined;
+        renderTags?: ((value: any[], getTagProps: import("@mui/material").AutocompleteRenderGetTagProps, ownerState: import("@mui/material").AutocompleteOwnerState<any, boolean, boolean, boolean, "div">) => import("react").ReactNode) | undefined;
         unstable_classNamePrefix?: string | undefined;
-        unstable_isActiveElementInListbox?: ((listbox: React.RefObject<HTMLElement>) => boolean) | undefined;
+        unstable_isActiveElementInListbox?: ((listbox: import("react").RefObject<HTMLElement>) => boolean) | undefined;
         autoHighlight?: boolean | undefined;
         autoSelect?: boolean | undefined;
-        blurOnSelect?: ("touch" | "mouse" | true | false) | undefined;
+        blurOnSelect?: boolean | "touch" | "mouse" | undefined;
         clearOnBlur?: boolean | undefined;
         clearOnEscape?: boolean | undefined;
         componentName?: string | undefined;
@@ -729,19 +878,19 @@ export declare const Default: {
         includeInputInList?: boolean | undefined;
         inputValue?: string | undefined;
         isOptionEqualToValue?: ((option: any, value: any) => boolean) | undefined;
-        onHighlightChange?: ((event: React.SyntheticEvent, option: any, reason: import("@mui/material").AutocompleteHighlightChangeReason) => void) | undefined;
-        onInputChange?: ((event: React.SyntheticEvent, value: string, reason: import("@mui/material").AutocompleteInputChangeReason) => void) | undefined;
+        onHighlightChange?: ((event: import("react").SyntheticEvent<Element, Event>, option: any, reason: import("@mui/material").AutocompleteHighlightChangeReason) => void) | undefined;
+        onInputChange?: ((event: import("react").SyntheticEvent<Element, Event>, value: string, reason: import("@mui/material").AutocompleteInputChangeReason) => void) | undefined;
         openOnFocus?: boolean | undefined;
         selectOnFocus?: boolean | undefined;
     }>) => Promise<void>;
     render: (args: {
         actionLabel?: string | undefined;
         bottomButtonHeight?: number | undefined;
-        actionClick?: ((e: React.MouseEvent) => void) | undefined;
+        actionClick?: ((e: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
         label?: string | undefined;
         placeholder?: string | undefined;
-        platform?: ("desktop" | "web") | undefined;
-        renderInput?: import("@mui/material").AutocompleteProps<any, boolean, boolean, boolean>["renderInput"] | undefined;
+        platform?: "desktop" | "web" | undefined;
+        renderInput?: ((params: import("@mui/material").AutocompleteRenderInputParams) => import("react").ReactNode) | undefined;
         classes?: Partial<import("@mui/material").AutocompleteClasses> | undefined;
         ref?: import("react").Ref<unknown> | undefined;
         className?: string | undefined;
@@ -757,27 +906,27 @@ export declare const Default: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
         "aria-describedby"?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -792,9 +941,9 @@ export declare const Default: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -827,7 +976,7 @@ export declare const Default: {
         onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
         onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
         onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onChange?: ((event: React.SyntheticEvent, value: any, reason: import("@mui/material").AutocompleteChangeReason, details?: import("@mui/material").AutocompleteChangeDetails<any> | undefined) => void) | undefined;
+        onChange?: ((event: import("react").SyntheticEvent<Element, Event>, value: any, reason: import("@mui/material").AutocompleteChangeReason, details?: import("@mui/material").AutocompleteChangeDetails<any> | undefined) => void) | undefined;
         onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -843,8 +992,8 @@ export declare const Default: {
         onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onKeyDown?: ((event: React.KeyboardEvent<HTMLDivElement> & {
-            defaultMuiPrevented?: boolean;
+        onKeyDown?: ((event: import("react").KeyboardEvent<HTMLDivElement> & {
+            defaultMuiPrevented?: boolean | undefined;
         }) => void) | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
@@ -977,17 +1126,17 @@ export declare const Default: {
         content?: string | undefined;
         translate?: "yes" | "no" | undefined;
         slotProps?: {
-            clearIndicator?: Partial<import("@mui/material").IconButtonProps>;
-            paper?: import("@mui/material").PaperProps;
-            popper?: Partial<import("@mui/material").PopperProps>;
-            popupIndicator?: Partial<import("@mui/material").IconButtonProps>;
+            clearIndicator?: Partial<import("@mui/material").IconButtonProps> | undefined;
+            paper?: import("@mui/material").PaperProps | undefined;
+            popper?: Partial<import("@mui/material").PopperProps> | undefined;
+            popupIndicator?: Partial<import("@mui/material").IconButtonProps> | undefined;
         } | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: any;
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
+        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
@@ -1015,21 +1164,21 @@ export declare const Default: {
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+        unselectable?: "off" | "on" | undefined;
+        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         fullWidth?: boolean | undefined;
         loading?: boolean | undefined;
         value?: any;
         readOnly?: boolean | undefined;
         componentsProps?: {
-            clearIndicator?: Partial<import("@mui/material").IconButtonProps>;
-            paper?: import("@mui/material").PaperProps;
-            popper?: Partial<import("@mui/material").PopperProps>;
-            popupIndicator?: Partial<import("@mui/material").IconButtonProps>;
+            clearIndicator?: Partial<import("@mui/material").IconButtonProps> | undefined;
+            paper?: import("@mui/material").PaperProps | undefined;
+            popper?: Partial<import("@mui/material").PopperProps> | undefined;
+            popupIndicator?: Partial<import("@mui/material").IconButtonProps> | undefined;
         } | undefined;
         disablePortal?: boolean | undefined;
-        onClose?: ((event: React.SyntheticEvent, reason: import("@mui/material").AutocompleteCloseReason) => void) | undefined;
+        onClose?: ((event: import("react").SyntheticEvent<Element, Event>, reason: import("@mui/material").AutocompleteCloseReason) => void) | undefined;
         open?: boolean | undefined;
         size?: import("@mui/types").OverridableStringUnion<"small" | "medium", import("@mui/material").AutocompletePropsSizeOverrides> | undefined;
         multiple?: boolean | undefined;
@@ -1037,35 +1186,35 @@ export declare const Default: {
         options: readonly any[];
         disabledItemsFocusable?: boolean | undefined;
         disableListWrap?: boolean | undefined;
-        onOpen?: ((event: React.SyntheticEvent) => void) | undefined;
-        PopperComponent?: React.JSXElementConstructor<import("@mui/material").PopperProps> | undefined;
+        onOpen?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+        PopperComponent?: import("react").JSXElementConstructor<import("@mui/material").PopperProps> | undefined;
         ChipProps?: import("@mui/material").ChipProps<"div"> | undefined;
-        clearIcon?: React.ReactNode;
+        clearIcon?: import("react").ReactNode;
         clearText?: string | undefined;
         closeText?: string | undefined;
-        forcePopupIcon?: (true | false | "auto") | undefined;
-        getLimitTagsText?: ((more: number) => React.ReactNode) | undefined;
-        ListboxComponent?: React.JSXElementConstructor<React.HTMLAttributes<HTMLElement>> | undefined;
-        ListboxProps?: (ReturnType<ReturnType<typeof import("@mui/material").useAutocomplete>["getListboxProps"]> & {
-            sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-            ref?: React.Ref<Element>;
+        forcePopupIcon?: boolean | "auto" | undefined;
+        getLimitTagsText?: ((more: number) => import("react").ReactNode) | undefined;
+        ListboxComponent?: import("react").JSXElementConstructor<import("react").HTMLAttributes<HTMLElement>> | undefined;
+        ListboxProps?: (import("react").HTMLAttributes<HTMLUListElement> & {
+            sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+            ref?: import("react").Ref<Element> | undefined;
         }) | undefined;
-        loadingText?: React.ReactNode;
+        loadingText?: import("react").ReactNode;
         limitTags?: number | undefined;
-        noOptionsText?: React.ReactNode;
+        noOptionsText?: import("react").ReactNode;
         openText?: string | undefined;
-        PaperComponent?: React.JSXElementConstructor<React.HTMLAttributes<HTMLElement>> | undefined;
-        popupIcon?: React.ReactNode;
-        renderGroup?: ((params: import("@mui/material").AutocompleteRenderGroupParams) => React.ReactNode) | undefined;
-        renderOption?: ((props: React.HTMLAttributes<HTMLLIElement> & {
+        PaperComponent?: import("react").JSXElementConstructor<import("react").HTMLAttributes<HTMLElement>> | undefined;
+        popupIcon?: import("react").ReactNode;
+        renderGroup?: ((params: import("@mui/material").AutocompleteRenderGroupParams) => import("react").ReactNode) | undefined;
+        renderOption?: ((props: import("react").HTMLAttributes<HTMLLIElement> & {
             key: any;
-        }, option: any, state: import("@mui/material").AutocompleteRenderOptionState, ownerState: import("@mui/material").AutocompleteOwnerState<any, boolean, boolean, boolean, "div">) => React.ReactNode) | undefined;
-        renderTags?: ((value: any[], getTagProps: import("@mui/material").AutocompleteRenderGetTagProps, ownerState: import("@mui/material").AutocompleteOwnerState<any, boolean, boolean, boolean, "div">) => React.ReactNode) | undefined;
+        }, option: any, state: import("@mui/material").AutocompleteRenderOptionState, ownerState: import("@mui/material").AutocompleteOwnerState<any, boolean, boolean, boolean, "div">) => import("react").ReactNode) | undefined;
+        renderTags?: ((value: any[], getTagProps: import("@mui/material").AutocompleteRenderGetTagProps, ownerState: import("@mui/material").AutocompleteOwnerState<any, boolean, boolean, boolean, "div">) => import("react").ReactNode) | undefined;
         unstable_classNamePrefix?: string | undefined;
-        unstable_isActiveElementInListbox?: ((listbox: React.RefObject<HTMLElement>) => boolean) | undefined;
+        unstable_isActiveElementInListbox?: ((listbox: import("react").RefObject<HTMLElement>) => boolean) | undefined;
         autoHighlight?: boolean | undefined;
         autoSelect?: boolean | undefined;
-        blurOnSelect?: ("touch" | "mouse" | true | false) | undefined;
+        blurOnSelect?: boolean | "touch" | "mouse" | undefined;
         clearOnBlur?: boolean | undefined;
         clearOnEscape?: boolean | undefined;
         componentName?: string | undefined;
@@ -1082,8 +1231,8 @@ export declare const Default: {
         includeInputInList?: boolean | undefined;
         inputValue?: string | undefined;
         isOptionEqualToValue?: ((option: any, value: any) => boolean) | undefined;
-        onHighlightChange?: ((event: React.SyntheticEvent, option: any, reason: import("@mui/material").AutocompleteHighlightChangeReason) => void) | undefined;
-        onInputChange?: ((event: React.SyntheticEvent, value: string, reason: import("@mui/material").AutocompleteInputChangeReason) => void) | undefined;
+        onHighlightChange?: ((event: import("react").SyntheticEvent<Element, Event>, option: any, reason: import("@mui/material").AutocompleteHighlightChangeReason) => void) | undefined;
+        onInputChange?: ((event: import("react").SyntheticEvent<Element, Event>, value: string, reason: import("@mui/material").AutocompleteInputChangeReason) => void) | undefined;
         openOnFocus?: boolean | undefined;
         selectOnFocus?: boolean | undefined;
     }) => import("react/jsx-runtime").JSX.Element;
@@ -1095,10 +1244,12 @@ export declare const Multiple: {
         autoComplete: true;
         filterSelectedOptions: true;
         freeSolo: true;
+        size: "medium";
         label: string;
+        platform: "desktop";
         placeholder: string;
         onKeyDown: import("@vitest/spy").Mock<[event: import("react").KeyboardEvent<HTMLDivElement> & {
-            defaultMuiPrevented?: boolean;
+            defaultMuiPrevented?: boolean | undefined;
         }], void>;
         onInputChange: import("@vitest/spy").Mock<[event: import("react").SyntheticEvent<Element, Event>, value: string, reason: import("@mui/material").AutocompleteInputChangeReason], void>;
         onOpen: import("@vitest/spy").Mock<[event: import("react").SyntheticEvent<Element, Event>], void>;
@@ -1106,14 +1257,14 @@ export declare const Multiple: {
         onClose: import("@vitest/spy").Mock<[event: import("react").SyntheticEvent<Element, Event>, reason: import("@mui/material").AutocompleteCloseReason], void>;
         onChange: import("@vitest/spy").Mock<[event: import("react").SyntheticEvent<Element, Event>, value: any, reason: import("@mui/material").AutocompleteChangeReason, details?: import("@mui/material").AutocompleteChangeDetails<any> | undefined], void>;
     };
-    play: ({ canvasElement }: import("@storybook/types").PlayFunctionContext<import("@storybook/react").ReactRenderer, {
+    play: ({ canvasElement }: import("@storybook/types").PlayFunctionContext<import("@storybook/react/dist/types-0fc72a6d").R, {
         actionLabel?: string | undefined;
         bottomButtonHeight?: number | undefined;
-        actionClick?: ((e: React.MouseEvent) => void) | undefined;
+        actionClick?: ((e: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
         label?: string | undefined;
         placeholder?: string | undefined;
-        platform?: ("desktop" | "web") | undefined;
-        renderInput?: import("@mui/material").AutocompleteProps<any, boolean, boolean, boolean>["renderInput"] | undefined;
+        platform?: "desktop" | "web" | undefined;
+        renderInput?: ((params: import("@mui/material").AutocompleteRenderInputParams) => import("react").ReactNode) | undefined;
         classes?: Partial<import("@mui/material").AutocompleteClasses> | undefined;
         ref?: import("react").Ref<unknown> | undefined;
         className?: string | undefined;
@@ -1129,27 +1280,27 @@ export declare const Multiple: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
         "aria-describedby"?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -1164,9 +1315,9 @@ export declare const Multiple: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -1199,7 +1350,7 @@ export declare const Multiple: {
         onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
         onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
         onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onChange?: ((event: React.SyntheticEvent, value: any, reason: import("@mui/material").AutocompleteChangeReason, details?: import("@mui/material").AutocompleteChangeDetails<any> | undefined) => void) | undefined;
+        onChange?: ((event: import("react").SyntheticEvent<Element, Event>, value: any, reason: import("@mui/material").AutocompleteChangeReason, details?: import("@mui/material").AutocompleteChangeDetails<any> | undefined) => void) | undefined;
         onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -1215,8 +1366,8 @@ export declare const Multiple: {
         onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onKeyDown?: ((event: React.KeyboardEvent<HTMLDivElement> & {
-            defaultMuiPrevented?: boolean;
+        onKeyDown?: ((event: import("react").KeyboardEvent<HTMLDivElement> & {
+            defaultMuiPrevented?: boolean | undefined;
         }) => void) | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
@@ -1349,17 +1500,17 @@ export declare const Multiple: {
         content?: string | undefined;
         translate?: "yes" | "no" | undefined;
         slotProps?: {
-            clearIndicator?: Partial<import("@mui/material").IconButtonProps>;
-            paper?: import("@mui/material").PaperProps;
-            popper?: Partial<import("@mui/material").PopperProps>;
-            popupIndicator?: Partial<import("@mui/material").IconButtonProps>;
+            clearIndicator?: Partial<import("@mui/material").IconButtonProps> | undefined;
+            paper?: import("@mui/material").PaperProps | undefined;
+            popper?: Partial<import("@mui/material").PopperProps> | undefined;
+            popupIndicator?: Partial<import("@mui/material").IconButtonProps> | undefined;
         } | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: any;
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
+        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
@@ -1387,21 +1538,21 @@ export declare const Multiple: {
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+        unselectable?: "off" | "on" | undefined;
+        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         fullWidth?: boolean | undefined;
         loading?: boolean | undefined;
         value?: any;
         readOnly?: boolean | undefined;
         componentsProps?: {
-            clearIndicator?: Partial<import("@mui/material").IconButtonProps>;
-            paper?: import("@mui/material").PaperProps;
-            popper?: Partial<import("@mui/material").PopperProps>;
-            popupIndicator?: Partial<import("@mui/material").IconButtonProps>;
+            clearIndicator?: Partial<import("@mui/material").IconButtonProps> | undefined;
+            paper?: import("@mui/material").PaperProps | undefined;
+            popper?: Partial<import("@mui/material").PopperProps> | undefined;
+            popupIndicator?: Partial<import("@mui/material").IconButtonProps> | undefined;
         } | undefined;
         disablePortal?: boolean | undefined;
-        onClose?: ((event: React.SyntheticEvent, reason: import("@mui/material").AutocompleteCloseReason) => void) | undefined;
+        onClose?: ((event: import("react").SyntheticEvent<Element, Event>, reason: import("@mui/material").AutocompleteCloseReason) => void) | undefined;
         open?: boolean | undefined;
         size?: import("@mui/types").OverridableStringUnion<"small" | "medium", import("@mui/material").AutocompletePropsSizeOverrides> | undefined;
         multiple?: boolean | undefined;
@@ -1409,35 +1560,35 @@ export declare const Multiple: {
         options: readonly any[];
         disabledItemsFocusable?: boolean | undefined;
         disableListWrap?: boolean | undefined;
-        onOpen?: ((event: React.SyntheticEvent) => void) | undefined;
-        PopperComponent?: React.JSXElementConstructor<import("@mui/material").PopperProps> | undefined;
+        onOpen?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+        PopperComponent?: import("react").JSXElementConstructor<import("@mui/material").PopperProps> | undefined;
         ChipProps?: import("@mui/material").ChipProps<"div"> | undefined;
-        clearIcon?: React.ReactNode;
+        clearIcon?: import("react").ReactNode;
         clearText?: string | undefined;
         closeText?: string | undefined;
-        forcePopupIcon?: (true | false | "auto") | undefined;
-        getLimitTagsText?: ((more: number) => React.ReactNode) | undefined;
-        ListboxComponent?: React.JSXElementConstructor<React.HTMLAttributes<HTMLElement>> | undefined;
-        ListboxProps?: (ReturnType<ReturnType<typeof import("@mui/material").useAutocomplete>["getListboxProps"]> & {
-            sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-            ref?: React.Ref<Element>;
+        forcePopupIcon?: boolean | "auto" | undefined;
+        getLimitTagsText?: ((more: number) => import("react").ReactNode) | undefined;
+        ListboxComponent?: import("react").JSXElementConstructor<import("react").HTMLAttributes<HTMLElement>> | undefined;
+        ListboxProps?: (import("react").HTMLAttributes<HTMLUListElement> & {
+            sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+            ref?: import("react").Ref<Element> | undefined;
         }) | undefined;
-        loadingText?: React.ReactNode;
+        loadingText?: import("react").ReactNode;
         limitTags?: number | undefined;
-        noOptionsText?: React.ReactNode;
+        noOptionsText?: import("react").ReactNode;
         openText?: string | undefined;
-        PaperComponent?: React.JSXElementConstructor<React.HTMLAttributes<HTMLElement>> | undefined;
-        popupIcon?: React.ReactNode;
-        renderGroup?: ((params: import("@mui/material").AutocompleteRenderGroupParams) => React.ReactNode) | undefined;
-        renderOption?: ((props: React.HTMLAttributes<HTMLLIElement> & {
+        PaperComponent?: import("react").JSXElementConstructor<import("react").HTMLAttributes<HTMLElement>> | undefined;
+        popupIcon?: import("react").ReactNode;
+        renderGroup?: ((params: import("@mui/material").AutocompleteRenderGroupParams) => import("react").ReactNode) | undefined;
+        renderOption?: ((props: import("react").HTMLAttributes<HTMLLIElement> & {
             key: any;
-        }, option: any, state: import("@mui/material").AutocompleteRenderOptionState, ownerState: import("@mui/material").AutocompleteOwnerState<any, boolean, boolean, boolean, "div">) => React.ReactNode) | undefined;
-        renderTags?: ((value: any[], getTagProps: import("@mui/material").AutocompleteRenderGetTagProps, ownerState: import("@mui/material").AutocompleteOwnerState<any, boolean, boolean, boolean, "div">) => React.ReactNode) | undefined;
+        }, option: any, state: import("@mui/material").AutocompleteRenderOptionState, ownerState: import("@mui/material").AutocompleteOwnerState<any, boolean, boolean, boolean, "div">) => import("react").ReactNode) | undefined;
+        renderTags?: ((value: any[], getTagProps: import("@mui/material").AutocompleteRenderGetTagProps, ownerState: import("@mui/material").AutocompleteOwnerState<any, boolean, boolean, boolean, "div">) => import("react").ReactNode) | undefined;
         unstable_classNamePrefix?: string | undefined;
-        unstable_isActiveElementInListbox?: ((listbox: React.RefObject<HTMLElement>) => boolean) | undefined;
+        unstable_isActiveElementInListbox?: ((listbox: import("react").RefObject<HTMLElement>) => boolean) | undefined;
         autoHighlight?: boolean | undefined;
         autoSelect?: boolean | undefined;
-        blurOnSelect?: ("touch" | "mouse" | true | false) | undefined;
+        blurOnSelect?: boolean | "touch" | "mouse" | undefined;
         clearOnBlur?: boolean | undefined;
         clearOnEscape?: boolean | undefined;
         componentName?: string | undefined;
@@ -1454,8 +1605,8 @@ export declare const Multiple: {
         includeInputInList?: boolean | undefined;
         inputValue?: string | undefined;
         isOptionEqualToValue?: ((option: any, value: any) => boolean) | undefined;
-        onHighlightChange?: ((event: React.SyntheticEvent, option: any, reason: import("@mui/material").AutocompleteHighlightChangeReason) => void) | undefined;
-        onInputChange?: ((event: React.SyntheticEvent, value: string, reason: import("@mui/material").AutocompleteInputChangeReason) => void) | undefined;
+        onHighlightChange?: ((event: import("react").SyntheticEvent<Element, Event>, option: any, reason: import("@mui/material").AutocompleteHighlightChangeReason) => void) | undefined;
+        onInputChange?: ((event: import("react").SyntheticEvent<Element, Event>, value: string, reason: import("@mui/material").AutocompleteInputChangeReason) => void) | undefined;
         openOnFocus?: boolean | undefined;
         selectOnFocus?: boolean | undefined;
     }>) => Promise<void>;
@@ -1469,11 +1620,11 @@ export declare const Multiple: {
     render: (args: {
         actionLabel?: string | undefined;
         bottomButtonHeight?: number | undefined;
-        actionClick?: ((e: React.MouseEvent) => void) | undefined;
+        actionClick?: ((e: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
         label?: string | undefined;
         placeholder?: string | undefined;
-        platform?: ("desktop" | "web") | undefined;
-        renderInput?: import("@mui/material").AutocompleteProps<any, boolean, boolean, boolean>["renderInput"] | undefined;
+        platform?: "desktop" | "web" | undefined;
+        renderInput?: ((params: import("@mui/material").AutocompleteRenderInputParams) => import("react").ReactNode) | undefined;
         classes?: Partial<import("@mui/material").AutocompleteClasses> | undefined;
         ref?: import("react").Ref<unknown> | undefined;
         className?: string | undefined;
@@ -1489,27 +1640,27 @@ export declare const Multiple: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
         "aria-describedby"?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -1524,9 +1675,9 @@ export declare const Multiple: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -1559,7 +1710,7 @@ export declare const Multiple: {
         onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
         onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
         onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onChange?: ((event: React.SyntheticEvent, value: any, reason: import("@mui/material").AutocompleteChangeReason, details?: import("@mui/material").AutocompleteChangeDetails<any> | undefined) => void) | undefined;
+        onChange?: ((event: import("react").SyntheticEvent<Element, Event>, value: any, reason: import("@mui/material").AutocompleteChangeReason, details?: import("@mui/material").AutocompleteChangeDetails<any> | undefined) => void) | undefined;
         onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -1575,8 +1726,8 @@ export declare const Multiple: {
         onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onKeyDown?: ((event: React.KeyboardEvent<HTMLDivElement> & {
-            defaultMuiPrevented?: boolean;
+        onKeyDown?: ((event: import("react").KeyboardEvent<HTMLDivElement> & {
+            defaultMuiPrevented?: boolean | undefined;
         }) => void) | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
@@ -1709,17 +1860,17 @@ export declare const Multiple: {
         content?: string | undefined;
         translate?: "yes" | "no" | undefined;
         slotProps?: {
-            clearIndicator?: Partial<import("@mui/material").IconButtonProps>;
-            paper?: import("@mui/material").PaperProps;
-            popper?: Partial<import("@mui/material").PopperProps>;
-            popupIndicator?: Partial<import("@mui/material").IconButtonProps>;
+            clearIndicator?: Partial<import("@mui/material").IconButtonProps> | undefined;
+            paper?: import("@mui/material").PaperProps | undefined;
+            popper?: Partial<import("@mui/material").PopperProps> | undefined;
+            popupIndicator?: Partial<import("@mui/material").IconButtonProps> | undefined;
         } | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: any;
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
+        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
@@ -1747,21 +1898,21 @@ export declare const Multiple: {
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+        unselectable?: "off" | "on" | undefined;
+        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         fullWidth?: boolean | undefined;
         loading?: boolean | undefined;
         value?: any;
         readOnly?: boolean | undefined;
         componentsProps?: {
-            clearIndicator?: Partial<import("@mui/material").IconButtonProps>;
-            paper?: import("@mui/material").PaperProps;
-            popper?: Partial<import("@mui/material").PopperProps>;
-            popupIndicator?: Partial<import("@mui/material").IconButtonProps>;
+            clearIndicator?: Partial<import("@mui/material").IconButtonProps> | undefined;
+            paper?: import("@mui/material").PaperProps | undefined;
+            popper?: Partial<import("@mui/material").PopperProps> | undefined;
+            popupIndicator?: Partial<import("@mui/material").IconButtonProps> | undefined;
         } | undefined;
         disablePortal?: boolean | undefined;
-        onClose?: ((event: React.SyntheticEvent, reason: import("@mui/material").AutocompleteCloseReason) => void) | undefined;
+        onClose?: ((event: import("react").SyntheticEvent<Element, Event>, reason: import("@mui/material").AutocompleteCloseReason) => void) | undefined;
         open?: boolean | undefined;
         size?: import("@mui/types").OverridableStringUnion<"small" | "medium", import("@mui/material").AutocompletePropsSizeOverrides> | undefined;
         multiple?: boolean | undefined;
@@ -1769,35 +1920,35 @@ export declare const Multiple: {
         options: readonly any[];
         disabledItemsFocusable?: boolean | undefined;
         disableListWrap?: boolean | undefined;
-        onOpen?: ((event: React.SyntheticEvent) => void) | undefined;
-        PopperComponent?: React.JSXElementConstructor<import("@mui/material").PopperProps> | undefined;
+        onOpen?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+        PopperComponent?: import("react").JSXElementConstructor<import("@mui/material").PopperProps> | undefined;
         ChipProps?: import("@mui/material").ChipProps<"div"> | undefined;
-        clearIcon?: React.ReactNode;
+        clearIcon?: import("react").ReactNode;
         clearText?: string | undefined;
         closeText?: string | undefined;
-        forcePopupIcon?: (true | false | "auto") | undefined;
-        getLimitTagsText?: ((more: number) => React.ReactNode) | undefined;
-        ListboxComponent?: React.JSXElementConstructor<React.HTMLAttributes<HTMLElement>> | undefined;
-        ListboxProps?: (ReturnType<ReturnType<typeof import("@mui/material").useAutocomplete>["getListboxProps"]> & {
-            sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-            ref?: React.Ref<Element>;
+        forcePopupIcon?: boolean | "auto" | undefined;
+        getLimitTagsText?: ((more: number) => import("react").ReactNode) | undefined;
+        ListboxComponent?: import("react").JSXElementConstructor<import("react").HTMLAttributes<HTMLElement>> | undefined;
+        ListboxProps?: (import("react").HTMLAttributes<HTMLUListElement> & {
+            sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+            ref?: import("react").Ref<Element> | undefined;
         }) | undefined;
-        loadingText?: React.ReactNode;
+        loadingText?: import("react").ReactNode;
         limitTags?: number | undefined;
-        noOptionsText?: React.ReactNode;
+        noOptionsText?: import("react").ReactNode;
         openText?: string | undefined;
-        PaperComponent?: React.JSXElementConstructor<React.HTMLAttributes<HTMLElement>> | undefined;
-        popupIcon?: React.ReactNode;
-        renderGroup?: ((params: import("@mui/material").AutocompleteRenderGroupParams) => React.ReactNode) | undefined;
-        renderOption?: ((props: React.HTMLAttributes<HTMLLIElement> & {
+        PaperComponent?: import("react").JSXElementConstructor<import("react").HTMLAttributes<HTMLElement>> | undefined;
+        popupIcon?: import("react").ReactNode;
+        renderGroup?: ((params: import("@mui/material").AutocompleteRenderGroupParams) => import("react").ReactNode) | undefined;
+        renderOption?: ((props: import("react").HTMLAttributes<HTMLLIElement> & {
             key: any;
-        }, option: any, state: import("@mui/material").AutocompleteRenderOptionState, ownerState: import("@mui/material").AutocompleteOwnerState<any, boolean, boolean, boolean, "div">) => React.ReactNode) | undefined;
-        renderTags?: ((value: any[], getTagProps: import("@mui/material").AutocompleteRenderGetTagProps, ownerState: import("@mui/material").AutocompleteOwnerState<any, boolean, boolean, boolean, "div">) => React.ReactNode) | undefined;
+        }, option: any, state: import("@mui/material").AutocompleteRenderOptionState, ownerState: import("@mui/material").AutocompleteOwnerState<any, boolean, boolean, boolean, "div">) => import("react").ReactNode) | undefined;
+        renderTags?: ((value: any[], getTagProps: import("@mui/material").AutocompleteRenderGetTagProps, ownerState: import("@mui/material").AutocompleteOwnerState<any, boolean, boolean, boolean, "div">) => import("react").ReactNode) | undefined;
         unstable_classNamePrefix?: string | undefined;
-        unstable_isActiveElementInListbox?: ((listbox: React.RefObject<HTMLElement>) => boolean) | undefined;
+        unstable_isActiveElementInListbox?: ((listbox: import("react").RefObject<HTMLElement>) => boolean) | undefined;
         autoHighlight?: boolean | undefined;
         autoSelect?: boolean | undefined;
-        blurOnSelect?: ("touch" | "mouse" | true | false) | undefined;
+        blurOnSelect?: boolean | "touch" | "mouse" | undefined;
         clearOnBlur?: boolean | undefined;
         clearOnEscape?: boolean | undefined;
         componentName?: string | undefined;
@@ -1814,8 +1965,8 @@ export declare const Multiple: {
         includeInputInList?: boolean | undefined;
         inputValue?: string | undefined;
         isOptionEqualToValue?: ((option: any, value: any) => boolean) | undefined;
-        onHighlightChange?: ((event: React.SyntheticEvent, option: any, reason: import("@mui/material").AutocompleteHighlightChangeReason) => void) | undefined;
-        onInputChange?: ((event: React.SyntheticEvent, value: string, reason: import("@mui/material").AutocompleteInputChangeReason) => void) | undefined;
+        onHighlightChange?: ((event: import("react").SyntheticEvent<Element, Event>, option: any, reason: import("@mui/material").AutocompleteHighlightChangeReason) => void) | undefined;
+        onInputChange?: ((event: import("react").SyntheticEvent<Element, Event>, value: string, reason: import("@mui/material").AutocompleteInputChangeReason) => void) | undefined;
         openOnFocus?: boolean | undefined;
         selectOnFocus?: boolean | undefined;
     }) => import("react/jsx-runtime").JSX.Element;
@@ -1835,7 +1986,7 @@ export declare const CustomAction: {
         freeSolo: true;
         label: string;
         onKeyDown: import("@vitest/spy").Mock<[event: import("react").KeyboardEvent<HTMLDivElement> & {
-            defaultMuiPrevented?: boolean;
+            defaultMuiPrevented?: boolean | undefined;
         }], void>;
         onInputChange: import("@vitest/spy").Mock<[event: import("react").SyntheticEvent<Element, Event>, value: string, reason: import("@mui/material").AutocompleteInputChangeReason], void>;
         onOpen: import("@vitest/spy").Mock<[event: import("react").SyntheticEvent<Element, Event>], void>;
@@ -1843,14 +1994,14 @@ export declare const CustomAction: {
         onClose: import("@vitest/spy").Mock<[event: import("react").SyntheticEvent<Element, Event>, reason: import("@mui/material").AutocompleteCloseReason], void>;
         onChange: import("@vitest/spy").Mock<[event: import("react").SyntheticEvent<Element, Event>, value: any, reason: import("@mui/material").AutocompleteChangeReason, details?: import("@mui/material").AutocompleteChangeDetails<any> | undefined], void>;
     };
-    play: ({ canvasElement }: import("@storybook/types").PlayFunctionContext<import("@storybook/react").ReactRenderer, {
+    play: ({ canvasElement }: import("@storybook/types").PlayFunctionContext<import("@storybook/react/dist/types-0fc72a6d").R, {
         actionLabel?: string | undefined;
         bottomButtonHeight?: number | undefined;
-        actionClick?: ((e: React.MouseEvent) => void) | undefined;
+        actionClick?: ((e: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
         label?: string | undefined;
         placeholder?: string | undefined;
-        platform?: ("desktop" | "web") | undefined;
-        renderInput?: import("@mui/material").AutocompleteProps<any, boolean, boolean, boolean>["renderInput"] | undefined;
+        platform?: "desktop" | "web" | undefined;
+        renderInput?: ((params: import("@mui/material").AutocompleteRenderInputParams) => import("react").ReactNode) | undefined;
         classes?: Partial<import("@mui/material").AutocompleteClasses> | undefined;
         ref?: import("react").Ref<unknown> | undefined;
         className?: string | undefined;
@@ -1866,27 +2017,27 @@ export declare const CustomAction: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
         "aria-describedby"?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -1901,9 +2052,9 @@ export declare const CustomAction: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -1936,7 +2087,7 @@ export declare const CustomAction: {
         onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
         onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
         onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onChange?: ((event: React.SyntheticEvent, value: any, reason: import("@mui/material").AutocompleteChangeReason, details?: import("@mui/material").AutocompleteChangeDetails<any> | undefined) => void) | undefined;
+        onChange?: ((event: import("react").SyntheticEvent<Element, Event>, value: any, reason: import("@mui/material").AutocompleteChangeReason, details?: import("@mui/material").AutocompleteChangeDetails<any> | undefined) => void) | undefined;
         onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -1952,8 +2103,8 @@ export declare const CustomAction: {
         onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onKeyDown?: ((event: React.KeyboardEvent<HTMLDivElement> & {
-            defaultMuiPrevented?: boolean;
+        onKeyDown?: ((event: import("react").KeyboardEvent<HTMLDivElement> & {
+            defaultMuiPrevented?: boolean | undefined;
         }) => void) | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
@@ -2086,17 +2237,17 @@ export declare const CustomAction: {
         content?: string | undefined;
         translate?: "yes" | "no" | undefined;
         slotProps?: {
-            clearIndicator?: Partial<import("@mui/material").IconButtonProps>;
-            paper?: import("@mui/material").PaperProps;
-            popper?: Partial<import("@mui/material").PopperProps>;
-            popupIndicator?: Partial<import("@mui/material").IconButtonProps>;
+            clearIndicator?: Partial<import("@mui/material").IconButtonProps> | undefined;
+            paper?: import("@mui/material").PaperProps | undefined;
+            popper?: Partial<import("@mui/material").PopperProps> | undefined;
+            popupIndicator?: Partial<import("@mui/material").IconButtonProps> | undefined;
         } | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: any;
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
+        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
@@ -2124,21 +2275,21 @@ export declare const CustomAction: {
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+        unselectable?: "off" | "on" | undefined;
+        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         fullWidth?: boolean | undefined;
         loading?: boolean | undefined;
         value?: any;
         readOnly?: boolean | undefined;
         componentsProps?: {
-            clearIndicator?: Partial<import("@mui/material").IconButtonProps>;
-            paper?: import("@mui/material").PaperProps;
-            popper?: Partial<import("@mui/material").PopperProps>;
-            popupIndicator?: Partial<import("@mui/material").IconButtonProps>;
+            clearIndicator?: Partial<import("@mui/material").IconButtonProps> | undefined;
+            paper?: import("@mui/material").PaperProps | undefined;
+            popper?: Partial<import("@mui/material").PopperProps> | undefined;
+            popupIndicator?: Partial<import("@mui/material").IconButtonProps> | undefined;
         } | undefined;
         disablePortal?: boolean | undefined;
-        onClose?: ((event: React.SyntheticEvent, reason: import("@mui/material").AutocompleteCloseReason) => void) | undefined;
+        onClose?: ((event: import("react").SyntheticEvent<Element, Event>, reason: import("@mui/material").AutocompleteCloseReason) => void) | undefined;
         open?: boolean | undefined;
         size?: import("@mui/types").OverridableStringUnion<"small" | "medium", import("@mui/material").AutocompletePropsSizeOverrides> | undefined;
         multiple?: boolean | undefined;
@@ -2146,35 +2297,35 @@ export declare const CustomAction: {
         options: readonly any[];
         disabledItemsFocusable?: boolean | undefined;
         disableListWrap?: boolean | undefined;
-        onOpen?: ((event: React.SyntheticEvent) => void) | undefined;
-        PopperComponent?: React.JSXElementConstructor<import("@mui/material").PopperProps> | undefined;
+        onOpen?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+        PopperComponent?: import("react").JSXElementConstructor<import("@mui/material").PopperProps> | undefined;
         ChipProps?: import("@mui/material").ChipProps<"div"> | undefined;
-        clearIcon?: React.ReactNode;
+        clearIcon?: import("react").ReactNode;
         clearText?: string | undefined;
         closeText?: string | undefined;
-        forcePopupIcon?: (true | false | "auto") | undefined;
-        getLimitTagsText?: ((more: number) => React.ReactNode) | undefined;
-        ListboxComponent?: React.JSXElementConstructor<React.HTMLAttributes<HTMLElement>> | undefined;
-        ListboxProps?: (ReturnType<ReturnType<typeof import("@mui/material").useAutocomplete>["getListboxProps"]> & {
-            sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-            ref?: React.Ref<Element>;
+        forcePopupIcon?: boolean | "auto" | undefined;
+        getLimitTagsText?: ((more: number) => import("react").ReactNode) | undefined;
+        ListboxComponent?: import("react").JSXElementConstructor<import("react").HTMLAttributes<HTMLElement>> | undefined;
+        ListboxProps?: (import("react").HTMLAttributes<HTMLUListElement> & {
+            sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+            ref?: import("react").Ref<Element> | undefined;
         }) | undefined;
-        loadingText?: React.ReactNode;
+        loadingText?: import("react").ReactNode;
         limitTags?: number | undefined;
-        noOptionsText?: React.ReactNode;
+        noOptionsText?: import("react").ReactNode;
         openText?: string | undefined;
-        PaperComponent?: React.JSXElementConstructor<React.HTMLAttributes<HTMLElement>> | undefined;
-        popupIcon?: React.ReactNode;
-        renderGroup?: ((params: import("@mui/material").AutocompleteRenderGroupParams) => React.ReactNode) | undefined;
-        renderOption?: ((props: React.HTMLAttributes<HTMLLIElement> & {
+        PaperComponent?: import("react").JSXElementConstructor<import("react").HTMLAttributes<HTMLElement>> | undefined;
+        popupIcon?: import("react").ReactNode;
+        renderGroup?: ((params: import("@mui/material").AutocompleteRenderGroupParams) => import("react").ReactNode) | undefined;
+        renderOption?: ((props: import("react").HTMLAttributes<HTMLLIElement> & {
             key: any;
-        }, option: any, state: import("@mui/material").AutocompleteRenderOptionState, ownerState: import("@mui/material").AutocompleteOwnerState<any, boolean, boolean, boolean, "div">) => React.ReactNode) | undefined;
-        renderTags?: ((value: any[], getTagProps: import("@mui/material").AutocompleteRenderGetTagProps, ownerState: import("@mui/material").AutocompleteOwnerState<any, boolean, boolean, boolean, "div">) => React.ReactNode) | undefined;
+        }, option: any, state: import("@mui/material").AutocompleteRenderOptionState, ownerState: import("@mui/material").AutocompleteOwnerState<any, boolean, boolean, boolean, "div">) => import("react").ReactNode) | undefined;
+        renderTags?: ((value: any[], getTagProps: import("@mui/material").AutocompleteRenderGetTagProps, ownerState: import("@mui/material").AutocompleteOwnerState<any, boolean, boolean, boolean, "div">) => import("react").ReactNode) | undefined;
         unstable_classNamePrefix?: string | undefined;
-        unstable_isActiveElementInListbox?: ((listbox: React.RefObject<HTMLElement>) => boolean) | undefined;
+        unstable_isActiveElementInListbox?: ((listbox: import("react").RefObject<HTMLElement>) => boolean) | undefined;
         autoHighlight?: boolean | undefined;
         autoSelect?: boolean | undefined;
-        blurOnSelect?: ("touch" | "mouse" | true | false) | undefined;
+        blurOnSelect?: boolean | "touch" | "mouse" | undefined;
         clearOnBlur?: boolean | undefined;
         clearOnEscape?: boolean | undefined;
         componentName?: string | undefined;
@@ -2191,8 +2342,8 @@ export declare const CustomAction: {
         includeInputInList?: boolean | undefined;
         inputValue?: string | undefined;
         isOptionEqualToValue?: ((option: any, value: any) => boolean) | undefined;
-        onHighlightChange?: ((event: React.SyntheticEvent, option: any, reason: import("@mui/material").AutocompleteHighlightChangeReason) => void) | undefined;
-        onInputChange?: ((event: React.SyntheticEvent, value: string, reason: import("@mui/material").AutocompleteInputChangeReason) => void) | undefined;
+        onHighlightChange?: ((event: import("react").SyntheticEvent<Element, Event>, option: any, reason: import("@mui/material").AutocompleteHighlightChangeReason) => void) | undefined;
+        onInputChange?: ((event: import("react").SyntheticEvent<Element, Event>, value: string, reason: import("@mui/material").AutocompleteInputChangeReason) => void) | undefined;
         openOnFocus?: boolean | undefined;
         selectOnFocus?: boolean | undefined;
     }>) => Promise<void>;
@@ -2206,11 +2357,11 @@ export declare const CustomAction: {
     render: (args: {
         actionLabel?: string | undefined;
         bottomButtonHeight?: number | undefined;
-        actionClick?: ((e: React.MouseEvent) => void) | undefined;
+        actionClick?: ((e: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
         label?: string | undefined;
         placeholder?: string | undefined;
-        platform?: ("desktop" | "web") | undefined;
-        renderInput?: import("@mui/material").AutocompleteProps<any, boolean, boolean, boolean>["renderInput"] | undefined;
+        platform?: "desktop" | "web" | undefined;
+        renderInput?: ((params: import("@mui/material").AutocompleteRenderInputParams) => import("react").ReactNode) | undefined;
         classes?: Partial<import("@mui/material").AutocompleteClasses> | undefined;
         ref?: import("react").Ref<unknown> | undefined;
         className?: string | undefined;
@@ -2226,27 +2377,27 @@ export declare const CustomAction: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
         "aria-describedby"?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -2261,9 +2412,9 @@ export declare const CustomAction: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -2296,7 +2447,7 @@ export declare const CustomAction: {
         onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
         onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
         onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onChange?: ((event: React.SyntheticEvent, value: any, reason: import("@mui/material").AutocompleteChangeReason, details?: import("@mui/material").AutocompleteChangeDetails<any> | undefined) => void) | undefined;
+        onChange?: ((event: import("react").SyntheticEvent<Element, Event>, value: any, reason: import("@mui/material").AutocompleteChangeReason, details?: import("@mui/material").AutocompleteChangeDetails<any> | undefined) => void) | undefined;
         onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -2312,8 +2463,8 @@ export declare const CustomAction: {
         onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onKeyDown?: ((event: React.KeyboardEvent<HTMLDivElement> & {
-            defaultMuiPrevented?: boolean;
+        onKeyDown?: ((event: import("react").KeyboardEvent<HTMLDivElement> & {
+            defaultMuiPrevented?: boolean | undefined;
         }) => void) | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
@@ -2446,17 +2597,17 @@ export declare const CustomAction: {
         content?: string | undefined;
         translate?: "yes" | "no" | undefined;
         slotProps?: {
-            clearIndicator?: Partial<import("@mui/material").IconButtonProps>;
-            paper?: import("@mui/material").PaperProps;
-            popper?: Partial<import("@mui/material").PopperProps>;
-            popupIndicator?: Partial<import("@mui/material").IconButtonProps>;
+            clearIndicator?: Partial<import("@mui/material").IconButtonProps> | undefined;
+            paper?: import("@mui/material").PaperProps | undefined;
+            popper?: Partial<import("@mui/material").PopperProps> | undefined;
+            popupIndicator?: Partial<import("@mui/material").IconButtonProps> | undefined;
         } | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: any;
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
+        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
@@ -2484,21 +2635,21 @@ export declare const CustomAction: {
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+        unselectable?: "off" | "on" | undefined;
+        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         fullWidth?: boolean | undefined;
         loading?: boolean | undefined;
         value?: any;
         readOnly?: boolean | undefined;
         componentsProps?: {
-            clearIndicator?: Partial<import("@mui/material").IconButtonProps>;
-            paper?: import("@mui/material").PaperProps;
-            popper?: Partial<import("@mui/material").PopperProps>;
-            popupIndicator?: Partial<import("@mui/material").IconButtonProps>;
+            clearIndicator?: Partial<import("@mui/material").IconButtonProps> | undefined;
+            paper?: import("@mui/material").PaperProps | undefined;
+            popper?: Partial<import("@mui/material").PopperProps> | undefined;
+            popupIndicator?: Partial<import("@mui/material").IconButtonProps> | undefined;
         } | undefined;
         disablePortal?: boolean | undefined;
-        onClose?: ((event: React.SyntheticEvent, reason: import("@mui/material").AutocompleteCloseReason) => void) | undefined;
+        onClose?: ((event: import("react").SyntheticEvent<Element, Event>, reason: import("@mui/material").AutocompleteCloseReason) => void) | undefined;
         open?: boolean | undefined;
         size?: import("@mui/types").OverridableStringUnion<"small" | "medium", import("@mui/material").AutocompletePropsSizeOverrides> | undefined;
         multiple?: boolean | undefined;
@@ -2506,35 +2657,35 @@ export declare const CustomAction: {
         options: readonly any[];
         disabledItemsFocusable?: boolean | undefined;
         disableListWrap?: boolean | undefined;
-        onOpen?: ((event: React.SyntheticEvent) => void) | undefined;
-        PopperComponent?: React.JSXElementConstructor<import("@mui/material").PopperProps> | undefined;
+        onOpen?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+        PopperComponent?: import("react").JSXElementConstructor<import("@mui/material").PopperProps> | undefined;
         ChipProps?: import("@mui/material").ChipProps<"div"> | undefined;
-        clearIcon?: React.ReactNode;
+        clearIcon?: import("react").ReactNode;
         clearText?: string | undefined;
         closeText?: string | undefined;
-        forcePopupIcon?: (true | false | "auto") | undefined;
-        getLimitTagsText?: ((more: number) => React.ReactNode) | undefined;
-        ListboxComponent?: React.JSXElementConstructor<React.HTMLAttributes<HTMLElement>> | undefined;
-        ListboxProps?: (ReturnType<ReturnType<typeof import("@mui/material").useAutocomplete>["getListboxProps"]> & {
-            sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-            ref?: React.Ref<Element>;
+        forcePopupIcon?: boolean | "auto" | undefined;
+        getLimitTagsText?: ((more: number) => import("react").ReactNode) | undefined;
+        ListboxComponent?: import("react").JSXElementConstructor<import("react").HTMLAttributes<HTMLElement>> | undefined;
+        ListboxProps?: (import("react").HTMLAttributes<HTMLUListElement> & {
+            sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+            ref?: import("react").Ref<Element> | undefined;
         }) | undefined;
-        loadingText?: React.ReactNode;
+        loadingText?: import("react").ReactNode;
         limitTags?: number | undefined;
-        noOptionsText?: React.ReactNode;
+        noOptionsText?: import("react").ReactNode;
         openText?: string | undefined;
-        PaperComponent?: React.JSXElementConstructor<React.HTMLAttributes<HTMLElement>> | undefined;
-        popupIcon?: React.ReactNode;
-        renderGroup?: ((params: import("@mui/material").AutocompleteRenderGroupParams) => React.ReactNode) | undefined;
-        renderOption?: ((props: React.HTMLAttributes<HTMLLIElement> & {
+        PaperComponent?: import("react").JSXElementConstructor<import("react").HTMLAttributes<HTMLElement>> | undefined;
+        popupIcon?: import("react").ReactNode;
+        renderGroup?: ((params: import("@mui/material").AutocompleteRenderGroupParams) => import("react").ReactNode) | undefined;
+        renderOption?: ((props: import("react").HTMLAttributes<HTMLLIElement> & {
             key: any;
-        }, option: any, state: import("@mui/material").AutocompleteRenderOptionState, ownerState: import("@mui/material").AutocompleteOwnerState<any, boolean, boolean, boolean, "div">) => React.ReactNode) | undefined;
-        renderTags?: ((value: any[], getTagProps: import("@mui/material").AutocompleteRenderGetTagProps, ownerState: import("@mui/material").AutocompleteOwnerState<any, boolean, boolean, boolean, "div">) => React.ReactNode) | undefined;
+        }, option: any, state: import("@mui/material").AutocompleteRenderOptionState, ownerState: import("@mui/material").AutocompleteOwnerState<any, boolean, boolean, boolean, "div">) => import("react").ReactNode) | undefined;
+        renderTags?: ((value: any[], getTagProps: import("@mui/material").AutocompleteRenderGetTagProps, ownerState: import("@mui/material").AutocompleteOwnerState<any, boolean, boolean, boolean, "div">) => import("react").ReactNode) | undefined;
         unstable_classNamePrefix?: string | undefined;
-        unstable_isActiveElementInListbox?: ((listbox: React.RefObject<HTMLElement>) => boolean) | undefined;
+        unstable_isActiveElementInListbox?: ((listbox: import("react").RefObject<HTMLElement>) => boolean) | undefined;
         autoHighlight?: boolean | undefined;
         autoSelect?: boolean | undefined;
-        blurOnSelect?: ("touch" | "mouse" | true | false) | undefined;
+        blurOnSelect?: boolean | "touch" | "mouse" | undefined;
         clearOnBlur?: boolean | undefined;
         clearOnEscape?: boolean | undefined;
         componentName?: string | undefined;
@@ -2551,8 +2702,8 @@ export declare const CustomAction: {
         includeInputInList?: boolean | undefined;
         inputValue?: string | undefined;
         isOptionEqualToValue?: ((option: any, value: any) => boolean) | undefined;
-        onHighlightChange?: ((event: React.SyntheticEvent, option: any, reason: import("@mui/material").AutocompleteHighlightChangeReason) => void) | undefined;
-        onInputChange?: ((event: React.SyntheticEvent, value: string, reason: import("@mui/material").AutocompleteInputChangeReason) => void) | undefined;
+        onHighlightChange?: ((event: import("react").SyntheticEvent<Element, Event>, option: any, reason: import("@mui/material").AutocompleteHighlightChangeReason) => void) | undefined;
+        onInputChange?: ((event: import("react").SyntheticEvent<Element, Event>, value: string, reason: import("@mui/material").AutocompleteInputChangeReason) => void) | undefined;
         openOnFocus?: boolean | undefined;
         selectOnFocus?: boolean | undefined;
     }) => import("react/jsx-runtime").JSX.Element;