@saleor/macaw-ui 1.1.2 → 1.1.4

package/dist/components/Avatar/index.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="react" />
-export type { StoreAvatarProps } from "./Store";
-export type { UserAvatarProps } from "./User";
+export type { StoreAvatarProps } from './Store';
+export type { UserAvatarProps } from './User';
 export declare const Avatar: {
     User: {
         (props: Omit<{
-            as?: import("react").ElementType<any> | undefined;
-            children?: import("react").ReactNode;
+            as?: import('react').ElementType<any> | undefined;
+            children?: import('react').ReactNode;
             className?: string | undefined;
             style?: Record<string, any> | undefined;
         } & {
@@ -374,6 +374,11 @@ export declare const Avatar: {
                 tablet?: "hidden" | "visible" | undefined;
                 desktop?: "hidden" | "visible" | undefined;
             } | undefined;
+            borderCollapse?: "collapse" | {
+                mobile?: "collapse" | undefined;
+                tablet?: "collapse" | undefined;
+                desktop?: "collapse" | undefined;
+            } | undefined;
             padding?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | {
                 mobile?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
                 tablet?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
@@ -469,6 +474,136 @@ export declare const Avatar: {
                 active?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
                 disabled?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
                 placeholder?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+                firstChild?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+                lastChild?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+                oddChild?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+                evenChild?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+            } | undefined;
+            borderStyle?: "none" | "solid" | {
+                default?: "none" | "solid" | undefined;
+                hover?: "none" | "solid" | undefined;
+                focus?: "none" | "solid" | undefined;
+                focusWithin?: "none" | "solid" | undefined;
+                focusVisible?: "none" | "solid" | undefined;
+                active?: "none" | "solid" | undefined;
+                disabled?: "none" | "solid" | undefined;
+                placeholder?: "none" | "solid" | undefined;
+                firstChild?: "none" | "solid" | undefined;
+                lastChild?: "none" | "solid" | undefined;
+                oddChild?: "none" | "solid" | undefined;
+                evenChild?: "none" | "solid" | undefined;
+            } | undefined;
+            borderLeftStyle?: "none" | "solid" | {
+                default?: "none" | "solid" | undefined;
+                hover?: "none" | "solid" | undefined;
+                focus?: "none" | "solid" | undefined;
+                focusWithin?: "none" | "solid" | undefined;
+                focusVisible?: "none" | "solid" | undefined;
+                active?: "none" | "solid" | undefined;
+                disabled?: "none" | "solid" | undefined;
+                placeholder?: "none" | "solid" | undefined;
+                firstChild?: "none" | "solid" | undefined;
+                lastChild?: "none" | "solid" | undefined;
+                oddChild?: "none" | "solid" | undefined;
+                evenChild?: "none" | "solid" | undefined;
+            } | undefined;
+            borderRightStyle?: "none" | "solid" | {
+                default?: "none" | "solid" | undefined;
+                hover?: "none" | "solid" | undefined;
+                focus?: "none" | "solid" | undefined;
+                focusWithin?: "none" | "solid" | undefined;
+                focusVisible?: "none" | "solid" | undefined;
+                active?: "none" | "solid" | undefined;
+                disabled?: "none" | "solid" | undefined;
+                placeholder?: "none" | "solid" | undefined;
+                firstChild?: "none" | "solid" | undefined;
+                lastChild?: "none" | "solid" | undefined;
+                oddChild?: "none" | "solid" | undefined;
+                evenChild?: "none" | "solid" | undefined;
+            } | undefined;
+            borderTopStyle?: "none" | "solid" | {
+                default?: "none" | "solid" | undefined;
+                hover?: "none" | "solid" | undefined;
+                focus?: "none" | "solid" | undefined;
+                focusWithin?: "none" | "solid" | undefined;
+                focusVisible?: "none" | "solid" | undefined;
+                active?: "none" | "solid" | undefined;
+                disabled?: "none" | "solid" | undefined;
+                placeholder?: "none" | "solid" | undefined;
+                firstChild?: "none" | "solid" | undefined;
+                lastChild?: "none" | "solid" | undefined;
+                oddChild?: "none" | "solid" | undefined;
+                evenChild?: "none" | "solid" | undefined;
+            } | undefined;
+            borderBottomStyle?: "none" | "solid" | {
+                default?: "none" | "solid" | undefined;
+                hover?: "none" | "solid" | undefined;
+                focus?: "none" | "solid" | undefined;
+                focusWithin?: "none" | "solid" | undefined;
+                focusVisible?: "none" | "solid" | undefined;
+                active?: "none" | "solid" | undefined;
+                disabled?: "none" | "solid" | undefined;
+                placeholder?: "none" | "solid" | undefined;
+                firstChild?: "none" | "solid" | undefined;
+                lastChild?: "none" | "solid" | undefined;
+                oddChild?: "none" | "solid" | undefined;
+                evenChild?: "none" | "solid" | undefined;
+            } | undefined;
+            paddingLeft?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | {
+                default?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                hover?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                focus?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                focusWithin?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                focusVisible?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                active?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                disabled?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                placeholder?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                firstChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                lastChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                oddChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                evenChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+            } | undefined;
+            paddingRight?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | {
+                default?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                hover?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                focus?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                focusWithin?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                focusVisible?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                active?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                disabled?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                placeholder?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                firstChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                lastChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                oddChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                evenChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+            } | undefined;
+            paddingTop?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | {
+                default?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                hover?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                focus?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                focusWithin?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                focusVisible?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                active?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                disabled?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                placeholder?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                firstChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                lastChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                oddChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                evenChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+            } | undefined;
+            paddingBottom?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | {
+                default?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                hover?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                focus?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                focusWithin?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                focusVisible?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                active?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                disabled?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                placeholder?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                firstChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                lastChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                oddChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                evenChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
             } | undefined;
             color?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | {
                 default?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | undefined;
@@ -479,6 +614,10 @@ export declare const Avatar: {
                 active?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | undefined;
                 disabled?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | undefined;
                 placeholder?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | undefined;
+                firstChild?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | undefined;
+                lastChild?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | undefined;
+                oddChild?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | undefined;
+                evenChild?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | undefined;
             } | undefined;
             backgroundColor?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | {
                 default?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
@@ -489,6 +628,10 @@ export declare const Avatar: {
                 active?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
                 disabled?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
                 placeholder?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+                firstChild?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+                lastChild?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+                oddChild?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+                evenChild?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
             } | undefined;
             pointerEvents?: "none" | "auto" | {
                 default?: "none" | "auto" | undefined;
@@ -499,6 +642,10 @@ export declare const Avatar: {
                 active?: "none" | "auto" | undefined;
                 disabled?: "none" | "auto" | undefined;
                 placeholder?: "none" | "auto" | undefined;
+                firstChild?: "none" | "auto" | undefined;
+                lastChild?: "none" | "auto" | undefined;
+                oddChild?: "none" | "auto" | undefined;
+                evenChild?: "none" | "auto" | undefined;
             } | undefined;
             cursor?: "text" | "auto" | "grabbing" | "not-allowed" | "pointer" | {
                 default?: "text" | "auto" | "grabbing" | "not-allowed" | "pointer" | undefined;
@@ -509,6 +656,10 @@ export declare const Avatar: {
                 active?: "text" | "auto" | "grabbing" | "not-allowed" | "pointer" | undefined;
                 disabled?: "text" | "auto" | "grabbing" | "not-allowed" | "pointer" | undefined;
                 placeholder?: "text" | "auto" | "grabbing" | "not-allowed" | "pointer" | undefined;
+                firstChild?: "text" | "auto" | "grabbing" | "not-allowed" | "pointer" | undefined;
+                lastChild?: "text" | "auto" | "grabbing" | "not-allowed" | "pointer" | undefined;
+                oddChild?: "text" | "auto" | "grabbing" | "not-allowed" | "pointer" | undefined;
+                evenChild?: "text" | "auto" | "grabbing" | "not-allowed" | "pointer" | undefined;
             } | undefined;
             boxShadow?: "defaultFocused" | "defaultHovered" | "defaultOverlay" | "defaultModal" | "none" | {
                 default?: "defaultFocused" | "defaultHovered" | "defaultOverlay" | "defaultModal" | "none" | undefined;
@@ -519,6 +670,10 @@ export declare const Avatar: {
                 active?: "defaultFocused" | "defaultHovered" | "defaultOverlay" | "defaultModal" | "none" | undefined;
                 disabled?: "defaultFocused" | "defaultHovered" | "defaultOverlay" | "defaultModal" | "none" | undefined;
                 placeholder?: "defaultFocused" | "defaultHovered" | "defaultOverlay" | "defaultModal" | "none" | undefined;
+                firstChild?: "defaultFocused" | "defaultHovered" | "defaultOverlay" | "defaultModal" | "none" | undefined;
+                lastChild?: "defaultFocused" | "defaultHovered" | "defaultOverlay" | "defaultModal" | "none" | undefined;
+                oddChild?: "defaultFocused" | "defaultHovered" | "defaultOverlay" | "defaultModal" | "none" | undefined;
+                evenChild?: "defaultFocused" | "defaultHovered" | "defaultOverlay" | "defaultModal" | "none" | undefined;
             } | undefined;
             transition?: "all" | "ease" | {
                 default?: "all" | "ease" | undefined;
@@ -529,6 +684,10 @@ export declare const Avatar: {
                 active?: "all" | "ease" | undefined;
                 disabled?: "all" | "ease" | undefined;
                 placeholder?: "all" | "ease" | undefined;
+                firstChild?: "all" | "ease" | undefined;
+                lastChild?: "all" | "ease" | undefined;
+                oddChild?: "all" | "ease" | undefined;
+                evenChild?: "all" | "ease" | undefined;
             } | undefined;
             opacity?: "0" | "1" | "0.2" | "0.4" | "0.6" | "0.8" | {
                 default?: "0" | "1" | "0.2" | "0.4" | "0.6" | "0.8" | undefined;
@@ -539,6 +698,10 @@ export declare const Avatar: {
                 active?: "0" | "1" | "0.2" | "0.4" | "0.6" | "0.8" | undefined;
                 disabled?: "0" | "1" | "0.2" | "0.4" | "0.6" | "0.8" | undefined;
                 placeholder?: "0" | "1" | "0.2" | "0.4" | "0.6" | "0.8" | undefined;
+                firstChild?: "0" | "1" | "0.2" | "0.4" | "0.6" | "0.8" | undefined;
+                lastChild?: "0" | "1" | "0.2" | "0.4" | "0.6" | "0.8" | undefined;
+                oddChild?: "0" | "1" | "0.2" | "0.4" | "0.6" | "0.8" | undefined;
+                evenChild?: "0" | "1" | "0.2" | "0.4" | "0.6" | "0.8" | undefined;
             } | undefined;
             textDecoration?: "none" | "underline" | {
                 default?: "none" | "underline" | undefined;
@@ -549,6 +712,10 @@ export declare const Avatar: {
                 active?: "none" | "underline" | undefined;
                 disabled?: "none" | "underline" | undefined;
                 placeholder?: "none" | "underline" | undefined;
+                firstChild?: "none" | "underline" | undefined;
+                lastChild?: "none" | "underline" | undefined;
+                oddChild?: "none" | "underline" | undefined;
+                evenChild?: "none" | "underline" | undefined;
             } | undefined;
             transform?: {} | undefined;
             fill?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | {
@@ -560,6 +727,10 @@ export declare const Avatar: {
                 active?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
                 disabled?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
                 placeholder?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+                firstChild?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+                lastChild?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+                oddChild?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+                evenChild?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
             } | undefined;
             stroke?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | {
                 default?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
@@ -570,6 +741,10 @@ export declare const Avatar: {
                 active?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
                 disabled?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
                 placeholder?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+                firstChild?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+                lastChild?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+                oddChild?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+                evenChild?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
             } | undefined;
             listStyleType?: "none" | "disc" | "decimal" | {
                 default?: "none" | "disc" | "decimal" | undefined;
@@ -580,6 +755,10 @@ export declare const Avatar: {
                 active?: "none" | "disc" | "decimal" | undefined;
                 disabled?: "none" | "disc" | "decimal" | undefined;
                 placeholder?: "none" | "disc" | "decimal" | undefined;
+                firstChild?: "none" | "disc" | "decimal" | undefined;
+                lastChild?: "none" | "disc" | "decimal" | undefined;
+                oddChild?: "none" | "disc" | "decimal" | undefined;
+                evenChild?: "none" | "disc" | "decimal" | undefined;
             } | undefined;
             listStylePosition?: "inside" | "outside" | {
                 default?: "inside" | "outside" | undefined;
@@ -590,6 +769,10 @@ export declare const Avatar: {
                 active?: "inside" | "outside" | undefined;
                 disabled?: "inside" | "outside" | undefined;
                 placeholder?: "inside" | "outside" | undefined;
+                firstChild?: "inside" | "outside" | undefined;
+                lastChild?: "inside" | "outside" | undefined;
+                oddChild?: "inside" | "outside" | undefined;
+                evenChild?: "inside" | "outside" | undefined;
             } | undefined;
             listStyleImage?: "none" | {
                 default?: "none" | undefined;
@@ -600,6 +783,10 @@ export declare const Avatar: {
                 active?: "none" | undefined;
                 disabled?: "none" | undefined;
                 placeholder?: "none" | undefined;
+                firstChild?: "none" | undefined;
+                lastChild?: "none" | undefined;
+                oddChild?: "none" | undefined;
+                evenChild?: "none" | undefined;
             } | undefined;
         } & {
             __display?: any;
@@ -675,6 +862,7 @@ export declare const Avatar: {
             __alignSelf?: any;
             __justifySelf?: any;
             __visibility?: any;
+            __borderCollapse?: any;
             __padding?: any;
             __paddingX?: any;
             __paddingY?: any;
@@ -712,7 +900,7 @@ export declare const Avatar: {
             content?: string | undefined;
             translate?: "yes" | "no" | undefined;
             src?: string | undefined;
-            children?: import("react").ReactNode;
+            children?: import('react').ReactNode;
             value?: string | number | readonly string[] | undefined;
             cite?: string | undefined;
             data?: string | undefined;
@@ -720,7 +908,7 @@ export declare const Avatar: {
             label?: string | undefined;
             slot?: string | undefined;
             span?: number | undefined;
-            style?: import("react").CSSProperties | undefined;
+            style?: import('react').CSSProperties | undefined;
             summary?: string | undefined;
             title?: string | undefined;
             pattern?: string | undefined;
@@ -832,7 +1020,7 @@ export declare const Avatar: {
             spellCheck?: (boolean | "false" | "true") | undefined;
             tabIndex?: number | undefined;
             radioGroup?: string | undefined;
-            role?: import("react").AriaRole | undefined;
+            role?: import('react').AriaRole | undefined;
             about?: string | undefined;
             datatype?: string | undefined;
             inlist?: any;
@@ -905,167 +1093,167 @@ export declare const Avatar: {
             dangerouslySetInnerHTML?: {
                 __html: string;
             } | undefined;
-            onCopy?: import("react").ClipboardEventHandler<HTMLElement> | undefined;
-            onCopyCapture?: import("react").ClipboardEventHandler<HTMLElement> | undefined;
-            onCut?: import("react").ClipboardEventHandler<HTMLElement> | undefined;
-            onCutCapture?: import("react").ClipboardEventHandler<HTMLElement> | undefined;
-            onPaste?: import("react").ClipboardEventHandler<HTMLElement> | undefined;
-            onPasteCapture?: import("react").ClipboardEventHandler<HTMLElement> | undefined;
-            onCompositionEnd?: import("react").CompositionEventHandler<HTMLElement> | undefined;
-            onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLElement> | undefined;
-            onCompositionStart?: import("react").CompositionEventHandler<HTMLElement> | undefined;
-            onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLElement> | undefined;
-            onCompositionUpdate?: import("react").CompositionEventHandler<HTMLElement> | undefined;
-            onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLElement> | undefined;
-            onFocus?: import("react").FocusEventHandler<HTMLElement> | undefined;
-            onFocusCapture?: import("react").FocusEventHandler<HTMLElement> | undefined;
-            onBlur?: import("react").FocusEventHandler<HTMLElement> | undefined;
-            onBlurCapture?: import("react").FocusEventHandler<HTMLElement> | undefined;
-            onChange?: import("react").FormEventHandler<HTMLElement> | undefined;
-            onChangeCapture?: import("react").FormEventHandler<HTMLElement> | undefined;
-            onBeforeInput?: import("react").FormEventHandler<HTMLElement> | undefined;
-            onBeforeInputCapture?: import("react").FormEventHandler<HTMLElement> | undefined;
-            onInput?: import("react").FormEventHandler<HTMLElement> | undefined;
-            onInputCapture?: import("react").FormEventHandler<HTMLElement> | undefined;
-            onReset?: import("react").FormEventHandler<HTMLElement> | undefined;
-            onResetCapture?: import("react").FormEventHandler<HTMLElement> | undefined;
-            onSubmit?: import("react").FormEventHandler<HTMLElement> | undefined;
-            onSubmitCapture?: import("react").FormEventHandler<HTMLElement> | undefined;
-            onInvalid?: import("react").FormEventHandler<HTMLElement> | undefined;
-            onInvalidCapture?: import("react").FormEventHandler<HTMLElement> | undefined;
-            onLoad?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onLoadCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onError?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onErrorCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onKeyDown?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
-            onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
-            onKeyPress?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
-            onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
-            onKeyUp?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
-            onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
-            onAbort?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onAbortCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onCanPlay?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onCanPlayCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onCanPlayThrough?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onDurationChange?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onDurationChangeCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onEmptied?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onEmptiedCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onEncrypted?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onEncryptedCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onEnded?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onEndedCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onLoadedData?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onLoadedDataCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onLoadedMetadata?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onLoadStart?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onLoadStartCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onPause?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onPauseCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onPlay?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onPlayCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onPlaying?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onPlayingCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onProgress?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onProgressCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onRateChange?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onRateChangeCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onSeeked?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onSeekedCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onSeeking?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onSeekingCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onStalled?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onStalledCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onSuspend?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onSuspendCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onTimeUpdate?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onVolumeChange?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onWaiting?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onWaitingCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onAuxClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
-            onAuxClickCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
-            onClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
-            onClickCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
-            onContextMenu?: import("react").MouseEventHandler<HTMLElement> | undefined;
-            onContextMenuCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
-            onDoubleClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
-            onDoubleClickCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
-            onDrag?: import("react").DragEventHandler<HTMLElement> | undefined;
-            onDragCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
-            onDragEnd?: import("react").DragEventHandler<HTMLElement> | undefined;
-            onDragEndCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
-            onDragEnter?: import("react").DragEventHandler<HTMLElement> | undefined;
-            onDragEnterCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
-            onDragExit?: import("react").DragEventHandler<HTMLElement> | undefined;
-            onDragExitCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
-            onDragLeave?: import("react").DragEventHandler<HTMLElement> | undefined;
-            onDragLeaveCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
-            onDragOver?: import("react").DragEventHandler<HTMLElement> | undefined;
-            onDragOverCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
-            onDragStart?: import("react").DragEventHandler<HTMLElement> | undefined;
-            onDragStartCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
-            onDrop?: import("react").DragEventHandler<HTMLElement> | undefined;
-            onDropCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
-            onMouseDown?: import("react").MouseEventHandler<HTMLElement> | undefined;
-            onMouseDownCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
-            onMouseEnter?: import("react").MouseEventHandler<HTMLElement> | undefined;
-            onMouseLeave?: import("react").MouseEventHandler<HTMLElement> | undefined;
-            onMouseMove?: import("react").MouseEventHandler<HTMLElement> | undefined;
-            onMouseMoveCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
-            onMouseOut?: import("react").MouseEventHandler<HTMLElement> | undefined;
-            onMouseOutCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
-            onMouseOver?: import("react").MouseEventHandler<HTMLElement> | undefined;
-            onMouseOverCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
-            onMouseUp?: import("react").MouseEventHandler<HTMLElement> | undefined;
-            onMouseUpCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
-            onSelect?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onSelectCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onTouchCancel?: import("react").TouchEventHandler<HTMLElement> | undefined;
-            onTouchCancelCapture?: import("react").TouchEventHandler<HTMLElement> | undefined;
-            onTouchEnd?: import("react").TouchEventHandler<HTMLElement> | undefined;
-            onTouchEndCapture?: import("react").TouchEventHandler<HTMLElement> | undefined;
-            onTouchMove?: import("react").TouchEventHandler<HTMLElement> | undefined;
-            onTouchMoveCapture?: import("react").TouchEventHandler<HTMLElement> | undefined;
-            onTouchStart?: import("react").TouchEventHandler<HTMLElement> | undefined;
-            onTouchStartCapture?: import("react").TouchEventHandler<HTMLElement> | undefined;
-            onPointerDown?: import("react").PointerEventHandler<HTMLElement> | undefined;
-            onPointerDownCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
-            onPointerMove?: import("react").PointerEventHandler<HTMLElement> | undefined;
-            onPointerMoveCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
-            onPointerUp?: import("react").PointerEventHandler<HTMLElement> | undefined;
-            onPointerUpCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
-            onPointerCancel?: import("react").PointerEventHandler<HTMLElement> | undefined;
-            onPointerCancelCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
-            onPointerEnter?: import("react").PointerEventHandler<HTMLElement> | undefined;
-            onPointerEnterCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
-            onPointerLeave?: import("react").PointerEventHandler<HTMLElement> | undefined;
-            onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
-            onPointerOver?: import("react").PointerEventHandler<HTMLElement> | undefined;
-            onPointerOverCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
-            onPointerOut?: import("react").PointerEventHandler<HTMLElement> | undefined;
-            onPointerOutCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
-            onGotPointerCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
-            onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
-            onLostPointerCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
-            onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
-            onScroll?: import("react").UIEventHandler<HTMLElement> | undefined;
-            onScrollCapture?: import("react").UIEventHandler<HTMLElement> | undefined;
-            onWheel?: import("react").WheelEventHandler<HTMLElement> | undefined;
-            onWheelCapture?: import("react").WheelEventHandler<HTMLElement> | undefined;
-            onAnimationStart?: import("react").AnimationEventHandler<HTMLElement> | undefined;
-            onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLElement> | undefined;
-            onAnimationEnd?: import("react").AnimationEventHandler<HTMLElement> | undefined;
-            onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLElement> | undefined;
-            onAnimationIteration?: import("react").AnimationEventHandler<HTMLElement> | undefined;
-            onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLElement> | undefined;
-            onTransitionEnd?: import("react").TransitionEventHandler<HTMLElement> | undefined;
-            onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLElement> | undefined;
-        } & import("react").RefAttributes<HTMLElement>, "size" | "src" | "ref" | "className" | `data-${string}` | "initials"> & import("../types").DataAttributes & {
+            onCopy?: import('react').ClipboardEventHandler<HTMLElement> | undefined;
+            onCopyCapture?: import('react').ClipboardEventHandler<HTMLElement> | undefined;
+            onCut?: import('react').ClipboardEventHandler<HTMLElement> | undefined;
+            onCutCapture?: import('react').ClipboardEventHandler<HTMLElement> | undefined;
+            onPaste?: import('react').ClipboardEventHandler<HTMLElement> | undefined;
+            onPasteCapture?: import('react').ClipboardEventHandler<HTMLElement> | undefined;
+            onCompositionEnd?: import('react').CompositionEventHandler<HTMLElement> | undefined;
+            onCompositionEndCapture?: import('react').CompositionEventHandler<HTMLElement> | undefined;
+            onCompositionStart?: import('react').CompositionEventHandler<HTMLElement> | undefined;
+            onCompositionStartCapture?: import('react').CompositionEventHandler<HTMLElement> | undefined;
+            onCompositionUpdate?: import('react').CompositionEventHandler<HTMLElement> | undefined;
+            onCompositionUpdateCapture?: import('react').CompositionEventHandler<HTMLElement> | undefined;
+            onFocus?: import('react').FocusEventHandler<HTMLElement> | undefined;
+            onFocusCapture?: import('react').FocusEventHandler<HTMLElement> | undefined;
+            onBlur?: import('react').FocusEventHandler<HTMLElement> | undefined;
+            onBlurCapture?: import('react').FocusEventHandler<HTMLElement> | undefined;
+            onChange?: import('react').FormEventHandler<HTMLElement> | undefined;
+            onChangeCapture?: import('react').FormEventHandler<HTMLElement> | undefined;
+            onBeforeInput?: import('react').FormEventHandler<HTMLElement> | undefined;
+            onBeforeInputCapture?: import('react').FormEventHandler<HTMLElement> | undefined;
+            onInput?: import('react').FormEventHandler<HTMLElement> | undefined;
+            onInputCapture?: import('react').FormEventHandler<HTMLElement> | undefined;
+            onReset?: import('react').FormEventHandler<HTMLElement> | undefined;
+            onResetCapture?: import('react').FormEventHandler<HTMLElement> | undefined;
+            onSubmit?: import('react').FormEventHandler<HTMLElement> | undefined;
+            onSubmitCapture?: import('react').FormEventHandler<HTMLElement> | undefined;
+            onInvalid?: import('react').FormEventHandler<HTMLElement> | undefined;
+            onInvalidCapture?: import('react').FormEventHandler<HTMLElement> | undefined;
+            onLoad?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onLoadCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onError?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onErrorCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onKeyDown?: import('react').KeyboardEventHandler<HTMLElement> | undefined;
+            onKeyDownCapture?: import('react').KeyboardEventHandler<HTMLElement> | undefined;
+            onKeyPress?: import('react').KeyboardEventHandler<HTMLElement> | undefined;
+            onKeyPressCapture?: import('react').KeyboardEventHandler<HTMLElement> | undefined;
+            onKeyUp?: import('react').KeyboardEventHandler<HTMLElement> | undefined;
+            onKeyUpCapture?: import('react').KeyboardEventHandler<HTMLElement> | undefined;
+            onAbort?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onAbortCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onCanPlay?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onCanPlayCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onCanPlayThrough?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onCanPlayThroughCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onDurationChange?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onDurationChangeCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onEmptied?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onEmptiedCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onEncrypted?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onEncryptedCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onEnded?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onEndedCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onLoadedData?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onLoadedDataCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onLoadedMetadata?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onLoadedMetadataCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onLoadStart?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onLoadStartCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onPause?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onPauseCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onPlay?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onPlayCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onPlaying?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onPlayingCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onProgress?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onProgressCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onRateChange?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onRateChangeCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onSeeked?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onSeekedCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onSeeking?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onSeekingCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onStalled?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onStalledCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onSuspend?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onSuspendCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onTimeUpdate?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onTimeUpdateCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onVolumeChange?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onVolumeChangeCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onWaiting?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onWaitingCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onAuxClick?: import('react').MouseEventHandler<HTMLElement> | undefined;
+            onAuxClickCapture?: import('react').MouseEventHandler<HTMLElement> | undefined;
+            onClick?: import('react').MouseEventHandler<HTMLElement> | undefined;
+            onClickCapture?: import('react').MouseEventHandler<HTMLElement> | undefined;
+            onContextMenu?: import('react').MouseEventHandler<HTMLElement> | undefined;
+            onContextMenuCapture?: import('react').MouseEventHandler<HTMLElement> | undefined;
+            onDoubleClick?: import('react').MouseEventHandler<HTMLElement> | undefined;
+            onDoubleClickCapture?: import('react').MouseEventHandler<HTMLElement> | undefined;
+            onDrag?: import('react').DragEventHandler<HTMLElement> | undefined;
+            onDragCapture?: import('react').DragEventHandler<HTMLElement> | undefined;
+            onDragEnd?: import('react').DragEventHandler<HTMLElement> | undefined;
+            onDragEndCapture?: import('react').DragEventHandler<HTMLElement> | undefined;
+            onDragEnter?: import('react').DragEventHandler<HTMLElement> | undefined;
+            onDragEnterCapture?: import('react').DragEventHandler<HTMLElement> | undefined;
+            onDragExit?: import('react').DragEventHandler<HTMLElement> | undefined;
+            onDragExitCapture?: import('react').DragEventHandler<HTMLElement> | undefined;
+            onDragLeave?: import('react').DragEventHandler<HTMLElement> | undefined;
+            onDragLeaveCapture?: import('react').DragEventHandler<HTMLElement> | undefined;
+            onDragOver?: import('react').DragEventHandler<HTMLElement> | undefined;
+            onDragOverCapture?: import('react').DragEventHandler<HTMLElement> | undefined;
+            onDragStart?: import('react').DragEventHandler<HTMLElement> | undefined;
+            onDragStartCapture?: import('react').DragEventHandler<HTMLElement> | undefined;
+            onDrop?: import('react').DragEventHandler<HTMLElement> | undefined;
+            onDropCapture?: import('react').DragEventHandler<HTMLElement> | undefined;
+            onMouseDown?: import('react').MouseEventHandler<HTMLElement> | undefined;
+            onMouseDownCapture?: import('react').MouseEventHandler<HTMLElement> | undefined;
+            onMouseEnter?: import('react').MouseEventHandler<HTMLElement> | undefined;
+            onMouseLeave?: import('react').MouseEventHandler<HTMLElement> | undefined;
+            onMouseMove?: import('react').MouseEventHandler<HTMLElement> | undefined;
+            onMouseMoveCapture?: import('react').MouseEventHandler<HTMLElement> | undefined;
+            onMouseOut?: import('react').MouseEventHandler<HTMLElement> | undefined;
+            onMouseOutCapture?: import('react').MouseEventHandler<HTMLElement> | undefined;
+            onMouseOver?: import('react').MouseEventHandler<HTMLElement> | undefined;
+            onMouseOverCapture?: import('react').MouseEventHandler<HTMLElement> | undefined;
+            onMouseUp?: import('react').MouseEventHandler<HTMLElement> | undefined;
+            onMouseUpCapture?: import('react').MouseEventHandler<HTMLElement> | undefined;
+            onSelect?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onSelectCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onTouchCancel?: import('react').TouchEventHandler<HTMLElement> | undefined;
+            onTouchCancelCapture?: import('react').TouchEventHandler<HTMLElement> | undefined;
+            onTouchEnd?: import('react').TouchEventHandler<HTMLElement> | undefined;
+            onTouchEndCapture?: import('react').TouchEventHandler<HTMLElement> | undefined;
+            onTouchMove?: import('react').TouchEventHandler<HTMLElement> | undefined;
+            onTouchMoveCapture?: import('react').TouchEventHandler<HTMLElement> | undefined;
+            onTouchStart?: import('react').TouchEventHandler<HTMLElement> | undefined;
+            onTouchStartCapture?: import('react').TouchEventHandler<HTMLElement> | undefined;
+            onPointerDown?: import('react').PointerEventHandler<HTMLElement> | undefined;
+            onPointerDownCapture?: import('react').PointerEventHandler<HTMLElement> | undefined;
+            onPointerMove?: import('react').PointerEventHandler<HTMLElement> | undefined;
+            onPointerMoveCapture?: import('react').PointerEventHandler<HTMLElement> | undefined;
+            onPointerUp?: import('react').PointerEventHandler<HTMLElement> | undefined;
+            onPointerUpCapture?: import('react').PointerEventHandler<HTMLElement> | undefined;
+            onPointerCancel?: import('react').PointerEventHandler<HTMLElement> | undefined;
+            onPointerCancelCapture?: import('react').PointerEventHandler<HTMLElement> | undefined;
+            onPointerEnter?: import('react').PointerEventHandler<HTMLElement> | undefined;
+            onPointerEnterCapture?: import('react').PointerEventHandler<HTMLElement> | undefined;
+            onPointerLeave?: import('react').PointerEventHandler<HTMLElement> | undefined;
+            onPointerLeaveCapture?: import('react').PointerEventHandler<HTMLElement> | undefined;
+            onPointerOver?: import('react').PointerEventHandler<HTMLElement> | undefined;
+            onPointerOverCapture?: import('react').PointerEventHandler<HTMLElement> | undefined;
+            onPointerOut?: import('react').PointerEventHandler<HTMLElement> | undefined;
+            onPointerOutCapture?: import('react').PointerEventHandler<HTMLElement> | undefined;
+            onGotPointerCapture?: import('react').PointerEventHandler<HTMLElement> | undefined;
+            onGotPointerCaptureCapture?: import('react').PointerEventHandler<HTMLElement> | undefined;
+            onLostPointerCapture?: import('react').PointerEventHandler<HTMLElement> | undefined;
+            onLostPointerCaptureCapture?: import('react').PointerEventHandler<HTMLElement> | undefined;
+            onScroll?: import('react').UIEventHandler<HTMLElement> | undefined;
+            onScrollCapture?: import('react').UIEventHandler<HTMLElement> | undefined;
+            onWheel?: import('react').WheelEventHandler<HTMLElement> | undefined;
+            onWheelCapture?: import('react').WheelEventHandler<HTMLElement> | undefined;
+            onAnimationStart?: import('react').AnimationEventHandler<HTMLElement> | undefined;
+            onAnimationStartCapture?: import('react').AnimationEventHandler<HTMLElement> | undefined;
+            onAnimationEnd?: import('react').AnimationEventHandler<HTMLElement> | undefined;
+            onAnimationEndCapture?: import('react').AnimationEventHandler<HTMLElement> | undefined;
+            onAnimationIteration?: import('react').AnimationEventHandler<HTMLElement> | undefined;
+            onAnimationIterationCapture?: import('react').AnimationEventHandler<HTMLElement> | undefined;
+            onTransitionEnd?: import('react').TransitionEventHandler<HTMLElement> | undefined;
+            onTransitionEndCapture?: import('react').TransitionEventHandler<HTMLElement> | undefined;
+        } & import('react').RefAttributes<HTMLElement>, "size" | "src" | "ref" | "className" | `data-${string}` | "initials"> & import('../types').DataAttributes & {
             className?: string | undefined;
             initials?: string | undefined;
             src?: string | undefined;
@@ -1077,8 +1265,8 @@ export declare const Avatar: {
     };
     Store: {
         (props: Omit<{
-            as?: import("react").ElementType<any> | undefined;
-            children?: import("react").ReactNode;
+            as?: import('react').ElementType<any> | undefined;
+            children?: import('react').ReactNode;
             className?: string | undefined;
             style?: Record<string, any> | undefined;
         } & {
@@ -1447,6 +1635,11 @@ export declare const Avatar: {
                 tablet?: "hidden" | "visible" | undefined;
                 desktop?: "hidden" | "visible" | undefined;
             } | undefined;
+            borderCollapse?: "collapse" | {
+                mobile?: "collapse" | undefined;
+                tablet?: "collapse" | undefined;
+                desktop?: "collapse" | undefined;
+            } | undefined;
             padding?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | {
                 mobile?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
                 tablet?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
@@ -1542,6 +1735,136 @@ export declare const Avatar: {
                 active?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
                 disabled?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
                 placeholder?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+                firstChild?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+                lastChild?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+                oddChild?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+                evenChild?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+            } | undefined;
+            borderStyle?: "none" | "solid" | {
+                default?: "none" | "solid" | undefined;
+                hover?: "none" | "solid" | undefined;
+                focus?: "none" | "solid" | undefined;
+                focusWithin?: "none" | "solid" | undefined;
+                focusVisible?: "none" | "solid" | undefined;
+                active?: "none" | "solid" | undefined;
+                disabled?: "none" | "solid" | undefined;
+                placeholder?: "none" | "solid" | undefined;
+                firstChild?: "none" | "solid" | undefined;
+                lastChild?: "none" | "solid" | undefined;
+                oddChild?: "none" | "solid" | undefined;
+                evenChild?: "none" | "solid" | undefined;
+            } | undefined;
+            borderLeftStyle?: "none" | "solid" | {
+                default?: "none" | "solid" | undefined;
+                hover?: "none" | "solid" | undefined;
+                focus?: "none" | "solid" | undefined;
+                focusWithin?: "none" | "solid" | undefined;
+                focusVisible?: "none" | "solid" | undefined;
+                active?: "none" | "solid" | undefined;
+                disabled?: "none" | "solid" | undefined;
+                placeholder?: "none" | "solid" | undefined;
+                firstChild?: "none" | "solid" | undefined;
+                lastChild?: "none" | "solid" | undefined;
+                oddChild?: "none" | "solid" | undefined;
+                evenChild?: "none" | "solid" | undefined;
+            } | undefined;
+            borderRightStyle?: "none" | "solid" | {
+                default?: "none" | "solid" | undefined;
+                hover?: "none" | "solid" | undefined;
+                focus?: "none" | "solid" | undefined;
+                focusWithin?: "none" | "solid" | undefined;
+                focusVisible?: "none" | "solid" | undefined;
+                active?: "none" | "solid" | undefined;
+                disabled?: "none" | "solid" | undefined;
+                placeholder?: "none" | "solid" | undefined;
+                firstChild?: "none" | "solid" | undefined;
+                lastChild?: "none" | "solid" | undefined;
+                oddChild?: "none" | "solid" | undefined;
+                evenChild?: "none" | "solid" | undefined;
+            } | undefined;
+            borderTopStyle?: "none" | "solid" | {
+                default?: "none" | "solid" | undefined;
+                hover?: "none" | "solid" | undefined;
+                focus?: "none" | "solid" | undefined;
+                focusWithin?: "none" | "solid" | undefined;
+                focusVisible?: "none" | "solid" | undefined;
+                active?: "none" | "solid" | undefined;
+                disabled?: "none" | "solid" | undefined;
+                placeholder?: "none" | "solid" | undefined;
+                firstChild?: "none" | "solid" | undefined;
+                lastChild?: "none" | "solid" | undefined;
+                oddChild?: "none" | "solid" | undefined;
+                evenChild?: "none" | "solid" | undefined;
+            } | undefined;
+            borderBottomStyle?: "none" | "solid" | {
+                default?: "none" | "solid" | undefined;
+                hover?: "none" | "solid" | undefined;
+                focus?: "none" | "solid" | undefined;
+                focusWithin?: "none" | "solid" | undefined;
+                focusVisible?: "none" | "solid" | undefined;
+                active?: "none" | "solid" | undefined;
+                disabled?: "none" | "solid" | undefined;
+                placeholder?: "none" | "solid" | undefined;
+                firstChild?: "none" | "solid" | undefined;
+                lastChild?: "none" | "solid" | undefined;
+                oddChild?: "none" | "solid" | undefined;
+                evenChild?: "none" | "solid" | undefined;
+            } | undefined;
+            paddingLeft?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | {
+                default?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                hover?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                focus?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                focusWithin?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                focusVisible?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                active?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                disabled?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                placeholder?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                firstChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                lastChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                oddChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                evenChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+            } | undefined;
+            paddingRight?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | {
+                default?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                hover?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                focus?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                focusWithin?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                focusVisible?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                active?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                disabled?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                placeholder?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                firstChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                lastChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                oddChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                evenChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+            } | undefined;
+            paddingTop?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | {
+                default?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                hover?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                focus?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                focusWithin?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                focusVisible?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                active?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                disabled?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                placeholder?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                firstChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                lastChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                oddChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                evenChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+            } | undefined;
+            paddingBottom?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | {
+                default?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                hover?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                focus?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                focusWithin?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                focusVisible?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                active?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                disabled?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                placeholder?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                firstChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                lastChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                oddChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+                evenChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
             } | undefined;
             color?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | {
                 default?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | undefined;
@@ -1552,6 +1875,10 @@ export declare const Avatar: {
                 active?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | undefined;
                 disabled?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | undefined;
                 placeholder?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | undefined;
+                firstChild?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | undefined;
+                lastChild?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | undefined;
+                oddChild?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | undefined;
+                evenChild?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | undefined;
             } | undefined;
             backgroundColor?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | {
                 default?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
@@ -1562,6 +1889,10 @@ export declare const Avatar: {
                 active?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
                 disabled?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
                 placeholder?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+                firstChild?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+                lastChild?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+                oddChild?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+                evenChild?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
             } | undefined;
             pointerEvents?: "none" | "auto" | {
                 default?: "none" | "auto" | undefined;
@@ -1572,6 +1903,10 @@ export declare const Avatar: {
                 active?: "none" | "auto" | undefined;
                 disabled?: "none" | "auto" | undefined;
                 placeholder?: "none" | "auto" | undefined;
+                firstChild?: "none" | "auto" | undefined;
+                lastChild?: "none" | "auto" | undefined;
+                oddChild?: "none" | "auto" | undefined;
+                evenChild?: "none" | "auto" | undefined;
             } | undefined;
             cursor?: "text" | "auto" | "grabbing" | "not-allowed" | "pointer" | {
                 default?: "text" | "auto" | "grabbing" | "not-allowed" | "pointer" | undefined;
@@ -1582,6 +1917,10 @@ export declare const Avatar: {
                 active?: "text" | "auto" | "grabbing" | "not-allowed" | "pointer" | undefined;
                 disabled?: "text" | "auto" | "grabbing" | "not-allowed" | "pointer" | undefined;
                 placeholder?: "text" | "auto" | "grabbing" | "not-allowed" | "pointer" | undefined;
+                firstChild?: "text" | "auto" | "grabbing" | "not-allowed" | "pointer" | undefined;
+                lastChild?: "text" | "auto" | "grabbing" | "not-allowed" | "pointer" | undefined;
+                oddChild?: "text" | "auto" | "grabbing" | "not-allowed" | "pointer" | undefined;
+                evenChild?: "text" | "auto" | "grabbing" | "not-allowed" | "pointer" | undefined;
             } | undefined;
             boxShadow?: "defaultFocused" | "defaultHovered" | "defaultOverlay" | "defaultModal" | "none" | {
                 default?: "defaultFocused" | "defaultHovered" | "defaultOverlay" | "defaultModal" | "none" | undefined;
@@ -1592,6 +1931,10 @@ export declare const Avatar: {
                 active?: "defaultFocused" | "defaultHovered" | "defaultOverlay" | "defaultModal" | "none" | undefined;
                 disabled?: "defaultFocused" | "defaultHovered" | "defaultOverlay" | "defaultModal" | "none" | undefined;
                 placeholder?: "defaultFocused" | "defaultHovered" | "defaultOverlay" | "defaultModal" | "none" | undefined;
+                firstChild?: "defaultFocused" | "defaultHovered" | "defaultOverlay" | "defaultModal" | "none" | undefined;
+                lastChild?: "defaultFocused" | "defaultHovered" | "defaultOverlay" | "defaultModal" | "none" | undefined;
+                oddChild?: "defaultFocused" | "defaultHovered" | "defaultOverlay" | "defaultModal" | "none" | undefined;
+                evenChild?: "defaultFocused" | "defaultHovered" | "defaultOverlay" | "defaultModal" | "none" | undefined;
             } | undefined;
             transition?: "all" | "ease" | {
                 default?: "all" | "ease" | undefined;
@@ -1602,6 +1945,10 @@ export declare const Avatar: {
                 active?: "all" | "ease" | undefined;
                 disabled?: "all" | "ease" | undefined;
                 placeholder?: "all" | "ease" | undefined;
+                firstChild?: "all" | "ease" | undefined;
+                lastChild?: "all" | "ease" | undefined;
+                oddChild?: "all" | "ease" | undefined;
+                evenChild?: "all" | "ease" | undefined;
             } | undefined;
             opacity?: "0" | "1" | "0.2" | "0.4" | "0.6" | "0.8" | {
                 default?: "0" | "1" | "0.2" | "0.4" | "0.6" | "0.8" | undefined;
@@ -1612,6 +1959,10 @@ export declare const Avatar: {
                 active?: "0" | "1" | "0.2" | "0.4" | "0.6" | "0.8" | undefined;
                 disabled?: "0" | "1" | "0.2" | "0.4" | "0.6" | "0.8" | undefined;
                 placeholder?: "0" | "1" | "0.2" | "0.4" | "0.6" | "0.8" | undefined;
+                firstChild?: "0" | "1" | "0.2" | "0.4" | "0.6" | "0.8" | undefined;
+                lastChild?: "0" | "1" | "0.2" | "0.4" | "0.6" | "0.8" | undefined;
+                oddChild?: "0" | "1" | "0.2" | "0.4" | "0.6" | "0.8" | undefined;
+                evenChild?: "0" | "1" | "0.2" | "0.4" | "0.6" | "0.8" | undefined;
             } | undefined;
             textDecoration?: "none" | "underline" | {
                 default?: "none" | "underline" | undefined;
@@ -1622,6 +1973,10 @@ export declare const Avatar: {
                 active?: "none" | "underline" | undefined;
                 disabled?: "none" | "underline" | undefined;
                 placeholder?: "none" | "underline" | undefined;
+                firstChild?: "none" | "underline" | undefined;
+                lastChild?: "none" | "underline" | undefined;
+                oddChild?: "none" | "underline" | undefined;
+                evenChild?: "none" | "underline" | undefined;
             } | undefined;
             transform?: {} | undefined;
             fill?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | {
@@ -1633,6 +1988,10 @@ export declare const Avatar: {
                 active?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
                 disabled?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
                 placeholder?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+                firstChild?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+                lastChild?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+                oddChild?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+                evenChild?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
             } | undefined;
             stroke?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | {
                 default?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
@@ -1643,6 +2002,10 @@ export declare const Avatar: {
                 active?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
                 disabled?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
                 placeholder?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+                firstChild?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+                lastChild?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+                oddChild?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+                evenChild?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
             } | undefined;
             listStyleType?: "none" | "disc" | "decimal" | {
                 default?: "none" | "disc" | "decimal" | undefined;
@@ -1653,6 +2016,10 @@ export declare const Avatar: {
                 active?: "none" | "disc" | "decimal" | undefined;
                 disabled?: "none" | "disc" | "decimal" | undefined;
                 placeholder?: "none" | "disc" | "decimal" | undefined;
+                firstChild?: "none" | "disc" | "decimal" | undefined;
+                lastChild?: "none" | "disc" | "decimal" | undefined;
+                oddChild?: "none" | "disc" | "decimal" | undefined;
+                evenChild?: "none" | "disc" | "decimal" | undefined;
             } | undefined;
             listStylePosition?: "inside" | "outside" | {
                 default?: "inside" | "outside" | undefined;
@@ -1663,6 +2030,10 @@ export declare const Avatar: {
                 active?: "inside" | "outside" | undefined;
                 disabled?: "inside" | "outside" | undefined;
                 placeholder?: "inside" | "outside" | undefined;
+                firstChild?: "inside" | "outside" | undefined;
+                lastChild?: "inside" | "outside" | undefined;
+                oddChild?: "inside" | "outside" | undefined;
+                evenChild?: "inside" | "outside" | undefined;
             } | undefined;
             listStyleImage?: "none" | {
                 default?: "none" | undefined;
@@ -1673,6 +2044,10 @@ export declare const Avatar: {
                 active?: "none" | undefined;
                 disabled?: "none" | undefined;
                 placeholder?: "none" | undefined;
+                firstChild?: "none" | undefined;
+                lastChild?: "none" | undefined;
+                oddChild?: "none" | undefined;
+                evenChild?: "none" | undefined;
             } | undefined;
         } & {
             __display?: any;
@@ -1748,6 +2123,7 @@ export declare const Avatar: {
             __alignSelf?: any;
             __justifySelf?: any;
             __visibility?: any;
+            __borderCollapse?: any;
             __padding?: any;
             __paddingX?: any;
             __paddingY?: any;
@@ -1785,7 +2161,7 @@ export declare const Avatar: {
             content?: string | undefined;
             translate?: "yes" | "no" | undefined;
             src?: string | undefined;
-            children?: import("react").ReactNode;
+            children?: import('react').ReactNode;
             value?: string | number | readonly string[] | undefined;
             cite?: string | undefined;
             data?: string | undefined;
@@ -1793,7 +2169,7 @@ export declare const Avatar: {
             label?: string | undefined;
             slot?: string | undefined;
             span?: number | undefined;
-            style?: import("react").CSSProperties | undefined;
+            style?: import('react').CSSProperties | undefined;
             summary?: string | undefined;
             title?: string | undefined;
             pattern?: string | undefined;
@@ -1905,7 +2281,7 @@ export declare const Avatar: {
             spellCheck?: (boolean | "false" | "true") | undefined;
             tabIndex?: number | undefined;
             radioGroup?: string | undefined;
-            role?: import("react").AriaRole | undefined;
+            role?: import('react').AriaRole | undefined;
             about?: string | undefined;
             datatype?: string | undefined;
             inlist?: any;
@@ -1978,167 +2354,167 @@ export declare const Avatar: {
             dangerouslySetInnerHTML?: {
                 __html: string;
             } | undefined;
-            onCopy?: import("react").ClipboardEventHandler<HTMLElement> | undefined;
-            onCopyCapture?: import("react").ClipboardEventHandler<HTMLElement> | undefined;
-            onCut?: import("react").ClipboardEventHandler<HTMLElement> | undefined;
-            onCutCapture?: import("react").ClipboardEventHandler<HTMLElement> | undefined;
-            onPaste?: import("react").ClipboardEventHandler<HTMLElement> | undefined;
-            onPasteCapture?: import("react").ClipboardEventHandler<HTMLElement> | undefined;
-            onCompositionEnd?: import("react").CompositionEventHandler<HTMLElement> | undefined;
-            onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLElement> | undefined;
-            onCompositionStart?: import("react").CompositionEventHandler<HTMLElement> | undefined;
-            onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLElement> | undefined;
-            onCompositionUpdate?: import("react").CompositionEventHandler<HTMLElement> | undefined;
-            onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLElement> | undefined;
-            onFocus?: import("react").FocusEventHandler<HTMLElement> | undefined;
-            onFocusCapture?: import("react").FocusEventHandler<HTMLElement> | undefined;
-            onBlur?: import("react").FocusEventHandler<HTMLElement> | undefined;
-            onBlurCapture?: import("react").FocusEventHandler<HTMLElement> | undefined;
-            onChange?: import("react").FormEventHandler<HTMLElement> | undefined;
-            onChangeCapture?: import("react").FormEventHandler<HTMLElement> | undefined;
-            onBeforeInput?: import("react").FormEventHandler<HTMLElement> | undefined;
-            onBeforeInputCapture?: import("react").FormEventHandler<HTMLElement> | undefined;
-            onInput?: import("react").FormEventHandler<HTMLElement> | undefined;
-            onInputCapture?: import("react").FormEventHandler<HTMLElement> | undefined;
-            onReset?: import("react").FormEventHandler<HTMLElement> | undefined;
-            onResetCapture?: import("react").FormEventHandler<HTMLElement> | undefined;
-            onSubmit?: import("react").FormEventHandler<HTMLElement> | undefined;
-            onSubmitCapture?: import("react").FormEventHandler<HTMLElement> | undefined;
-            onInvalid?: import("react").FormEventHandler<HTMLElement> | undefined;
-            onInvalidCapture?: import("react").FormEventHandler<HTMLElement> | undefined;
-            onLoad?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onLoadCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onError?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onErrorCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onKeyDown?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
-            onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
-            onKeyPress?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
-            onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
-            onKeyUp?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
-            onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
-            onAbort?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onAbortCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onCanPlay?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onCanPlayCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onCanPlayThrough?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onDurationChange?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onDurationChangeCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onEmptied?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onEmptiedCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onEncrypted?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onEncryptedCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onEnded?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onEndedCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onLoadedData?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onLoadedDataCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onLoadedMetadata?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onLoadStart?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onLoadStartCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onPause?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onPauseCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onPlay?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onPlayCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onPlaying?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onPlayingCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onProgress?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onProgressCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onRateChange?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onRateChangeCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onSeeked?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onSeekedCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onSeeking?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onSeekingCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onStalled?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onStalledCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onSuspend?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onSuspendCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onTimeUpdate?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onVolumeChange?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onWaiting?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onWaitingCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onAuxClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
-            onAuxClickCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
-            onClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
-            onClickCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
-            onContextMenu?: import("react").MouseEventHandler<HTMLElement> | undefined;
-            onContextMenuCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
-            onDoubleClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
-            onDoubleClickCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
-            onDrag?: import("react").DragEventHandler<HTMLElement> | undefined;
-            onDragCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
-            onDragEnd?: import("react").DragEventHandler<HTMLElement> | undefined;
-            onDragEndCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
-            onDragEnter?: import("react").DragEventHandler<HTMLElement> | undefined;
-            onDragEnterCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
-            onDragExit?: import("react").DragEventHandler<HTMLElement> | undefined;
-            onDragExitCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
-            onDragLeave?: import("react").DragEventHandler<HTMLElement> | undefined;
-            onDragLeaveCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
-            onDragOver?: import("react").DragEventHandler<HTMLElement> | undefined;
-            onDragOverCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
-            onDragStart?: import("react").DragEventHandler<HTMLElement> | undefined;
-            onDragStartCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
-            onDrop?: import("react").DragEventHandler<HTMLElement> | undefined;
-            onDropCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
-            onMouseDown?: import("react").MouseEventHandler<HTMLElement> | undefined;
-            onMouseDownCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
-            onMouseEnter?: import("react").MouseEventHandler<HTMLElement> | undefined;
-            onMouseLeave?: import("react").MouseEventHandler<HTMLElement> | undefined;
-            onMouseMove?: import("react").MouseEventHandler<HTMLElement> | undefined;
-            onMouseMoveCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
-            onMouseOut?: import("react").MouseEventHandler<HTMLElement> | undefined;
-            onMouseOutCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
-            onMouseOver?: import("react").MouseEventHandler<HTMLElement> | undefined;
-            onMouseOverCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
-            onMouseUp?: import("react").MouseEventHandler<HTMLElement> | undefined;
-            onMouseUpCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
-            onSelect?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onSelectCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-            onTouchCancel?: import("react").TouchEventHandler<HTMLElement> | undefined;
-            onTouchCancelCapture?: import("react").TouchEventHandler<HTMLElement> | undefined;
-            onTouchEnd?: import("react").TouchEventHandler<HTMLElement> | undefined;
-            onTouchEndCapture?: import("react").TouchEventHandler<HTMLElement> | undefined;
-            onTouchMove?: import("react").TouchEventHandler<HTMLElement> | undefined;
-            onTouchMoveCapture?: import("react").TouchEventHandler<HTMLElement> | undefined;
-            onTouchStart?: import("react").TouchEventHandler<HTMLElement> | undefined;
-            onTouchStartCapture?: import("react").TouchEventHandler<HTMLElement> | undefined;
-            onPointerDown?: import("react").PointerEventHandler<HTMLElement> | undefined;
-            onPointerDownCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
-            onPointerMove?: import("react").PointerEventHandler<HTMLElement> | undefined;
-            onPointerMoveCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
-            onPointerUp?: import("react").PointerEventHandler<HTMLElement> | undefined;
-            onPointerUpCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
-            onPointerCancel?: import("react").PointerEventHandler<HTMLElement> | undefined;
-            onPointerCancelCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
-            onPointerEnter?: import("react").PointerEventHandler<HTMLElement> | undefined;
-            onPointerEnterCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
-            onPointerLeave?: import("react").PointerEventHandler<HTMLElement> | undefined;
-            onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
-            onPointerOver?: import("react").PointerEventHandler<HTMLElement> | undefined;
-            onPointerOverCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
-            onPointerOut?: import("react").PointerEventHandler<HTMLElement> | undefined;
-            onPointerOutCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
-            onGotPointerCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
-            onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
-            onLostPointerCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
-            onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
-            onScroll?: import("react").UIEventHandler<HTMLElement> | undefined;
-            onScrollCapture?: import("react").UIEventHandler<HTMLElement> | undefined;
-            onWheel?: import("react").WheelEventHandler<HTMLElement> | undefined;
-            onWheelCapture?: import("react").WheelEventHandler<HTMLElement> | undefined;
-            onAnimationStart?: import("react").AnimationEventHandler<HTMLElement> | undefined;
-            onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLElement> | undefined;
-            onAnimationEnd?: import("react").AnimationEventHandler<HTMLElement> | undefined;
-            onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLElement> | undefined;
-            onAnimationIteration?: import("react").AnimationEventHandler<HTMLElement> | undefined;
-            onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLElement> | undefined;
-            onTransitionEnd?: import("react").TransitionEventHandler<HTMLElement> | undefined;
-            onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLElement> | undefined;
-        } & import("react").RefAttributes<HTMLElement>, "size" | "src" | "ref" | "className" | `data-${string}` | "initials"> & import("../types").DataAttributes & {
+            onCopy?: import('react').ClipboardEventHandler<HTMLElement> | undefined;
+            onCopyCapture?: import('react').ClipboardEventHandler<HTMLElement> | undefined;
+            onCut?: import('react').ClipboardEventHandler<HTMLElement> | undefined;
+            onCutCapture?: import('react').ClipboardEventHandler<HTMLElement> | undefined;
+            onPaste?: import('react').ClipboardEventHandler<HTMLElement> | undefined;
+            onPasteCapture?: import('react').ClipboardEventHandler<HTMLElement> | undefined;
+            onCompositionEnd?: import('react').CompositionEventHandler<HTMLElement> | undefined;
+            onCompositionEndCapture?: import('react').CompositionEventHandler<HTMLElement> | undefined;
+            onCompositionStart?: import('react').CompositionEventHandler<HTMLElement> | undefined;
+            onCompositionStartCapture?: import('react').CompositionEventHandler<HTMLElement> | undefined;
+            onCompositionUpdate?: import('react').CompositionEventHandler<HTMLElement> | undefined;
+            onCompositionUpdateCapture?: import('react').CompositionEventHandler<HTMLElement> | undefined;
+            onFocus?: import('react').FocusEventHandler<HTMLElement> | undefined;
+            onFocusCapture?: import('react').FocusEventHandler<HTMLElement> | undefined;
+            onBlur?: import('react').FocusEventHandler<HTMLElement> | undefined;
+            onBlurCapture?: import('react').FocusEventHandler<HTMLElement> | undefined;
+            onChange?: import('react').FormEventHandler<HTMLElement> | undefined;
+            onChangeCapture?: import('react').FormEventHandler<HTMLElement> | undefined;
+            onBeforeInput?: import('react').FormEventHandler<HTMLElement> | undefined;
+            onBeforeInputCapture?: import('react').FormEventHandler<HTMLElement> | undefined;
+            onInput?: import('react').FormEventHandler<HTMLElement> | undefined;
+            onInputCapture?: import('react').FormEventHandler<HTMLElement> | undefined;
+            onReset?: import('react').FormEventHandler<HTMLElement> | undefined;
+            onResetCapture?: import('react').FormEventHandler<HTMLElement> | undefined;
+            onSubmit?: import('react').FormEventHandler<HTMLElement> | undefined;
+            onSubmitCapture?: import('react').FormEventHandler<HTMLElement> | undefined;
+            onInvalid?: import('react').FormEventHandler<HTMLElement> | undefined;
+            onInvalidCapture?: import('react').FormEventHandler<HTMLElement> | undefined;
+            onLoad?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onLoadCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onError?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onErrorCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onKeyDown?: import('react').KeyboardEventHandler<HTMLElement> | undefined;
+            onKeyDownCapture?: import('react').KeyboardEventHandler<HTMLElement> | undefined;
+            onKeyPress?: import('react').KeyboardEventHandler<HTMLElement> | undefined;
+            onKeyPressCapture?: import('react').KeyboardEventHandler<HTMLElement> | undefined;
+            onKeyUp?: import('react').KeyboardEventHandler<HTMLElement> | undefined;
+            onKeyUpCapture?: import('react').KeyboardEventHandler<HTMLElement> | undefined;
+            onAbort?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onAbortCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onCanPlay?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onCanPlayCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onCanPlayThrough?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onCanPlayThroughCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onDurationChange?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onDurationChangeCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onEmptied?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onEmptiedCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onEncrypted?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onEncryptedCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onEnded?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onEndedCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onLoadedData?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onLoadedDataCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onLoadedMetadata?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onLoadedMetadataCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onLoadStart?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onLoadStartCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onPause?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onPauseCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onPlay?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onPlayCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onPlaying?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onPlayingCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onProgress?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onProgressCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onRateChange?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onRateChangeCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onSeeked?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onSeekedCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onSeeking?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onSeekingCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onStalled?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onStalledCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onSuspend?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onSuspendCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onTimeUpdate?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onTimeUpdateCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onVolumeChange?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onVolumeChangeCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onWaiting?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onWaitingCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onAuxClick?: import('react').MouseEventHandler<HTMLElement> | undefined;
+            onAuxClickCapture?: import('react').MouseEventHandler<HTMLElement> | undefined;
+            onClick?: import('react').MouseEventHandler<HTMLElement> | undefined;
+            onClickCapture?: import('react').MouseEventHandler<HTMLElement> | undefined;
+            onContextMenu?: import('react').MouseEventHandler<HTMLElement> | undefined;
+            onContextMenuCapture?: import('react').MouseEventHandler<HTMLElement> | undefined;
+            onDoubleClick?: import('react').MouseEventHandler<HTMLElement> | undefined;
+            onDoubleClickCapture?: import('react').MouseEventHandler<HTMLElement> | undefined;
+            onDrag?: import('react').DragEventHandler<HTMLElement> | undefined;
+            onDragCapture?: import('react').DragEventHandler<HTMLElement> | undefined;
+            onDragEnd?: import('react').DragEventHandler<HTMLElement> | undefined;
+            onDragEndCapture?: import('react').DragEventHandler<HTMLElement> | undefined;
+            onDragEnter?: import('react').DragEventHandler<HTMLElement> | undefined;
+            onDragEnterCapture?: import('react').DragEventHandler<HTMLElement> | undefined;
+            onDragExit?: import('react').DragEventHandler<HTMLElement> | undefined;
+            onDragExitCapture?: import('react').DragEventHandler<HTMLElement> | undefined;
+            onDragLeave?: import('react').DragEventHandler<HTMLElement> | undefined;
+            onDragLeaveCapture?: import('react').DragEventHandler<HTMLElement> | undefined;
+            onDragOver?: import('react').DragEventHandler<HTMLElement> | undefined;
+            onDragOverCapture?: import('react').DragEventHandler<HTMLElement> | undefined;
+            onDragStart?: import('react').DragEventHandler<HTMLElement> | undefined;
+            onDragStartCapture?: import('react').DragEventHandler<HTMLElement> | undefined;
+            onDrop?: import('react').DragEventHandler<HTMLElement> | undefined;
+            onDropCapture?: import('react').DragEventHandler<HTMLElement> | undefined;
+            onMouseDown?: import('react').MouseEventHandler<HTMLElement> | undefined;
+            onMouseDownCapture?: import('react').MouseEventHandler<HTMLElement> | undefined;
+            onMouseEnter?: import('react').MouseEventHandler<HTMLElement> | undefined;
+            onMouseLeave?: import('react').MouseEventHandler<HTMLElement> | undefined;
+            onMouseMove?: import('react').MouseEventHandler<HTMLElement> | undefined;
+            onMouseMoveCapture?: import('react').MouseEventHandler<HTMLElement> | undefined;
+            onMouseOut?: import('react').MouseEventHandler<HTMLElement> | undefined;
+            onMouseOutCapture?: import('react').MouseEventHandler<HTMLElement> | undefined;
+            onMouseOver?: import('react').MouseEventHandler<HTMLElement> | undefined;
+            onMouseOverCapture?: import('react').MouseEventHandler<HTMLElement> | undefined;
+            onMouseUp?: import('react').MouseEventHandler<HTMLElement> | undefined;
+            onMouseUpCapture?: import('react').MouseEventHandler<HTMLElement> | undefined;
+            onSelect?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onSelectCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
+            onTouchCancel?: import('react').TouchEventHandler<HTMLElement> | undefined;
+            onTouchCancelCapture?: import('react').TouchEventHandler<HTMLElement> | undefined;
+            onTouchEnd?: import('react').TouchEventHandler<HTMLElement> | undefined;
+            onTouchEndCapture?: import('react').TouchEventHandler<HTMLElement> | undefined;
+            onTouchMove?: import('react').TouchEventHandler<HTMLElement> | undefined;
+            onTouchMoveCapture?: import('react').TouchEventHandler<HTMLElement> | undefined;
+            onTouchStart?: import('react').TouchEventHandler<HTMLElement> | undefined;
+            onTouchStartCapture?: import('react').TouchEventHandler<HTMLElement> | undefined;
+            onPointerDown?: import('react').PointerEventHandler<HTMLElement> | undefined;
+            onPointerDownCapture?: import('react').PointerEventHandler<HTMLElement> | undefined;
+            onPointerMove?: import('react').PointerEventHandler<HTMLElement> | undefined;
+            onPointerMoveCapture?: import('react').PointerEventHandler<HTMLElement> | undefined;
+            onPointerUp?: import('react').PointerEventHandler<HTMLElement> | undefined;
+            onPointerUpCapture?: import('react').PointerEventHandler<HTMLElement> | undefined;
+            onPointerCancel?: import('react').PointerEventHandler<HTMLElement> | undefined;
+            onPointerCancelCapture?: import('react').PointerEventHandler<HTMLElement> | undefined;
+            onPointerEnter?: import('react').PointerEventHandler<HTMLElement> | undefined;
+            onPointerEnterCapture?: import('react').PointerEventHandler<HTMLElement> | undefined;
+            onPointerLeave?: import('react').PointerEventHandler<HTMLElement> | undefined;
+            onPointerLeaveCapture?: import('react').PointerEventHandler<HTMLElement> | undefined;
+            onPointerOver?: import('react').PointerEventHandler<HTMLElement> | undefined;
+            onPointerOverCapture?: import('react').PointerEventHandler<HTMLElement> | undefined;
+            onPointerOut?: import('react').PointerEventHandler<HTMLElement> | undefined;
+            onPointerOutCapture?: import('react').PointerEventHandler<HTMLElement> | undefined;
+            onGotPointerCapture?: import('react').PointerEventHandler<HTMLElement> | undefined;
+            onGotPointerCaptureCapture?: import('react').PointerEventHandler<HTMLElement> | undefined;
+            onLostPointerCapture?: import('react').PointerEventHandler<HTMLElement> | undefined;
+            onLostPointerCaptureCapture?: import('react').PointerEventHandler<HTMLElement> | undefined;
+            onScroll?: import('react').UIEventHandler<HTMLElement> | undefined;
+            onScrollCapture?: import('react').UIEventHandler<HTMLElement> | undefined;
+            onWheel?: import('react').WheelEventHandler<HTMLElement> | undefined;
+            onWheelCapture?: import('react').WheelEventHandler<HTMLElement> | undefined;
+            onAnimationStart?: import('react').AnimationEventHandler<HTMLElement> | undefined;
+            onAnimationStartCapture?: import('react').AnimationEventHandler<HTMLElement> | undefined;
+            onAnimationEnd?: import('react').AnimationEventHandler<HTMLElement> | undefined;
+            onAnimationEndCapture?: import('react').AnimationEventHandler<HTMLElement> | undefined;
+            onAnimationIteration?: import('react').AnimationEventHandler<HTMLElement> | undefined;
+            onAnimationIterationCapture?: import('react').AnimationEventHandler<HTMLElement> | undefined;
+            onTransitionEnd?: import('react').TransitionEventHandler<HTMLElement> | undefined;
+            onTransitionEndCapture?: import('react').TransitionEventHandler<HTMLElement> | undefined;
+        } & import('react').RefAttributes<HTMLElement>, "size" | "src" | "ref" | "className" | `data-${string}` | "initials"> & import('../types').DataAttributes & {
             className?: string | undefined;
             initials?: string | undefined;
             src?: string | undefined;