@galaxy-ds/core 2.1.1 → 2.1.3

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';
 /**
@@ -16,10 +19,70 @@ declare const meta: {
     };
     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;
@@ -31,32 +94,40 @@ 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?: React.ReactNode;
+        message?: import("react").ReactNode;
         handleClose?: (() => void) | undefined;
         'aria-describedby'?: string | undefined;
         'aria-labelledby'?: string | undefined;
-        children?: React.ReactNode;
+        children?: import("react").ReactNode;
         classes?: Partial<import("@mui/material").DialogClasses> | undefined;
         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"];
-        PaperComponent?: React.JSXElementConstructor<import("@mui/material").PaperProps> | undefined;
-        PaperProps?: Partial<import("@mui/material").PaperProps<React.ElementType>> | undefined;
-        scroll?: ("body" | "paper") | undefined;
+        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<any, keyof import("react").JSX.IntrinsicElements>>> | undefined;
+        scroll?: "body" | "paper" | undefined;
         sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
-        TransitionComponent?: React.JSXElementConstructor<import("@mui/material/transitions").TransitionProps & {
-            children: React.ReactElement<any, any>;
+        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;
@@ -68,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;
@@ -101,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;
@@ -283,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;
@@ -322,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?: React.ElementType | undefined;
-        BackdropComponent?: 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?: React.ElementType;
-            Backdrop?: 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;
@@ -355,31 +426,39 @@ export declare const Alert: {
         };
     };
     render: (args: {
-        variant?: ("info" | "alert" | "plain") | undefined;
+        variant?: "info" | "alert" | "plain" | undefined;
         title?: string | undefined;
-        message?: React.ReactNode;
+        message?: import("react").ReactNode;
         handleClose?: (() => void) | undefined;
         'aria-describedby'?: string | undefined;
         'aria-labelledby'?: string | undefined;
-        children?: React.ReactNode;
+        children?: import("react").ReactNode;
         classes?: Partial<import("@mui/material").DialogClasses> | undefined;
         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"];
-        PaperComponent?: React.JSXElementConstructor<import("@mui/material").PaperProps> | undefined;
-        PaperProps?: Partial<import("@mui/material").PaperProps<React.ElementType>> | undefined;
-        scroll?: ("body" | "paper") | undefined;
+        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<any, keyof import("react").JSX.IntrinsicElements>>> | undefined;
+        scroll?: "body" | "paper" | undefined;
         sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
-        TransitionComponent?: React.JSXElementConstructor<import("@mui/material/transitions").TransitionProps & {
-            children: React.ReactElement<any, any>;
+        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;
@@ -391,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;
@@ -424,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;
@@ -606,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;
@@ -645,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?: React.ElementType | undefined;
-        BackdropComponent?: 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?: React.ElementType;
-            Backdrop?: 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;
@@ -686,31 +765,39 @@ export declare const Info: {
         };
     };
     render: (args: {
-        variant?: ("info" | "alert" | "plain") | undefined;
+        variant?: "info" | "alert" | "plain" | undefined;
         title?: string | undefined;
-        message?: React.ReactNode;
+        message?: import("react").ReactNode;
         handleClose?: (() => void) | undefined;
         'aria-describedby'?: string | undefined;
         'aria-labelledby'?: string | undefined;
-        children?: React.ReactNode;
+        children?: import("react").ReactNode;
         classes?: Partial<import("@mui/material").DialogClasses> | undefined;
         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"];
-        PaperComponent?: React.JSXElementConstructor<import("@mui/material").PaperProps> | undefined;
-        PaperProps?: Partial<import("@mui/material").PaperProps<React.ElementType>> | undefined;
-        scroll?: ("body" | "paper") | undefined;
+        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<any, keyof import("react").JSX.IntrinsicElements>>> | undefined;
+        scroll?: "body" | "paper" | undefined;
         sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
-        TransitionComponent?: React.JSXElementConstructor<import("@mui/material/transitions").TransitionProps & {
-            children: React.ReactElement<any, any>;
+        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;
@@ -722,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;
@@ -755,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;
@@ -937,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;
@@ -976,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?: React.ElementType | undefined;
-        BackdropComponent?: 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?: React.ElementType;
-            Backdrop?: 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;
@@ -1015,31 +1102,39 @@ export declare const PlainVariant: {
         };
     };
     render: (args: {
-        variant?: ("info" | "alert" | "plain") | undefined;
+        variant?: "info" | "alert" | "plain" | undefined;
         title?: string | undefined;
-        message?: React.ReactNode;
+        message?: import("react").ReactNode;
         handleClose?: (() => void) | undefined;
         'aria-describedby'?: string | undefined;
         'aria-labelledby'?: string | undefined;
-        children?: React.ReactNode;
+        children?: import("react").ReactNode;
         classes?: Partial<import("@mui/material").DialogClasses> | undefined;
         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"];
-        PaperComponent?: React.JSXElementConstructor<import("@mui/material").PaperProps> | undefined;
-        PaperProps?: Partial<import("@mui/material").PaperProps<React.ElementType>> | undefined;
-        scroll?: ("body" | "paper") | undefined;
+        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<any, keyof import("react").JSX.IntrinsicElements>>> | undefined;
+        scroll?: "body" | "paper" | undefined;
         sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
-        TransitionComponent?: React.JSXElementConstructor<import("@mui/material/transitions").TransitionProps & {
-            children: React.ReactElement<any, any>;
+        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;
@@ -1051,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;
@@ -1084,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;
@@ -1266,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;
@@ -1305,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?: React.ElementType | undefined;
-        BackdropComponent?: 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?: React.ElementType;
-            Backdrop?: 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;