@saleor/macaw-ui 1.1.2 → 1.1.4

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

@@ -1,10 +1,10 @@
-/// <reference types="react" />
-import { Meta, StoryObj } from "@storybook/react";
-import { Avatar } from "./index";
+import { Avatar } from './index';
+import { Meta, StoryObj } from '@storybook/react';
+
 declare const 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;
     } & {
@@ -373,6 +373,11 @@ declare const User: {
             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;
@@ -468,6 +473,136 @@ declare const User: {
             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;
@@ -478,6 +613,10 @@ declare const User: {
             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;
@@ -488,6 +627,10 @@ declare const User: {
             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;
@@ -498,6 +641,10 @@ declare const User: {
             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;
@@ -508,6 +655,10 @@ declare const User: {
             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;
@@ -518,6 +669,10 @@ declare const User: {
             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;
@@ -528,6 +683,10 @@ declare const User: {
             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;
@@ -538,6 +697,10 @@ declare const User: {
             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;
@@ -548,6 +711,10 @@ declare const User: {
             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" | {
@@ -559,6 +726,10 @@ declare const User: {
             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;
@@ -569,6 +740,10 @@ declare const User: {
             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;
@@ -579,6 +754,10 @@ declare const User: {
             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;
@@ -589,6 +768,10 @@ declare const User: {
             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;
@@ -599,6 +782,10 @@ declare const User: {
             active?: "none" | undefined;
             disabled?: "none" | undefined;
             placeholder?: "none" | undefined;
+            firstChild?: "none" | undefined;
+            lastChild?: "none" | undefined;
+            oddChild?: "none" | undefined;
+            evenChild?: "none" | undefined;
         } | undefined;
     } & {
         __display?: any;
@@ -674,6 +861,7 @@ declare const User: {
         __alignSelf?: any;
         __justifySelf?: any;
         __visibility?: any;
+        __borderCollapse?: any;
         __padding?: any;
         __paddingX?: any;
         __paddingY?: any;
@@ -711,7 +899,7 @@ declare const User: {
         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;
@@ -719,7 +907,7 @@ declare const User: {
         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;
@@ -831,7 +1019,7 @@ declare const User: {
         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;
@@ -904,167 +1092,167 @@ declare const User: {
         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;