@galaxy-ds/core 2.1.0 → 2.1.2

package/dist/Drawer/Drawer.stories.d.ts

@@ -1,3 +1,6 @@
+/// <reference types="react" />
+/// <reference types="react" />
+/// <reference types="trusted-types" />
 import { BADGE } from '@geometricpanda/storybook-addon-badges';
 /**
  * Navigation drawers provide access to destinations in your app. Side sheets are surfaces containing supplementary content that are anchored to the left or right edge of the screen.
@@ -13,19 +16,44 @@ declare const meta: {
         badges: BADGE[];
     };
     argTypes: {
-        onBackdropClick: {
+        children: {
+            control: {
+                type: undefined;
+            };
+        };
+        component: {
+            table: {
+                disable: boolean;
+            };
+        };
+        transitionDuration: {
             control: {
+                type: undefined;
+            };
+        };
+        onBackdropClick: {
+            table: {
+                disable: boolean;
+            };
+        };
+        BackdropComponent: {
+            table: {
+                disable: boolean;
+            };
+        };
+        BackdropProps: {
+            table: {
                 disable: boolean;
             };
         };
     };
-    decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react").ReactRenderer, {
+    decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, {
         children?: import("react").ReactNode;
         classes?: Partial<import("@mui/material").DrawerClasses> | undefined;
-        anchor?: ("left" | "top" | "right" | "bottom") | undefined;
+        anchor?: "bottom" | "left" | "right" | "top" | undefined;
         className?: string | undefined;
         style?: import("react").CSSProperties | undefined;
-        color?: ("primary" | "default") | undefined;
+        color?: "default" | "primary" | undefined;
         sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
         slot?: string | undefined;
         title?: string | undefined;
@@ -37,27 +65,27 @@ declare const meta: {
         elevation?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
         "aria-describedby"?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -72,9 +100,9 @@ declare const meta: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -252,22 +280,30 @@ declare const meta: {
         onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
         onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
         key?: import("react").Key | null | undefined;
-        variant?: ("permanent" | "persistent" | "temporary") | undefined;
+        variant?: "permanent" | "persistent" | "temporary" | undefined;
         content?: string | 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;
         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;
@@ -295,35 +331,35 @@ declare const meta: {
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+        unselectable?: "off" | "on" | undefined;
+        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
-        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;
         disableEscapeKeyDown?: boolean | undefined;
-        disablePortal?: import("@mui/material").PortalProps["disablePortal"];
+        disablePortal?: boolean | undefined;
         disableRestoreFocus?: boolean | undefined;
         disableScrollLock?: boolean | undefined;
         hideBackdrop?: boolean | undefined;
         keepMounted?: boolean | undefined;
         onBackdropClick?: import("react").ReactEventHandler<{}> | undefined;
-        onClose?: import("@mui/material").ModalProps["onClose"];
+        onClose?: ((event: {}, reason: "backdropClick" | "escapeKeyDown") => void) | undefined;
         onTransitionEnter?: (() => void) | undefined;
         onTransitionExited?: (() => void) | undefined;
         open?: boolean | undefined;
-        PaperProps?: Partial<import("@mui/material").PaperProps<import("react").ElementType>> | undefined;
+        PaperProps?: Partial<import("@mui/material").PaperProps<import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>>> | undefined;
         ModalProps?: Partial<import("@mui/material").ModalProps> | undefined;
         SlideProps?: Partial<import("@mui/material").SlideProps> | undefined;
         ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
@@ -334,14 +370,16 @@ export declare const Default: {
     args: {
         color: "default";
         onClick: import("@vitest/spy").Mock<[event: import("react").MouseEvent<HTMLDivElement, MouseEvent>], void>;
+        variant: "permanent";
+        anchor: "left";
     };
-    play: ({ canvasElement, args }: import("@storybook/types").PlayFunctionContext<import("@storybook/react").ReactRenderer, {
+    play: ({ canvasElement, args }: import("@storybook/types").PlayFunctionContext<import("@storybook/react/dist/types-0fc72a6d").R, {
         children?: import("react").ReactNode;
         classes?: Partial<import("@mui/material").DrawerClasses> | undefined;
-        anchor?: ("left" | "top" | "right" | "bottom") | undefined;
+        anchor?: "bottom" | "left" | "right" | "top" | undefined;
         className?: string | undefined;
         style?: import("react").CSSProperties | undefined;
-        color?: ("primary" | "default") | undefined;
+        color?: "default" | "primary" | undefined;
         sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
         slot?: string | undefined;
         title?: string | undefined;
@@ -353,27 +391,27 @@ export declare const Default: {
         elevation?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
         "aria-describedby"?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -388,9 +426,9 @@ export declare const Default: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -568,22 +606,30 @@ export declare const Default: {
         onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
         onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
         key?: import("react").Key | null | undefined;
-        variant?: ("permanent" | "persistent" | "temporary") | undefined;
+        variant?: "permanent" | "persistent" | "temporary" | undefined;
         content?: string | 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;
         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;
@@ -611,35 +657,35 @@ export declare const Default: {
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+        unselectable?: "off" | "on" | undefined;
+        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
-        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;
         disableEscapeKeyDown?: boolean | undefined;
-        disablePortal?: import("@mui/material").PortalProps["disablePortal"];
+        disablePortal?: boolean | undefined;
         disableRestoreFocus?: boolean | undefined;
         disableScrollLock?: boolean | undefined;
         hideBackdrop?: boolean | undefined;
         keepMounted?: boolean | undefined;
         onBackdropClick?: import("react").ReactEventHandler<{}> | undefined;
-        onClose?: import("@mui/material").ModalProps["onClose"];
+        onClose?: ((event: {}, reason: "backdropClick" | "escapeKeyDown") => void) | undefined;
         onTransitionEnter?: (() => void) | undefined;
         onTransitionExited?: (() => void) | undefined;
         open?: boolean | undefined;
-        PaperProps?: Partial<import("@mui/material").PaperProps<import("react").ElementType>> | undefined;
+        PaperProps?: Partial<import("@mui/material").PaperProps<import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>>> | undefined;
         ModalProps?: Partial<import("@mui/material").ModalProps> | undefined;
         SlideProps?: Partial<import("@mui/material").SlideProps> | undefined;
         ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
@@ -654,10 +700,10 @@ export declare const Default: {
     render: (args: {
         children?: import("react").ReactNode;
         classes?: Partial<import("@mui/material").DrawerClasses> | undefined;
-        anchor?: ("left" | "top" | "right" | "bottom") | undefined;
+        anchor?: "bottom" | "left" | "right" | "top" | undefined;
         className?: string | undefined;
         style?: import("react").CSSProperties | undefined;
-        color?: ("primary" | "default") | undefined;
+        color?: "default" | "primary" | undefined;
         sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
         slot?: string | undefined;
         title?: string | undefined;
@@ -669,27 +715,27 @@ export declare const Default: {
         elevation?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
         "aria-describedby"?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -704,9 +750,9 @@ export declare const Default: {
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -884,22 +930,30 @@ export declare const Default: {
         onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
         onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
         key?: import("react").Key | null | undefined;
-        variant?: ("permanent" | "persistent" | "temporary") | undefined;
+        variant?: "permanent" | "persistent" | "temporary" | undefined;
         content?: string | 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;
         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;
@@ -927,35 +981,35 @@ export declare const Default: {
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+        unselectable?: "off" | "on" | undefined;
+        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
-        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;
         disableEscapeKeyDown?: boolean | undefined;
-        disablePortal?: import("@mui/material").PortalProps["disablePortal"];
+        disablePortal?: boolean | undefined;
         disableRestoreFocus?: boolean | undefined;
         disableScrollLock?: boolean | undefined;
         hideBackdrop?: boolean | undefined;
         keepMounted?: boolean | undefined;
         onBackdropClick?: import("react").ReactEventHandler<{}> | undefined;
-        onClose?: import("@mui/material").ModalProps["onClose"];
+        onClose?: ((event: {}, reason: "backdropClick" | "escapeKeyDown") => void) | undefined;
         onTransitionEnter?: (() => void) | undefined;
         onTransitionExited?: (() => void) | undefined;
         open?: boolean | undefined;
-        PaperProps?: Partial<import("@mui/material").PaperProps<import("react").ElementType>> | undefined;
+        PaperProps?: Partial<import("@mui/material").PaperProps<import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>>> | undefined;
         ModalProps?: Partial<import("@mui/material").ModalProps> | undefined;
         SlideProps?: Partial<import("@mui/material").SlideProps> | undefined;
         ref?: import("react").LegacyRef<HTMLDivElement> | undefined;