@veracity/vui 0.0.14 → 0.1.0

package/theme/components.d.ts

@@ -1,787 +1,871 @@
-declare const _default: {
-    Alert: {
-        defaultProps: {
-            colorScheme: string;
-            variant: string;
-        };
-        parts: string[];
-        sizes: {};
-        variants: {
-            solid: (props: import("..").Dict<any>) => {
-                container: {
-                    bg: string;
-                    color: string;
-                };
-                button: {
-                    bg: string;
-                    hoverBg: string;
-                };
-                icon: {};
-                message: {};
-                text: {};
-                title: {};
-            };
-            subtle: (props: import("..").Dict<any>) => {
-                container: {
-                    bg: string;
-                    borderColor: string;
-                    borderWidth: number;
-                    color: string;
-                };
-                button: {
-                    color: string;
-                    hoverBg: string;
-                    activeBg: string;
-                    variant: string;
-                };
-                icon: {};
-                message: {};
-                text: {};
-                title: {};
-            };
-        };
-    };
-    Avatar: {
-        defaultProps: {
-            colorScheme: string;
-            size: string;
-            variant: string;
-        };
-        sizes: {
-            xs: {
-                fontSize: string;
-                h: number;
-                iconSize: string;
-            };
-            sm: {
-                fontSize: string;
-                h: number;
-                iconSize: string;
-            };
-            md: {
-                fontSize: string;
-                h: number;
-                iconSize: string;
-            };
-            lg: {
-                fontSize: string;
-                h: number;
-                iconSize: string;
-            };
-        };
-        variants: {
-            outlined: (props: import("..").Dict<any>) => {
-                borderColor: string;
-                borderWidth: number;
-                hoverBg: string;
-                activeBg: string;
-                bg: string;
-                color: string;
-            };
-            solid: (props: import("..").Dict<any>) => {
-                hoverBg: string;
-                activeBg: string;
-                bg: string;
-                color: string;
-            };
-            subtle: (props: import("..").Dict<any>) => {
-                hoverBg: string;
-                activeBg: string;
-                bg: string;
-                color: string;
-            };
-        };
-    };
-    Box: {
-        defaultProps: {};
-        sizes: {};
-        variants: {};
-    };
-    Button: {
-        defaultProps: {
-            colorScheme: string;
-            size: string;
-            variant: string;
-        };
-        sizes: {
-            xs: {
-                fontSize: string;
-                h: number;
-                iconSize: string;
-                minW: number;
-                spaceX: number;
-            };
-            sm: {
-                fontSize: string;
-                h: number;
-                iconSize: string;
-                minW: number;
-                spaceX: number;
-            };
-            md: {
-                fontSize: string;
-                h: number;
-                iconSize: string;
-                minW: number;
-                spaceX: number;
-            };
-            lg: {
-                fontSize: string;
-                h: number;
-                iconSize: string;
-                minW: number;
-                spaceX: number;
-            };
-        };
-        variants: {
-            outlined: (props: import("..").Dict<any>) => {
-                hoverBg: string;
-                activeBg: string;
-                bg: string;
-                color: string;
-                borderColor: string;
-                borderWidth: number;
-            };
-            solid: (props: import("..").Dict<any>) => {
-                borderColor: string;
-                hoverBg: string;
-                activeBg: string;
-                bg: string;
-                color: string;
-            };
-            subtle: (props: import("..").Dict<any>) => {
-                hoverBg: string;
-                activeBg: string;
-                bg: string;
-                color: string;
-            };
-            text: (props: import("..").Dict<any>) => {
-                hoverBg: string;
-                activeBg: string;
-                bg: string;
-                color: string;
-            };
-        };
-    };
-    Checkbox: {
-        defaultProps: {
-            colorScheme: string;
-            size: string;
-            variant: string;
-        };
-        parts: string[];
-        sizes: {
-            sm: {
-                control: {
-                    h: number;
-                    w: number;
-                };
-                label: {
-                    size: string;
-                };
-            };
-            md: {
-                control: {
-                    h: number;
-                    w: number;
-                };
-                label: {
-                    size: string;
-                };
-            };
-            lg: {
-                control: {
-                    h: number;
-                    w: number;
-                };
-                label: {
-                    size: string;
-                };
-            };
-        };
-        variants: {
-            default: (props: import("..").Dict<any>) => {
-                control: {
-                    color: string;
-                    hoverColor: string;
-                };
-            };
-        };
-    };
-    Divider: {
-        defaultProps: {};
-        sizes: {};
-        variants: {};
-    };
-    Heading: {
-        defaultProps: {
-            size: string;
-        };
-        sizes: {
-            h1: {
-                as: string;
-                fontSize: string;
-                lineHeight: string;
-            };
-            h2: {
-                as: string;
-                fontSize: string;
-                lineHeight: string;
-            };
-            h3: {
-                as: string;
-                fontSize: string;
-                lineHeight: string;
-            };
-            h4: {
-                as: string;
-                fontSize: string;
-                lineHeight: string;
-            };
-            h5: {
-                as: string;
-                fontSize: string;
-                lineHeight: string;
-            };
-            h6: {
-                as: string;
-                fontSize: string;
-                lineHeight: string;
-            };
-        };
-        variants: {};
-    };
-    Icon: {
-        defaultProps: {
-            size: string;
-        };
-        sizes: {
-            xs: {
-                height: number;
-                width: number;
-            };
-            sm: {
-                height: number;
-                width: number;
-            };
-            md: {
-                height: number;
-                width: number;
-            };
-            lg: {
-                height: number;
-                width: number;
-            };
-        };
-        variants: {};
-    };
-    Input: {
-        defaultProps: {
-            colorScheme: string;
-            size: string;
-            variant: string;
-        };
-        sizes: {
-            xs: {
-                fontSize: string;
-                h: number;
-                iconSize: string;
-            };
-            sm: {
-                fontSize: string;
-                h: number;
-                iconSize: string;
-            };
-            md: {
-                fontSize: string;
-                h: number;
-                iconSize: string;
-            };
-            lg: {
-                fontSize: string;
-                h: number;
-                iconSize: string;
-            };
-        };
-        variants: {
-            default: (props: import("..").Dict<any>) => {
-                borderColor: string;
-                focusWithinRing: number;
-                focusWithinRingColor: string;
-            };
-        };
-    };
-    Label: {
-        defaultProps: {
-            colorScheme: string;
-            size: string;
-            variant: string;
-        };
-        sizes: {
-            sm: {
-                fontSize: string;
-                h: number;
-                iconSize: string;
-                spaceX: number;
-            };
-            md: {
-                fontSize: string;
-                h: number;
-                iconSize: string;
-                spaceX: number;
-            };
-            lg: {
-                fontSize: string;
-                h: number;
-                iconSize: string;
-                spaceX: number;
-            };
-        };
-        variants: {
-            outlined: (props: import("..").Dict<any>) => {
-                hoverBg: string;
-                activeBg: string;
-                bg: string;
-                color: string;
-                borderColor: string;
-                borderWidth: number;
-            };
-            solid: (props: import("..").Dict<any>) => {
-                hoverBg: string;
-                activeBg: string;
-                bg: string;
-                color: string;
-            };
-            subtle: (props: import("..").Dict<any>) => {
-                hoverBg: string;
-                activeBg: string;
-                bg: string;
-                color: string;
-            };
-            text: (props: import("..").Dict<any>) => {
-                hoverBg: string;
-                activeBg: string;
-                bg: string;
-                color: string;
-            };
-        };
-    };
-    Link: {
-        defaultProps: {
-            colorScheme: string;
-            size: string;
-            variant: string;
-        };
-        sizes: {
-            xs: {
-                fontSize: string;
-            };
-            sm: {
-                fontSize: string;
-            };
-            md: {
-                fontSize: string;
-            };
-            lg: {
-                fontSize: string;
-            };
-        };
-        variants: {
-            default: (props: import("..").Dict<any>) => {
-                color: string;
-                hoverColor: string;
-            };
-            light: (props: import("..").Dict<any>) => {
-                color: string;
-                hoverColor: string;
-            };
-        };
-    };
-    List: {
-        defaultProps: {
-            colorScheme: string;
-            size: string;
-            variant: string;
-        };
-        parts: string[];
-        sizes: {
-            sm: {
-                icon: {
-                    size: string;
-                };
-                item: {
-                    fontSize: string;
-                    h: number;
-                };
-            };
-            md: {
-                icon: {
-                    size: string;
-                };
-                item: {
-                    fontSize: string;
-                    h: number;
-                };
-            };
-            lg: {
-                icon: {
-                    size: string;
-                };
-                item: {
-                    fontSize: string;
-                    h: number;
-                };
-            };
-            xl: {
-                icon: {
-                    scale: number;
-                };
-                item: {
-                    fontSize: string;
-                    h: number;
-                };
-            };
-        };
-        variants: {
-            default: (props: import("..").Dict<any>) => {
-                container: {};
-                icon: {};
-                item: import("..").Dict<any>;
-            };
-            ordered: {
-                container: {
-                    as: string;
-                    listStyleType: string;
-                    pl: number;
-                };
-                item: {
-                    display: string;
-                    h: undefined;
-                    lineHeight: number;
-                };
-            };
-            unordered: {
-                container: {
-                    as: string;
-                    listStyleType: string;
-                    pl: number;
-                };
-                item: {
-                    display: string;
-                    h: undefined;
-                    lineHeight: number;
-                };
-            };
-        };
-    };
-    P: {
-        defaultProps: {
-            size: string;
-        };
-        sizes: {
-            sm: {
-                fontSize: string;
-                lineHeight: string;
-            };
-            md: {
-                fontSize: string;
-                lineHeight: string;
-            };
-            lg: {
-                fontSize: string;
-                lineHeight: string;
-            };
-            xl: {
-                fontSize: string;
-                lineHeight: string;
-            };
-            xxl: {
-                fontSize: string;
-                lineHeight: string;
-            };
-        };
-        variants: {};
-    };
-    Radio: {
-        defaultProps: {
-            colorScheme: string;
-            size: string;
-            variant: string;
-        };
-        parts: string[];
-        sizes: {
-            sm: {
-                control: {
-                    h: number;
-                    w: number;
-                };
-                label: {
-                    size: string;
-                };
-            };
-            md: {
-                control: {
-                    h: number;
-                    w: number;
-                };
-                label: {
-                    size: string;
-                };
-            };
-            lg: {
-                control: {
-                    h: number;
-                    w: number;
-                };
-                label: {
-                    size: string;
-                };
-            };
-        };
-        variants: {
-            default: (props: import("..").Dict<any>) => {
-                control: {
-                    color: string;
-                    hoverColor: string;
-                };
-            };
-        };
-    };
-    Skeleton: {
-        defaultProps: {
-            colorScheme: string;
-            size: string;
-            variant: string;
-        };
-        sizes: {
-            xs: {
-                h: number;
-            };
-            sm: {
-                h: number;
-            };
-            md: {
-                h: number;
-            };
-            lg: {
-                h: number;
-            };
-        };
-        variants: {
-            circle: (props: import("..").Dict<any>) => {
-                borderRadius: string;
-                bg: string;
-            };
-            rect: (props: import("..").Dict<any>) => {
-                borderRadius: string;
-                bg: string;
-                w: string;
-            };
-        };
-    };
-    Spinner: {
-        defaultProps: {
-            colorScheme: string;
-            size: string;
-            variant: string;
-        };
-        parts: string[];
-        sizes: {
-            xs: {
-                circle: {
-                    borderWidth: number;
-                    h: number;
-                    w: number;
-                };
-            };
-            sm: {
-                circle: {
-                    borderWidth: number;
-                    h: number;
-                    w: number;
-                };
-            };
-            md: {
-                circle: {
-                    borderWidth: number;
-                    h: number;
-                    w: number;
-                };
-            };
-            lg: {
-                circle: {
-                    borderWidth: number;
-                    h: number;
-                    w: number;
-                };
-            };
-            card: {
-                circle: {
-                    borderWidth: number;
-                    h: number;
-                    w: number;
-                };
-            };
-            page: {
-                circle: {
-                    borderWidth: number;
-                    h: number;
-                    w: number;
-                };
-            };
-        };
-        variants: {
-            default: (props: import("..").Dict<any>) => {
-                container: {
-                    color: string;
-                };
-                circle: {
-                    borderColor: string;
-                    borderTopColor: string;
-                };
-                text: {};
-            };
-        };
-    };
-    Switch: {
-        defaultProps: {
-            colorScheme: string;
-            size: string;
-            variant: string;
-        };
-        parts: string[];
-        sizes: {
-            sm: (props: import("..").Dict<any>) => {
-                button: {
-                    fontSize: string;
-                };
-                label: {
-                    size: string;
-                };
-                thumb: {
-                    h: number;
-                    w: number;
-                };
-                track: {
-                    h: number;
-                    minW: number;
-                };
-            };
-            md: (props: import("..").Dict<any>) => {
-                button: {
-                    fontSize: string;
-                };
-                label: {
-                    size: string;
-                };
-                thumb: {
-                    h: number;
-                    w: number;
-                };
-                track: {
-                    h: number;
-                    minW: number;
-                };
-            };
-            lg: (props: import("..").Dict<any>) => {
-                button: {
-                    fontSize: string;
-                };
-                label: {
-                    size: string;
-                };
-                thumb: {
-                    h: number;
-                    w: number;
-                };
-                track: {
-                    h: number;
-                    minW: number;
-                };
-            };
-        };
-        variants: {
-            contained: (props: import("..").Dict<any>) => {
-                thumb: {
-                    bg: string;
-                };
-                track: {
-                    bg: string;
-                    ring: number;
-                };
-            };
-            thin: (props: import("..").Dict<any>) => {
-                thumb: {
-                    bg: string;
-                    borderColor: string;
-                    borderWidth: number;
-                    ring: number;
-                };
-                track: {
-                    bg: string;
-                };
-            };
-        };
-    };
-    T: {
-        defaultProps: {
-            size: string;
-        };
-        sizes: {
-            xs: {
-                fontSize: string;
-            };
-            sm: {
-                fontSize: string;
-            };
-            md: {
-                fontSize: string;
-            };
-            lg: {
-                fontSize: string;
-            };
-        };
-        variants: {};
-    };
-    Textarea: {
-        defaultProps: {
-            colorScheme: string;
-            variant: string;
-        };
-        parts: string[];
-        sizes: {};
-        variants: {
-            default: (props: import("..").Dict<any>) => {
-                container: {};
-                textarea: {
-                    borderColor: string;
-                    focusRing: number;
-                    focusRingColor: string;
-                };
-            };
-        };
-    };
-    Tile: {
-        defaultProps: {
-            variant: string;
-        };
-        sizes: {};
-        variants: {
-            default: {
-                bg: string;
-                borderRadius: string;
-                shadow: string;
-                hoverShadow: string;
-                p: number;
-            };
-            outlined: {
-                bg: string;
-                border: number;
-                borderColor: string;
-                borderRadius: string;
-                p: number;
-            };
-        };
-    };
-};
-export default _default;
+declare const _default: {
+    Alert: {
+        defaultProps: {
+            colorScheme: string;
+            variant: string;
+        };
+        parts: string[];
+        sizes: {};
+        variants: {
+            solid: (props: import("..").Dict<any>) => {
+                container: {
+                    bg: string;
+                    color: string;
+                };
+                button: {
+                    bg: string;
+                    borderColor: string;
+                    hoverBg: string;
+                    hoverBorderColor: string;
+                };
+                icon: {};
+                message: {};
+                text: {};
+                title: {};
+            };
+            subtle: (props: import("..").Dict<any>) => {
+                container: {
+                    bg: string;
+                    borderColor: string;
+                    borderWidth: number;
+                    color: string;
+                };
+                button: {
+                    color: string;
+                    hoverBg: string;
+                    activeBg: string;
+                    variant: string;
+                };
+                icon: {};
+                message: {};
+                text: {};
+                title: {};
+            };
+        };
+    };
+    Avatar: {
+        defaultProps: {
+            colorScheme: string;
+            size: string;
+            variant: string;
+        };
+        sizes: {
+            xs: {
+                fontSize: string;
+                h: number;
+                iconSize: string;
+            };
+            sm: {
+                fontSize: string;
+                h: number;
+                iconSize: string;
+            };
+            md: {
+                fontSize: string;
+                h: number;
+                iconSize: string;
+            };
+            lg: {
+                fontSize: string;
+                h: number;
+                iconSize: string;
+            };
+        };
+        variants: {
+            outlined: (props: import("..").Dict<any>) => {
+                borderColor: string;
+                borderWidth: number;
+                hoverBg: string;
+                activeBg: string;
+                bg: string;
+                color: string;
+            };
+            solid: (props: import("..").Dict<any>) => {
+                hoverBg: string;
+                activeBg: string;
+                bg: string;
+                color: string;
+            };
+            subtle: (props: import("..").Dict<any>) => {
+                hoverBg: string;
+                activeBg: string;
+                bg: string;
+                color: string;
+            };
+        };
+    };
+    Box: {
+        defaultProps: {};
+        sizes: {};
+        variants: {};
+    };
+    Button: {
+        defaultProps: {
+            colorScheme: string;
+            size: string;
+            variant: string;
+        };
+        parts: string[];
+        sizes: {
+            xs: {
+                container: {
+                    fontSize: string;
+                    h: number;
+                    minW: number;
+                    spaceX: number;
+                };
+                icon: {
+                    size: string;
+                };
+                text: {};
+            };
+            sm: {
+                container: {
+                    fontSize: string;
+                    h: number;
+                    minW: number;
+                    spaceX: number;
+                };
+                icon: {
+                    size: string;
+                };
+                text: {};
+            };
+            md: {
+                container: {
+                    fontSize: string;
+                    h: number;
+                    minW: number;
+                    spaceX: number;
+                };
+                icon: {
+                    size: string;
+                };
+                text: {};
+            };
+            lg: {
+                container: {
+                    fontSize: string;
+                    h: number;
+                    minW: number;
+                    spaceX: number;
+                };
+                icon: {
+                    size: string;
+                };
+                text: {};
+            };
+        };
+        variants: {
+            outlined: (props: import("..").Dict<any>) => {
+                container: {
+                    borderColor: string;
+                    hoverBorderColor: string;
+                    hoverBg: string;
+                    activeBg: string;
+                    bg: string;
+                    borderWidth: number;
+                    color: string;
+                };
+            };
+            solid: (props: import("..").Dict<any>) => {
+                container: {
+                    hoverBg: string;
+                    hoverBorderColor: string;
+                    activeBg: string;
+                    bg: string;
+                    borderColor: string;
+                    borderWidth: number;
+                    color: string;
+                };
+            };
+            subtle: (props: import("..").Dict<any>) => {
+                container: {
+                    hoverBg: string;
+                    hoverBorderColor: string;
+                    activeBg: string;
+                    bg: string;
+                    borderColor: string;
+                    borderWidth: number;
+                    color: string;
+                };
+            };
+            text: (props: import("..").Dict<any>) => {
+                container: {
+                    hoverBg: string;
+                    hoverBorderColor: string;
+                    activeBg: string;
+                    bg: string;
+                    borderColor: string;
+                    borderWidth: number;
+                    color: string;
+                };
+            };
+        };
+    };
+    Card: {
+        defaultProps: {};
+        sizes: {};
+        variants: {};
+    };
+    Checkbox: {
+        defaultProps: {
+            colorScheme: string;
+            size: string;
+            variant: string;
+        };
+        parts: string[];
+        sizes: {
+            sm: {
+                control: {
+                    h: number;
+                    w: number;
+                };
+                label: {
+                    size: string;
+                };
+            };
+            md: {
+                control: {
+                    h: number;
+                    w: number;
+                };
+                label: {
+                    size: string;
+                };
+            };
+            lg: {
+                control: {
+                    h: number;
+                    w: number;
+                };
+                label: {
+                    size: string;
+                };
+            };
+        };
+        variants: {
+            default: (props: import("..").Dict<any>) => {
+                control: {
+                    color: string;
+                    hoverColor: string;
+                };
+            };
+        };
+    };
+    Divider: {
+        defaultProps: {};
+        sizes: {};
+        variants: {};
+    };
+    Heading: {
+        defaultProps: {
+            size: string;
+        };
+        sizes: {
+            h1: {
+                as: string;
+                fontSize: string;
+                lineHeight: string;
+            };
+            h2: {
+                as: string;
+                fontSize: string;
+                lineHeight: string;
+            };
+            h3: {
+                as: string;
+                fontSize: string;
+                lineHeight: string;
+            };
+            h4: {
+                as: string;
+                fontSize: string;
+                lineHeight: string;
+            };
+            h5: {
+                as: string;
+                fontSize: string;
+                lineHeight: string;
+            };
+            h6: {
+                as: string;
+                fontSize: string;
+                lineHeight: string;
+            };
+        };
+        variants: {};
+    };
+    Icon: {
+        defaultProps: {
+            size: string;
+        };
+        sizes: {
+            xs: {
+                height: number;
+                width: number;
+            };
+            sm: {
+                height: number;
+                width: number;
+            };
+            md: {
+                height: number;
+                width: number;
+            };
+            lg: {
+                height: number;
+                width: number;
+            };
+        };
+        variants: {};
+    };
+    Image: {
+        defaultProps: {};
+        sizes: {};
+        variants: {};
+    };
+    Input: {
+        defaultProps: {
+            colorScheme: string;
+            size: string;
+            variant: string;
+        };
+        parts: string[];
+        sizes: {
+            xs: {
+                container: {
+                    fontSize: string;
+                    h: number;
+                };
+                icon: {
+                    size: string;
+                };
+                input: {};
+            };
+            sm: {
+                container: {
+                    fontSize: string;
+                    h: number;
+                };
+                icon: {
+                    size: string;
+                };
+                input: {};
+            };
+            md: {
+                container: {
+                    fontSize: string;
+                    h: number;
+                };
+                icon: {
+                    size: string;
+                };
+                input: {};
+            };
+            lg: {
+                container: {
+                    fontSize: string;
+                    h: number;
+                };
+                icon: {
+                    size: string;
+                };
+                input: {};
+            };
+        };
+        variants: {
+            default: (props: import("..").Dict<any>) => {
+                container: {
+                    borderColor: string;
+                    focusWithinRing: number;
+                    focusWithinRingColor: string;
+                };
+                icon: {};
+                input: {};
+            };
+        };
+    };
+    Link: {
+        defaultProps: {
+            colorScheme: string;
+            size: string;
+            variant: string;
+        };
+        sizes: {
+            xs: {
+                fontSize: string;
+            };
+            sm: {
+                fontSize: string;
+            };
+            md: {
+                fontSize: string;
+            };
+            lg: {
+                fontSize: string;
+            };
+        };
+        variants: {
+            default: (props: import("..").Dict<any>) => {
+                color: string;
+                hoverColor: string;
+            };
+            light: (props: import("..").Dict<any>) => {
+                color: string;
+                hoverColor: string;
+            };
+        };
+    };
+    List: {
+        defaultProps: {
+            colorScheme: string;
+            size: string;
+            variant: string;
+        };
+        parts: string[];
+        sizes: {
+            sm: {
+                container: {};
+                heading: {};
+                icon: {
+                    size: string;
+                };
+                item: {
+                    fontSize: string;
+                    h: number;
+                };
+                text: {};
+            };
+            md: {
+                container: {};
+                heading: {};
+                icon: {
+                    size: string;
+                };
+                item: {
+                    fontSize: string;
+                    h: number;
+                };
+                text: {};
+            };
+            lg: {
+                container: {};
+                heading: {};
+                item: {
+                    fontSize: string;
+                    h: number;
+                };
+                icon: {
+                    size: string;
+                };
+                text: {};
+            };
+            xl: {
+                container: {};
+                heading: {};
+                item: {
+                    fontSize: string;
+                    h: number;
+                };
+                icon: {
+                    scale: number;
+                };
+                text: {};
+            };
+        };
+        variants: {
+            default: (props: import("..").Dict<any>) => {
+                container: {};
+                heading: {};
+                icon: {};
+                item: import("..").Dict<any>;
+                text: {};
+            };
+            ordered: {
+                container: {
+                    as: string;
+                    listStyleType: string;
+                    pl: number;
+                };
+                item: {
+                    display: string;
+                    h: undefined;
+                    lineHeight: number;
+                };
+            };
+            unordered: {
+                container: {
+                    as: string;
+                    listStyleType: string;
+                    pl: number;
+                };
+                item: {
+                    display: string;
+                    h: undefined;
+                    lineHeight: number;
+                };
+            };
+        };
+    };
+    P: {
+        defaultProps: {
+            size: string;
+        };
+        sizes: {
+            sm: {
+                fontSize: string;
+                lineHeight: string;
+            };
+            md: {
+                fontSize: string;
+                lineHeight: string;
+            };
+            lg: {
+                fontSize: string;
+                lineHeight: string;
+            };
+            xl: {
+                fontSize: string;
+                lineHeight: string;
+            };
+            xxl: {
+                fontSize: string;
+                lineHeight: string;
+            };
+        };
+        variants: {};
+    };
+    Panel: {
+        defaultProps: {
+            variant: string;
+        };
+        sizes: {};
+        variants: {
+            elevated: {
+                shadow: string;
+            };
+            outlined: {
+                border: number;
+                borderColor: string;
+            };
+        };
+    };
+    Radio: {
+        defaultProps: {
+            colorScheme: string;
+            size: string;
+            variant: string;
+        };
+        parts: string[];
+        sizes: {
+            sm: {
+                control: {
+                    h: number;
+                    w: number;
+                };
+                label: {
+                    size: string;
+                };
+            };
+            md: {
+                control: {
+                    h: number;
+                    w: number;
+                };
+                label: {
+                    size: string;
+                };
+            };
+            lg: {
+                control: {
+                    h: number;
+                    w: number;
+                };
+                label: {
+                    size: string;
+                };
+            };
+        };
+        variants: {
+            default: (props: import("..").Dict<any>) => {
+                control: {
+                    color: string;
+                    hoverColor: string;
+                };
+            };
+        };
+    };
+    Skeleton: {
+        defaultProps: {
+            colorScheme: string;
+            size: string;
+            variant: string;
+        };
+        sizes: {
+            xs: {
+                h: number;
+            };
+            sm: {
+                h: number;
+            };
+            md: {
+                h: number;
+            };
+            lg: {
+                h: number;
+            };
+        };
+        variants: {
+            circle: (props: import("..").Dict<any>) => {
+                borderRadius: string;
+                bg: string;
+            };
+            rect: (props: import("..").Dict<any>) => {
+                borderRadius: string;
+                bg: string;
+                w: string;
+            };
+        };
+    };
+    Spinner: {
+        defaultProps: {
+            colorScheme: string;
+            size: string;
+            variant: string;
+        };
+        parts: string[];
+        sizes: {
+            xs: {
+                circle: {
+                    borderWidth: number;
+                    h: number;
+                    w: number;
+                };
+            };
+            sm: {
+                circle: {
+                    borderWidth: number;
+                    h: number;
+                    w: number;
+                };
+            };
+            md: {
+                circle: {
+                    borderWidth: number;
+                    h: number;
+                    w: number;
+                };
+            };
+            lg: {
+                circle: {
+                    borderWidth: number;
+                    h: number;
+                    w: number;
+                };
+            };
+            card: {
+                circle: {
+                    borderWidth: number;
+                    h: number;
+                    w: number;
+                };
+            };
+            page: {
+                circle: {
+                    borderWidth: number;
+                    h: number;
+                    w: number;
+                };
+            };
+        };
+        variants: {
+            default: (props: import("..").Dict<any>) => {
+                container: {
+                    color: string;
+                };
+                circle: {
+                    borderColor: string;
+                    borderTopColor: string;
+                };
+                text: {};
+            };
+        };
+    };
+    Switch: {
+        defaultProps: {
+            colorScheme: string;
+            size: string;
+            variant: string;
+        };
+        parts: string[];
+        sizes: {
+            sm: () => {
+                container: {};
+                button: {
+                    fontSize: string;
+                    minW: number;
+                    thumb: {
+                        h: number;
+                        w: number;
+                    };
+                    track: {
+                        h: number;
+                    };
+                };
+                label: {
+                    size: string;
+                };
+            };
+            md: () => {
+                container: {};
+                button: {
+                    fontSize: string;
+                    minW: number;
+                    thumb: {
+                        h: number;
+                        w: number;
+                    };
+                    track: {
+                        h: number;
+                    };
+                };
+                label: {
+                    size: string;
+                };
+            };
+            lg: () => {
+                container: {};
+                button: {
+                    fontSize: string;
+                    minW: number;
+                    thumb: {
+                        h: number;
+                        w: number;
+                    };
+                    track: {
+                        h: number;
+                    };
+                };
+                label: {
+                    size: string;
+                };
+            };
+        };
+        variants: {
+            contained: (props: import("..").Dict<any>) => {
+                container: {};
+                button: {
+                    thumb: {
+                        bg: string;
+                    };
+                    track: {
+                        bg: string;
+                        ring: number;
+                    };
+                };
+                label: {};
+            };
+        };
+    };
+    T: {
+        defaultProps: {
+            size: string;
+        };
+        sizes: {
+            xs: {
+                fontSize: string;
+            };
+            sm: {
+                fontSize: string;
+            };
+            md: {
+                fontSize: string;
+            };
+            lg: {
+                fontSize: string;
+            };
+        };
+        variants: {};
+    };
+    Tag: {
+        defaultProps: {
+            colorScheme: string;
+            size: string;
+            variant: string;
+        };
+        parts: string[];
+        sizes: {
+            sm: {
+                container: {
+                    fontSize: string;
+                    h: number;
+                    spaceX: number;
+                };
+                icon: {
+                    size: string;
+                };
+                text: {};
+            };
+            md: {
+                container: {
+                    fontSize: string;
+                    h: number;
+                    spaceX: number;
+                };
+                icon: {
+                    size: string;
+                };
+                text: {};
+            };
+            lg: {
+                container: {
+                    fontSize: string;
+                    h: number;
+                    spaceX: number;
+                };
+                icon: {
+                    size: string;
+                };
+                text: {};
+            };
+        };
+        variants: {
+            solid: (props: import("..").Dict<any>) => {
+                container: {
+                    hoverBg: string;
+                    activeBg: string;
+                    bg: string;
+                    color: string;
+                };
+            };
+            subtle: (props: import("..").Dict<any>) => {
+                container: {
+                    hoverBg: string;
+                    activeBg: string;
+                    bg: string;
+                    color: string;
+                };
+            };
+        };
+    };
+    Textarea: {
+        defaultProps: {
+            colorScheme: string;
+            variant: string;
+        };
+        parts: string[];
+        sizes: {};
+        variants: {
+            default: (props: import("..").Dict<any>) => {
+                container: {};
+                textarea: {
+                    borderColor: string;
+                    focusRing: number;
+                    focusRingColor: string;
+                };
+            };
+        };
+    };
+};
+export default _default;