@galaxy-ds/core 2.1.1 → 2.1.3

package/dist/Accordion/Accordion.stories.d.ts

@@ -1,3 +1,6 @@
+/// <reference types="react" />
+/// <reference types="react" />
+/// <reference types="trusted-types" />
 import { BADGE } from '@geometricpanda/storybook-addon-badges';
 /**
  *
@@ -14,22 +17,33 @@ declare const meta: {
         badges: BADGE[];
         layout: string;
     };
-    decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react").ReactRenderer, {
-        children?: React.ReactNode;
+    decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, {
+        children?: import("react").ReactNode;
         title?: string | undefined;
         time?: string | undefined;
-        color?: ("primary" | "textPrimary") | undefined;
+        color?: "primary" | "textPrimary" | undefined;
         bgColor?: string | undefined;
         border?: boolean | undefined;
-        chevronPosition?: ("start" | "end") | undefined;
+        chevronPosition?: "end" | "start" | undefined;
         className?: string | undefined;
         classes?: Partial<import("@mui/material").CollapseClasses> | undefined;
-        collapsedSize?: (string | number) | undefined;
-        component?: React.ElementType<import("@mui/material/transitions").TransitionProps> | undefined;
-        easing?: import("@mui/material/transitions").TransitionProps["easing"];
+        collapsedSize?: string | number | undefined;
+        component?: import("react").ElementType<import("@mui/material/transitions").TransitionProps, keyof import("react").JSX.IntrinsicElements> | undefined;
+        easing?: string | {
+            enter?: string | undefined;
+            exit?: string | undefined;
+        } | undefined;
         in?: boolean | undefined;
-        orientation?: ("horizontal" | "vertical") | undefined;
-        timeout?: import("@mui/material/transitions").TransitionProps["timeout"] | "auto";
+        orientation?: "horizontal" | "vertical" | undefined;
+        timeout?: number | "auto" | {
+            appear?: number | undefined;
+            enter?: number | undefined;
+            exit?: number | undefined;
+        } | {
+            appear?: number | undefined;
+            enter?: number | undefined;
+            exit?: number | undefined;
+        } | undefined;
         sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
         style?: import("react").CSSProperties | undefined;
         slot?: string | undefined;
@@ -40,27 +54,27 @@ declare const meta: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
         "aria-describedby"?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -75,9 +89,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;
@@ -261,7 +275,7 @@ declare const meta: {
         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;
@@ -289,8 +303,8 @@ 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;
         exit?: boolean | undefined;
         mountOnEnter?: boolean | undefined;
@@ -306,13 +320,46 @@ declare const meta: {
         enter?: boolean | undefined;
         ref?: import("react").Ref<unknown> | undefined;
     }>) => import("react/jsx-runtime").JSX.Element)[];
+    argTypes: {
+        children: {
+            control: {
+                type: undefined;
+            };
+        };
+        component: {
+            table: {
+                disable: boolean;
+            };
+        };
+        ref: {
+            control: {
+                type: undefined;
+            };
+        };
+        onClick: {
+            control: {
+                type: undefined;
+            };
+        };
+    };
 };
 export default meta;
 export declare const Default: {
     args: {
+        bgColor: string;
         title: string;
         time: string;
         onClick: import("@vitest/spy").Mock<[event: import("react").MouseEvent<HTMLElement, MouseEvent>], void>;
+        color: "textPrimary";
+        chevronPosition: "start";
+        orientation: "vertical";
+    };
+    argTypes: {
+        children: {
+            control: {
+                type: undefined;
+            };
+        };
     };
     parameters: {
         docs: {
@@ -321,22 +368,33 @@ export declare const Default: {
             };
         };
     };
-    play: ({ canvasElement, args }: import("@storybook/types").PlayFunctionContext<import("@storybook/react").ReactRenderer, {
-        children?: React.ReactNode;
+    play: ({ canvasElement, args }: import("@storybook/types").PlayFunctionContext<import("@storybook/react/dist/types-0fc72a6d").R, {
+        children?: import("react").ReactNode;
         title?: string | undefined;
         time?: string | undefined;
-        color?: ("primary" | "textPrimary") | undefined;
+        color?: "primary" | "textPrimary" | undefined;
         bgColor?: string | undefined;
         border?: boolean | undefined;
-        chevronPosition?: ("start" | "end") | undefined;
+        chevronPosition?: "end" | "start" | undefined;
         className?: string | undefined;
         classes?: Partial<import("@mui/material").CollapseClasses> | undefined;
-        collapsedSize?: (string | number) | undefined;
-        component?: React.ElementType<import("@mui/material/transitions").TransitionProps> | undefined;
-        easing?: import("@mui/material/transitions").TransitionProps["easing"];
+        collapsedSize?: string | number | undefined;
+        component?: import("react").ElementType<import("@mui/material/transitions").TransitionProps, keyof import("react").JSX.IntrinsicElements> | undefined;
+        easing?: string | {
+            enter?: string | undefined;
+            exit?: string | undefined;
+        } | undefined;
         in?: boolean | undefined;
-        orientation?: ("horizontal" | "vertical") | undefined;
-        timeout?: import("@mui/material/transitions").TransitionProps["timeout"] | "auto";
+        orientation?: "horizontal" | "vertical" | undefined;
+        timeout?: number | "auto" | {
+            appear?: number | undefined;
+            enter?: number | undefined;
+            exit?: number | undefined;
+        } | {
+            appear?: number | undefined;
+            enter?: number | undefined;
+            exit?: number | undefined;
+        } | undefined;
         sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
         style?: import("react").CSSProperties | undefined;
         slot?: string | undefined;
@@ -347,27 +405,27 @@ export declare const Default: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
         "aria-describedby"?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -382,9 +440,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,7 +626,7 @@ export declare const Default: {
         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;
@@ -596,8 +654,8 @@ 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;
         exit?: boolean | undefined;
         mountOnEnter?: boolean | undefined;
@@ -614,21 +672,32 @@ export declare const Default: {
         ref?: import("react").Ref<unknown> | undefined;
     }>) => Promise<void>;
     render: (args: {
-        children?: React.ReactNode;
+        children?: import("react").ReactNode;
         title?: string | undefined;
         time?: string | undefined;
-        color?: ("primary" | "textPrimary") | undefined;
+        color?: "primary" | "textPrimary" | undefined;
         bgColor?: string | undefined;
         border?: boolean | undefined;
-        chevronPosition?: ("start" | "end") | undefined;
+        chevronPosition?: "end" | "start" | undefined;
         className?: string | undefined;
         classes?: Partial<import("@mui/material").CollapseClasses> | undefined;
-        collapsedSize?: (string | number) | undefined;
-        component?: React.ElementType<import("@mui/material/transitions").TransitionProps> | undefined;
-        easing?: import("@mui/material/transitions").TransitionProps["easing"];
+        collapsedSize?: string | number | undefined;
+        component?: import("react").ElementType<import("@mui/material/transitions").TransitionProps, keyof import("react").JSX.IntrinsicElements> | undefined;
+        easing?: string | {
+            enter?: string | undefined;
+            exit?: string | undefined;
+        } | undefined;
         in?: boolean | undefined;
-        orientation?: ("horizontal" | "vertical") | undefined;
-        timeout?: import("@mui/material/transitions").TransitionProps["timeout"] | "auto";
+        orientation?: "horizontal" | "vertical" | undefined;
+        timeout?: number | "auto" | {
+            appear?: number | undefined;
+            enter?: number | undefined;
+            exit?: number | undefined;
+        } | {
+            appear?: number | undefined;
+            enter?: number | undefined;
+            exit?: number | undefined;
+        } | undefined;
         sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
         style?: import("react").CSSProperties | undefined;
         slot?: string | undefined;
@@ -639,27 +708,27 @@ export declare const Default: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
         "aria-describedby"?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -674,9 +743,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;
@@ -860,7 +929,7 @@ export declare const Default: {
         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;
@@ -888,8 +957,8 @@ 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;
         exit?: boolean | undefined;
         mountOnEnter?: boolean | undefined;
@@ -922,22 +991,33 @@ export declare const AttachmentList: {
             };
         };
     };
-    play: ({ canvasElement }: import("@storybook/types").PlayFunctionContext<import("@storybook/react").ReactRenderer, {
-        children?: React.ReactNode;
+    play: ({ canvasElement }: import("@storybook/types").PlayFunctionContext<import("@storybook/react/dist/types-0fc72a6d").R, {
+        children?: import("react").ReactNode;
         title?: string | undefined;
         time?: string | undefined;
-        color?: ("primary" | "textPrimary") | undefined;
+        color?: "primary" | "textPrimary" | undefined;
         bgColor?: string | undefined;
         border?: boolean | undefined;
-        chevronPosition?: ("start" | "end") | undefined;
+        chevronPosition?: "end" | "start" | undefined;
         className?: string | undefined;
         classes?: Partial<import("@mui/material").CollapseClasses> | undefined;
-        collapsedSize?: (string | number) | undefined;
-        component?: React.ElementType<import("@mui/material/transitions").TransitionProps> | undefined;
-        easing?: import("@mui/material/transitions").TransitionProps["easing"];
+        collapsedSize?: string | number | undefined;
+        component?: import("react").ElementType<import("@mui/material/transitions").TransitionProps, keyof import("react").JSX.IntrinsicElements> | undefined;
+        easing?: string | {
+            enter?: string | undefined;
+            exit?: string | undefined;
+        } | undefined;
         in?: boolean | undefined;
-        orientation?: ("horizontal" | "vertical") | undefined;
-        timeout?: import("@mui/material/transitions").TransitionProps["timeout"] | "auto";
+        orientation?: "horizontal" | "vertical" | undefined;
+        timeout?: number | "auto" | {
+            appear?: number | undefined;
+            enter?: number | undefined;
+            exit?: number | undefined;
+        } | {
+            appear?: number | undefined;
+            enter?: number | undefined;
+            exit?: number | undefined;
+        } | undefined;
         sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
         style?: import("react").CSSProperties | undefined;
         slot?: string | undefined;
@@ -948,27 +1028,27 @@ export declare const AttachmentList: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
         "aria-describedby"?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -983,9 +1063,9 @@ export declare const AttachmentList: {
         "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;
@@ -1169,7 +1249,7 @@ export declare const AttachmentList: {
         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;
@@ -1197,8 +1277,8 @@ export declare const AttachmentList: {
         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;
         exit?: boolean | undefined;
         mountOnEnter?: boolean | undefined;
@@ -1215,21 +1295,32 @@ export declare const AttachmentList: {
         ref?: import("react").Ref<unknown> | undefined;
     }>) => Promise<void>;
     render: (args: {
-        children?: React.ReactNode;
+        children?: import("react").ReactNode;
         title?: string | undefined;
         time?: string | undefined;
-        color?: ("primary" | "textPrimary") | undefined;
+        color?: "primary" | "textPrimary" | undefined;
         bgColor?: string | undefined;
         border?: boolean | undefined;
-        chevronPosition?: ("start" | "end") | undefined;
+        chevronPosition?: "end" | "start" | undefined;
         className?: string | undefined;
         classes?: Partial<import("@mui/material").CollapseClasses> | undefined;
-        collapsedSize?: (string | number) | undefined;
-        component?: React.ElementType<import("@mui/material/transitions").TransitionProps> | undefined;
-        easing?: import("@mui/material/transitions").TransitionProps["easing"];
+        collapsedSize?: string | number | undefined;
+        component?: import("react").ElementType<import("@mui/material/transitions").TransitionProps, keyof import("react").JSX.IntrinsicElements> | undefined;
+        easing?: string | {
+            enter?: string | undefined;
+            exit?: string | undefined;
+        } | undefined;
         in?: boolean | undefined;
-        orientation?: ("horizontal" | "vertical") | undefined;
-        timeout?: import("@mui/material/transitions").TransitionProps["timeout"] | "auto";
+        orientation?: "horizontal" | "vertical" | undefined;
+        timeout?: number | "auto" | {
+            appear?: number | undefined;
+            enter?: number | undefined;
+            exit?: number | undefined;
+        } | {
+            appear?: number | undefined;
+            enter?: number | undefined;
+            exit?: number | undefined;
+        } | undefined;
         sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
         style?: import("react").CSSProperties | undefined;
         slot?: string | undefined;
@@ -1240,27 +1331,27 @@ export declare const AttachmentList: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
         "aria-describedby"?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -1275,9 +1366,9 @@ export declare const AttachmentList: {
         "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;
@@ -1461,7 +1552,7 @@ export declare const AttachmentList: {
         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;
@@ -1489,8 +1580,8 @@ export declare const AttachmentList: {
         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;
         exit?: boolean | undefined;
         mountOnEnter?: boolean | undefined;
@@ -1519,22 +1610,33 @@ export declare const DetailedList: {
             };
         };
     };
-    play: ({ canvasElement }: import("@storybook/types").PlayFunctionContext<import("@storybook/react").ReactRenderer, {
-        children?: React.ReactNode;
+    play: ({ canvasElement }: import("@storybook/types").PlayFunctionContext<import("@storybook/react/dist/types-0fc72a6d").R, {
+        children?: import("react").ReactNode;
         title?: string | undefined;
         time?: string | undefined;
-        color?: ("primary" | "textPrimary") | undefined;
+        color?: "primary" | "textPrimary" | undefined;
         bgColor?: string | undefined;
         border?: boolean | undefined;
-        chevronPosition?: ("start" | "end") | undefined;
+        chevronPosition?: "end" | "start" | undefined;
         className?: string | undefined;
         classes?: Partial<import("@mui/material").CollapseClasses> | undefined;
-        collapsedSize?: (string | number) | undefined;
-        component?: React.ElementType<import("@mui/material/transitions").TransitionProps> | undefined;
-        easing?: import("@mui/material/transitions").TransitionProps["easing"];
+        collapsedSize?: string | number | undefined;
+        component?: import("react").ElementType<import("@mui/material/transitions").TransitionProps, keyof import("react").JSX.IntrinsicElements> | undefined;
+        easing?: string | {
+            enter?: string | undefined;
+            exit?: string | undefined;
+        } | undefined;
         in?: boolean | undefined;
-        orientation?: ("horizontal" | "vertical") | undefined;
-        timeout?: import("@mui/material/transitions").TransitionProps["timeout"] | "auto";
+        orientation?: "horizontal" | "vertical" | undefined;
+        timeout?: number | "auto" | {
+            appear?: number | undefined;
+            enter?: number | undefined;
+            exit?: number | undefined;
+        } | {
+            appear?: number | undefined;
+            enter?: number | undefined;
+            exit?: number | undefined;
+        } | undefined;
         sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
         style?: import("react").CSSProperties | undefined;
         slot?: string | undefined;
@@ -1545,27 +1647,27 @@ export declare const DetailedList: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
         "aria-describedby"?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -1580,9 +1682,9 @@ export declare const DetailedList: {
         "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;
@@ -1766,7 +1868,7 @@ export declare const DetailedList: {
         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;
@@ -1794,8 +1896,8 @@ export declare const DetailedList: {
         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;
         exit?: boolean | undefined;
         mountOnEnter?: boolean | undefined;
@@ -1812,21 +1914,32 @@ export declare const DetailedList: {
         ref?: import("react").Ref<unknown> | undefined;
     }>) => Promise<void>;
     render: (args: {
-        children?: React.ReactNode;
+        children?: import("react").ReactNode;
         title?: string | undefined;
         time?: string | undefined;
-        color?: ("primary" | "textPrimary") | undefined;
+        color?: "primary" | "textPrimary" | undefined;
         bgColor?: string | undefined;
         border?: boolean | undefined;
-        chevronPosition?: ("start" | "end") | undefined;
+        chevronPosition?: "end" | "start" | undefined;
         className?: string | undefined;
         classes?: Partial<import("@mui/material").CollapseClasses> | undefined;
-        collapsedSize?: (string | number) | undefined;
-        component?: React.ElementType<import("@mui/material/transitions").TransitionProps> | undefined;
-        easing?: import("@mui/material/transitions").TransitionProps["easing"];
+        collapsedSize?: string | number | undefined;
+        component?: import("react").ElementType<import("@mui/material/transitions").TransitionProps, keyof import("react").JSX.IntrinsicElements> | undefined;
+        easing?: string | {
+            enter?: string | undefined;
+            exit?: string | undefined;
+        } | undefined;
         in?: boolean | undefined;
-        orientation?: ("horizontal" | "vertical") | undefined;
-        timeout?: import("@mui/material/transitions").TransitionProps["timeout"] | "auto";
+        orientation?: "horizontal" | "vertical" | undefined;
+        timeout?: number | "auto" | {
+            appear?: number | undefined;
+            enter?: number | undefined;
+            exit?: number | undefined;
+        } | {
+            appear?: number | undefined;
+            enter?: number | undefined;
+            exit?: number | undefined;
+        } | undefined;
         sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
         style?: import("react").CSSProperties | undefined;
         slot?: string | undefined;
@@ -1837,27 +1950,27 @@ export declare const DetailedList: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
         "aria-describedby"?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -1872,9 +1985,9 @@ export declare const DetailedList: {
         "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;
@@ -2058,7 +2171,7 @@ export declare const DetailedList: {
         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;
@@ -2086,8 +2199,8 @@ export declare const DetailedList: {
         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;
         exit?: boolean | undefined;
         mountOnEnter?: boolean | undefined;
@@ -2117,22 +2230,33 @@ export declare const Colors: {
             };
         };
     };
-    play: ({ canvasElement }: import("@storybook/types").PlayFunctionContext<import("@storybook/react").ReactRenderer, {
-        children?: React.ReactNode;
+    play: ({ canvasElement }: import("@storybook/types").PlayFunctionContext<import("@storybook/react/dist/types-0fc72a6d").R, {
+        children?: import("react").ReactNode;
         title?: string | undefined;
         time?: string | undefined;
-        color?: ("primary" | "textPrimary") | undefined;
+        color?: "primary" | "textPrimary" | undefined;
         bgColor?: string | undefined;
         border?: boolean | undefined;
-        chevronPosition?: ("start" | "end") | undefined;
+        chevronPosition?: "end" | "start" | undefined;
         className?: string | undefined;
         classes?: Partial<import("@mui/material").CollapseClasses> | undefined;
-        collapsedSize?: (string | number) | undefined;
-        component?: React.ElementType<import("@mui/material/transitions").TransitionProps> | undefined;
-        easing?: import("@mui/material/transitions").TransitionProps["easing"];
+        collapsedSize?: string | number | undefined;
+        component?: import("react").ElementType<import("@mui/material/transitions").TransitionProps, keyof import("react").JSX.IntrinsicElements> | undefined;
+        easing?: string | {
+            enter?: string | undefined;
+            exit?: string | undefined;
+        } | undefined;
         in?: boolean | undefined;
-        orientation?: ("horizontal" | "vertical") | undefined;
-        timeout?: import("@mui/material/transitions").TransitionProps["timeout"] | "auto";
+        orientation?: "horizontal" | "vertical" | undefined;
+        timeout?: number | "auto" | {
+            appear?: number | undefined;
+            enter?: number | undefined;
+            exit?: number | undefined;
+        } | {
+            appear?: number | undefined;
+            enter?: number | undefined;
+            exit?: number | undefined;
+        } | undefined;
         sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
         style?: import("react").CSSProperties | undefined;
         slot?: string | undefined;
@@ -2143,27 +2267,27 @@ export declare const Colors: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
         "aria-describedby"?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -2178,9 +2302,9 @@ export declare const Colors: {
         "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;
@@ -2364,7 +2488,7 @@ export declare const Colors: {
         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;
@@ -2392,8 +2516,8 @@ export declare const Colors: {
         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;
         exit?: boolean | undefined;
         mountOnEnter?: boolean | undefined;
@@ -2410,21 +2534,32 @@ export declare const Colors: {
         ref?: import("react").Ref<unknown> | undefined;
     }>) => Promise<void>;
     render: (args: {
-        children?: React.ReactNode;
+        children?: import("react").ReactNode;
         title?: string | undefined;
         time?: string | undefined;
-        color?: ("primary" | "textPrimary") | undefined;
+        color?: "primary" | "textPrimary" | undefined;
         bgColor?: string | undefined;
         border?: boolean | undefined;
-        chevronPosition?: ("start" | "end") | undefined;
+        chevronPosition?: "end" | "start" | undefined;
         className?: string | undefined;
         classes?: Partial<import("@mui/material").CollapseClasses> | undefined;
-        collapsedSize?: (string | number) | undefined;
-        component?: React.ElementType<import("@mui/material/transitions").TransitionProps> | undefined;
-        easing?: import("@mui/material/transitions").TransitionProps["easing"];
+        collapsedSize?: string | number | undefined;
+        component?: import("react").ElementType<import("@mui/material/transitions").TransitionProps, keyof import("react").JSX.IntrinsicElements> | undefined;
+        easing?: string | {
+            enter?: string | undefined;
+            exit?: string | undefined;
+        } | undefined;
         in?: boolean | undefined;
-        orientation?: ("horizontal" | "vertical") | undefined;
-        timeout?: import("@mui/material/transitions").TransitionProps["timeout"] | "auto";
+        orientation?: "horizontal" | "vertical" | undefined;
+        timeout?: number | "auto" | {
+            appear?: number | undefined;
+            enter?: number | undefined;
+            exit?: number | undefined;
+        } | {
+            appear?: number | undefined;
+            enter?: number | undefined;
+            exit?: number | undefined;
+        } | undefined;
         sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
         style?: import("react").CSSProperties | undefined;
         slot?: string | undefined;
@@ -2435,27 +2570,27 @@ export declare const Colors: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
         "aria-describedby"?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -2470,9 +2605,9 @@ export declare const Colors: {
         "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;
@@ -2656,7 +2791,7 @@ export declare const Colors: {
         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;
@@ -2684,8 +2819,8 @@ export declare const Colors: {
         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;
         exit?: boolean | undefined;
         mountOnEnter?: boolean | undefined;
@@ -2720,22 +2855,33 @@ export declare const ChevronPosition: {
             };
         };
     };
-    play: ({ canvasElement }: import("@storybook/types").PlayFunctionContext<import("@storybook/react").ReactRenderer, {
-        children?: React.ReactNode;
+    play: ({ canvasElement }: import("@storybook/types").PlayFunctionContext<import("@storybook/react/dist/types-0fc72a6d").R, {
+        children?: import("react").ReactNode;
         title?: string | undefined;
         time?: string | undefined;
-        color?: ("primary" | "textPrimary") | undefined;
+        color?: "primary" | "textPrimary" | undefined;
         bgColor?: string | undefined;
         border?: boolean | undefined;
-        chevronPosition?: ("start" | "end") | undefined;
+        chevronPosition?: "end" | "start" | undefined;
         className?: string | undefined;
         classes?: Partial<import("@mui/material").CollapseClasses> | undefined;
-        collapsedSize?: (string | number) | undefined;
-        component?: React.ElementType<import("@mui/material/transitions").TransitionProps> | undefined;
-        easing?: import("@mui/material/transitions").TransitionProps["easing"];
+        collapsedSize?: string | number | undefined;
+        component?: import("react").ElementType<import("@mui/material/transitions").TransitionProps, keyof import("react").JSX.IntrinsicElements> | undefined;
+        easing?: string | {
+            enter?: string | undefined;
+            exit?: string | undefined;
+        } | undefined;
         in?: boolean | undefined;
-        orientation?: ("horizontal" | "vertical") | undefined;
-        timeout?: import("@mui/material/transitions").TransitionProps["timeout"] | "auto";
+        orientation?: "horizontal" | "vertical" | undefined;
+        timeout?: number | "auto" | {
+            appear?: number | undefined;
+            enter?: number | undefined;
+            exit?: number | undefined;
+        } | {
+            appear?: number | undefined;
+            enter?: number | undefined;
+            exit?: number | undefined;
+        } | undefined;
         sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
         style?: import("react").CSSProperties | undefined;
         slot?: string | undefined;
@@ -2746,27 +2892,27 @@ export declare const ChevronPosition: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
         "aria-describedby"?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -2781,9 +2927,9 @@ export declare const ChevronPosition: {
         "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;
@@ -2967,7 +3113,7 @@ export declare const ChevronPosition: {
         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;
@@ -2995,8 +3141,8 @@ export declare const ChevronPosition: {
         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;
         exit?: boolean | undefined;
         mountOnEnter?: boolean | undefined;
@@ -3013,21 +3159,32 @@ export declare const ChevronPosition: {
         ref?: import("react").Ref<unknown> | undefined;
     }>) => Promise<void>;
     render: (args: {
-        children?: React.ReactNode;
+        children?: import("react").ReactNode;
         title?: string | undefined;
         time?: string | undefined;
-        color?: ("primary" | "textPrimary") | undefined;
+        color?: "primary" | "textPrimary" | undefined;
         bgColor?: string | undefined;
         border?: boolean | undefined;
-        chevronPosition?: ("start" | "end") | undefined;
+        chevronPosition?: "end" | "start" | undefined;
         className?: string | undefined;
         classes?: Partial<import("@mui/material").CollapseClasses> | undefined;
-        collapsedSize?: (string | number) | undefined;
-        component?: React.ElementType<import("@mui/material/transitions").TransitionProps> | undefined;
-        easing?: import("@mui/material/transitions").TransitionProps["easing"];
+        collapsedSize?: string | number | undefined;
+        component?: import("react").ElementType<import("@mui/material/transitions").TransitionProps, keyof import("react").JSX.IntrinsicElements> | undefined;
+        easing?: string | {
+            enter?: string | undefined;
+            exit?: string | undefined;
+        } | undefined;
         in?: boolean | undefined;
-        orientation?: ("horizontal" | "vertical") | undefined;
-        timeout?: import("@mui/material/transitions").TransitionProps["timeout"] | "auto";
+        orientation?: "horizontal" | "vertical" | undefined;
+        timeout?: number | "auto" | {
+            appear?: number | undefined;
+            enter?: number | undefined;
+            exit?: number | undefined;
+        } | {
+            appear?: number | undefined;
+            enter?: number | undefined;
+            exit?: number | undefined;
+        } | undefined;
         sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
         style?: import("react").CSSProperties | undefined;
         slot?: string | undefined;
@@ -3038,27 +3195,27 @@ export declare const ChevronPosition: {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
         "aria-describedby"?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -3073,9 +3230,9 @@ export declare const ChevronPosition: {
         "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;
@@ -3259,7 +3416,7 @@ export declare const ChevronPosition: {
         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;
@@ -3287,8 +3444,8 @@ export declare const ChevronPosition: {
         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;
         exit?: boolean | undefined;
         mountOnEnter?: boolean | undefined;