@galaxy-ds/core 2.0.20 → 2.0.22

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

@@ -1,9 +1,15 @@
-/// <reference types="react" />
-/// <reference types="react" />
-/// <reference types="trusted-types" />
+import { BADGE } from '@geometricpanda/storybook-addon-badges';
+/**
+ *  ```js
+ *  import { Autocomplete } from "@galaxy-ds/core";
+ * ```
+ */
 declare const meta: {
     title: string;
     component: import("react").FC<import("./Autocomplete.types").AutocompleteProps>;
+    parameters: {
+        badges: BADGE[];
+    };
 };
 export default meta;
 export declare const Default: {
@@ -13,22 +19,22 @@ export declare const Default: {
         noOptionsText: string;
         placeholder: string;
         onKeyDown: import("@vitest/spy").Mock<[event: import("react").KeyboardEvent<HTMLDivElement> & {
-            defaultMuiPrevented?: boolean | undefined;
+            defaultMuiPrevented?: boolean;
         }], void>;
-        onInputChange: import("@vitest/spy").Mock<[event: import("react").SyntheticEvent<Element, Event>, value: string, reason: import("@mui/base").AutocompleteInputChangeReason], 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>;
-        onHighlightChange: import("@vitest/spy").Mock<[event: import("react").SyntheticEvent<Element, Event>, option: any, reason: import("@mui/base").AutocompleteHighlightChangeReason], void>;
-        onClose: import("@vitest/spy").Mock<[event: import("react").SyntheticEvent<Element, Event>, reason: import("@mui/base").AutocompleteCloseReason], void>;
-        onChange: import("@vitest/spy").Mock<[event: import("react").SyntheticEvent<Element, Event>, value: any, reason: import("@mui/base").AutocompleteChangeReason, details?: import("@mui/base").AutocompleteChangeDetails<any> | undefined], void>;
+        onHighlightChange: import("@vitest/spy").Mock<[event: import("react").SyntheticEvent<Element, Event>, option: any, reason: import("@mui/material").AutocompleteHighlightChangeReason], void>;
+        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/dist/types-0fc72a6d").R, {
+    play: ({ canvasElement }: import("@storybook/types").PlayFunctionContext<import("@storybook/react").ReactRenderer, {
         actionLabel?: string | undefined;
         bottomButtonHeight?: number | undefined;
-        actionClick?: ((e: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
+        actionClick?: ((e: import("react").MouseEvent) => void) | undefined;
         label?: string | undefined;
         placeholder?: string | undefined;
-        platform?: "desktop" | "web" | undefined;
-        renderInput?: ((params: import("@mui/material").AutocompleteRenderInputParams) => import("react").ReactNode) | undefined;
+        platform?: ("desktop" | "web") | undefined;
+        renderInput?: import("@mui/material").AutocompleteProps<any, boolean, boolean, boolean>["renderInput"] | undefined;
         ref?: import("react").Ref<unknown> | undefined;
         className?: string | undefined;
         style?: import("react").CSSProperties | undefined;
@@ -44,27 +50,27 @@ export declare const Default: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
+        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
         "aria-describedby"?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -79,9 +85,9 @@ export declare const Default: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -114,7 +120,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: import("react").SyntheticEvent<Element, Event>, value: any, reason: import("@mui/base").AutocompleteChangeReason, details?: import("@mui/base").AutocompleteChangeDetails<any> | undefined) => void) | undefined;
+        onChange?: ((event: import("react").SyntheticEvent, 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;
@@ -131,7 +137,7 @@ export declare const Default: {
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onKeyDown?: ((event: import("react").KeyboardEvent<HTMLDivElement> & {
-            defaultMuiPrevented?: boolean | undefined;
+            defaultMuiPrevented?: boolean;
         }) => void) | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
@@ -239,9 +245,7 @@ export declare const Default: {
         onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
@@ -265,36 +269,22 @@ export declare const Default: {
         disabled?: boolean | undefined;
         content?: string | undefined;
         translate?: "yes" | "no" | undefined;
-        fullWidth?: boolean | undefined;
-        loading?: boolean | undefined;
-        hidden?: boolean | undefined;
-        size?: import("@mui/types").OverridableStringUnion<"small" | "medium", import("@mui/material").AutocompletePropsSizeOverrides> | undefined;
-        open?: boolean | undefined;
-        multiple?: boolean | undefined;
-        readOnly?: boolean | undefined;
-        componentsProps?: {
-            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: import("react").SyntheticEvent<Element, Event>, reason: import("@mui/base").AutocompleteCloseReason) => void) | undefined;
         slotProps?: {
-            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;
+            clearIndicator?: Partial<import("@mui/material").IconButtonProps>;
+            paper?: import("@mui/material").PaperProps;
+            popper?: Partial<import("@mui/material").PopperProps>;
+            popupIndicator?: Partial<import("@mui/material").IconButtonProps>;
         } | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: any;
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
+        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
+        hidden?: boolean | undefined;
         nonce?: string | undefined;
         spellCheck?: (boolean | "false" | "true") | undefined;
         radioGroup?: string | undefined;
@@ -319,24 +309,39 @@ export declare const Default: {
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "on" | "off" | undefined;
-        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
         is?: string | undefined;
+        fullWidth?: boolean | undefined;
+        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>;
+        } | undefined;
+        disablePortal?: boolean | undefined;
+        onClose?: ((event: import("react").SyntheticEvent, 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;
+        autoComplete?: boolean | undefined;
+        options: readonly any[];
         disabledItemsFocusable?: boolean | undefined;
         disableListWrap?: boolean | undefined;
-        autoComplete?: boolean | undefined;
-        onOpen?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+        onOpen?: ((event: import("react").SyntheticEvent) => void) | undefined;
         PopperComponent?: import("react").JSXElementConstructor<import("@mui/material").PopperProps> | undefined;
         ChipProps?: import("@mui/material").ChipProps<"div"> | undefined;
         clearIcon?: import("react").ReactNode;
         clearText?: string | undefined;
         closeText?: string | undefined;
-        forcePopupIcon?: boolean | "auto" | undefined;
+        forcePopupIcon?: (true | false | "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;
+        ListboxProps?: (ReturnType<ReturnType<typeof import("@mui/material").useAutocomplete>["getListboxProps"]> & {
+            sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
+            ref?: import("react").Ref<Element>;
         }) | undefined;
         loadingText?: import("react").ReactNode;
         limitTags?: number | undefined;
@@ -345,19 +350,21 @@ export declare const Default: {
         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>, option: any, state: import("@mui/material").AutocompleteRenderOptionState, ownerState: import("@mui/material").AutocompleteOwnerState<any, boolean, boolean, boolean, "div">) => 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">) => 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: import("react").RefObject<HTMLElement>) => boolean) | undefined;
         autoHighlight?: boolean | undefined;
         autoSelect?: boolean | undefined;
-        blurOnSelect?: boolean | "touch" | "mouse" | undefined;
+        blurOnSelect?: ("touch" | "mouse" | true | false) | undefined;
         clearOnBlur?: boolean | undefined;
         clearOnEscape?: boolean | undefined;
         componentName?: string | undefined;
         disableClearable?: boolean | undefined;
         disableCloseOnSelect?: boolean | undefined;
-        filterOptions?: ((options: any[], state: import("@mui/base").FilterOptionsState<any>) => any[]) | undefined;
+        filterOptions?: ((options: any[], state: import("@mui/material").FilterOptionsState<any>) => any[]) | undefined;
         filterSelectedOptions?: boolean | undefined;
         freeSolo?: boolean | undefined;
         getOptionDisabled?: ((option: any) => boolean) | undefined;
@@ -368,20 +375,19 @@ export declare const Default: {
         includeInputInList?: boolean | undefined;
         inputValue?: string | undefined;
         isOptionEqualToValue?: ((option: any, value: any) => boolean) | undefined;
-        onHighlightChange?: ((event: import("react").SyntheticEvent<Element, Event>, option: any, reason: import("@mui/base").AutocompleteHighlightChangeReason) => void) | undefined;
-        onInputChange?: ((event: import("react").SyntheticEvent<Element, Event>, value: string, reason: import("@mui/base").AutocompleteInputChangeReason) => void) | undefined;
+        onHighlightChange?: ((event: import("react").SyntheticEvent, option: any, reason: import("@mui/material").AutocompleteHighlightChangeReason) => void) | undefined;
+        onInputChange?: ((event: import("react").SyntheticEvent, value: string, reason: import("@mui/material").AutocompleteInputChangeReason) => void) | undefined;
         openOnFocus?: boolean | undefined;
-        options: readonly any[];
         selectOnFocus?: boolean | undefined;
     }>) => Promise<void>;
     render: (args: {
         actionLabel?: string | undefined;
         bottomButtonHeight?: number | undefined;
-        actionClick?: ((e: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
+        actionClick?: ((e: import("react").MouseEvent) => void) | undefined;
         label?: string | undefined;
         placeholder?: string | undefined;
-        platform?: "desktop" | "web" | undefined;
-        renderInput?: ((params: import("@mui/material").AutocompleteRenderInputParams) => import("react").ReactNode) | undefined;
+        platform?: ("desktop" | "web") | undefined;
+        renderInput?: import("@mui/material").AutocompleteProps<any, boolean, boolean, boolean>["renderInput"] | undefined;
         ref?: import("react").Ref<unknown> | undefined;
         className?: string | undefined;
         style?: import("react").CSSProperties | undefined;
@@ -397,27 +403,27 @@ export declare const Default: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
+        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
         "aria-describedby"?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -432,9 +438,9 @@ export declare const Default: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -467,7 +473,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: import("react").SyntheticEvent<Element, Event>, value: any, reason: import("@mui/base").AutocompleteChangeReason, details?: import("@mui/base").AutocompleteChangeDetails<any> | undefined) => void) | undefined;
+        onChange?: ((event: import("react").SyntheticEvent, 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;
@@ -484,7 +490,7 @@ export declare const Default: {
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onKeyDown?: ((event: import("react").KeyboardEvent<HTMLDivElement> & {
-            defaultMuiPrevented?: boolean | undefined;
+            defaultMuiPrevented?: boolean;
         }) => void) | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
@@ -592,9 +598,7 @@ export declare const Default: {
         onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
@@ -618,36 +622,22 @@ export declare const Default: {
         disabled?: boolean | undefined;
         content?: string | undefined;
         translate?: "yes" | "no" | undefined;
-        fullWidth?: boolean | undefined;
-        loading?: boolean | undefined;
-        hidden?: boolean | undefined;
-        size?: import("@mui/types").OverridableStringUnion<"small" | "medium", import("@mui/material").AutocompletePropsSizeOverrides> | undefined;
-        open?: boolean | undefined;
-        multiple?: boolean | undefined;
-        readOnly?: boolean | undefined;
-        componentsProps?: {
-            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: import("react").SyntheticEvent<Element, Event>, reason: import("@mui/base").AutocompleteCloseReason) => void) | undefined;
         slotProps?: {
-            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;
+            clearIndicator?: Partial<import("@mui/material").IconButtonProps>;
+            paper?: import("@mui/material").PaperProps;
+            popper?: Partial<import("@mui/material").PopperProps>;
+            popupIndicator?: Partial<import("@mui/material").IconButtonProps>;
         } | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: any;
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
+        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
+        hidden?: boolean | undefined;
         nonce?: string | undefined;
         spellCheck?: (boolean | "false" | "true") | undefined;
         radioGroup?: string | undefined;
@@ -672,24 +662,39 @@ export declare const Default: {
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "on" | "off" | undefined;
-        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
         is?: string | undefined;
+        fullWidth?: boolean | undefined;
+        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>;
+        } | undefined;
+        disablePortal?: boolean | undefined;
+        onClose?: ((event: import("react").SyntheticEvent, 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;
+        autoComplete?: boolean | undefined;
+        options: readonly any[];
         disabledItemsFocusable?: boolean | undefined;
         disableListWrap?: boolean | undefined;
-        autoComplete?: boolean | undefined;
-        onOpen?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+        onOpen?: ((event: import("react").SyntheticEvent) => void) | undefined;
         PopperComponent?: import("react").JSXElementConstructor<import("@mui/material").PopperProps> | undefined;
         ChipProps?: import("@mui/material").ChipProps<"div"> | undefined;
         clearIcon?: import("react").ReactNode;
         clearText?: string | undefined;
         closeText?: string | undefined;
-        forcePopupIcon?: boolean | "auto" | undefined;
+        forcePopupIcon?: (true | false | "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;
+        ListboxProps?: (ReturnType<ReturnType<typeof import("@mui/material").useAutocomplete>["getListboxProps"]> & {
+            sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
+            ref?: import("react").Ref<Element>;
         }) | undefined;
         loadingText?: import("react").ReactNode;
         limitTags?: number | undefined;
@@ -698,19 +703,21 @@ export declare const Default: {
         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>, option: any, state: import("@mui/material").AutocompleteRenderOptionState, ownerState: import("@mui/material").AutocompleteOwnerState<any, boolean, boolean, boolean, "div">) => 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">) => 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: import("react").RefObject<HTMLElement>) => boolean) | undefined;
         autoHighlight?: boolean | undefined;
         autoSelect?: boolean | undefined;
-        blurOnSelect?: boolean | "touch" | "mouse" | undefined;
+        blurOnSelect?: ("touch" | "mouse" | true | false) | undefined;
         clearOnBlur?: boolean | undefined;
         clearOnEscape?: boolean | undefined;
         componentName?: string | undefined;
         disableClearable?: boolean | undefined;
         disableCloseOnSelect?: boolean | undefined;
-        filterOptions?: ((options: any[], state: import("@mui/base").FilterOptionsState<any>) => any[]) | undefined;
+        filterOptions?: ((options: any[], state: import("@mui/material").FilterOptionsState<any>) => any[]) | undefined;
         filterSelectedOptions?: boolean | undefined;
         freeSolo?: boolean | undefined;
         getOptionDisabled?: ((option: any) => boolean) | undefined;
@@ -721,10 +728,9 @@ export declare const Default: {
         includeInputInList?: boolean | undefined;
         inputValue?: string | undefined;
         isOptionEqualToValue?: ((option: any, value: any) => boolean) | undefined;
-        onHighlightChange?: ((event: import("react").SyntheticEvent<Element, Event>, option: any, reason: import("@mui/base").AutocompleteHighlightChangeReason) => void) | undefined;
-        onInputChange?: ((event: import("react").SyntheticEvent<Element, Event>, value: string, reason: import("@mui/base").AutocompleteInputChangeReason) => void) | undefined;
+        onHighlightChange?: ((event: import("react").SyntheticEvent, option: any, reason: import("@mui/material").AutocompleteHighlightChangeReason) => void) | undefined;
+        onInputChange?: ((event: import("react").SyntheticEvent, value: string, reason: import("@mui/material").AutocompleteInputChangeReason) => void) | undefined;
         openOnFocus?: boolean | undefined;
-        options: readonly any[];
         selectOnFocus?: boolean | undefined;
     }) => import("react/jsx-runtime").JSX.Element;
 };
@@ -738,22 +744,22 @@ export declare const Multiple: {
         label: string;
         placeholder: string;
         onKeyDown: import("@vitest/spy").Mock<[event: import("react").KeyboardEvent<HTMLDivElement> & {
-            defaultMuiPrevented?: boolean | undefined;
+            defaultMuiPrevented?: boolean;
         }], void>;
-        onInputChange: import("@vitest/spy").Mock<[event: import("react").SyntheticEvent<Element, Event>, value: string, reason: import("@mui/base").AutocompleteInputChangeReason], 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>;
-        onHighlightChange: import("@vitest/spy").Mock<[event: import("react").SyntheticEvent<Element, Event>, option: any, reason: import("@mui/base").AutocompleteHighlightChangeReason], void>;
-        onClose: import("@vitest/spy").Mock<[event: import("react").SyntheticEvent<Element, Event>, reason: import("@mui/base").AutocompleteCloseReason], void>;
-        onChange: import("@vitest/spy").Mock<[event: import("react").SyntheticEvent<Element, Event>, value: any, reason: import("@mui/base").AutocompleteChangeReason, details?: import("@mui/base").AutocompleteChangeDetails<any> | undefined], void>;
+        onHighlightChange: import("@vitest/spy").Mock<[event: import("react").SyntheticEvent<Element, Event>, option: any, reason: import("@mui/material").AutocompleteHighlightChangeReason], void>;
+        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/dist/types-0fc72a6d").R, {
+    play: ({ canvasElement }: import("@storybook/types").PlayFunctionContext<import("@storybook/react").ReactRenderer, {
         actionLabel?: string | undefined;
         bottomButtonHeight?: number | undefined;
-        actionClick?: ((e: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
+        actionClick?: ((e: import("react").MouseEvent) => void) | undefined;
         label?: string | undefined;
         placeholder?: string | undefined;
-        platform?: "desktop" | "web" | undefined;
-        renderInput?: ((params: import("@mui/material").AutocompleteRenderInputParams) => import("react").ReactNode) | undefined;
+        platform?: ("desktop" | "web") | undefined;
+        renderInput?: import("@mui/material").AutocompleteProps<any, boolean, boolean, boolean>["renderInput"] | undefined;
         ref?: import("react").Ref<unknown> | undefined;
         className?: string | undefined;
         style?: import("react").CSSProperties | undefined;
@@ -769,27 +775,27 @@ export declare const Multiple: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
+        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
         "aria-describedby"?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -804,9 +810,9 @@ export declare const Multiple: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -839,7 +845,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: import("react").SyntheticEvent<Element, Event>, value: any, reason: import("@mui/base").AutocompleteChangeReason, details?: import("@mui/base").AutocompleteChangeDetails<any> | undefined) => void) | undefined;
+        onChange?: ((event: import("react").SyntheticEvent, 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;
@@ -856,7 +862,7 @@ export declare const Multiple: {
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onKeyDown?: ((event: import("react").KeyboardEvent<HTMLDivElement> & {
-            defaultMuiPrevented?: boolean | undefined;
+            defaultMuiPrevented?: boolean;
         }) => void) | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
@@ -964,9 +970,7 @@ export declare const Multiple: {
         onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
@@ -990,36 +994,22 @@ export declare const Multiple: {
         disabled?: boolean | undefined;
         content?: string | undefined;
         translate?: "yes" | "no" | undefined;
-        fullWidth?: boolean | undefined;
-        loading?: boolean | undefined;
-        hidden?: boolean | undefined;
-        size?: import("@mui/types").OverridableStringUnion<"small" | "medium", import("@mui/material").AutocompletePropsSizeOverrides> | undefined;
-        open?: boolean | undefined;
-        multiple?: boolean | undefined;
-        readOnly?: boolean | undefined;
-        componentsProps?: {
-            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: import("react").SyntheticEvent<Element, Event>, reason: import("@mui/base").AutocompleteCloseReason) => void) | undefined;
         slotProps?: {
-            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;
+            clearIndicator?: Partial<import("@mui/material").IconButtonProps>;
+            paper?: import("@mui/material").PaperProps;
+            popper?: Partial<import("@mui/material").PopperProps>;
+            popupIndicator?: Partial<import("@mui/material").IconButtonProps>;
         } | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: any;
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
+        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
+        hidden?: boolean | undefined;
         nonce?: string | undefined;
         spellCheck?: (boolean | "false" | "true") | undefined;
         radioGroup?: string | undefined;
@@ -1044,24 +1034,39 @@ export declare const Multiple: {
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "on" | "off" | undefined;
-        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
         is?: string | undefined;
+        fullWidth?: boolean | undefined;
+        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>;
+        } | undefined;
+        disablePortal?: boolean | undefined;
+        onClose?: ((event: import("react").SyntheticEvent, 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;
+        autoComplete?: boolean | undefined;
+        options: readonly any[];
         disabledItemsFocusable?: boolean | undefined;
         disableListWrap?: boolean | undefined;
-        autoComplete?: boolean | undefined;
-        onOpen?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+        onOpen?: ((event: import("react").SyntheticEvent) => void) | undefined;
         PopperComponent?: import("react").JSXElementConstructor<import("@mui/material").PopperProps> | undefined;
         ChipProps?: import("@mui/material").ChipProps<"div"> | undefined;
         clearIcon?: import("react").ReactNode;
         clearText?: string | undefined;
         closeText?: string | undefined;
-        forcePopupIcon?: boolean | "auto" | undefined;
+        forcePopupIcon?: (true | false | "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;
+        ListboxProps?: (ReturnType<ReturnType<typeof import("@mui/material").useAutocomplete>["getListboxProps"]> & {
+            sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
+            ref?: import("react").Ref<Element>;
         }) | undefined;
         loadingText?: import("react").ReactNode;
         limitTags?: number | undefined;
@@ -1070,19 +1075,21 @@ export declare const Multiple: {
         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>, option: any, state: import("@mui/material").AutocompleteRenderOptionState, ownerState: import("@mui/material").AutocompleteOwnerState<any, boolean, boolean, boolean, "div">) => 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">) => 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: import("react").RefObject<HTMLElement>) => boolean) | undefined;
         autoHighlight?: boolean | undefined;
         autoSelect?: boolean | undefined;
-        blurOnSelect?: boolean | "touch" | "mouse" | undefined;
+        blurOnSelect?: ("touch" | "mouse" | true | false) | undefined;
         clearOnBlur?: boolean | undefined;
         clearOnEscape?: boolean | undefined;
         componentName?: string | undefined;
         disableClearable?: boolean | undefined;
         disableCloseOnSelect?: boolean | undefined;
-        filterOptions?: ((options: any[], state: import("@mui/base").FilterOptionsState<any>) => any[]) | undefined;
+        filterOptions?: ((options: any[], state: import("@mui/material").FilterOptionsState<any>) => any[]) | undefined;
         filterSelectedOptions?: boolean | undefined;
         freeSolo?: boolean | undefined;
         getOptionDisabled?: ((option: any) => boolean) | undefined;
@@ -1093,10 +1100,9 @@ export declare const Multiple: {
         includeInputInList?: boolean | undefined;
         inputValue?: string | undefined;
         isOptionEqualToValue?: ((option: any, value: any) => boolean) | undefined;
-        onHighlightChange?: ((event: import("react").SyntheticEvent<Element, Event>, option: any, reason: import("@mui/base").AutocompleteHighlightChangeReason) => void) | undefined;
-        onInputChange?: ((event: import("react").SyntheticEvent<Element, Event>, value: string, reason: import("@mui/base").AutocompleteInputChangeReason) => void) | undefined;
+        onHighlightChange?: ((event: import("react").SyntheticEvent, option: any, reason: import("@mui/material").AutocompleteHighlightChangeReason) => void) | undefined;
+        onInputChange?: ((event: import("react").SyntheticEvent, value: string, reason: import("@mui/material").AutocompleteInputChangeReason) => void) | undefined;
         openOnFocus?: boolean | undefined;
-        options: readonly any[];
         selectOnFocus?: boolean | undefined;
     }>) => Promise<void>;
     parameters: {
@@ -1109,11 +1115,11 @@ export declare const Multiple: {
     render: (args: {
         actionLabel?: string | undefined;
         bottomButtonHeight?: number | undefined;
-        actionClick?: ((e: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
+        actionClick?: ((e: import("react").MouseEvent) => void) | undefined;
         label?: string | undefined;
         placeholder?: string | undefined;
-        platform?: "desktop" | "web" | undefined;
-        renderInput?: ((params: import("@mui/material").AutocompleteRenderInputParams) => import("react").ReactNode) | undefined;
+        platform?: ("desktop" | "web") | undefined;
+        renderInput?: import("@mui/material").AutocompleteProps<any, boolean, boolean, boolean>["renderInput"] | undefined;
         ref?: import("react").Ref<unknown> | undefined;
         className?: string | undefined;
         style?: import("react").CSSProperties | undefined;
@@ -1129,27 +1135,27 @@ export declare const Multiple: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
+        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
         "aria-describedby"?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -1164,9 +1170,9 @@ export declare const Multiple: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -1199,7 +1205,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: import("react").SyntheticEvent<Element, Event>, value: any, reason: import("@mui/base").AutocompleteChangeReason, details?: import("@mui/base").AutocompleteChangeDetails<any> | undefined) => void) | undefined;
+        onChange?: ((event: import("react").SyntheticEvent, 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;
@@ -1216,7 +1222,7 @@ export declare const Multiple: {
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onKeyDown?: ((event: import("react").KeyboardEvent<HTMLDivElement> & {
-            defaultMuiPrevented?: boolean | undefined;
+            defaultMuiPrevented?: boolean;
         }) => void) | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
@@ -1324,9 +1330,7 @@ export declare const Multiple: {
         onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
@@ -1350,36 +1354,22 @@ export declare const Multiple: {
         disabled?: boolean | undefined;
         content?: string | undefined;
         translate?: "yes" | "no" | undefined;
-        fullWidth?: boolean | undefined;
-        loading?: boolean | undefined;
-        hidden?: boolean | undefined;
-        size?: import("@mui/types").OverridableStringUnion<"small" | "medium", import("@mui/material").AutocompletePropsSizeOverrides> | undefined;
-        open?: boolean | undefined;
-        multiple?: boolean | undefined;
-        readOnly?: boolean | undefined;
-        componentsProps?: {
-            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: import("react").SyntheticEvent<Element, Event>, reason: import("@mui/base").AutocompleteCloseReason) => void) | undefined;
         slotProps?: {
-            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;
+            clearIndicator?: Partial<import("@mui/material").IconButtonProps>;
+            paper?: import("@mui/material").PaperProps;
+            popper?: Partial<import("@mui/material").PopperProps>;
+            popupIndicator?: Partial<import("@mui/material").IconButtonProps>;
         } | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: any;
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
+        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
+        hidden?: boolean | undefined;
         nonce?: string | undefined;
         spellCheck?: (boolean | "false" | "true") | undefined;
         radioGroup?: string | undefined;
@@ -1404,24 +1394,39 @@ export declare const Multiple: {
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "on" | "off" | undefined;
-        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
         is?: string | undefined;
+        fullWidth?: boolean | undefined;
+        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>;
+        } | undefined;
+        disablePortal?: boolean | undefined;
+        onClose?: ((event: import("react").SyntheticEvent, 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;
+        autoComplete?: boolean | undefined;
+        options: readonly any[];
         disabledItemsFocusable?: boolean | undefined;
         disableListWrap?: boolean | undefined;
-        autoComplete?: boolean | undefined;
-        onOpen?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+        onOpen?: ((event: import("react").SyntheticEvent) => void) | undefined;
         PopperComponent?: import("react").JSXElementConstructor<import("@mui/material").PopperProps> | undefined;
         ChipProps?: import("@mui/material").ChipProps<"div"> | undefined;
         clearIcon?: import("react").ReactNode;
         clearText?: string | undefined;
         closeText?: string | undefined;
-        forcePopupIcon?: boolean | "auto" | undefined;
+        forcePopupIcon?: (true | false | "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;
+        ListboxProps?: (ReturnType<ReturnType<typeof import("@mui/material").useAutocomplete>["getListboxProps"]> & {
+            sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
+            ref?: import("react").Ref<Element>;
         }) | undefined;
         loadingText?: import("react").ReactNode;
         limitTags?: number | undefined;
@@ -1430,19 +1435,21 @@ export declare const Multiple: {
         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>, option: any, state: import("@mui/material").AutocompleteRenderOptionState, ownerState: import("@mui/material").AutocompleteOwnerState<any, boolean, boolean, boolean, "div">) => 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">) => 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: import("react").RefObject<HTMLElement>) => boolean) | undefined;
         autoHighlight?: boolean | undefined;
         autoSelect?: boolean | undefined;
-        blurOnSelect?: boolean | "touch" | "mouse" | undefined;
+        blurOnSelect?: ("touch" | "mouse" | true | false) | undefined;
         clearOnBlur?: boolean | undefined;
         clearOnEscape?: boolean | undefined;
         componentName?: string | undefined;
         disableClearable?: boolean | undefined;
         disableCloseOnSelect?: boolean | undefined;
-        filterOptions?: ((options: any[], state: import("@mui/base").FilterOptionsState<any>) => any[]) | undefined;
+        filterOptions?: ((options: any[], state: import("@mui/material").FilterOptionsState<any>) => any[]) | undefined;
         filterSelectedOptions?: boolean | undefined;
         freeSolo?: boolean | undefined;
         getOptionDisabled?: ((option: any) => boolean) | undefined;
@@ -1453,10 +1460,9 @@ export declare const Multiple: {
         includeInputInList?: boolean | undefined;
         inputValue?: string | undefined;
         isOptionEqualToValue?: ((option: any, value: any) => boolean) | undefined;
-        onHighlightChange?: ((event: import("react").SyntheticEvent<Element, Event>, option: any, reason: import("@mui/base").AutocompleteHighlightChangeReason) => void) | undefined;
-        onInputChange?: ((event: import("react").SyntheticEvent<Element, Event>, value: string, reason: import("@mui/base").AutocompleteInputChangeReason) => void) | undefined;
+        onHighlightChange?: ((event: import("react").SyntheticEvent, option: any, reason: import("@mui/material").AutocompleteHighlightChangeReason) => void) | undefined;
+        onInputChange?: ((event: import("react").SyntheticEvent, value: string, reason: import("@mui/material").AutocompleteInputChangeReason) => void) | undefined;
         openOnFocus?: boolean | undefined;
-        options: readonly any[];
         selectOnFocus?: boolean | undefined;
     }) => import("react/jsx-runtime").JSX.Element;
 };
@@ -1475,22 +1481,22 @@ export declare const CustomAction: {
         freeSolo: true;
         label: string;
         onKeyDown: import("@vitest/spy").Mock<[event: import("react").KeyboardEvent<HTMLDivElement> & {
-            defaultMuiPrevented?: boolean | undefined;
+            defaultMuiPrevented?: boolean;
         }], void>;
-        onInputChange: import("@vitest/spy").Mock<[event: import("react").SyntheticEvent<Element, Event>, value: string, reason: import("@mui/base").AutocompleteInputChangeReason], 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>;
-        onHighlightChange: import("@vitest/spy").Mock<[event: import("react").SyntheticEvent<Element, Event>, option: any, reason: import("@mui/base").AutocompleteHighlightChangeReason], void>;
-        onClose: import("@vitest/spy").Mock<[event: import("react").SyntheticEvent<Element, Event>, reason: import("@mui/base").AutocompleteCloseReason], void>;
-        onChange: import("@vitest/spy").Mock<[event: import("react").SyntheticEvent<Element, Event>, value: any, reason: import("@mui/base").AutocompleteChangeReason, details?: import("@mui/base").AutocompleteChangeDetails<any> | undefined], void>;
+        onHighlightChange: import("@vitest/spy").Mock<[event: import("react").SyntheticEvent<Element, Event>, option: any, reason: import("@mui/material").AutocompleteHighlightChangeReason], void>;
+        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/dist/types-0fc72a6d").R, {
+    play: ({ canvasElement }: import("@storybook/types").PlayFunctionContext<import("@storybook/react").ReactRenderer, {
         actionLabel?: string | undefined;
         bottomButtonHeight?: number | undefined;
-        actionClick?: ((e: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
+        actionClick?: ((e: import("react").MouseEvent) => void) | undefined;
         label?: string | undefined;
         placeholder?: string | undefined;
-        platform?: "desktop" | "web" | undefined;
-        renderInput?: ((params: import("@mui/material").AutocompleteRenderInputParams) => import("react").ReactNode) | undefined;
+        platform?: ("desktop" | "web") | undefined;
+        renderInput?: import("@mui/material").AutocompleteProps<any, boolean, boolean, boolean>["renderInput"] | undefined;
         ref?: import("react").Ref<unknown> | undefined;
         className?: string | undefined;
         style?: import("react").CSSProperties | undefined;
@@ -1506,27 +1512,27 @@ export declare const CustomAction: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
+        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
         "aria-describedby"?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -1541,9 +1547,9 @@ export declare const CustomAction: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -1576,7 +1582,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: import("react").SyntheticEvent<Element, Event>, value: any, reason: import("@mui/base").AutocompleteChangeReason, details?: import("@mui/base").AutocompleteChangeDetails<any> | undefined) => void) | undefined;
+        onChange?: ((event: import("react").SyntheticEvent, 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;
@@ -1593,7 +1599,7 @@ export declare const CustomAction: {
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onKeyDown?: ((event: import("react").KeyboardEvent<HTMLDivElement> & {
-            defaultMuiPrevented?: boolean | undefined;
+            defaultMuiPrevented?: boolean;
         }) => void) | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
@@ -1701,9 +1707,7 @@ export declare const CustomAction: {
         onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
@@ -1727,36 +1731,22 @@ export declare const CustomAction: {
         disabled?: boolean | undefined;
         content?: string | undefined;
         translate?: "yes" | "no" | undefined;
-        fullWidth?: boolean | undefined;
-        loading?: boolean | undefined;
-        hidden?: boolean | undefined;
-        size?: import("@mui/types").OverridableStringUnion<"small" | "medium", import("@mui/material").AutocompletePropsSizeOverrides> | undefined;
-        open?: boolean | undefined;
-        multiple?: boolean | undefined;
-        readOnly?: boolean | undefined;
-        componentsProps?: {
-            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: import("react").SyntheticEvent<Element, Event>, reason: import("@mui/base").AutocompleteCloseReason) => void) | undefined;
         slotProps?: {
-            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;
+            clearIndicator?: Partial<import("@mui/material").IconButtonProps>;
+            paper?: import("@mui/material").PaperProps;
+            popper?: Partial<import("@mui/material").PopperProps>;
+            popupIndicator?: Partial<import("@mui/material").IconButtonProps>;
         } | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: any;
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
+        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
+        hidden?: boolean | undefined;
         nonce?: string | undefined;
         spellCheck?: (boolean | "false" | "true") | undefined;
         radioGroup?: string | undefined;
@@ -1781,24 +1771,39 @@ export declare const CustomAction: {
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "on" | "off" | undefined;
-        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
         is?: string | undefined;
+        fullWidth?: boolean | undefined;
+        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>;
+        } | undefined;
+        disablePortal?: boolean | undefined;
+        onClose?: ((event: import("react").SyntheticEvent, 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;
+        autoComplete?: boolean | undefined;
+        options: readonly any[];
         disabledItemsFocusable?: boolean | undefined;
         disableListWrap?: boolean | undefined;
-        autoComplete?: boolean | undefined;
-        onOpen?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+        onOpen?: ((event: import("react").SyntheticEvent) => void) | undefined;
         PopperComponent?: import("react").JSXElementConstructor<import("@mui/material").PopperProps> | undefined;
         ChipProps?: import("@mui/material").ChipProps<"div"> | undefined;
         clearIcon?: import("react").ReactNode;
         clearText?: string | undefined;
         closeText?: string | undefined;
-        forcePopupIcon?: boolean | "auto" | undefined;
+        forcePopupIcon?: (true | false | "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;
+        ListboxProps?: (ReturnType<ReturnType<typeof import("@mui/material").useAutocomplete>["getListboxProps"]> & {
+            sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
+            ref?: import("react").Ref<Element>;
         }) | undefined;
         loadingText?: import("react").ReactNode;
         limitTags?: number | undefined;
@@ -1807,19 +1812,21 @@ export declare const CustomAction: {
         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>, option: any, state: import("@mui/material").AutocompleteRenderOptionState, ownerState: import("@mui/material").AutocompleteOwnerState<any, boolean, boolean, boolean, "div">) => 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">) => 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: import("react").RefObject<HTMLElement>) => boolean) | undefined;
         autoHighlight?: boolean | undefined;
         autoSelect?: boolean | undefined;
-        blurOnSelect?: boolean | "touch" | "mouse" | undefined;
+        blurOnSelect?: ("touch" | "mouse" | true | false) | undefined;
         clearOnBlur?: boolean | undefined;
         clearOnEscape?: boolean | undefined;
         componentName?: string | undefined;
         disableClearable?: boolean | undefined;
         disableCloseOnSelect?: boolean | undefined;
-        filterOptions?: ((options: any[], state: import("@mui/base").FilterOptionsState<any>) => any[]) | undefined;
+        filterOptions?: ((options: any[], state: import("@mui/material").FilterOptionsState<any>) => any[]) | undefined;
         filterSelectedOptions?: boolean | undefined;
         freeSolo?: boolean | undefined;
         getOptionDisabled?: ((option: any) => boolean) | undefined;
@@ -1830,10 +1837,9 @@ export declare const CustomAction: {
         includeInputInList?: boolean | undefined;
         inputValue?: string | undefined;
         isOptionEqualToValue?: ((option: any, value: any) => boolean) | undefined;
-        onHighlightChange?: ((event: import("react").SyntheticEvent<Element, Event>, option: any, reason: import("@mui/base").AutocompleteHighlightChangeReason) => void) | undefined;
-        onInputChange?: ((event: import("react").SyntheticEvent<Element, Event>, value: string, reason: import("@mui/base").AutocompleteInputChangeReason) => void) | undefined;
+        onHighlightChange?: ((event: import("react").SyntheticEvent, option: any, reason: import("@mui/material").AutocompleteHighlightChangeReason) => void) | undefined;
+        onInputChange?: ((event: import("react").SyntheticEvent, value: string, reason: import("@mui/material").AutocompleteInputChangeReason) => void) | undefined;
         openOnFocus?: boolean | undefined;
-        options: readonly any[];
         selectOnFocus?: boolean | undefined;
     }>) => Promise<void>;
     parameters: {
@@ -1846,11 +1852,11 @@ export declare const CustomAction: {
     render: (args: {
         actionLabel?: string | undefined;
         bottomButtonHeight?: number | undefined;
-        actionClick?: ((e: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
+        actionClick?: ((e: import("react").MouseEvent) => void) | undefined;
         label?: string | undefined;
         placeholder?: string | undefined;
-        platform?: "desktop" | "web" | undefined;
-        renderInput?: ((params: import("@mui/material").AutocompleteRenderInputParams) => import("react").ReactNode) | undefined;
+        platform?: ("desktop" | "web") | undefined;
+        renderInput?: import("@mui/material").AutocompleteProps<any, boolean, boolean, boolean>["renderInput"] | undefined;
         ref?: import("react").Ref<unknown> | undefined;
         className?: string | undefined;
         style?: import("react").CSSProperties | undefined;
@@ -1866,27 +1872,27 @@ export declare const CustomAction: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
+        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
         "aria-describedby"?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -1901,9 +1907,9 @@ export declare const CustomAction: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -1936,7 +1942,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: import("react").SyntheticEvent<Element, Event>, value: any, reason: import("@mui/base").AutocompleteChangeReason, details?: import("@mui/base").AutocompleteChangeDetails<any> | undefined) => void) | undefined;
+        onChange?: ((event: import("react").SyntheticEvent, 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;
@@ -1953,7 +1959,7 @@ export declare const CustomAction: {
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onKeyDown?: ((event: import("react").KeyboardEvent<HTMLDivElement> & {
-            defaultMuiPrevented?: boolean | undefined;
+            defaultMuiPrevented?: boolean;
         }) => void) | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
@@ -2061,9 +2067,7 @@ export declare const CustomAction: {
         onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
@@ -2087,36 +2091,22 @@ export declare const CustomAction: {
         disabled?: boolean | undefined;
         content?: string | undefined;
         translate?: "yes" | "no" | undefined;
-        fullWidth?: boolean | undefined;
-        loading?: boolean | undefined;
-        hidden?: boolean | undefined;
-        size?: import("@mui/types").OverridableStringUnion<"small" | "medium", import("@mui/material").AutocompletePropsSizeOverrides> | undefined;
-        open?: boolean | undefined;
-        multiple?: boolean | undefined;
-        readOnly?: boolean | undefined;
-        componentsProps?: {
-            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: import("react").SyntheticEvent<Element, Event>, reason: import("@mui/base").AutocompleteCloseReason) => void) | undefined;
         slotProps?: {
-            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;
+            clearIndicator?: Partial<import("@mui/material").IconButtonProps>;
+            paper?: import("@mui/material").PaperProps;
+            popper?: Partial<import("@mui/material").PopperProps>;
+            popupIndicator?: Partial<import("@mui/material").IconButtonProps>;
         } | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: any;
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
+        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
+        hidden?: boolean | undefined;
         nonce?: string | undefined;
         spellCheck?: (boolean | "false" | "true") | undefined;
         radioGroup?: string | undefined;
@@ -2141,24 +2131,39 @@ export declare const CustomAction: {
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "on" | "off" | undefined;
-        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
         is?: string | undefined;
+        fullWidth?: boolean | undefined;
+        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>;
+        } | undefined;
+        disablePortal?: boolean | undefined;
+        onClose?: ((event: import("react").SyntheticEvent, 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;
+        autoComplete?: boolean | undefined;
+        options: readonly any[];
         disabledItemsFocusable?: boolean | undefined;
         disableListWrap?: boolean | undefined;
-        autoComplete?: boolean | undefined;
-        onOpen?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+        onOpen?: ((event: import("react").SyntheticEvent) => void) | undefined;
         PopperComponent?: import("react").JSXElementConstructor<import("@mui/material").PopperProps> | undefined;
         ChipProps?: import("@mui/material").ChipProps<"div"> | undefined;
         clearIcon?: import("react").ReactNode;
         clearText?: string | undefined;
         closeText?: string | undefined;
-        forcePopupIcon?: boolean | "auto" | undefined;
+        forcePopupIcon?: (true | false | "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;
+        ListboxProps?: (ReturnType<ReturnType<typeof import("@mui/material").useAutocomplete>["getListboxProps"]> & {
+            sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
+            ref?: import("react").Ref<Element>;
         }) | undefined;
         loadingText?: import("react").ReactNode;
         limitTags?: number | undefined;
@@ -2167,19 +2172,21 @@ export declare const CustomAction: {
         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>, option: any, state: import("@mui/material").AutocompleteRenderOptionState, ownerState: import("@mui/material").AutocompleteOwnerState<any, boolean, boolean, boolean, "div">) => 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">) => 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: import("react").RefObject<HTMLElement>) => boolean) | undefined;
         autoHighlight?: boolean | undefined;
         autoSelect?: boolean | undefined;
-        blurOnSelect?: boolean | "touch" | "mouse" | undefined;
+        blurOnSelect?: ("touch" | "mouse" | true | false) | undefined;
         clearOnBlur?: boolean | undefined;
         clearOnEscape?: boolean | undefined;
         componentName?: string | undefined;
         disableClearable?: boolean | undefined;
         disableCloseOnSelect?: boolean | undefined;
-        filterOptions?: ((options: any[], state: import("@mui/base").FilterOptionsState<any>) => any[]) | undefined;
+        filterOptions?: ((options: any[], state: import("@mui/material").FilterOptionsState<any>) => any[]) | undefined;
         filterSelectedOptions?: boolean | undefined;
         freeSolo?: boolean | undefined;
         getOptionDisabled?: ((option: any) => boolean) | undefined;
@@ -2190,10 +2197,9 @@ export declare const CustomAction: {
         includeInputInList?: boolean | undefined;
         inputValue?: string | undefined;
         isOptionEqualToValue?: ((option: any, value: any) => boolean) | undefined;
-        onHighlightChange?: ((event: import("react").SyntheticEvent<Element, Event>, option: any, reason: import("@mui/base").AutocompleteHighlightChangeReason) => void) | undefined;
-        onInputChange?: ((event: import("react").SyntheticEvent<Element, Event>, value: string, reason: import("@mui/base").AutocompleteInputChangeReason) => void) | undefined;
+        onHighlightChange?: ((event: import("react").SyntheticEvent, option: any, reason: import("@mui/material").AutocompleteHighlightChangeReason) => void) | undefined;
+        onInputChange?: ((event: import("react").SyntheticEvent, value: string, reason: import("@mui/material").AutocompleteInputChangeReason) => void) | undefined;
         openOnFocus?: boolean | undefined;
-        options: readonly any[];
         selectOnFocus?: boolean | undefined;
     }) => import("react/jsx-runtime").JSX.Element;
 };