@galaxy-ds/core 2.1.0 → 2.1.2

package/dist/Dialog/Dialog.stories.d.ts

@@ -1,3 +1,6 @@
+/// <reference types="react" />
+/// <reference types="react" />
+/// <reference types="trusted-types" />
 import { BADGE } from '@geometricpanda/storybook-addon-badges';
 import { DialogProps } from './Dialog.type';
 /**
@@ -12,13 +15,74 @@ declare const meta: {
     title: string;
     parameters: {
         badges: BADGE[];
+        layout: string;
     };
     argTypes: {
         onBackdropClick: {
+            table: {
+                disable: boolean;
+            };
+        };
+        BackdropComponent: {
+            table: {
+                disable: boolean;
+            };
+        };
+        BackdropProps: {
+            table: {
+                disable: boolean;
+            };
+        };
+        children: {
+            control: {
+                type: undefined;
+            };
+        };
+        TransitionComponent: {
+            control: {
+                type: undefined;
+            };
+        };
+        TransitionProps: {
             control: {
+                type: undefined;
+            };
+        };
+        PaperComponent: {
+            control: {
+                type: undefined;
+            };
+        };
+        PaperProps: {
+            control: {
+                type: undefined;
+            };
+        };
+        component: {
+            table: {
                 disable: boolean;
             };
         };
+        ref: {
+            control: {
+                type: undefined;
+            };
+        };
+        container: {
+            control: {
+                type: undefined;
+            };
+        };
+        components: {
+            control: {
+                type: undefined;
+            };
+        };
+        componentsProps: {
+            control: {
+                type: undefined;
+            };
+        };
     };
 };
 export default meta;
@@ -30,8 +94,8 @@ export declare const Alert: {
         message: string;
         onTransitionEnter: import("@vitest/spy").Mock<[], void>;
     };
-    play: ({ canvasElement }: import("@storybook/types").PlayFunctionContext<import("@storybook/react").ReactRenderer, {
-        variant?: ("info" | "alert" | "plain") | undefined;
+    play: ({ canvasElement }: import("@storybook/types").PlayFunctionContext<import("@storybook/react/dist/types-0fc72a6d").R, {
+        variant?: "info" | "alert" | "plain" | undefined;
         title?: string | undefined;
         message?: import("react").ReactNode;
         handleClose?: (() => void) | undefined;
@@ -42,20 +106,28 @@ export declare const Alert: {
         disableEscapeKeyDown?: boolean | undefined;
         fullScreen?: boolean | undefined;
         fullWidth?: boolean | undefined;
-        maxWidth?: (import("@mui/system").Breakpoint | false) | undefined;
-        onBackdropClick?: import("@mui/material").ModalProps["onBackdropClick"];
-        onClose?: import("@mui/material").ModalProps["onClose"];
-        open: import("@mui/material").ModalProps["open"];
+        maxWidth?: false | import("@mui/system").Breakpoint | undefined;
+        onBackdropClick?: import("react").ReactEventHandler<{}> | undefined;
+        onClose?: ((event: {}, reason: "backdropClick" | "escapeKeyDown") => void) | undefined;
+        open: boolean;
         PaperComponent?: import("react").JSXElementConstructor<import("@mui/material").PaperProps> | undefined;
-        PaperProps?: Partial<import("@mui/material").PaperProps<import("react").ElementType>> | undefined;
-        scroll?: ("body" | "paper") | undefined;
+        PaperProps?: Partial<import("@mui/material").PaperProps<import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>>> | undefined;
+        scroll?: "body" | "paper" | undefined;
         sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
         TransitionComponent?: import("react").JSXElementConstructor<import("@mui/material/transitions").TransitionProps & {
             children: import("react").ReactElement<any, any>;
         }> | undefined;
-        transitionDuration?: import("@mui/material/transitions").TransitionProps["timeout"];
+        transitionDuration?: number | {
+            appear?: number | undefined;
+            enter?: number | undefined;
+            exit?: number | undefined;
+        } | {
+            appear?: number | undefined;
+            enter?: number | undefined;
+            exit?: number | undefined;
+        } | undefined;
         TransitionProps?: import("@mui/material/transitions").TransitionProps | undefined;
-        ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+        ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
         className?: string | undefined;
         style?: import("react").CSSProperties | undefined;
         color?: string | undefined;
@@ -67,26 +139,26 @@ export declare const Alert: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -100,9 +172,9 @@ export declare const Alert: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -282,18 +354,18 @@ export declare const Alert: {
         key?: import("react").Key | null | undefined;
         content?: string | undefined;
         translate?: "yes" | "no" | undefined;
-        container?: import("@mui/material").PortalProps["container"];
+        container?: Element | (() => Element | null) | null | undefined;
         slots?: import("@mui/material").ModalSlots | undefined;
         slotProps?: {
-            root?: import("@mui/utils").SlotComponentProps<"div", import("@mui/material").ModalComponentsPropsOverrides, import("@mui/material").ModalOwnerState>;
-            backdrop?: import("@mui/utils").SlotComponentProps<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").BackdropTypeMap<{}, "div">>, import("@mui/material").ModalComponentsPropsOverrides, import("@mui/material").ModalOwnerState>;
+            root?: import("@mui/utils").SlotComponentProps<"div", import("@mui/material").ModalComponentsPropsOverrides, import("@mui/material").ModalOwnerState> | undefined;
+            backdrop?: import("@mui/utils").SlotComponentProps<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").BackdropTypeMap<{}, "div">>, import("@mui/material").ModalComponentsPropsOverrides, import("@mui/material").ModalOwnerState> | undefined;
         } | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
+        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
@@ -321,24 +393,24 @@ export declare const Alert: {
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+        unselectable?: "off" | "on" | undefined;
+        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
-        component?: import("react").ElementType | undefined;
-        BackdropComponent?: import("react").ElementType<import("@mui/material").BackdropProps> | undefined;
+        component?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+        BackdropComponent?: import("react").ElementType<import("@mui/material").BackdropProps, keyof import("react").JSX.IntrinsicElements> | undefined;
         BackdropProps?: Partial<import("@mui/material").BackdropProps> | undefined;
         closeAfterTransition?: boolean | undefined;
         components?: {
-            Root?: import("react").ElementType;
-            Backdrop?: import("react").ElementType;
+            Root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            Backdrop?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         componentsProps?: {
-            root?: import("@mui/utils").SlotComponentProps<"div", import("@mui/material").ModalComponentsPropsOverrides, import("@mui/material").ModalOwnerState>;
-            backdrop?: import("@mui/utils").SlotComponentProps<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").BackdropTypeMap<{}, "div">>, import("@mui/material").ModalComponentsPropsOverrides, import("@mui/material").ModalOwnerState>;
+            root?: import("@mui/utils").SlotComponentProps<"div", import("@mui/material").ModalComponentsPropsOverrides, import("@mui/material").ModalOwnerState> | undefined;
+            backdrop?: import("@mui/utils").SlotComponentProps<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").BackdropTypeMap<{}, "div">>, import("@mui/material").ModalComponentsPropsOverrides, import("@mui/material").ModalOwnerState> | undefined;
         } | undefined;
         disableAutoFocus?: boolean | undefined;
         disableEnforceFocus?: boolean | undefined;
-        disablePortal?: import("@mui/material").PortalProps["disablePortal"];
+        disablePortal?: boolean | undefined;
         disableRestoreFocus?: boolean | undefined;
         disableScrollLock?: boolean | undefined;
         hideBackdrop?: boolean | undefined;
@@ -354,7 +426,7 @@ export declare const Alert: {
         };
     };
     render: (args: {
-        variant?: ("info" | "alert" | "plain") | undefined;
+        variant?: "info" | "alert" | "plain" | undefined;
         title?: string | undefined;
         message?: import("react").ReactNode;
         handleClose?: (() => void) | undefined;
@@ -365,20 +437,28 @@ export declare const Alert: {
         disableEscapeKeyDown?: boolean | undefined;
         fullScreen?: boolean | undefined;
         fullWidth?: boolean | undefined;
-        maxWidth?: (import("@mui/system").Breakpoint | false) | undefined;
-        onBackdropClick?: import("@mui/material").ModalProps["onBackdropClick"];
-        onClose?: import("@mui/material").ModalProps["onClose"];
-        open: import("@mui/material").ModalProps["open"];
+        maxWidth?: false | import("@mui/system").Breakpoint | undefined;
+        onBackdropClick?: import("react").ReactEventHandler<{}> | undefined;
+        onClose?: ((event: {}, reason: "backdropClick" | "escapeKeyDown") => void) | undefined;
+        open: boolean;
         PaperComponent?: import("react").JSXElementConstructor<import("@mui/material").PaperProps> | undefined;
-        PaperProps?: Partial<import("@mui/material").PaperProps<import("react").ElementType>> | undefined;
-        scroll?: ("body" | "paper") | undefined;
+        PaperProps?: Partial<import("@mui/material").PaperProps<import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>>> | undefined;
+        scroll?: "body" | "paper" | undefined;
         sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
         TransitionComponent?: import("react").JSXElementConstructor<import("@mui/material/transitions").TransitionProps & {
             children: import("react").ReactElement<any, any>;
         }> | undefined;
-        transitionDuration?: import("@mui/material/transitions").TransitionProps["timeout"];
+        transitionDuration?: number | {
+            appear?: number | undefined;
+            enter?: number | undefined;
+            exit?: number | undefined;
+        } | {
+            appear?: number | undefined;
+            enter?: number | undefined;
+            exit?: number | undefined;
+        } | undefined;
         TransitionProps?: import("@mui/material/transitions").TransitionProps | undefined;
-        ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+        ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
         className?: string | undefined;
         style?: import("react").CSSProperties | undefined;
         color?: string | undefined;
@@ -390,26 +470,26 @@ export declare const Alert: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -423,9 +503,9 @@ export declare const Alert: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -605,18 +685,18 @@ export declare const Alert: {
         key?: import("react").Key | null | undefined;
         content?: string | undefined;
         translate?: "yes" | "no" | undefined;
-        container?: import("@mui/material").PortalProps["container"];
+        container?: Element | (() => Element | null) | null | undefined;
         slots?: import("@mui/material").ModalSlots | undefined;
         slotProps?: {
-            root?: import("@mui/utils").SlotComponentProps<"div", import("@mui/material").ModalComponentsPropsOverrides, import("@mui/material").ModalOwnerState>;
-            backdrop?: import("@mui/utils").SlotComponentProps<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").BackdropTypeMap<{}, "div">>, import("@mui/material").ModalComponentsPropsOverrides, import("@mui/material").ModalOwnerState>;
+            root?: import("@mui/utils").SlotComponentProps<"div", import("@mui/material").ModalComponentsPropsOverrides, import("@mui/material").ModalOwnerState> | undefined;
+            backdrop?: import("@mui/utils").SlotComponentProps<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").BackdropTypeMap<{}, "div">>, import("@mui/material").ModalComponentsPropsOverrides, import("@mui/material").ModalOwnerState> | undefined;
         } | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
+        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
@@ -644,24 +724,24 @@ export declare const Alert: {
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+        unselectable?: "off" | "on" | undefined;
+        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
-        component?: import("react").ElementType | undefined;
-        BackdropComponent?: import("react").ElementType<import("@mui/material").BackdropProps> | undefined;
+        component?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+        BackdropComponent?: import("react").ElementType<import("@mui/material").BackdropProps, keyof import("react").JSX.IntrinsicElements> | undefined;
         BackdropProps?: Partial<import("@mui/material").BackdropProps> | undefined;
         closeAfterTransition?: boolean | undefined;
         components?: {
-            Root?: import("react").ElementType;
-            Backdrop?: import("react").ElementType;
+            Root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            Backdrop?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         componentsProps?: {
-            root?: import("@mui/utils").SlotComponentProps<"div", import("@mui/material").ModalComponentsPropsOverrides, import("@mui/material").ModalOwnerState>;
-            backdrop?: import("@mui/utils").SlotComponentProps<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").BackdropTypeMap<{}, "div">>, import("@mui/material").ModalComponentsPropsOverrides, import("@mui/material").ModalOwnerState>;
+            root?: import("@mui/utils").SlotComponentProps<"div", import("@mui/material").ModalComponentsPropsOverrides, import("@mui/material").ModalOwnerState> | undefined;
+            backdrop?: import("@mui/utils").SlotComponentProps<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").BackdropTypeMap<{}, "div">>, import("@mui/material").ModalComponentsPropsOverrides, import("@mui/material").ModalOwnerState> | undefined;
         } | undefined;
         disableAutoFocus?: boolean | undefined;
         disableEnforceFocus?: boolean | undefined;
-        disablePortal?: import("@mui/material").PortalProps["disablePortal"];
+        disablePortal?: boolean | undefined;
         disableRestoreFocus?: boolean | undefined;
         disableScrollLock?: boolean | undefined;
         hideBackdrop?: boolean | undefined;
@@ -685,7 +765,7 @@ export declare const Info: {
         };
     };
     render: (args: {
-        variant?: ("info" | "alert" | "plain") | undefined;
+        variant?: "info" | "alert" | "plain" | undefined;
         title?: string | undefined;
         message?: import("react").ReactNode;
         handleClose?: (() => void) | undefined;
@@ -696,20 +776,28 @@ export declare const Info: {
         disableEscapeKeyDown?: boolean | undefined;
         fullScreen?: boolean | undefined;
         fullWidth?: boolean | undefined;
-        maxWidth?: (import("@mui/system").Breakpoint | false) | undefined;
-        onBackdropClick?: import("@mui/material").ModalProps["onBackdropClick"];
-        onClose?: import("@mui/material").ModalProps["onClose"];
-        open: import("@mui/material").ModalProps["open"];
+        maxWidth?: false | import("@mui/system").Breakpoint | undefined;
+        onBackdropClick?: import("react").ReactEventHandler<{}> | undefined;
+        onClose?: ((event: {}, reason: "backdropClick" | "escapeKeyDown") => void) | undefined;
+        open: boolean;
         PaperComponent?: import("react").JSXElementConstructor<import("@mui/material").PaperProps> | undefined;
-        PaperProps?: Partial<import("@mui/material").PaperProps<import("react").ElementType>> | undefined;
-        scroll?: ("body" | "paper") | undefined;
+        PaperProps?: Partial<import("@mui/material").PaperProps<import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>>> | undefined;
+        scroll?: "body" | "paper" | undefined;
         sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
         TransitionComponent?: import("react").JSXElementConstructor<import("@mui/material/transitions").TransitionProps & {
             children: import("react").ReactElement<any, any>;
         }> | undefined;
-        transitionDuration?: import("@mui/material/transitions").TransitionProps["timeout"];
+        transitionDuration?: number | {
+            appear?: number | undefined;
+            enter?: number | undefined;
+            exit?: number | undefined;
+        } | {
+            appear?: number | undefined;
+            enter?: number | undefined;
+            exit?: number | undefined;
+        } | undefined;
         TransitionProps?: import("@mui/material/transitions").TransitionProps | undefined;
-        ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+        ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
         className?: string | undefined;
         style?: import("react").CSSProperties | undefined;
         color?: string | undefined;
@@ -721,26 +809,26 @@ export declare const Info: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -754,9 +842,9 @@ export declare const Info: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -936,18 +1024,18 @@ export declare const Info: {
         key?: import("react").Key | null | undefined;
         content?: string | undefined;
         translate?: "yes" | "no" | undefined;
-        container?: import("@mui/material").PortalProps["container"];
+        container?: Element | (() => Element | null) | null | undefined;
         slots?: import("@mui/material").ModalSlots | undefined;
         slotProps?: {
-            root?: import("@mui/utils").SlotComponentProps<"div", import("@mui/material").ModalComponentsPropsOverrides, import("@mui/material").ModalOwnerState>;
-            backdrop?: import("@mui/utils").SlotComponentProps<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").BackdropTypeMap<{}, "div">>, import("@mui/material").ModalComponentsPropsOverrides, import("@mui/material").ModalOwnerState>;
+            root?: import("@mui/utils").SlotComponentProps<"div", import("@mui/material").ModalComponentsPropsOverrides, import("@mui/material").ModalOwnerState> | undefined;
+            backdrop?: import("@mui/utils").SlotComponentProps<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").BackdropTypeMap<{}, "div">>, import("@mui/material").ModalComponentsPropsOverrides, import("@mui/material").ModalOwnerState> | undefined;
         } | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
+        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
@@ -975,24 +1063,24 @@ export declare const Info: {
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+        unselectable?: "off" | "on" | undefined;
+        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
-        component?: import("react").ElementType | undefined;
-        BackdropComponent?: import("react").ElementType<import("@mui/material").BackdropProps> | undefined;
+        component?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+        BackdropComponent?: import("react").ElementType<import("@mui/material").BackdropProps, keyof import("react").JSX.IntrinsicElements> | undefined;
         BackdropProps?: Partial<import("@mui/material").BackdropProps> | undefined;
         closeAfterTransition?: boolean | undefined;
         components?: {
-            Root?: import("react").ElementType;
-            Backdrop?: import("react").ElementType;
+            Root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            Backdrop?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         componentsProps?: {
-            root?: import("@mui/utils").SlotComponentProps<"div", import("@mui/material").ModalComponentsPropsOverrides, import("@mui/material").ModalOwnerState>;
-            backdrop?: import("@mui/utils").SlotComponentProps<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").BackdropTypeMap<{}, "div">>, import("@mui/material").ModalComponentsPropsOverrides, import("@mui/material").ModalOwnerState>;
+            root?: import("@mui/utils").SlotComponentProps<"div", import("@mui/material").ModalComponentsPropsOverrides, import("@mui/material").ModalOwnerState> | undefined;
+            backdrop?: import("@mui/utils").SlotComponentProps<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").BackdropTypeMap<{}, "div">>, import("@mui/material").ModalComponentsPropsOverrides, import("@mui/material").ModalOwnerState> | undefined;
         } | undefined;
         disableAutoFocus?: boolean | undefined;
         disableEnforceFocus?: boolean | undefined;
-        disablePortal?: import("@mui/material").PortalProps["disablePortal"];
+        disablePortal?: boolean | undefined;
         disableRestoreFocus?: boolean | undefined;
         disableScrollLock?: boolean | undefined;
         hideBackdrop?: boolean | undefined;
@@ -1014,7 +1102,7 @@ export declare const PlainVariant: {
         };
     };
     render: (args: {
-        variant?: ("info" | "alert" | "plain") | undefined;
+        variant?: "info" | "alert" | "plain" | undefined;
         title?: string | undefined;
         message?: import("react").ReactNode;
         handleClose?: (() => void) | undefined;
@@ -1025,20 +1113,28 @@ export declare const PlainVariant: {
         disableEscapeKeyDown?: boolean | undefined;
         fullScreen?: boolean | undefined;
         fullWidth?: boolean | undefined;
-        maxWidth?: (import("@mui/system").Breakpoint | false) | undefined;
-        onBackdropClick?: import("@mui/material").ModalProps["onBackdropClick"];
-        onClose?: import("@mui/material").ModalProps["onClose"];
-        open: import("@mui/material").ModalProps["open"];
+        maxWidth?: false | import("@mui/system").Breakpoint | undefined;
+        onBackdropClick?: import("react").ReactEventHandler<{}> | undefined;
+        onClose?: ((event: {}, reason: "backdropClick" | "escapeKeyDown") => void) | undefined;
+        open: boolean;
         PaperComponent?: import("react").JSXElementConstructor<import("@mui/material").PaperProps> | undefined;
-        PaperProps?: Partial<import("@mui/material").PaperProps<import("react").ElementType>> | undefined;
-        scroll?: ("body" | "paper") | undefined;
+        PaperProps?: Partial<import("@mui/material").PaperProps<import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>>> | undefined;
+        scroll?: "body" | "paper" | undefined;
         sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
         TransitionComponent?: import("react").JSXElementConstructor<import("@mui/material/transitions").TransitionProps & {
             children: import("react").ReactElement<any, any>;
         }> | undefined;
-        transitionDuration?: import("@mui/material/transitions").TransitionProps["timeout"];
+        transitionDuration?: number | {
+            appear?: number | undefined;
+            enter?: number | undefined;
+            exit?: number | undefined;
+        } | {
+            appear?: number | undefined;
+            enter?: number | undefined;
+            exit?: number | undefined;
+        } | undefined;
         TransitionProps?: import("@mui/material/transitions").TransitionProps | undefined;
-        ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+        ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
         className?: string | undefined;
         style?: import("react").CSSProperties | undefined;
         color?: string | undefined;
@@ -1050,26 +1146,26 @@ export declare const PlainVariant: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -1083,9 +1179,9 @@ export declare const PlainVariant: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -1265,18 +1361,18 @@ export declare const PlainVariant: {
         key?: import("react").Key | null | undefined;
         content?: string | undefined;
         translate?: "yes" | "no" | undefined;
-        container?: import("@mui/material").PortalProps["container"];
+        container?: Element | (() => Element | null) | null | undefined;
         slots?: import("@mui/material").ModalSlots | undefined;
         slotProps?: {
-            root?: import("@mui/utils").SlotComponentProps<"div", import("@mui/material").ModalComponentsPropsOverrides, import("@mui/material").ModalOwnerState>;
-            backdrop?: import("@mui/utils").SlotComponentProps<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").BackdropTypeMap<{}, "div">>, import("@mui/material").ModalComponentsPropsOverrides, import("@mui/material").ModalOwnerState>;
+            root?: import("@mui/utils").SlotComponentProps<"div", import("@mui/material").ModalComponentsPropsOverrides, import("@mui/material").ModalOwnerState> | undefined;
+            backdrop?: import("@mui/utils").SlotComponentProps<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").BackdropTypeMap<{}, "div">>, import("@mui/material").ModalComponentsPropsOverrides, import("@mui/material").ModalOwnerState> | undefined;
         } | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
+        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
@@ -1304,24 +1400,24 @@ export declare const PlainVariant: {
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+        unselectable?: "off" | "on" | undefined;
+        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
-        component?: import("react").ElementType | undefined;
-        BackdropComponent?: import("react").ElementType<import("@mui/material").BackdropProps> | undefined;
+        component?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+        BackdropComponent?: import("react").ElementType<import("@mui/material").BackdropProps, keyof import("react").JSX.IntrinsicElements> | undefined;
         BackdropProps?: Partial<import("@mui/material").BackdropProps> | undefined;
         closeAfterTransition?: boolean | undefined;
         components?: {
-            Root?: import("react").ElementType;
-            Backdrop?: import("react").ElementType;
+            Root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            Backdrop?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         componentsProps?: {
-            root?: import("@mui/utils").SlotComponentProps<"div", import("@mui/material").ModalComponentsPropsOverrides, import("@mui/material").ModalOwnerState>;
-            backdrop?: import("@mui/utils").SlotComponentProps<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").BackdropTypeMap<{}, "div">>, import("@mui/material").ModalComponentsPropsOverrides, import("@mui/material").ModalOwnerState>;
+            root?: import("@mui/utils").SlotComponentProps<"div", import("@mui/material").ModalComponentsPropsOverrides, import("@mui/material").ModalOwnerState> | undefined;
+            backdrop?: import("@mui/utils").SlotComponentProps<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").BackdropTypeMap<{}, "div">>, import("@mui/material").ModalComponentsPropsOverrides, import("@mui/material").ModalOwnerState> | undefined;
         } | undefined;
         disableAutoFocus?: boolean | undefined;
         disableEnforceFocus?: boolean | undefined;
-        disablePortal?: import("@mui/material").PortalProps["disablePortal"];
+        disablePortal?: boolean | undefined;
         disableRestoreFocus?: boolean | undefined;
         disableScrollLock?: boolean | undefined;
         hideBackdrop?: boolean | undefined;