@galaxy-ds/core 2.1.1 → 2.1.2

package/dist/AvatarGroup/AvatarGroup.stories.d.ts

@@ -1,3 +1,6 @@
+/// <reference types="react" />
+/// <reference types="react" />
+/// <reference types="trusted-types" />
 import { BADGE } from '@geometricpanda/storybook-addon-badges';
 /**
  * AvatarGroup renders its children as a stack. Use the `max` prop to limit the number of avatars.
@@ -13,30 +16,71 @@ declare const meta: {
         badges: BADGE[];
         layout: string;
     };
+    argTypes: {
+        children: {
+            control: {
+                type: undefined;
+            };
+        };
+        component: {
+            table: {
+                disable: boolean;
+            };
+        };
+        renderSurplus: {
+            control: {
+                type: undefined;
+            };
+        };
+        ref: {
+            control: {
+                type: undefined;
+            };
+        };
+        total: {
+            table: {
+                total: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: number;
+                };
+            };
+        };
+    };
 };
 export default meta;
 export declare const Default: {
-    args: {};
-    play: ({ canvasElement }: import("@storybook/types").PlayFunctionContext<import("@storybook/react").ReactRenderer, {
-        size?: ("xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge") | undefined;
-        color?: ("default" | "primary" | "secondary") | undefined;
-        tooltip?: React.ReactNode;
+    args: {
+        color: "default";
+        spacing: "medium";
+        variant: "circular";
+        total: number;
+    };
+    play: ({ canvasElement }: import("@storybook/types").PlayFunctionContext<import("@storybook/react/dist/types-0fc72a6d").R, {
+        size?: "small" | "large" | "medium" | "xsmall" | "xlarge" | "xxlarge" | undefined;
+        color?: "default" | "primary" | "secondary" | undefined;
+        tooltip?: import("react").ReactNode;
         max?: number | undefined;
-        tooltipPlacement?: ("bottom-end" | "bottom-start" | "bottom" | "left-end" | "left-start" | "left" | "right-end" | "right-start" | "right" | "top-end" | "top-start" | "top") | undefined;
-        children?: React.ReactNode;
+        tooltipPlacement?: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined;
+        children?: import("react").ReactNode;
         classes?: Partial<import("@mui/material").AvatarGroupClasses> | undefined;
-        component?: React.ElementType | undefined;
+        component?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         componentsProps?: {
-            additionalAvatar?: React.ComponentPropsWithRef<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").AvatarTypeMap<{}, "div">>> & import("@mui/material").AvatarGroupComponentsPropsOverrides;
+            additionalAvatar?: (import("@mui/material").AvatarOwnProps & import("@mui/material").AvatarSlotsAndSlotProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+                ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+            }, "children" | "classes" | "className" | "style" | "sx" | "variant" | "slots" | "slotProps" | "sizes" | "alt" | "src" | "imgProps" | "srcSet"> & import("@mui/material").AvatarGroupComponentsPropsOverrides) | undefined;
         } | undefined;
-        renderSurplus?: ((surplus: number) => React.ReactNode) | undefined;
+        renderSurplus?: ((surplus: number) => import("react").ReactNode) | undefined;
         slotProps?: {
-            additionalAvatar?: React.ComponentPropsWithRef<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").AvatarTypeMap<{}, "div">>> & import("@mui/material").AvatarGroupComponentsPropsOverrides;
+            additionalAvatar?: (import("@mui/material").AvatarOwnProps & import("@mui/material").AvatarSlotsAndSlotProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+                ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+            }, "children" | "classes" | "className" | "style" | "sx" | "variant" | "slots" | "slotProps" | "sizes" | "alt" | "src" | "imgProps" | "srcSet"> & import("@mui/material").AvatarGroupComponentsPropsOverrides) | undefined;
         } | undefined;
-        spacing?: ("small" | "medium" | number) | undefined;
+        spacing?: number | "small" | "medium" | undefined;
         sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
         total?: number | undefined;
-        variant?: import("@mui/types").OverridableStringUnion<"circular" | "rounded" | "square", import("@mui/material").AvatarGroupPropsVariantOverrides> | undefined;
+        variant?: import("@mui/types").OverridableStringUnion<"rounded" | "square" | "circular", import("@mui/material").AvatarGroupPropsVariantOverrides> | undefined;
         className?: string | undefined;
         style?: import("react").CSSProperties | undefined;
         slot?: string | undefined;
@@ -48,27 +92,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;
@@ -83,9 +127,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;
@@ -269,7 +313,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;
@@ -297,31 +341,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;
         ref?: import("react").Ref<unknown> | undefined;
     }>) => Promise<void>;
     render: (args: {
-        size?: ("xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge") | undefined;
-        color?: ("default" | "primary" | "secondary") | undefined;
-        tooltip?: React.ReactNode;
+        size?: "small" | "large" | "medium" | "xsmall" | "xlarge" | "xxlarge" | undefined;
+        color?: "default" | "primary" | "secondary" | undefined;
+        tooltip?: import("react").ReactNode;
         max?: number | undefined;
-        tooltipPlacement?: ("bottom-end" | "bottom-start" | "bottom" | "left-end" | "left-start" | "left" | "right-end" | "right-start" | "right" | "top-end" | "top-start" | "top") | undefined;
-        children?: React.ReactNode;
+        tooltipPlacement?: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined;
+        children?: import("react").ReactNode;
         classes?: Partial<import("@mui/material").AvatarGroupClasses> | undefined;
-        component?: React.ElementType | undefined;
+        component?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         componentsProps?: {
-            additionalAvatar?: React.ComponentPropsWithRef<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").AvatarTypeMap<{}, "div">>> & import("@mui/material").AvatarGroupComponentsPropsOverrides;
+            additionalAvatar?: (import("@mui/material").AvatarOwnProps & import("@mui/material").AvatarSlotsAndSlotProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+                ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+            }, "children" | "classes" | "className" | "style" | "sx" | "variant" | "slots" | "slotProps" | "sizes" | "alt" | "src" | "imgProps" | "srcSet"> & import("@mui/material").AvatarGroupComponentsPropsOverrides) | undefined;
         } | undefined;
-        renderSurplus?: ((surplus: number) => React.ReactNode) | undefined;
+        renderSurplus?: ((surplus: number) => import("react").ReactNode) | undefined;
         slotProps?: {
-            additionalAvatar?: React.ComponentPropsWithRef<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").AvatarTypeMap<{}, "div">>> & import("@mui/material").AvatarGroupComponentsPropsOverrides;
+            additionalAvatar?: (import("@mui/material").AvatarOwnProps & import("@mui/material").AvatarSlotsAndSlotProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+                ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+            }, "children" | "classes" | "className" | "style" | "sx" | "variant" | "slots" | "slotProps" | "sizes" | "alt" | "src" | "imgProps" | "srcSet"> & import("@mui/material").AvatarGroupComponentsPropsOverrides) | undefined;
         } | undefined;
-        spacing?: ("small" | "medium" | number) | undefined;
+        spacing?: number | "small" | "medium" | undefined;
         sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
         total?: number | undefined;
-        variant?: import("@mui/types").OverridableStringUnion<"circular" | "rounded" | "square", import("@mui/material").AvatarGroupPropsVariantOverrides> | undefined;
+        variant?: import("@mui/types").OverridableStringUnion<"rounded" | "square" | "circular", import("@mui/material").AvatarGroupPropsVariantOverrides> | undefined;
         className?: string | undefined;
         style?: import("react").CSSProperties | undefined;
         slot?: string | undefined;
@@ -333,27 +381,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;
@@ -368,9 +416,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;
@@ -554,7 +602,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;
@@ -582,8 +630,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;
         ref?: import("react").Ref<unknown> | undefined;
     }) => import("react/jsx-runtime").JSX.Element;
@@ -592,27 +640,34 @@ export declare const Default: {
  * You can change the size of the avatar with the `size` prop with value `xsmall`, `small`, `medium`, `large`, `xlarge`.
  */
 export declare const Size: {
-    args: {};
-    play: ({ canvasElement }: import("@storybook/types").PlayFunctionContext<import("@storybook/react").ReactRenderer, {
-        size?: ("xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge") | undefined;
-        color?: ("default" | "primary" | "secondary") | undefined;
-        tooltip?: React.ReactNode;
+    args: {
+        color: "default";
+        variant: "circular";
+    };
+    play: ({ canvasElement }: import("@storybook/types").PlayFunctionContext<import("@storybook/react/dist/types-0fc72a6d").R, {
+        size?: "small" | "large" | "medium" | "xsmall" | "xlarge" | "xxlarge" | undefined;
+        color?: "default" | "primary" | "secondary" | undefined;
+        tooltip?: import("react").ReactNode;
         max?: number | undefined;
-        tooltipPlacement?: ("bottom-end" | "bottom-start" | "bottom" | "left-end" | "left-start" | "left" | "right-end" | "right-start" | "right" | "top-end" | "top-start" | "top") | undefined;
-        children?: React.ReactNode;
+        tooltipPlacement?: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined;
+        children?: import("react").ReactNode;
         classes?: Partial<import("@mui/material").AvatarGroupClasses> | undefined;
-        component?: React.ElementType | undefined;
+        component?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         componentsProps?: {
-            additionalAvatar?: React.ComponentPropsWithRef<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").AvatarTypeMap<{}, "div">>> & import("@mui/material").AvatarGroupComponentsPropsOverrides;
+            additionalAvatar?: (import("@mui/material").AvatarOwnProps & import("@mui/material").AvatarSlotsAndSlotProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+                ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+            }, "children" | "classes" | "className" | "style" | "sx" | "variant" | "slots" | "slotProps" | "sizes" | "alt" | "src" | "imgProps" | "srcSet"> & import("@mui/material").AvatarGroupComponentsPropsOverrides) | undefined;
         } | undefined;
-        renderSurplus?: ((surplus: number) => React.ReactNode) | undefined;
+        renderSurplus?: ((surplus: number) => import("react").ReactNode) | undefined;
         slotProps?: {
-            additionalAvatar?: React.ComponentPropsWithRef<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").AvatarTypeMap<{}, "div">>> & import("@mui/material").AvatarGroupComponentsPropsOverrides;
+            additionalAvatar?: (import("@mui/material").AvatarOwnProps & import("@mui/material").AvatarSlotsAndSlotProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+                ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+            }, "children" | "classes" | "className" | "style" | "sx" | "variant" | "slots" | "slotProps" | "sizes" | "alt" | "src" | "imgProps" | "srcSet"> & import("@mui/material").AvatarGroupComponentsPropsOverrides) | undefined;
         } | undefined;
-        spacing?: ("small" | "medium" | number) | undefined;
+        spacing?: number | "small" | "medium" | undefined;
         sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
         total?: number | undefined;
-        variant?: import("@mui/types").OverridableStringUnion<"circular" | "rounded" | "square", import("@mui/material").AvatarGroupPropsVariantOverrides> | undefined;
+        variant?: import("@mui/types").OverridableStringUnion<"rounded" | "square" | "circular", import("@mui/material").AvatarGroupPropsVariantOverrides> | undefined;
         className?: string | undefined;
         style?: import("react").CSSProperties | undefined;
         slot?: string | undefined;
@@ -624,27 +679,27 @@ export declare const Size: {
         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;
@@ -659,9 +714,9 @@ export declare const Size: {
         "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;
@@ -845,7 +900,7 @@ export declare const Size: {
         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;
@@ -873,31 +928,35 @@ export declare const Size: {
         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;
         ref?: import("react").Ref<unknown> | undefined;
     }>) => Promise<void>;
     render: (args: {
-        size?: ("xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge") | undefined;
-        color?: ("default" | "primary" | "secondary") | undefined;
-        tooltip?: React.ReactNode;
+        size?: "small" | "large" | "medium" | "xsmall" | "xlarge" | "xxlarge" | undefined;
+        color?: "default" | "primary" | "secondary" | undefined;
+        tooltip?: import("react").ReactNode;
         max?: number | undefined;
-        tooltipPlacement?: ("bottom-end" | "bottom-start" | "bottom" | "left-end" | "left-start" | "left" | "right-end" | "right-start" | "right" | "top-end" | "top-start" | "top") | undefined;
-        children?: React.ReactNode;
+        tooltipPlacement?: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined;
+        children?: import("react").ReactNode;
         classes?: Partial<import("@mui/material").AvatarGroupClasses> | undefined;
-        component?: React.ElementType | undefined;
+        component?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         componentsProps?: {
-            additionalAvatar?: React.ComponentPropsWithRef<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").AvatarTypeMap<{}, "div">>> & import("@mui/material").AvatarGroupComponentsPropsOverrides;
+            additionalAvatar?: (import("@mui/material").AvatarOwnProps & import("@mui/material").AvatarSlotsAndSlotProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+                ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+            }, "children" | "classes" | "className" | "style" | "sx" | "variant" | "slots" | "slotProps" | "sizes" | "alt" | "src" | "imgProps" | "srcSet"> & import("@mui/material").AvatarGroupComponentsPropsOverrides) | undefined;
         } | undefined;
-        renderSurplus?: ((surplus: number) => React.ReactNode) | undefined;
+        renderSurplus?: ((surplus: number) => import("react").ReactNode) | undefined;
         slotProps?: {
-            additionalAvatar?: React.ComponentPropsWithRef<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").AvatarTypeMap<{}, "div">>> & import("@mui/material").AvatarGroupComponentsPropsOverrides;
+            additionalAvatar?: (import("@mui/material").AvatarOwnProps & import("@mui/material").AvatarSlotsAndSlotProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+                ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+            }, "children" | "classes" | "className" | "style" | "sx" | "variant" | "slots" | "slotProps" | "sizes" | "alt" | "src" | "imgProps" | "srcSet"> & import("@mui/material").AvatarGroupComponentsPropsOverrides) | undefined;
         } | undefined;
-        spacing?: ("small" | "medium" | number) | undefined;
+        spacing?: number | "small" | "medium" | undefined;
         sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
         total?: number | undefined;
-        variant?: import("@mui/types").OverridableStringUnion<"circular" | "rounded" | "square", import("@mui/material").AvatarGroupPropsVariantOverrides> | undefined;
+        variant?: import("@mui/types").OverridableStringUnion<"rounded" | "square" | "circular", import("@mui/material").AvatarGroupPropsVariantOverrides> | undefined;
         className?: string | undefined;
         style?: import("react").CSSProperties | undefined;
         slot?: string | undefined;
@@ -909,27 +968,27 @@ export declare const Size: {
         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;
@@ -944,9 +1003,9 @@ export declare const Size: {
         "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;
@@ -1130,7 +1189,7 @@ export declare const Size: {
         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;
@@ -1158,8 +1217,8 @@ export declare const Size: {
         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;
         ref?: import("react").Ref<unknown> | undefined;
     }) => import("react/jsx-runtime").JSX.Element;
@@ -1177,26 +1236,30 @@ export declare const Color: {
             };
         };
     };
-    play: ({ canvasElement }: import("@storybook/types").PlayFunctionContext<import("@storybook/react").ReactRenderer, {
-        size?: ("xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge") | undefined;
-        color?: ("default" | "primary" | "secondary") | undefined;
-        tooltip?: React.ReactNode;
+    play: ({ canvasElement }: import("@storybook/types").PlayFunctionContext<import("@storybook/react/dist/types-0fc72a6d").R, {
+        size?: "small" | "large" | "medium" | "xsmall" | "xlarge" | "xxlarge" | undefined;
+        color?: "default" | "primary" | "secondary" | undefined;
+        tooltip?: import("react").ReactNode;
         max?: number | undefined;
-        tooltipPlacement?: ("bottom-end" | "bottom-start" | "bottom" | "left-end" | "left-start" | "left" | "right-end" | "right-start" | "right" | "top-end" | "top-start" | "top") | undefined;
-        children?: React.ReactNode;
+        tooltipPlacement?: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined;
+        children?: import("react").ReactNode;
         classes?: Partial<import("@mui/material").AvatarGroupClasses> | undefined;
-        component?: React.ElementType | undefined;
+        component?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         componentsProps?: {
-            additionalAvatar?: React.ComponentPropsWithRef<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").AvatarTypeMap<{}, "div">>> & import("@mui/material").AvatarGroupComponentsPropsOverrides;
+            additionalAvatar?: (import("@mui/material").AvatarOwnProps & import("@mui/material").AvatarSlotsAndSlotProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+                ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+            }, "children" | "classes" | "className" | "style" | "sx" | "variant" | "slots" | "slotProps" | "sizes" | "alt" | "src" | "imgProps" | "srcSet"> & import("@mui/material").AvatarGroupComponentsPropsOverrides) | undefined;
         } | undefined;
-        renderSurplus?: ((surplus: number) => React.ReactNode) | undefined;
+        renderSurplus?: ((surplus: number) => import("react").ReactNode) | undefined;
         slotProps?: {
-            additionalAvatar?: React.ComponentPropsWithRef<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").AvatarTypeMap<{}, "div">>> & import("@mui/material").AvatarGroupComponentsPropsOverrides;
+            additionalAvatar?: (import("@mui/material").AvatarOwnProps & import("@mui/material").AvatarSlotsAndSlotProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+                ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+            }, "children" | "classes" | "className" | "style" | "sx" | "variant" | "slots" | "slotProps" | "sizes" | "alt" | "src" | "imgProps" | "srcSet"> & import("@mui/material").AvatarGroupComponentsPropsOverrides) | undefined;
         } | undefined;
-        spacing?: ("small" | "medium" | number) | undefined;
+        spacing?: number | "small" | "medium" | undefined;
         sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
         total?: number | undefined;
-        variant?: import("@mui/types").OverridableStringUnion<"circular" | "rounded" | "square", import("@mui/material").AvatarGroupPropsVariantOverrides> | undefined;
+        variant?: import("@mui/types").OverridableStringUnion<"rounded" | "square" | "circular", import("@mui/material").AvatarGroupPropsVariantOverrides> | undefined;
         className?: string | undefined;
         style?: import("react").CSSProperties | undefined;
         slot?: string | undefined;
@@ -1208,27 +1271,27 @@ export declare const Color: {
         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;
@@ -1243,9 +1306,9 @@ export declare const Color: {
         "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;
@@ -1429,7 +1492,7 @@ export declare const Color: {
         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;
@@ -1457,31 +1520,35 @@ export declare const Color: {
         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;
         ref?: import("react").Ref<unknown> | undefined;
     }>) => Promise<void>;
     render: (args: {
-        size?: ("xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge") | undefined;
-        color?: ("default" | "primary" | "secondary") | undefined;
-        tooltip?: React.ReactNode;
+        size?: "small" | "large" | "medium" | "xsmall" | "xlarge" | "xxlarge" | undefined;
+        color?: "default" | "primary" | "secondary" | undefined;
+        tooltip?: import("react").ReactNode;
         max?: number | undefined;
-        tooltipPlacement?: ("bottom-end" | "bottom-start" | "bottom" | "left-end" | "left-start" | "left" | "right-end" | "right-start" | "right" | "top-end" | "top-start" | "top") | undefined;
-        children?: React.ReactNode;
+        tooltipPlacement?: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined;
+        children?: import("react").ReactNode;
         classes?: Partial<import("@mui/material").AvatarGroupClasses> | undefined;
-        component?: React.ElementType | undefined;
+        component?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         componentsProps?: {
-            additionalAvatar?: React.ComponentPropsWithRef<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").AvatarTypeMap<{}, "div">>> & import("@mui/material").AvatarGroupComponentsPropsOverrides;
+            additionalAvatar?: (import("@mui/material").AvatarOwnProps & import("@mui/material").AvatarSlotsAndSlotProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+                ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+            }, "children" | "classes" | "className" | "style" | "sx" | "variant" | "slots" | "slotProps" | "sizes" | "alt" | "src" | "imgProps" | "srcSet"> & import("@mui/material").AvatarGroupComponentsPropsOverrides) | undefined;
         } | undefined;
-        renderSurplus?: ((surplus: number) => React.ReactNode) | undefined;
+        renderSurplus?: ((surplus: number) => import("react").ReactNode) | undefined;
         slotProps?: {
-            additionalAvatar?: React.ComponentPropsWithRef<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").AvatarTypeMap<{}, "div">>> & import("@mui/material").AvatarGroupComponentsPropsOverrides;
+            additionalAvatar?: (import("@mui/material").AvatarOwnProps & import("@mui/material").AvatarSlotsAndSlotProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+                ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+            }, "children" | "classes" | "className" | "style" | "sx" | "variant" | "slots" | "slotProps" | "sizes" | "alt" | "src" | "imgProps" | "srcSet"> & import("@mui/material").AvatarGroupComponentsPropsOverrides) | undefined;
         } | undefined;
-        spacing?: ("small" | "medium" | number) | undefined;
+        spacing?: number | "small" | "medium" | undefined;
         sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
         total?: number | undefined;
-        variant?: import("@mui/types").OverridableStringUnion<"circular" | "rounded" | "square", import("@mui/material").AvatarGroupPropsVariantOverrides> | undefined;
+        variant?: import("@mui/types").OverridableStringUnion<"rounded" | "square" | "circular", import("@mui/material").AvatarGroupPropsVariantOverrides> | undefined;
         className?: string | undefined;
         style?: import("react").CSSProperties | undefined;
         slot?: string | undefined;
@@ -1493,27 +1560,27 @@ export declare const Color: {
         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;
@@ -1528,9 +1595,9 @@ export declare const Color: {
         "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;
@@ -1714,7 +1781,7 @@ export declare const Color: {
         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;
@@ -1742,8 +1809,8 @@ export declare const Color: {
         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;
         ref?: import("react").Ref<unknown> | undefined;
     }) => import("react/jsx-runtime").JSX.Element;
@@ -1753,26 +1820,30 @@ export declare const Color: {
  */
 export declare const Tooltip: {
     args: {};
-    play: ({ canvasElement }: import("@storybook/types").PlayFunctionContext<import("@storybook/react").ReactRenderer, {
-        size?: ("xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge") | undefined;
-        color?: ("default" | "primary" | "secondary") | undefined;
-        tooltip?: React.ReactNode;
+    play: ({ canvasElement }: import("@storybook/types").PlayFunctionContext<import("@storybook/react/dist/types-0fc72a6d").R, {
+        size?: "small" | "large" | "medium" | "xsmall" | "xlarge" | "xxlarge" | undefined;
+        color?: "default" | "primary" | "secondary" | undefined;
+        tooltip?: import("react").ReactNode;
         max?: number | undefined;
-        tooltipPlacement?: ("bottom-end" | "bottom-start" | "bottom" | "left-end" | "left-start" | "left" | "right-end" | "right-start" | "right" | "top-end" | "top-start" | "top") | undefined;
-        children?: React.ReactNode;
+        tooltipPlacement?: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined;
+        children?: import("react").ReactNode;
         classes?: Partial<import("@mui/material").AvatarGroupClasses> | undefined;
-        component?: React.ElementType | undefined;
+        component?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         componentsProps?: {
-            additionalAvatar?: React.ComponentPropsWithRef<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").AvatarTypeMap<{}, "div">>> & import("@mui/material").AvatarGroupComponentsPropsOverrides;
+            additionalAvatar?: (import("@mui/material").AvatarOwnProps & import("@mui/material").AvatarSlotsAndSlotProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+                ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+            }, "children" | "classes" | "className" | "style" | "sx" | "variant" | "slots" | "slotProps" | "sizes" | "alt" | "src" | "imgProps" | "srcSet"> & import("@mui/material").AvatarGroupComponentsPropsOverrides) | undefined;
         } | undefined;
-        renderSurplus?: ((surplus: number) => React.ReactNode) | undefined;
+        renderSurplus?: ((surplus: number) => import("react").ReactNode) | undefined;
         slotProps?: {
-            additionalAvatar?: React.ComponentPropsWithRef<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").AvatarTypeMap<{}, "div">>> & import("@mui/material").AvatarGroupComponentsPropsOverrides;
+            additionalAvatar?: (import("@mui/material").AvatarOwnProps & import("@mui/material").AvatarSlotsAndSlotProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+                ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+            }, "children" | "classes" | "className" | "style" | "sx" | "variant" | "slots" | "slotProps" | "sizes" | "alt" | "src" | "imgProps" | "srcSet"> & import("@mui/material").AvatarGroupComponentsPropsOverrides) | undefined;
         } | undefined;
-        spacing?: ("small" | "medium" | number) | undefined;
+        spacing?: number | "small" | "medium" | undefined;
         sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
         total?: number | undefined;
-        variant?: import("@mui/types").OverridableStringUnion<"circular" | "rounded" | "square", import("@mui/material").AvatarGroupPropsVariantOverrides> | undefined;
+        variant?: import("@mui/types").OverridableStringUnion<"rounded" | "square" | "circular", import("@mui/material").AvatarGroupPropsVariantOverrides> | undefined;
         className?: string | undefined;
         style?: import("react").CSSProperties | undefined;
         slot?: string | undefined;
@@ -1784,27 +1855,27 @@ export declare const Tooltip: {
         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;
@@ -1819,9 +1890,9 @@ export declare const Tooltip: {
         "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;
@@ -2005,7 +2076,7 @@ export declare const Tooltip: {
         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;
@@ -2033,31 +2104,35 @@ export declare const Tooltip: {
         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;
         ref?: import("react").Ref<unknown> | undefined;
     }>) => Promise<void>;
     render: (args: {
-        size?: ("xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge") | undefined;
-        color?: ("default" | "primary" | "secondary") | undefined;
-        tooltip?: React.ReactNode;
+        size?: "small" | "large" | "medium" | "xsmall" | "xlarge" | "xxlarge" | undefined;
+        color?: "default" | "primary" | "secondary" | undefined;
+        tooltip?: import("react").ReactNode;
         max?: number | undefined;
-        tooltipPlacement?: ("bottom-end" | "bottom-start" | "bottom" | "left-end" | "left-start" | "left" | "right-end" | "right-start" | "right" | "top-end" | "top-start" | "top") | undefined;
-        children?: React.ReactNode;
+        tooltipPlacement?: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined;
+        children?: import("react").ReactNode;
         classes?: Partial<import("@mui/material").AvatarGroupClasses> | undefined;
-        component?: React.ElementType | undefined;
+        component?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         componentsProps?: {
-            additionalAvatar?: React.ComponentPropsWithRef<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").AvatarTypeMap<{}, "div">>> & import("@mui/material").AvatarGroupComponentsPropsOverrides;
+            additionalAvatar?: (import("@mui/material").AvatarOwnProps & import("@mui/material").AvatarSlotsAndSlotProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+                ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+            }, "children" | "classes" | "className" | "style" | "sx" | "variant" | "slots" | "slotProps" | "sizes" | "alt" | "src" | "imgProps" | "srcSet"> & import("@mui/material").AvatarGroupComponentsPropsOverrides) | undefined;
         } | undefined;
-        renderSurplus?: ((surplus: number) => React.ReactNode) | undefined;
+        renderSurplus?: ((surplus: number) => import("react").ReactNode) | undefined;
         slotProps?: {
-            additionalAvatar?: React.ComponentPropsWithRef<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").AvatarTypeMap<{}, "div">>> & import("@mui/material").AvatarGroupComponentsPropsOverrides;
+            additionalAvatar?: (import("@mui/material").AvatarOwnProps & import("@mui/material").AvatarSlotsAndSlotProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+                ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+            }, "children" | "classes" | "className" | "style" | "sx" | "variant" | "slots" | "slotProps" | "sizes" | "alt" | "src" | "imgProps" | "srcSet"> & import("@mui/material").AvatarGroupComponentsPropsOverrides) | undefined;
         } | undefined;
-        spacing?: ("small" | "medium" | number) | undefined;
+        spacing?: number | "small" | "medium" | undefined;
         sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
         total?: number | undefined;
-        variant?: import("@mui/types").OverridableStringUnion<"circular" | "rounded" | "square", import("@mui/material").AvatarGroupPropsVariantOverrides> | undefined;
+        variant?: import("@mui/types").OverridableStringUnion<"rounded" | "square" | "circular", import("@mui/material").AvatarGroupPropsVariantOverrides> | undefined;
         className?: string | undefined;
         style?: import("react").CSSProperties | undefined;
         slot?: string | undefined;
@@ -2069,27 +2144,27 @@ export declare const Tooltip: {
         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;
@@ -2104,9 +2179,9 @@ export declare const Tooltip: {
         "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;
@@ -2290,7 +2365,7 @@ export declare const Tooltip: {
         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;
@@ -2318,8 +2393,8 @@ export declare const Tooltip: {
         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;
         ref?: import("react").Ref<unknown> | undefined;
     }) => import("react/jsx-runtime").JSX.Element;