@saleor/macaw-ui 0.7.2 → 0.8.0-dev.104

package/dist/components/Accordion/Root.d.ts

@@ -0,0 +1,1010 @@
+import { ReactNode } from "react";
+import { PropsWithBox } from "../Box";
+export declare type AccordionRootProps = PropsWithBox<{
+    children: ReactNode;
+    defaultValue?: string;
+    value?: string;
+    onValueChange?: (value: string) => void;
+}>;
+export declare const Root: import("react").ForwardRefExoticComponent<Omit<{
+    as?: import("react").ElementType<any> | undefined;
+    children?: ReactNode;
+    className?: string | undefined;
+    style?: Record<string, any> | undefined;
+} & {
+    display?: ("block" | "none" | "flex" | "grid" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | {
+        mobile?: "block" | "none" | "flex" | "grid" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
+        tablet?: "block" | "none" | "flex" | "grid" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
+        desktop?: "block" | "none" | "flex" | "grid" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
+    }) | undefined;
+    flexDirection?: ("column" | "row" | {
+        mobile?: "column" | "row" | undefined;
+        tablet?: "column" | "row" | undefined;
+        desktop?: "column" | "row" | undefined;
+    }) | undefined;
+    alignItems?: ("center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "stretch" | {
+        mobile?: "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "stretch" | undefined;
+        tablet?: "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "stretch" | undefined;
+        desktop?: "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "stretch" | undefined;
+    }) | undefined;
+    justifyContent?: ("center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | "space-evenly" | {
+        mobile?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined;
+        tablet?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined;
+        desktop?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined;
+    }) | undefined;
+    flexGrow?: ("1" | "0" | {
+        mobile?: "1" | "0" | undefined;
+        tablet?: "1" | "0" | undefined;
+        desktop?: "1" | "0" | undefined;
+    }) | undefined;
+    flexShrink?: ("1" | "0" | {
+        mobile?: "1" | "0" | undefined;
+        tablet?: "1" | "0" | undefined;
+        desktop?: "1" | "0" | undefined;
+    }) | undefined;
+    flexBasis?: ("auto" | "0" | {
+        mobile?: "auto" | "0" | undefined;
+        tablet?: "auto" | "0" | undefined;
+        desktop?: "auto" | "0" | undefined;
+    }) | undefined;
+    position?: ("absolute" | "fixed" | "relative" | "static" | "sticky" | {
+        mobile?: "absolute" | "fixed" | "relative" | "static" | "sticky" | undefined;
+        tablet?: "absolute" | "fixed" | "relative" | "static" | "sticky" | undefined;
+        desktop?: "absolute" | "fixed" | "relative" | "static" | "sticky" | undefined;
+    }) | undefined;
+    gridArea?: ("auto" | {
+        mobile?: "auto" | undefined;
+        tablet?: "auto" | undefined;
+        desktop?: "auto" | undefined;
+    }) | undefined;
+    gridTemplateAreas?: ("none" | {
+        mobile?: "none" | undefined;
+        tablet?: "none" | undefined;
+        desktop?: "none" | undefined;
+    }) | undefined;
+    gridTemplateRows?: (2 | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | "none" | {
+        mobile?: 2 | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | "none" | undefined;
+        tablet?: 2 | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | "none" | undefined;
+        desktop?: 2 | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | "none" | undefined;
+    }) | undefined;
+    gridRow?: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "auto" | "full" | {
+        mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "auto" | "full" | undefined;
+        tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "auto" | "full" | undefined;
+        desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "auto" | "full" | undefined;
+    }) | undefined;
+    gridRowStart?: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "auto" | {
+        mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "auto" | undefined;
+        tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "auto" | undefined;
+        desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "auto" | undefined;
+    }) | undefined;
+    gridRowEnd?: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "auto" | {
+        mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "auto" | undefined;
+        tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "auto" | undefined;
+        desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "auto" | undefined;
+    }) | undefined;
+    gridTemplateColumns?: (2 | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | "none" | {
+        mobile?: 2 | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | "none" | undefined;
+        tablet?: 2 | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | "none" | undefined;
+        desktop?: 2 | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | "none" | undefined;
+    }) | undefined;
+    gridColumn?: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "auto" | "full" | {
+        mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "auto" | "full" | undefined;
+        tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "auto" | "full" | undefined;
+        desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "auto" | "full" | undefined;
+    }) | undefined;
+    gridColumnStart?: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "auto" | {
+        mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "auto" | undefined;
+        tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "auto" | undefined;
+        desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "auto" | undefined;
+    }) | undefined;
+    gridColumnEnd?: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "auto" | {
+        mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "auto" | undefined;
+        tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "auto" | undefined;
+        desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "auto" | undefined;
+    }) | undefined;
+    gridAutoFlow?: ("column" | "row" | "dense" | "row dense" | "column dense" | {
+        mobile?: "column" | "row" | "dense" | "row dense" | "column dense" | undefined;
+        tablet?: "column" | "row" | "dense" | "row dense" | "column dense" | undefined;
+        desktop?: "column" | "row" | "dense" | "row dense" | "column dense" | undefined;
+    }) | undefined;
+    order?: (number | {
+        mobile?: number | undefined;
+        tablet?: number | undefined;
+        desktop?: number | undefined;
+    }) | undefined;
+    flexWrap?: ("nowrap" | "wrap" | {
+        mobile?: "nowrap" | "wrap" | undefined;
+        tablet?: "nowrap" | "wrap" | undefined;
+        desktop?: "nowrap" | "wrap" | undefined;
+    }) | undefined;
+    gap?: (0 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | 2 | 1 | "px" | 0.5 | 1.5 | 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;
+        desktop?: 0 | 2 | 1 | "px" | 0.5 | 1.5 | 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;
+    rowGap?: (0 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | 2 | 1 | "px" | 0.5 | 1.5 | 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;
+        desktop?: 0 | 2 | 1 | "px" | 0.5 | 1.5 | 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;
+    columnGap?: (0 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | 2 | 1 | "px" | 0.5 | 1.5 | 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;
+        desktop?: 0 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | 2 | 1 | "px" | 0.5 | 1.5 | 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;
+        desktop?: 0 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | 2 | 1 | "px" | 0.5 | 1.5 | 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;
+        desktop?: 0 | 2 | 1 | "px" | 0.5 | 1.5 | 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;
+    paddingLeft?: (0 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | 2 | 1 | "px" | 0.5 | 1.5 | 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;
+        desktop?: 0 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | 2 | 1 | "px" | 0.5 | 1.5 | 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;
+        desktop?: 0 | 2 | 1 | "px" | 0.5 | 1.5 | 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;
+    marginTop?: (0 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | "auto" | {
+        mobile?: 0 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | "auto" | undefined;
+        tablet?: 0 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | "auto" | undefined;
+        desktop?: 0 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | "auto" | undefined;
+    }) | undefined;
+    marginBottom?: (0 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | "auto" | {
+        mobile?: 0 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | "auto" | undefined;
+        tablet?: 0 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | "auto" | undefined;
+        desktop?: 0 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | "auto" | undefined;
+    }) | undefined;
+    marginLeft?: (0 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | "auto" | {
+        mobile?: 0 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | "auto" | undefined;
+        tablet?: 0 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | "auto" | undefined;
+        desktop?: 0 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | "auto" | undefined;
+    }) | undefined;
+    marginRight?: (0 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | "auto" | {
+        mobile?: 0 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | "auto" | undefined;
+        tablet?: 0 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | "auto" | undefined;
+        desktop?: 0 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | "auto" | undefined;
+    }) | undefined;
+    width?: (0 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | "100%" | "100vw" | {
+        mobile?: 0 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | "100%" | "100vw" | undefined;
+        tablet?: 0 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | "100%" | "100vw" | undefined;
+        desktop?: 0 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | "100%" | "100vw" | undefined;
+    }) | undefined;
+    height?: (0 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | "100%" | "100vh" | {
+        mobile?: 0 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | "100%" | "100vh" | undefined;
+        tablet?: 0 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | "100%" | "100vh" | undefined;
+        desktop?: 0 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | "100%" | "100vh" | undefined;
+    }) | undefined;
+    minHeight?: ("0px" | "auto" | "100%" | {
+        mobile?: "0px" | "auto" | "100%" | undefined;
+        tablet?: "0px" | "auto" | "100%" | undefined;
+        desktop?: "0px" | "auto" | "100%" | undefined;
+    }) | undefined;
+    minWidth?: (0 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | "auto" | "100%" | {
+        mobile?: 0 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | "auto" | "100%" | undefined;
+        tablet?: 0 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | "auto" | "100%" | undefined;
+        desktop?: 0 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | "auto" | "100%" | undefined;
+    }) | undefined;
+    maxWidth?: ("0px" | "auto" | "100%" | {
+        mobile?: "0px" | "auto" | "100%" | undefined;
+        tablet?: "0px" | "auto" | "100%" | undefined;
+        desktop?: "0px" | "auto" | "100%" | undefined;
+    }) | undefined;
+    maxHeight?: (0 | "0px" | 2 | 1 | "px" | 0.5 | 1.5 | 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 | "auto" | "100%" | {
+        mobile?: 0 | "0px" | 2 | 1 | "px" | 0.5 | 1.5 | 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 | "auto" | "100%" | undefined;
+        tablet?: 0 | "0px" | 2 | 1 | "px" | 0.5 | 1.5 | 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 | "auto" | "100%" | undefined;
+        desktop?: 0 | "0px" | 2 | 1 | "px" | 0.5 | 1.5 | 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 | "auto" | "100%" | undefined;
+    }) | undefined;
+    borderTopRightRadius?: (2 | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "100%" | "50%" | {
+        mobile?: 2 | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "100%" | "50%" | undefined;
+        tablet?: 2 | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "100%" | "50%" | undefined;
+        desktop?: 2 | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "100%" | "50%" | undefined;
+    }) | undefined;
+    borderTopLeftRadius?: (2 | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "100%" | "50%" | {
+        mobile?: 2 | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "100%" | "50%" | undefined;
+        tablet?: 2 | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "100%" | "50%" | undefined;
+        desktop?: 2 | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "100%" | "50%" | undefined;
+    }) | undefined;
+    borderBottomRightRadius?: (2 | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "100%" | "50%" | {
+        mobile?: 2 | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "100%" | "50%" | undefined;
+        tablet?: 2 | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "100%" | "50%" | undefined;
+        desktop?: 2 | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "100%" | "50%" | undefined;
+    }) | undefined;
+    borderBottomLeftRadius?: (2 | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "100%" | "50%" | {
+        mobile?: 2 | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "100%" | "50%" | undefined;
+        tablet?: 2 | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "100%" | "50%" | undefined;
+        desktop?: 2 | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "100%" | "50%" | undefined;
+    }) | undefined;
+    fontSize?: ("heroLarge" | "heroMedium" | "heroSmall" | "titleLarge" | "titleMedium" | "titleSmall" | "headingLarge" | "headingMedium" | "headingSmall" | "bodyStrongLarge" | "bodyStrongMedium" | "bodyStrongSmall" | "bodyEmpLarge" | "bodyEmpMedium" | "bodyEmpSmall" | "bodyLarge" | "bodyMedium" | "bodySmall" | "buttonLarge" | "buttonMedium" | "buttonSmall" | "captionLarge" | "captionMedium" | "captionSmall" | {
+        mobile?: "heroLarge" | "heroMedium" | "heroSmall" | "titleLarge" | "titleMedium" | "titleSmall" | "headingLarge" | "headingMedium" | "headingSmall" | "bodyStrongLarge" | "bodyStrongMedium" | "bodyStrongSmall" | "bodyEmpLarge" | "bodyEmpMedium" | "bodyEmpSmall" | "bodyLarge" | "bodyMedium" | "bodySmall" | "buttonLarge" | "buttonMedium" | "buttonSmall" | "captionLarge" | "captionMedium" | "captionSmall" | undefined;
+        tablet?: "heroLarge" | "heroMedium" | "heroSmall" | "titleLarge" | "titleMedium" | "titleSmall" | "headingLarge" | "headingMedium" | "headingSmall" | "bodyStrongLarge" | "bodyStrongMedium" | "bodyStrongSmall" | "bodyEmpLarge" | "bodyEmpMedium" | "bodyEmpSmall" | "bodyLarge" | "bodyMedium" | "bodySmall" | "buttonLarge" | "buttonMedium" | "buttonSmall" | "captionLarge" | "captionMedium" | "captionSmall" | undefined;
+        desktop?: "heroLarge" | "heroMedium" | "heroSmall" | "titleLarge" | "titleMedium" | "titleSmall" | "headingLarge" | "headingMedium" | "headingSmall" | "bodyStrongLarge" | "bodyStrongMedium" | "bodyStrongSmall" | "bodyEmpLarge" | "bodyEmpMedium" | "bodyEmpSmall" | "bodyLarge" | "bodyMedium" | "bodySmall" | "buttonLarge" | "buttonMedium" | "buttonSmall" | "captionLarge" | "captionMedium" | "captionSmall" | undefined;
+    }) | undefined;
+    lineHeight?: (1 | "heroLarge" | "heroMedium" | "heroSmall" | "titleLarge" | "titleMedium" | "titleSmall" | "headingLarge" | "headingMedium" | "headingSmall" | "bodyStrongLarge" | "bodyStrongMedium" | "bodyStrongSmall" | "bodyEmpLarge" | "bodyEmpMedium" | "bodyEmpSmall" | "bodyLarge" | "bodyMedium" | "bodySmall" | "buttonLarge" | "buttonMedium" | "buttonSmall" | "captionLarge" | "captionMedium" | "captionSmall" | {
+        mobile?: 1 | "heroLarge" | "heroMedium" | "heroSmall" | "titleLarge" | "titleMedium" | "titleSmall" | "headingLarge" | "headingMedium" | "headingSmall" | "bodyStrongLarge" | "bodyStrongMedium" | "bodyStrongSmall" | "bodyEmpLarge" | "bodyEmpMedium" | "bodyEmpSmall" | "bodyLarge" | "bodyMedium" | "bodySmall" | "buttonLarge" | "buttonMedium" | "buttonSmall" | "captionLarge" | "captionMedium" | "captionSmall" | undefined;
+        tablet?: 1 | "heroLarge" | "heroMedium" | "heroSmall" | "titleLarge" | "titleMedium" | "titleSmall" | "headingLarge" | "headingMedium" | "headingSmall" | "bodyStrongLarge" | "bodyStrongMedium" | "bodyStrongSmall" | "bodyEmpLarge" | "bodyEmpMedium" | "bodyEmpSmall" | "bodyLarge" | "bodyMedium" | "bodySmall" | "buttonLarge" | "buttonMedium" | "buttonSmall" | "captionLarge" | "captionMedium" | "captionSmall" | undefined;
+        desktop?: 1 | "heroLarge" | "heroMedium" | "heroSmall" | "titleLarge" | "titleMedium" | "titleSmall" | "headingLarge" | "headingMedium" | "headingSmall" | "bodyStrongLarge" | "bodyStrongMedium" | "bodyStrongSmall" | "bodyEmpLarge" | "bodyEmpMedium" | "bodyEmpSmall" | "bodyLarge" | "bodyMedium" | "bodySmall" | "buttonLarge" | "buttonMedium" | "buttonSmall" | "captionLarge" | "captionMedium" | "captionSmall" | undefined;
+    }) | undefined;
+    textAlign?: ("center" | "left" | "right" | {
+        mobile?: "center" | "left" | "right" | undefined;
+        tablet?: "center" | "left" | "right" | undefined;
+        desktop?: "center" | "left" | "right" | undefined;
+    }) | undefined;
+    borderLeftWidth?: (0 | 1 | {
+        mobile?: 0 | 1 | undefined;
+        tablet?: 0 | 1 | undefined;
+        desktop?: 0 | 1 | undefined;
+    }) | undefined;
+    borderRightWidth?: (0 | 1 | {
+        mobile?: 0 | 1 | undefined;
+        tablet?: 0 | 1 | undefined;
+        desktop?: 0 | 1 | undefined;
+    }) | undefined;
+    borderTopWidth?: (0 | 1 | {
+        mobile?: 0 | 1 | undefined;
+        tablet?: 0 | 1 | undefined;
+        desktop?: 0 | 1 | undefined;
+    }) | undefined;
+    borderBottomWidth?: (0 | 1 | {
+        mobile?: 0 | 1 | undefined;
+        tablet?: 0 | 1 | undefined;
+        desktop?: 0 | 1 | undefined;
+    }) | undefined;
+    borderLeftStyle?: ("none" | "solid" | {
+        mobile?: "none" | "solid" | undefined;
+        tablet?: "none" | "solid" | undefined;
+        desktop?: "none" | "solid" | undefined;
+    }) | undefined;
+    borderRightStyle?: ("none" | "solid" | {
+        mobile?: "none" | "solid" | undefined;
+        tablet?: "none" | "solid" | undefined;
+        desktop?: "none" | "solid" | undefined;
+    }) | undefined;
+    borderTopStyle?: ("none" | "solid" | {
+        mobile?: "none" | "solid" | undefined;
+        tablet?: "none" | "solid" | undefined;
+        desktop?: "none" | "solid" | undefined;
+    }) | undefined;
+    borderBottomStyle?: ("none" | "solid" | {
+        mobile?: "none" | "solid" | undefined;
+        tablet?: "none" | "solid" | undefined;
+        desktop?: "none" | "solid" | undefined;
+    }) | undefined;
+    outlineStyle?: ("none" | {
+        mobile?: "none" | undefined;
+        tablet?: "none" | undefined;
+        desktop?: "none" | undefined;
+    }) | undefined;
+    textTransform?: ("uppercase" | {
+        mobile?: "uppercase" | undefined;
+        tablet?: "uppercase" | undefined;
+        desktop?: "uppercase" | undefined;
+    }) | undefined;
+    letterSpacing?: ("heroLarge" | "heroMedium" | "heroSmall" | "titleLarge" | "titleMedium" | "titleSmall" | "headingLarge" | "headingMedium" | "headingSmall" | "bodyStrongLarge" | "bodyStrongMedium" | "bodyStrongSmall" | "bodyEmpLarge" | "bodyEmpMedium" | "bodyEmpSmall" | "bodyLarge" | "bodyMedium" | "bodySmall" | "buttonLarge" | "buttonMedium" | "buttonSmall" | "captionLarge" | "captionMedium" | "captionSmall" | {
+        mobile?: "heroLarge" | "heroMedium" | "heroSmall" | "titleLarge" | "titleMedium" | "titleSmall" | "headingLarge" | "headingMedium" | "headingSmall" | "bodyStrongLarge" | "bodyStrongMedium" | "bodyStrongSmall" | "bodyEmpLarge" | "bodyEmpMedium" | "bodyEmpSmall" | "bodyLarge" | "bodyMedium" | "bodySmall" | "buttonLarge" | "buttonMedium" | "buttonSmall" | "captionLarge" | "captionMedium" | "captionSmall" | undefined;
+        tablet?: "heroLarge" | "heroMedium" | "heroSmall" | "titleLarge" | "titleMedium" | "titleSmall" | "headingLarge" | "headingMedium" | "headingSmall" | "bodyStrongLarge" | "bodyStrongMedium" | "bodyStrongSmall" | "bodyEmpLarge" | "bodyEmpMedium" | "bodyEmpSmall" | "bodyLarge" | "bodyMedium" | "bodySmall" | "buttonLarge" | "buttonMedium" | "buttonSmall" | "captionLarge" | "captionMedium" | "captionSmall" | undefined;
+        desktop?: "heroLarge" | "heroMedium" | "heroSmall" | "titleLarge" | "titleMedium" | "titleSmall" | "headingLarge" | "headingMedium" | "headingSmall" | "bodyStrongLarge" | "bodyStrongMedium" | "bodyStrongSmall" | "bodyEmpLarge" | "bodyEmpMedium" | "bodyEmpSmall" | "bodyLarge" | "bodyMedium" | "bodySmall" | "buttonLarge" | "buttonMedium" | "buttonSmall" | "captionLarge" | "captionMedium" | "captionSmall" | undefined;
+    }) | undefined;
+    top?: (0 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | 2 | 1 | "px" | 0.5 | 1.5 | 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;
+        desktop?: 0 | 2 | 1 | "px" | 0.5 | 1.5 | 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;
+    bottom?: (0 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | 2 | 1 | "px" | 0.5 | 1.5 | 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;
+        desktop?: 0 | 2 | 1 | "px" | 0.5 | 1.5 | 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;
+    left?: (0 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | 2 | 1 | "px" | 0.5 | 1.5 | 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;
+        desktop?: 0 | 2 | 1 | "px" | 0.5 | 1.5 | 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;
+    right?: (0 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | 2 | 1 | "px" | 0.5 | 1.5 | 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;
+        desktop?: 0 | 2 | 1 | "px" | 0.5 | 1.5 | 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;
+    overflowX?: ("auto" | "hidden" | "scroll" | "visible" | {
+        mobile?: "auto" | "hidden" | "scroll" | "visible" | undefined;
+        tablet?: "auto" | "hidden" | "scroll" | "visible" | undefined;
+        desktop?: "auto" | "hidden" | "scroll" | "visible" | undefined;
+    }) | undefined;
+    overflowY?: ("auto" | "hidden" | "scroll" | "visible" | {
+        mobile?: "auto" | "hidden" | "scroll" | "visible" | undefined;
+        tablet?: "auto" | "hidden" | "scroll" | "visible" | undefined;
+        desktop?: "auto" | "hidden" | "scroll" | "visible" | undefined;
+    }) | undefined;
+    textOverflow?: ("none" | "ellipsis" | {
+        mobile?: "none" | "ellipsis" | undefined;
+        tablet?: "none" | "ellipsis" | undefined;
+        desktop?: "none" | "ellipsis" | undefined;
+    }) | undefined;
+    whiteSpace?: ("normal" | "nowrap" | {
+        mobile?: "normal" | "nowrap" | undefined;
+        tablet?: "normal" | "nowrap" | undefined;
+        desktop?: "normal" | "nowrap" | undefined;
+    }) | undefined;
+    wordBreak?: ("normal" | "break-word" | "break-all" | {
+        mobile?: "normal" | "break-word" | "break-all" | undefined;
+        tablet?: "normal" | "break-word" | "break-all" | undefined;
+        desktop?: "normal" | "break-word" | "break-all" | undefined;
+    }) | undefined;
+    zIndex?: ("1" | "auto" | "2" | "3" | {
+        mobile?: "1" | "auto" | "2" | "3" | undefined;
+        tablet?: "1" | "auto" | "2" | "3" | undefined;
+        desktop?: "1" | "auto" | "2" | "3" | undefined;
+    }) | undefined;
+    aspectRatio?: ("1 / 1" | {
+        mobile?: "1 / 1" | undefined;
+        tablet?: "1 / 1" | undefined;
+        desktop?: "1 / 1" | undefined;
+    }) | undefined;
+    objectFit?: ("none" | "contain" | "cover" | "fill" | "scale-down" | {
+        mobile?: "none" | "contain" | "cover" | "fill" | "scale-down" | undefined;
+        tablet?: "none" | "contain" | "cover" | "fill" | "scale-down" | undefined;
+        desktop?: "none" | "contain" | "cover" | "fill" | "scale-down" | undefined;
+    }) | undefined;
+    opacity?: ("1" | "0" | "0.2" | "0.4" | "0.6" | "0.8" | {
+        mobile?: "1" | "0" | "0.2" | "0.4" | "0.6" | "0.8" | undefined;
+        tablet?: "1" | "0" | "0.2" | "0.4" | "0.6" | "0.8" | undefined;
+        desktop?: "1" | "0" | "0.2" | "0.4" | "0.6" | "0.8" | undefined;
+    }) | undefined;
+    fontWeight?: ("heroLarge" | "heroMedium" | "heroSmall" | "titleLarge" | "titleMedium" | "titleSmall" | "headingLarge" | "headingMedium" | "headingSmall" | "bodyStrongLarge" | "bodyStrongMedium" | "bodyStrongSmall" | "bodyEmpLarge" | "bodyEmpMedium" | "bodyEmpSmall" | "bodyLarge" | "bodyMedium" | "bodySmall" | "buttonLarge" | "buttonMedium" | "buttonSmall" | "captionLarge" | "captionMedium" | "captionSmall" | {
+        mobile?: "heroLarge" | "heroMedium" | "heroSmall" | "titleLarge" | "titleMedium" | "titleSmall" | "headingLarge" | "headingMedium" | "headingSmall" | "bodyStrongLarge" | "bodyStrongMedium" | "bodyStrongSmall" | "bodyEmpLarge" | "bodyEmpMedium" | "bodyEmpSmall" | "bodyLarge" | "bodyMedium" | "bodySmall" | "buttonLarge" | "buttonMedium" | "buttonSmall" | "captionLarge" | "captionMedium" | "captionSmall" | undefined;
+        tablet?: "heroLarge" | "heroMedium" | "heroSmall" | "titleLarge" | "titleMedium" | "titleSmall" | "headingLarge" | "headingMedium" | "headingSmall" | "bodyStrongLarge" | "bodyStrongMedium" | "bodyStrongSmall" | "bodyEmpLarge" | "bodyEmpMedium" | "bodyEmpSmall" | "bodyLarge" | "bodyMedium" | "bodySmall" | "buttonLarge" | "buttonMedium" | "buttonSmall" | "captionLarge" | "captionMedium" | "captionSmall" | undefined;
+        desktop?: "heroLarge" | "heroMedium" | "heroSmall" | "titleLarge" | "titleMedium" | "titleSmall" | "headingLarge" | "headingMedium" | "headingSmall" | "bodyStrongLarge" | "bodyStrongMedium" | "bodyStrongSmall" | "bodyEmpLarge" | "bodyEmpMedium" | "bodyEmpSmall" | "bodyLarge" | "bodyMedium" | "bodySmall" | "buttonLarge" | "buttonMedium" | "buttonSmall" | "captionLarge" | "captionMedium" | "captionSmall" | undefined;
+    }) | undefined;
+    alignSelf?: ("normal" | "auto" | "center" | "end" | "start" | {
+        mobile?: "normal" | "auto" | "center" | "end" | "start" | undefined;
+        tablet?: "normal" | "auto" | "center" | "end" | "start" | undefined;
+        desktop?: "normal" | "auto" | "center" | "end" | "start" | undefined;
+    }) | undefined;
+    visibility?: ("hidden" | "visible" | {
+        mobile?: "hidden" | "visible" | undefined;
+        tablet?: "hidden" | "visible" | undefined;
+        desktop?: "hidden" | "visible" | undefined;
+    }) | undefined;
+    padding?: (0 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | 2 | 1 | "px" | 0.5 | 1.5 | 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;
+        desktop?: 0 | 2 | 1 | "px" | 0.5 | 1.5 | 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;
+    paddingX?: (0 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | 2 | 1 | "px" | 0.5 | 1.5 | 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;
+        desktop?: 0 | 2 | 1 | "px" | 0.5 | 1.5 | 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;
+    paddingY?: (0 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | 2 | 1 | "px" | 0.5 | 1.5 | 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;
+        desktop?: 0 | 2 | 1 | "px" | 0.5 | 1.5 | 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;
+    margin?: (0 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | "auto" | {
+        mobile?: 0 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | "auto" | undefined;
+        tablet?: 0 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | "auto" | undefined;
+        desktop?: 0 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | "auto" | undefined;
+    }) | undefined;
+    marginX?: (0 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | "auto" | {
+        mobile?: 0 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | "auto" | undefined;
+        tablet?: 0 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | "auto" | undefined;
+        desktop?: 0 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | "auto" | undefined;
+    }) | undefined;
+    marginY?: (0 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | "auto" | {
+        mobile?: 0 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | "auto" | undefined;
+        tablet?: 0 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | "auto" | undefined;
+        desktop?: 0 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | "auto" | undefined;
+    }) | undefined;
+    placeItems?: ("center" | "flex-end" | "flex-start" | "stretch" | {
+        mobile?: "center" | "flex-end" | "flex-start" | "stretch" | undefined;
+        tablet?: "center" | "flex-end" | "flex-start" | "stretch" | undefined;
+        desktop?: "center" | "flex-end" | "flex-start" | "stretch" | undefined;
+    }) | undefined;
+    typeSize?: ("heroLarge" | "heroMedium" | "heroSmall" | "titleLarge" | "titleMedium" | "titleSmall" | "headingLarge" | "headingMedium" | "headingSmall" | "bodyStrongLarge" | "bodyStrongMedium" | "bodyStrongSmall" | "bodyEmpLarge" | "bodyEmpMedium" | "bodyEmpSmall" | "bodyLarge" | "bodyMedium" | "bodySmall" | "buttonLarge" | "buttonMedium" | "buttonSmall" | "captionLarge" | "captionMedium" | "captionSmall" | {
+        mobile?: "heroLarge" | "heroMedium" | "heroSmall" | "titleLarge" | "titleMedium" | "titleSmall" | "headingLarge" | "headingMedium" | "headingSmall" | "bodyStrongLarge" | "bodyStrongMedium" | "bodyStrongSmall" | "bodyEmpLarge" | "bodyEmpMedium" | "bodyEmpSmall" | "bodyLarge" | "bodyMedium" | "bodySmall" | "buttonLarge" | "buttonMedium" | "buttonSmall" | "captionLarge" | "captionMedium" | "captionSmall" | undefined;
+        tablet?: "heroLarge" | "heroMedium" | "heroSmall" | "titleLarge" | "titleMedium" | "titleSmall" | "headingLarge" | "headingMedium" | "headingSmall" | "bodyStrongLarge" | "bodyStrongMedium" | "bodyStrongSmall" | "bodyEmpLarge" | "bodyEmpMedium" | "bodyEmpSmall" | "bodyLarge" | "bodyMedium" | "bodySmall" | "buttonLarge" | "buttonMedium" | "buttonSmall" | "captionLarge" | "captionMedium" | "captionSmall" | undefined;
+        desktop?: "heroLarge" | "heroMedium" | "heroSmall" | "titleLarge" | "titleMedium" | "titleSmall" | "headingLarge" | "headingMedium" | "headingSmall" | "bodyStrongLarge" | "bodyStrongMedium" | "bodyStrongSmall" | "bodyEmpLarge" | "bodyEmpMedium" | "bodyEmpSmall" | "bodyLarge" | "bodyMedium" | "bodySmall" | "buttonLarge" | "buttonMedium" | "buttonSmall" | "captionLarge" | "captionMedium" | "captionSmall" | undefined;
+    }) | undefined;
+    borderWidth?: (0 | 1 | {
+        mobile?: 0 | 1 | undefined;
+        tablet?: 0 | 1 | undefined;
+        desktop?: 0 | 1 | undefined;
+    }) | undefined;
+    borderXWidth?: (0 | 1 | {
+        mobile?: 0 | 1 | undefined;
+        tablet?: 0 | 1 | undefined;
+        desktop?: 0 | 1 | undefined;
+    }) | undefined;
+    borderYWidth?: (0 | 1 | {
+        mobile?: 0 | 1 | undefined;
+        tablet?: 0 | 1 | undefined;
+        desktop?: 0 | 1 | undefined;
+    }) | undefined;
+    borderStyle?: ("none" | "solid" | {
+        mobile?: "none" | "solid" | undefined;
+        tablet?: "none" | "solid" | undefined;
+        desktop?: "none" | "solid" | undefined;
+    }) | undefined;
+    borderXStyle?: ("none" | "solid" | {
+        mobile?: "none" | "solid" | undefined;
+        tablet?: "none" | "solid" | undefined;
+        desktop?: "none" | "solid" | undefined;
+    }) | undefined;
+    borderYStyle?: ("none" | "solid" | {
+        mobile?: "none" | "solid" | undefined;
+        tablet?: "none" | "solid" | undefined;
+        desktop?: "none" | "solid" | undefined;
+    }) | undefined;
+    inset?: (0 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | 2 | 1 | "px" | 0.5 | 1.5 | 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 | 2 | 1 | "px" | 0.5 | 1.5 | 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;
+        desktop?: 0 | 2 | 1 | "px" | 0.5 | 1.5 | 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;
+    borderRadius?: (2 | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "100%" | "50%" | {
+        mobile?: 2 | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "100%" | "50%" | undefined;
+        tablet?: 2 | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "100%" | "50%" | undefined;
+        desktop?: 2 | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "100%" | "50%" | undefined;
+    }) | undefined;
+    overflow?: ("auto" | "hidden" | "scroll" | "visible" | {
+        mobile?: "auto" | "hidden" | "scroll" | "visible" | undefined;
+        tablet?: "auto" | "hidden" | "scroll" | "visible" | undefined;
+        desktop?: "auto" | "hidden" | "scroll" | "visible" | undefined;
+    }) | undefined;
+    flex?: ("0" | {
+        mobile?: "0" | undefined;
+        tablet?: "0" | undefined;
+        desktop?: "0" | undefined;
+    }) | undefined;
+} & {
+    borderColor?: ("neutralDefault" | "neutralSubdued" | "neutralHighlight" | "neutralPlain" | "brandPlain" | "brandDefault" | "brandSubdued" | "brandHighlight" | "criticalPlain" | "criticalDefault" | "criticalSubdued" | "criticalHighlight" | "transparent" | {
+        default?: "neutralDefault" | "neutralSubdued" | "neutralHighlight" | "neutralPlain" | "brandPlain" | "brandDefault" | "brandSubdued" | "brandHighlight" | "criticalPlain" | "criticalDefault" | "criticalSubdued" | "criticalHighlight" | "transparent" | undefined;
+        hover?: "neutralDefault" | "neutralSubdued" | "neutralHighlight" | "neutralPlain" | "brandPlain" | "brandDefault" | "brandSubdued" | "brandHighlight" | "criticalPlain" | "criticalDefault" | "criticalSubdued" | "criticalHighlight" | "transparent" | undefined;
+        focus?: "neutralDefault" | "neutralSubdued" | "neutralHighlight" | "neutralPlain" | "brandPlain" | "brandDefault" | "brandSubdued" | "brandHighlight" | "criticalPlain" | "criticalDefault" | "criticalSubdued" | "criticalHighlight" | "transparent" | undefined;
+        focusWithin?: "neutralDefault" | "neutralSubdued" | "neutralHighlight" | "neutralPlain" | "brandPlain" | "brandDefault" | "brandSubdued" | "brandHighlight" | "criticalPlain" | "criticalDefault" | "criticalSubdued" | "criticalHighlight" | "transparent" | undefined;
+        focusVisible?: "neutralDefault" | "neutralSubdued" | "neutralHighlight" | "neutralPlain" | "brandPlain" | "brandDefault" | "brandSubdued" | "brandHighlight" | "criticalPlain" | "criticalDefault" | "criticalSubdued" | "criticalHighlight" | "transparent" | undefined;
+        active?: "neutralDefault" | "neutralSubdued" | "neutralHighlight" | "neutralPlain" | "brandPlain" | "brandDefault" | "brandSubdued" | "brandHighlight" | "criticalPlain" | "criticalDefault" | "criticalSubdued" | "criticalHighlight" | "transparent" | undefined;
+        disabled?: "neutralDefault" | "neutralSubdued" | "neutralHighlight" | "neutralPlain" | "brandPlain" | "brandDefault" | "brandSubdued" | "brandHighlight" | "criticalPlain" | "criticalDefault" | "criticalSubdued" | "criticalHighlight" | "transparent" | undefined;
+        placeholder?: "neutralDefault" | "neutralSubdued" | "neutralHighlight" | "neutralPlain" | "brandPlain" | "brandDefault" | "brandSubdued" | "brandHighlight" | "criticalPlain" | "criticalDefault" | "criticalSubdued" | "criticalHighlight" | "transparent" | undefined;
+    }) | undefined;
+    color?: ("textNeutralPlain" | "textNeutralDefault" | "textNeutralSubdued" | "textNeutralDisabled" | "textNeutralContrasted" | "textBrandDefault" | "textBrandSubdued" | "textBrandDisabled" | "textCriticalDefault" | "textCriticalSubdued" | "textCriticalDisabled" | "iconNeutralPlain" | "iconNeutralDefault" | "iconNeutralSubdued" | "iconNeutralDisabled" | "iconNeutralContrasted" | "iconBrandDefault" | "iconBrandSubdued" | "iconBrandDisabled" | "iconCriticalDefault" | "iconCriticalSubdued" | "iconCriticalDisabled" | "text1Decorative" | "text2Decorative" | "text3Decorative" | "icon1Decorative" | "icon2Decorative" | "icon3Decorative" | "inherit" | {
+        default?: "textNeutralPlain" | "textNeutralDefault" | "textNeutralSubdued" | "textNeutralDisabled" | "textNeutralContrasted" | "textBrandDefault" | "textBrandSubdued" | "textBrandDisabled" | "textCriticalDefault" | "textCriticalSubdued" | "textCriticalDisabled" | "iconNeutralPlain" | "iconNeutralDefault" | "iconNeutralSubdued" | "iconNeutralDisabled" | "iconNeutralContrasted" | "iconBrandDefault" | "iconBrandSubdued" | "iconBrandDisabled" | "iconCriticalDefault" | "iconCriticalSubdued" | "iconCriticalDisabled" | "text1Decorative" | "text2Decorative" | "text3Decorative" | "icon1Decorative" | "icon2Decorative" | "icon3Decorative" | "inherit" | undefined;
+        hover?: "textNeutralPlain" | "textNeutralDefault" | "textNeutralSubdued" | "textNeutralDisabled" | "textNeutralContrasted" | "textBrandDefault" | "textBrandSubdued" | "textBrandDisabled" | "textCriticalDefault" | "textCriticalSubdued" | "textCriticalDisabled" | "iconNeutralPlain" | "iconNeutralDefault" | "iconNeutralSubdued" | "iconNeutralDisabled" | "iconNeutralContrasted" | "iconBrandDefault" | "iconBrandSubdued" | "iconBrandDisabled" | "iconCriticalDefault" | "iconCriticalSubdued" | "iconCriticalDisabled" | "text1Decorative" | "text2Decorative" | "text3Decorative" | "icon1Decorative" | "icon2Decorative" | "icon3Decorative" | "inherit" | undefined;
+        focus?: "textNeutralPlain" | "textNeutralDefault" | "textNeutralSubdued" | "textNeutralDisabled" | "textNeutralContrasted" | "textBrandDefault" | "textBrandSubdued" | "textBrandDisabled" | "textCriticalDefault" | "textCriticalSubdued" | "textCriticalDisabled" | "iconNeutralPlain" | "iconNeutralDefault" | "iconNeutralSubdued" | "iconNeutralDisabled" | "iconNeutralContrasted" | "iconBrandDefault" | "iconBrandSubdued" | "iconBrandDisabled" | "iconCriticalDefault" | "iconCriticalSubdued" | "iconCriticalDisabled" | "text1Decorative" | "text2Decorative" | "text3Decorative" | "icon1Decorative" | "icon2Decorative" | "icon3Decorative" | "inherit" | undefined;
+        focusWithin?: "textNeutralPlain" | "textNeutralDefault" | "textNeutralSubdued" | "textNeutralDisabled" | "textNeutralContrasted" | "textBrandDefault" | "textBrandSubdued" | "textBrandDisabled" | "textCriticalDefault" | "textCriticalSubdued" | "textCriticalDisabled" | "iconNeutralPlain" | "iconNeutralDefault" | "iconNeutralSubdued" | "iconNeutralDisabled" | "iconNeutralContrasted" | "iconBrandDefault" | "iconBrandSubdued" | "iconBrandDisabled" | "iconCriticalDefault" | "iconCriticalSubdued" | "iconCriticalDisabled" | "text1Decorative" | "text2Decorative" | "text3Decorative" | "icon1Decorative" | "icon2Decorative" | "icon3Decorative" | "inherit" | undefined;
+        focusVisible?: "textNeutralPlain" | "textNeutralDefault" | "textNeutralSubdued" | "textNeutralDisabled" | "textNeutralContrasted" | "textBrandDefault" | "textBrandSubdued" | "textBrandDisabled" | "textCriticalDefault" | "textCriticalSubdued" | "textCriticalDisabled" | "iconNeutralPlain" | "iconNeutralDefault" | "iconNeutralSubdued" | "iconNeutralDisabled" | "iconNeutralContrasted" | "iconBrandDefault" | "iconBrandSubdued" | "iconBrandDisabled" | "iconCriticalDefault" | "iconCriticalSubdued" | "iconCriticalDisabled" | "text1Decorative" | "text2Decorative" | "text3Decorative" | "icon1Decorative" | "icon2Decorative" | "icon3Decorative" | "inherit" | undefined;
+        active?: "textNeutralPlain" | "textNeutralDefault" | "textNeutralSubdued" | "textNeutralDisabled" | "textNeutralContrasted" | "textBrandDefault" | "textBrandSubdued" | "textBrandDisabled" | "textCriticalDefault" | "textCriticalSubdued" | "textCriticalDisabled" | "iconNeutralPlain" | "iconNeutralDefault" | "iconNeutralSubdued" | "iconNeutralDisabled" | "iconNeutralContrasted" | "iconBrandDefault" | "iconBrandSubdued" | "iconBrandDisabled" | "iconCriticalDefault" | "iconCriticalSubdued" | "iconCriticalDisabled" | "text1Decorative" | "text2Decorative" | "text3Decorative" | "icon1Decorative" | "icon2Decorative" | "icon3Decorative" | "inherit" | undefined;
+        disabled?: "textNeutralPlain" | "textNeutralDefault" | "textNeutralSubdued" | "textNeutralDisabled" | "textNeutralContrasted" | "textBrandDefault" | "textBrandSubdued" | "textBrandDisabled" | "textCriticalDefault" | "textCriticalSubdued" | "textCriticalDisabled" | "iconNeutralPlain" | "iconNeutralDefault" | "iconNeutralSubdued" | "iconNeutralDisabled" | "iconNeutralContrasted" | "iconBrandDefault" | "iconBrandSubdued" | "iconBrandDisabled" | "iconCriticalDefault" | "iconCriticalSubdued" | "iconCriticalDisabled" | "text1Decorative" | "text2Decorative" | "text3Decorative" | "icon1Decorative" | "icon2Decorative" | "icon3Decorative" | "inherit" | undefined;
+        placeholder?: "textNeutralPlain" | "textNeutralDefault" | "textNeutralSubdued" | "textNeutralDisabled" | "textNeutralContrasted" | "textBrandDefault" | "textBrandSubdued" | "textBrandDisabled" | "textCriticalDefault" | "textCriticalSubdued" | "textCriticalDisabled" | "iconNeutralPlain" | "iconNeutralDefault" | "iconNeutralSubdued" | "iconNeutralDisabled" | "iconNeutralContrasted" | "iconBrandDefault" | "iconBrandSubdued" | "iconBrandDisabled" | "iconCriticalDefault" | "iconCriticalSubdued" | "iconCriticalDisabled" | "text1Decorative" | "text2Decorative" | "text3Decorative" | "icon1Decorative" | "icon2Decorative" | "icon3Decorative" | "inherit" | undefined;
+    }) | undefined;
+    backgroundColor?: ("plain" | "subdued" | "highlightDim" | "highlightPale" | "surfaceNeutralPlain" | "surfaceNeutralSubdued" | "surfaceNeutralDepressed" | "surfaceNeutralHighlight" | "surfaceBrandSubdued" | "surfaceBrandDepressed" | "surfaceBrandHighlight" | "surfaceCriticalSubdued" | "surfaceCriticalDepressed" | "surfaceCriticalHighlight" | "interactiveNeutralDefault" | "interactiveNeutralHovering" | "interactiveNeutralPressing" | "interactiveNeutralFocused" | "interactiveNeutralDisabled" | "interactiveBrandDefault" | "interactiveBrandHovering" | "interactiveBrandPressing" | "interactiveBrandFocused" | "interactiveBrandDisabled" | "interactiveCriticalDefault" | "interactiveCriticalHovering" | "interactiveCriticalPressing" | "interactiveCriticalFocused" | "interactiveCriticalDisabled" | "interactiveNeutralSecondaryDefault" | "interactiveNeutralSecondaryHovering" | "interactiveNeutralSecondaryPressing" | "interactiveNeutralSecondaryFocused" | "interactiveNeutralSecondaryDisabled" | "interactiveBrandSecondaryDefault" | "interactiveBrandSecondaryHovering" | "interactiveBrandSecondaryPressing" | "interactiveBrandSecondaryFocused" | "interactiveBrandSecondaryDisabled" | "interactiveCriticalSecondaryDefault" | "interactiveCriticalSecondaryHovering" | "interactiveCriticalSecondaryPressing" | "interactiveCriticalSecondaryFocused" | "interactiveCriticalSecondaryDisabled" | "interactiveNeutralHighlightDefault" | "interactiveNeutralHighlightHovering" | "interactiveNeutralHighlightPressing" | "interactiveNeutralHighlightFocused" | "interactiveNeutralHighlightDisabled" | "interactiveBrandHighlightDefault" | "interactiveBrandHighlightHovering" | "interactiveBrandHighlightPressing" | "interactiveBrandHighlightFocused" | "interactiveBrandHighlightDisabled" | "interactiveCriticalHighlightDefault" | "interactiveCriticalHighlightHovering" | "interactiveCriticalHighlightPressing" | "interactiveCriticalHighlightFocused" | "interactiveCriticalHighlightDisabled" | "decorativeSurfacePlain1" | "decorativeSurfacePlain2" | "decorativeSurfacePlain3" | "decorativeSurfaceSubdued1" | "decorativeSurfaceSubdued2" | "decorativeSurfaceSubdued3" | "transparent" | {
+        default?: "plain" | "subdued" | "highlightDim" | "highlightPale" | "surfaceNeutralPlain" | "surfaceNeutralSubdued" | "surfaceNeutralDepressed" | "surfaceNeutralHighlight" | "surfaceBrandSubdued" | "surfaceBrandDepressed" | "surfaceBrandHighlight" | "surfaceCriticalSubdued" | "surfaceCriticalDepressed" | "surfaceCriticalHighlight" | "interactiveNeutralDefault" | "interactiveNeutralHovering" | "interactiveNeutralPressing" | "interactiveNeutralFocused" | "interactiveNeutralDisabled" | "interactiveBrandDefault" | "interactiveBrandHovering" | "interactiveBrandPressing" | "interactiveBrandFocused" | "interactiveBrandDisabled" | "interactiveCriticalDefault" | "interactiveCriticalHovering" | "interactiveCriticalPressing" | "interactiveCriticalFocused" | "interactiveCriticalDisabled" | "interactiveNeutralSecondaryDefault" | "interactiveNeutralSecondaryHovering" | "interactiveNeutralSecondaryPressing" | "interactiveNeutralSecondaryFocused" | "interactiveNeutralSecondaryDisabled" | "interactiveBrandSecondaryDefault" | "interactiveBrandSecondaryHovering" | "interactiveBrandSecondaryPressing" | "interactiveBrandSecondaryFocused" | "interactiveBrandSecondaryDisabled" | "interactiveCriticalSecondaryDefault" | "interactiveCriticalSecondaryHovering" | "interactiveCriticalSecondaryPressing" | "interactiveCriticalSecondaryFocused" | "interactiveCriticalSecondaryDisabled" | "interactiveNeutralHighlightDefault" | "interactiveNeutralHighlightHovering" | "interactiveNeutralHighlightPressing" | "interactiveNeutralHighlightFocused" | "interactiveNeutralHighlightDisabled" | "interactiveBrandHighlightDefault" | "interactiveBrandHighlightHovering" | "interactiveBrandHighlightPressing" | "interactiveBrandHighlightFocused" | "interactiveBrandHighlightDisabled" | "interactiveCriticalHighlightDefault" | "interactiveCriticalHighlightHovering" | "interactiveCriticalHighlightPressing" | "interactiveCriticalHighlightFocused" | "interactiveCriticalHighlightDisabled" | "decorativeSurfacePlain1" | "decorativeSurfacePlain2" | "decorativeSurfacePlain3" | "decorativeSurfaceSubdued1" | "decorativeSurfaceSubdued2" | "decorativeSurfaceSubdued3" | "transparent" | undefined;
+        hover?: "plain" | "subdued" | "highlightDim" | "highlightPale" | "surfaceNeutralPlain" | "surfaceNeutralSubdued" | "surfaceNeutralDepressed" | "surfaceNeutralHighlight" | "surfaceBrandSubdued" | "surfaceBrandDepressed" | "surfaceBrandHighlight" | "surfaceCriticalSubdued" | "surfaceCriticalDepressed" | "surfaceCriticalHighlight" | "interactiveNeutralDefault" | "interactiveNeutralHovering" | "interactiveNeutralPressing" | "interactiveNeutralFocused" | "interactiveNeutralDisabled" | "interactiveBrandDefault" | "interactiveBrandHovering" | "interactiveBrandPressing" | "interactiveBrandFocused" | "interactiveBrandDisabled" | "interactiveCriticalDefault" | "interactiveCriticalHovering" | "interactiveCriticalPressing" | "interactiveCriticalFocused" | "interactiveCriticalDisabled" | "interactiveNeutralSecondaryDefault" | "interactiveNeutralSecondaryHovering" | "interactiveNeutralSecondaryPressing" | "interactiveNeutralSecondaryFocused" | "interactiveNeutralSecondaryDisabled" | "interactiveBrandSecondaryDefault" | "interactiveBrandSecondaryHovering" | "interactiveBrandSecondaryPressing" | "interactiveBrandSecondaryFocused" | "interactiveBrandSecondaryDisabled" | "interactiveCriticalSecondaryDefault" | "interactiveCriticalSecondaryHovering" | "interactiveCriticalSecondaryPressing" | "interactiveCriticalSecondaryFocused" | "interactiveCriticalSecondaryDisabled" | "interactiveNeutralHighlightDefault" | "interactiveNeutralHighlightHovering" | "interactiveNeutralHighlightPressing" | "interactiveNeutralHighlightFocused" | "interactiveNeutralHighlightDisabled" | "interactiveBrandHighlightDefault" | "interactiveBrandHighlightHovering" | "interactiveBrandHighlightPressing" | "interactiveBrandHighlightFocused" | "interactiveBrandHighlightDisabled" | "interactiveCriticalHighlightDefault" | "interactiveCriticalHighlightHovering" | "interactiveCriticalHighlightPressing" | "interactiveCriticalHighlightFocused" | "interactiveCriticalHighlightDisabled" | "decorativeSurfacePlain1" | "decorativeSurfacePlain2" | "decorativeSurfacePlain3" | "decorativeSurfaceSubdued1" | "decorativeSurfaceSubdued2" | "decorativeSurfaceSubdued3" | "transparent" | undefined;
+        focus?: "plain" | "subdued" | "highlightDim" | "highlightPale" | "surfaceNeutralPlain" | "surfaceNeutralSubdued" | "surfaceNeutralDepressed" | "surfaceNeutralHighlight" | "surfaceBrandSubdued" | "surfaceBrandDepressed" | "surfaceBrandHighlight" | "surfaceCriticalSubdued" | "surfaceCriticalDepressed" | "surfaceCriticalHighlight" | "interactiveNeutralDefault" | "interactiveNeutralHovering" | "interactiveNeutralPressing" | "interactiveNeutralFocused" | "interactiveNeutralDisabled" | "interactiveBrandDefault" | "interactiveBrandHovering" | "interactiveBrandPressing" | "interactiveBrandFocused" | "interactiveBrandDisabled" | "interactiveCriticalDefault" | "interactiveCriticalHovering" | "interactiveCriticalPressing" | "interactiveCriticalFocused" | "interactiveCriticalDisabled" | "interactiveNeutralSecondaryDefault" | "interactiveNeutralSecondaryHovering" | "interactiveNeutralSecondaryPressing" | "interactiveNeutralSecondaryFocused" | "interactiveNeutralSecondaryDisabled" | "interactiveBrandSecondaryDefault" | "interactiveBrandSecondaryHovering" | "interactiveBrandSecondaryPressing" | "interactiveBrandSecondaryFocused" | "interactiveBrandSecondaryDisabled" | "interactiveCriticalSecondaryDefault" | "interactiveCriticalSecondaryHovering" | "interactiveCriticalSecondaryPressing" | "interactiveCriticalSecondaryFocused" | "interactiveCriticalSecondaryDisabled" | "interactiveNeutralHighlightDefault" | "interactiveNeutralHighlightHovering" | "interactiveNeutralHighlightPressing" | "interactiveNeutralHighlightFocused" | "interactiveNeutralHighlightDisabled" | "interactiveBrandHighlightDefault" | "interactiveBrandHighlightHovering" | "interactiveBrandHighlightPressing" | "interactiveBrandHighlightFocused" | "interactiveBrandHighlightDisabled" | "interactiveCriticalHighlightDefault" | "interactiveCriticalHighlightHovering" | "interactiveCriticalHighlightPressing" | "interactiveCriticalHighlightFocused" | "interactiveCriticalHighlightDisabled" | "decorativeSurfacePlain1" | "decorativeSurfacePlain2" | "decorativeSurfacePlain3" | "decorativeSurfaceSubdued1" | "decorativeSurfaceSubdued2" | "decorativeSurfaceSubdued3" | "transparent" | undefined;
+        focusWithin?: "plain" | "subdued" | "highlightDim" | "highlightPale" | "surfaceNeutralPlain" | "surfaceNeutralSubdued" | "surfaceNeutralDepressed" | "surfaceNeutralHighlight" | "surfaceBrandSubdued" | "surfaceBrandDepressed" | "surfaceBrandHighlight" | "surfaceCriticalSubdued" | "surfaceCriticalDepressed" | "surfaceCriticalHighlight" | "interactiveNeutralDefault" | "interactiveNeutralHovering" | "interactiveNeutralPressing" | "interactiveNeutralFocused" | "interactiveNeutralDisabled" | "interactiveBrandDefault" | "interactiveBrandHovering" | "interactiveBrandPressing" | "interactiveBrandFocused" | "interactiveBrandDisabled" | "interactiveCriticalDefault" | "interactiveCriticalHovering" | "interactiveCriticalPressing" | "interactiveCriticalFocused" | "interactiveCriticalDisabled" | "interactiveNeutralSecondaryDefault" | "interactiveNeutralSecondaryHovering" | "interactiveNeutralSecondaryPressing" | "interactiveNeutralSecondaryFocused" | "interactiveNeutralSecondaryDisabled" | "interactiveBrandSecondaryDefault" | "interactiveBrandSecondaryHovering" | "interactiveBrandSecondaryPressing" | "interactiveBrandSecondaryFocused" | "interactiveBrandSecondaryDisabled" | "interactiveCriticalSecondaryDefault" | "interactiveCriticalSecondaryHovering" | "interactiveCriticalSecondaryPressing" | "interactiveCriticalSecondaryFocused" | "interactiveCriticalSecondaryDisabled" | "interactiveNeutralHighlightDefault" | "interactiveNeutralHighlightHovering" | "interactiveNeutralHighlightPressing" | "interactiveNeutralHighlightFocused" | "interactiveNeutralHighlightDisabled" | "interactiveBrandHighlightDefault" | "interactiveBrandHighlightHovering" | "interactiveBrandHighlightPressing" | "interactiveBrandHighlightFocused" | "interactiveBrandHighlightDisabled" | "interactiveCriticalHighlightDefault" | "interactiveCriticalHighlightHovering" | "interactiveCriticalHighlightPressing" | "interactiveCriticalHighlightFocused" | "interactiveCriticalHighlightDisabled" | "decorativeSurfacePlain1" | "decorativeSurfacePlain2" | "decorativeSurfacePlain3" | "decorativeSurfaceSubdued1" | "decorativeSurfaceSubdued2" | "decorativeSurfaceSubdued3" | "transparent" | undefined;
+        focusVisible?: "plain" | "subdued" | "highlightDim" | "highlightPale" | "surfaceNeutralPlain" | "surfaceNeutralSubdued" | "surfaceNeutralDepressed" | "surfaceNeutralHighlight" | "surfaceBrandSubdued" | "surfaceBrandDepressed" | "surfaceBrandHighlight" | "surfaceCriticalSubdued" | "surfaceCriticalDepressed" | "surfaceCriticalHighlight" | "interactiveNeutralDefault" | "interactiveNeutralHovering" | "interactiveNeutralPressing" | "interactiveNeutralFocused" | "interactiveNeutralDisabled" | "interactiveBrandDefault" | "interactiveBrandHovering" | "interactiveBrandPressing" | "interactiveBrandFocused" | "interactiveBrandDisabled" | "interactiveCriticalDefault" | "interactiveCriticalHovering" | "interactiveCriticalPressing" | "interactiveCriticalFocused" | "interactiveCriticalDisabled" | "interactiveNeutralSecondaryDefault" | "interactiveNeutralSecondaryHovering" | "interactiveNeutralSecondaryPressing" | "interactiveNeutralSecondaryFocused" | "interactiveNeutralSecondaryDisabled" | "interactiveBrandSecondaryDefault" | "interactiveBrandSecondaryHovering" | "interactiveBrandSecondaryPressing" | "interactiveBrandSecondaryFocused" | "interactiveBrandSecondaryDisabled" | "interactiveCriticalSecondaryDefault" | "interactiveCriticalSecondaryHovering" | "interactiveCriticalSecondaryPressing" | "interactiveCriticalSecondaryFocused" | "interactiveCriticalSecondaryDisabled" | "interactiveNeutralHighlightDefault" | "interactiveNeutralHighlightHovering" | "interactiveNeutralHighlightPressing" | "interactiveNeutralHighlightFocused" | "interactiveNeutralHighlightDisabled" | "interactiveBrandHighlightDefault" | "interactiveBrandHighlightHovering" | "interactiveBrandHighlightPressing" | "interactiveBrandHighlightFocused" | "interactiveBrandHighlightDisabled" | "interactiveCriticalHighlightDefault" | "interactiveCriticalHighlightHovering" | "interactiveCriticalHighlightPressing" | "interactiveCriticalHighlightFocused" | "interactiveCriticalHighlightDisabled" | "decorativeSurfacePlain1" | "decorativeSurfacePlain2" | "decorativeSurfacePlain3" | "decorativeSurfaceSubdued1" | "decorativeSurfaceSubdued2" | "decorativeSurfaceSubdued3" | "transparent" | undefined;
+        active?: "plain" | "subdued" | "highlightDim" | "highlightPale" | "surfaceNeutralPlain" | "surfaceNeutralSubdued" | "surfaceNeutralDepressed" | "surfaceNeutralHighlight" | "surfaceBrandSubdued" | "surfaceBrandDepressed" | "surfaceBrandHighlight" | "surfaceCriticalSubdued" | "surfaceCriticalDepressed" | "surfaceCriticalHighlight" | "interactiveNeutralDefault" | "interactiveNeutralHovering" | "interactiveNeutralPressing" | "interactiveNeutralFocused" | "interactiveNeutralDisabled" | "interactiveBrandDefault" | "interactiveBrandHovering" | "interactiveBrandPressing" | "interactiveBrandFocused" | "interactiveBrandDisabled" | "interactiveCriticalDefault" | "interactiveCriticalHovering" | "interactiveCriticalPressing" | "interactiveCriticalFocused" | "interactiveCriticalDisabled" | "interactiveNeutralSecondaryDefault" | "interactiveNeutralSecondaryHovering" | "interactiveNeutralSecondaryPressing" | "interactiveNeutralSecondaryFocused" | "interactiveNeutralSecondaryDisabled" | "interactiveBrandSecondaryDefault" | "interactiveBrandSecondaryHovering" | "interactiveBrandSecondaryPressing" | "interactiveBrandSecondaryFocused" | "interactiveBrandSecondaryDisabled" | "interactiveCriticalSecondaryDefault" | "interactiveCriticalSecondaryHovering" | "interactiveCriticalSecondaryPressing" | "interactiveCriticalSecondaryFocused" | "interactiveCriticalSecondaryDisabled" | "interactiveNeutralHighlightDefault" | "interactiveNeutralHighlightHovering" | "interactiveNeutralHighlightPressing" | "interactiveNeutralHighlightFocused" | "interactiveNeutralHighlightDisabled" | "interactiveBrandHighlightDefault" | "interactiveBrandHighlightHovering" | "interactiveBrandHighlightPressing" | "interactiveBrandHighlightFocused" | "interactiveBrandHighlightDisabled" | "interactiveCriticalHighlightDefault" | "interactiveCriticalHighlightHovering" | "interactiveCriticalHighlightPressing" | "interactiveCriticalHighlightFocused" | "interactiveCriticalHighlightDisabled" | "decorativeSurfacePlain1" | "decorativeSurfacePlain2" | "decorativeSurfacePlain3" | "decorativeSurfaceSubdued1" | "decorativeSurfaceSubdued2" | "decorativeSurfaceSubdued3" | "transparent" | undefined;
+        disabled?: "plain" | "subdued" | "highlightDim" | "highlightPale" | "surfaceNeutralPlain" | "surfaceNeutralSubdued" | "surfaceNeutralDepressed" | "surfaceNeutralHighlight" | "surfaceBrandSubdued" | "surfaceBrandDepressed" | "surfaceBrandHighlight" | "surfaceCriticalSubdued" | "surfaceCriticalDepressed" | "surfaceCriticalHighlight" | "interactiveNeutralDefault" | "interactiveNeutralHovering" | "interactiveNeutralPressing" | "interactiveNeutralFocused" | "interactiveNeutralDisabled" | "interactiveBrandDefault" | "interactiveBrandHovering" | "interactiveBrandPressing" | "interactiveBrandFocused" | "interactiveBrandDisabled" | "interactiveCriticalDefault" | "interactiveCriticalHovering" | "interactiveCriticalPressing" | "interactiveCriticalFocused" | "interactiveCriticalDisabled" | "interactiveNeutralSecondaryDefault" | "interactiveNeutralSecondaryHovering" | "interactiveNeutralSecondaryPressing" | "interactiveNeutralSecondaryFocused" | "interactiveNeutralSecondaryDisabled" | "interactiveBrandSecondaryDefault" | "interactiveBrandSecondaryHovering" | "interactiveBrandSecondaryPressing" | "interactiveBrandSecondaryFocused" | "interactiveBrandSecondaryDisabled" | "interactiveCriticalSecondaryDefault" | "interactiveCriticalSecondaryHovering" | "interactiveCriticalSecondaryPressing" | "interactiveCriticalSecondaryFocused" | "interactiveCriticalSecondaryDisabled" | "interactiveNeutralHighlightDefault" | "interactiveNeutralHighlightHovering" | "interactiveNeutralHighlightPressing" | "interactiveNeutralHighlightFocused" | "interactiveNeutralHighlightDisabled" | "interactiveBrandHighlightDefault" | "interactiveBrandHighlightHovering" | "interactiveBrandHighlightPressing" | "interactiveBrandHighlightFocused" | "interactiveBrandHighlightDisabled" | "interactiveCriticalHighlightDefault" | "interactiveCriticalHighlightHovering" | "interactiveCriticalHighlightPressing" | "interactiveCriticalHighlightFocused" | "interactiveCriticalHighlightDisabled" | "decorativeSurfacePlain1" | "decorativeSurfacePlain2" | "decorativeSurfacePlain3" | "decorativeSurfaceSubdued1" | "decorativeSurfaceSubdued2" | "decorativeSurfaceSubdued3" | "transparent" | undefined;
+        placeholder?: "plain" | "subdued" | "highlightDim" | "highlightPale" | "surfaceNeutralPlain" | "surfaceNeutralSubdued" | "surfaceNeutralDepressed" | "surfaceNeutralHighlight" | "surfaceBrandSubdued" | "surfaceBrandDepressed" | "surfaceBrandHighlight" | "surfaceCriticalSubdued" | "surfaceCriticalDepressed" | "surfaceCriticalHighlight" | "interactiveNeutralDefault" | "interactiveNeutralHovering" | "interactiveNeutralPressing" | "interactiveNeutralFocused" | "interactiveNeutralDisabled" | "interactiveBrandDefault" | "interactiveBrandHovering" | "interactiveBrandPressing" | "interactiveBrandFocused" | "interactiveBrandDisabled" | "interactiveCriticalDefault" | "interactiveCriticalHovering" | "interactiveCriticalPressing" | "interactiveCriticalFocused" | "interactiveCriticalDisabled" | "interactiveNeutralSecondaryDefault" | "interactiveNeutralSecondaryHovering" | "interactiveNeutralSecondaryPressing" | "interactiveNeutralSecondaryFocused" | "interactiveNeutralSecondaryDisabled" | "interactiveBrandSecondaryDefault" | "interactiveBrandSecondaryHovering" | "interactiveBrandSecondaryPressing" | "interactiveBrandSecondaryFocused" | "interactiveBrandSecondaryDisabled" | "interactiveCriticalSecondaryDefault" | "interactiveCriticalSecondaryHovering" | "interactiveCriticalSecondaryPressing" | "interactiveCriticalSecondaryFocused" | "interactiveCriticalSecondaryDisabled" | "interactiveNeutralHighlightDefault" | "interactiveNeutralHighlightHovering" | "interactiveNeutralHighlightPressing" | "interactiveNeutralHighlightFocused" | "interactiveNeutralHighlightDisabled" | "interactiveBrandHighlightDefault" | "interactiveBrandHighlightHovering" | "interactiveBrandHighlightPressing" | "interactiveBrandHighlightFocused" | "interactiveBrandHighlightDisabled" | "interactiveCriticalHighlightDefault" | "interactiveCriticalHighlightHovering" | "interactiveCriticalHighlightPressing" | "interactiveCriticalHighlightFocused" | "interactiveCriticalHighlightDisabled" | "decorativeSurfacePlain1" | "decorativeSurfacePlain2" | "decorativeSurfacePlain3" | "decorativeSurfaceSubdued1" | "decorativeSurfaceSubdued2" | "decorativeSurfaceSubdued3" | "transparent" | undefined;
+    }) | undefined;
+    pointerEvents?: ("auto" | "none" | {
+        default?: "auto" | "none" | undefined;
+        hover?: "auto" | "none" | undefined;
+        focus?: "auto" | "none" | undefined;
+        focusWithin?: "auto" | "none" | undefined;
+        focusVisible?: "auto" | "none" | undefined;
+        active?: "auto" | "none" | undefined;
+        disabled?: "auto" | "none" | undefined;
+        placeholder?: "auto" | "none" | undefined;
+    }) | undefined;
+    cursor?: ("auto" | "not-allowed" | "pointer" | "text" | {
+        default?: "auto" | "not-allowed" | "pointer" | "text" | undefined;
+        hover?: "auto" | "not-allowed" | "pointer" | "text" | undefined;
+        focus?: "auto" | "not-allowed" | "pointer" | "text" | undefined;
+        focusWithin?: "auto" | "not-allowed" | "pointer" | "text" | undefined;
+        focusVisible?: "auto" | "not-allowed" | "pointer" | "text" | undefined;
+        active?: "auto" | "not-allowed" | "pointer" | "text" | undefined;
+        disabled?: "auto" | "not-allowed" | "pointer" | "text" | undefined;
+        placeholder?: "auto" | "not-allowed" | "pointer" | "text" | undefined;
+    }) | undefined;
+    boxShadow?: ("interactiveDefaultFocused" | "interactiveDefaultHovering" | "overlay" | "modal" | "none" | {
+        default?: "interactiveDefaultFocused" | "interactiveDefaultHovering" | "overlay" | "modal" | "none" | undefined;
+        hover?: "interactiveDefaultFocused" | "interactiveDefaultHovering" | "overlay" | "modal" | "none" | undefined;
+        focus?: "interactiveDefaultFocused" | "interactiveDefaultHovering" | "overlay" | "modal" | "none" | undefined;
+        focusWithin?: "interactiveDefaultFocused" | "interactiveDefaultHovering" | "overlay" | "modal" | "none" | undefined;
+        focusVisible?: "interactiveDefaultFocused" | "interactiveDefaultHovering" | "overlay" | "modal" | "none" | undefined;
+        active?: "interactiveDefaultFocused" | "interactiveDefaultHovering" | "overlay" | "modal" | "none" | undefined;
+        disabled?: "interactiveDefaultFocused" | "interactiveDefaultHovering" | "overlay" | "modal" | "none" | undefined;
+        placeholder?: "interactiveDefaultFocused" | "interactiveDefaultHovering" | "overlay" | "modal" | "none" | undefined;
+    }) | undefined;
+    transition?: ("all" | "ease" | {
+        default?: "all" | "ease" | undefined;
+        hover?: "all" | "ease" | undefined;
+        focus?: "all" | "ease" | undefined;
+        focusWithin?: "all" | "ease" | undefined;
+        focusVisible?: "all" | "ease" | undefined;
+        active?: "all" | "ease" | undefined;
+        disabled?: "all" | "ease" | undefined;
+        placeholder?: "all" | "ease" | undefined;
+    }) | undefined;
+    textDecoration?: ("none" | "underline" | {
+        default?: "none" | "underline" | undefined;
+        hover?: "none" | "underline" | undefined;
+        focus?: "none" | "underline" | undefined;
+        focusWithin?: "none" | "underline" | undefined;
+        focusVisible?: "none" | "underline" | undefined;
+        active?: "none" | "underline" | undefined;
+        disabled?: "none" | "underline" | undefined;
+        placeholder?: "none" | "underline" | undefined;
+    }) | undefined;
+    transform?: {} | undefined;
+} & {
+    __display?: any;
+    __flexDirection?: any;
+    __alignItems?: any;
+    __justifyContent?: any;
+    __flexGrow?: any;
+    __flexShrink?: any;
+    __flexBasis?: any;
+    __position?: any;
+    __gridArea?: any;
+    __gridTemplateAreas?: any;
+    __gridTemplateRows?: any;
+    __gridRow?: any;
+    __gridRowStart?: any;
+    __gridRowEnd?: any;
+    __gridTemplateColumns?: any;
+    __gridColumn?: any;
+    __gridColumnStart?: any;
+    __gridColumnEnd?: any;
+    __gridAutoFlow?: any;
+    __order?: any;
+    __flexWrap?: any;
+    __gap?: any;
+    __rowGap?: any;
+    __columnGap?: any;
+    __paddingTop?: any;
+    __paddingBottom?: any;
+    __paddingLeft?: any;
+    __paddingRight?: any;
+    __marginTop?: any;
+    __marginBottom?: any;
+    __marginLeft?: any;
+    __marginRight?: any;
+    __width?: any;
+    __height?: any;
+    __minHeight?: any;
+    __minWidth?: any;
+    __maxWidth?: any;
+    __maxHeight?: any;
+    __borderTopRightRadius?: any;
+    __borderTopLeftRadius?: any;
+    __borderBottomRightRadius?: any;
+    __borderBottomLeftRadius?: any;
+    __fontSize?: any;
+    __lineHeight?: any;
+    __textAlign?: any;
+    __borderLeftWidth?: any;
+    __borderRightWidth?: any;
+    __borderTopWidth?: any;
+    __borderBottomWidth?: any;
+    __borderLeftStyle?: any;
+    __borderRightStyle?: any;
+    __borderTopStyle?: any;
+    __borderBottomStyle?: any;
+    __outlineStyle?: any;
+    __textTransform?: any;
+    __letterSpacing?: any;
+    __top?: any;
+    __bottom?: any;
+    __left?: any;
+    __right?: any;
+    __overflowX?: any;
+    __overflowY?: any;
+    __textOverflow?: any;
+    __whiteSpace?: any;
+    __wordBreak?: any;
+    __zIndex?: any;
+    __aspectRatio?: any;
+    __objectFit?: any;
+    __opacity?: any;
+    __fontWeight?: any;
+    __alignSelf?: any;
+    __visibility?: any;
+    __padding?: any;
+    __paddingX?: any;
+    __paddingY?: any;
+    __margin?: any;
+    __marginX?: any;
+    __marginY?: any;
+    __placeItems?: any;
+    __typeSize?: any;
+    __borderWidth?: any;
+    __borderXWidth?: any;
+    __borderYWidth?: any;
+    __borderStyle?: any;
+    __borderXStyle?: any;
+    __borderYStyle?: any;
+    __inset?: any;
+    __borderRadius?: any;
+    __overflow?: any;
+    __flex?: any;
+    __borderColor?: any;
+    __color?: any;
+    __backgroundColor?: any;
+    __pointerEvents?: any;
+    __cursor?: any;
+    __boxShadow?: any;
+    __transition?: any;
+    __textDecoration?: any;
+    __transform?: any;
+} & {
+    children?: ReactNode;
+    value?: string | number | readonly string[] | undefined;
+    cite?: string | undefined;
+    data?: string | undefined;
+    form?: string | undefined;
+    label?: string | undefined;
+    slot?: string | undefined;
+    span?: number | undefined;
+    style?: import("react").CSSProperties | undefined;
+    summary?: string | undefined;
+    title?: string | undefined;
+    pattern?: string | undefined;
+    src?: string | undefined;
+    size?: number | undefined;
+    content?: string | undefined;
+    translate?: "yes" | "no" | undefined;
+    id?: string | undefined;
+    start?: number | undefined;
+    wrap?: string | undefined;
+    hidden?: boolean | undefined;
+    default?: boolean | undefined;
+    disabled?: boolean | undefined;
+    placeholder?: string | undefined;
+    open?: boolean | undefined;
+    multiple?: boolean | undefined;
+    accept?: string | undefined;
+    acceptCharset?: string | undefined;
+    action?: string | undefined;
+    allowFullScreen?: boolean | undefined;
+    allowTransparency?: boolean | undefined;
+    alt?: string | undefined;
+    async?: boolean | undefined;
+    autoComplete?: string | undefined;
+    autoFocus?: boolean | undefined;
+    autoPlay?: boolean | undefined;
+    capture?: boolean | "user" | "environment" | undefined;
+    cellPadding?: string | number | undefined;
+    cellSpacing?: string | number | undefined;
+    charSet?: string | undefined;
+    challenge?: string | undefined;
+    checked?: boolean | undefined;
+    classID?: string | undefined;
+    cols?: number | undefined;
+    colSpan?: number | undefined;
+    controls?: boolean | undefined;
+    coords?: string | undefined;
+    crossOrigin?: string | undefined;
+    dateTime?: string | undefined;
+    defer?: boolean | undefined;
+    download?: any;
+    encType?: string | undefined;
+    formAction?: string | undefined;
+    formEncType?: string | undefined;
+    formMethod?: string | undefined;
+    formNoValidate?: boolean | undefined;
+    formTarget?: string | undefined;
+    frameBorder?: string | number | undefined;
+    headers?: string | undefined;
+    high?: number | undefined;
+    href?: string | undefined;
+    hrefLang?: string | undefined;
+    htmlFor?: string | undefined;
+    httpEquiv?: string | undefined;
+    integrity?: string | undefined;
+    keyParams?: string | undefined;
+    keyType?: string | undefined;
+    kind?: string | undefined;
+    list?: string | undefined;
+    loop?: boolean | undefined;
+    low?: number | undefined;
+    manifest?: string | undefined;
+    marginHeight?: number | undefined;
+    marginWidth?: number | undefined;
+    max?: string | number | undefined;
+    maxLength?: number | undefined;
+    media?: string | undefined;
+    mediaGroup?: string | undefined;
+    method?: string | undefined;
+    min?: string | number | undefined;
+    minLength?: number | undefined;
+    muted?: boolean | undefined;
+    name?: string | undefined;
+    nonce?: string | undefined;
+    noValidate?: boolean | undefined;
+    optimum?: number | undefined;
+    playsInline?: boolean | undefined;
+    poster?: string | undefined;
+    preload?: string | undefined;
+    readOnly?: boolean | undefined;
+    rel?: string | undefined;
+    required?: boolean | undefined;
+    reversed?: boolean | undefined;
+    rows?: number | undefined;
+    rowSpan?: number | undefined;
+    sandbox?: string | undefined;
+    scope?: string | undefined;
+    scoped?: boolean | undefined;
+    scrolling?: string | undefined;
+    seamless?: boolean | undefined;
+    selected?: boolean | undefined;
+    shape?: string | undefined;
+    sizes?: string | undefined;
+    srcDoc?: string | undefined;
+    srcLang?: string | undefined;
+    srcSet?: string | undefined;
+    step?: string | number | undefined;
+    target?: string | undefined;
+    type?: string | undefined;
+    useMap?: string | undefined;
+    wmode?: string | undefined;
+    defaultChecked?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined;
+    suppressHydrationWarning?: boolean | undefined;
+    accessKey?: string | undefined;
+    className?: string | undefined;
+    contentEditable?: "inherit" | (boolean | "false" | "true") | undefined;
+    contextMenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: (boolean | "false" | "true") | undefined;
+    lang?: string | undefined;
+    spellCheck?: (boolean | "false" | "true") | undefined;
+    tabIndex?: number | undefined;
+    radioGroup?: string | undefined;
+    role?: import("react").AriaRole | undefined;
+    about?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    prefix?: string | undefined;
+    property?: string | undefined;
+    resource?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autoCapitalize?: string | undefined;
+    autoCorrect?: string | undefined;
+    autoSave?: string | undefined;
+    itemProp?: string | undefined;
+    itemScope?: boolean | undefined;
+    itemType?: string | undefined;
+    itemID?: string | undefined;
+    itemRef?: string | undefined;
+    results?: number | undefined;
+    security?: string | undefined;
+    unselectable?: "on" | "off" | undefined;
+    inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    is?: string | undefined;
+    'aria-activedescendant'?: string | undefined;
+    'aria-atomic'?: (boolean | "false" | "true") | undefined;
+    'aria-autocomplete'?: "none" | "inline" | "both" | "list" | undefined;
+    'aria-busy'?: (boolean | "false" | "true") | undefined;
+    'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined;
+    'aria-colcount'?: number | undefined;
+    'aria-colindex'?: number | undefined;
+    'aria-colspan'?: number | undefined;
+    'aria-controls'?: string | undefined;
+    'aria-current'?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
+    'aria-describedby'?: string | undefined;
+    'aria-details'?: string | undefined;
+    'aria-disabled'?: (boolean | "false" | "true") | undefined;
+    'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
+    'aria-errormessage'?: string | undefined;
+    'aria-expanded'?: (boolean | "false" | "true") | undefined;
+    'aria-flowto'?: string | undefined;
+    'aria-grabbed'?: (boolean | "false" | "true") | undefined;
+    'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
+    'aria-hidden'?: (boolean | "false" | "true") | undefined;
+    'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+    'aria-keyshortcuts'?: string | undefined;
+    'aria-label'?: string | undefined;
+    'aria-labelledby'?: string | undefined;
+    'aria-level'?: number | undefined;
+    'aria-live'?: "off" | "assertive" | "polite" | undefined;
+    'aria-modal'?: (boolean | "false" | "true") | undefined;
+    'aria-multiline'?: (boolean | "false" | "true") | undefined;
+    'aria-multiselectable'?: (boolean | "false" | "true") | undefined;
+    'aria-orientation'?: "horizontal" | "vertical" | undefined;
+    'aria-owns'?: string | undefined;
+    'aria-placeholder'?: string | undefined;
+    'aria-posinset'?: number | undefined;
+    'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
+    'aria-readonly'?: (boolean | "false" | "true") | undefined;
+    'aria-relevant'?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    'aria-required'?: (boolean | "false" | "true") | undefined;
+    'aria-roledescription'?: string | undefined;
+    'aria-rowcount'?: number | undefined;
+    'aria-rowindex'?: number | undefined;
+    'aria-rowspan'?: number | undefined;
+    'aria-selected'?: (boolean | "false" | "true") | undefined;
+    'aria-setsize'?: number | undefined;
+    'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
+    'aria-valuemax'?: number | undefined;
+    'aria-valuemin'?: number | undefined;
+    'aria-valuenow'?: number | undefined;
+    'aria-valuetext'?: string | undefined;
+    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>, "children" | "value" | "ref" | "size" | "defaultValue" | "onValueChange"> & {
+    children: ReactNode;
+    defaultValue?: string | undefined;
+    value?: string | undefined;
+    onValueChange?: ((value: string) => void) | undefined;
+} & import("react").RefAttributes<HTMLElement>>;