@rkosafo/cai.components 0.0.1 → 0.0.3

package/dist/ui/buttons/theme.d.ts

@@ -0,0 +1,704 @@
+import { type VariantProps } from 'tailwind-variants';
+export type ButtonVariants = VariantProps<typeof button>;
+export type GradientButtonVariantes = VariantProps<typeof gradientButton>;
+export declare const button: import("tailwind-variants").TVReturnType<{
+    color: {
+        primary: {
+            base: string;
+            outline: string;
+            shadow: string;
+        };
+        dark: {
+            base: string;
+            outline: string;
+            shadow: string;
+        };
+        alternative: {
+            base: string;
+            outline: string;
+            shadow: string;
+        };
+        light: {
+            base: string;
+            outline: string;
+            shadow: string;
+        };
+        secondary: {
+            base: string;
+            outline: string;
+            shadow: string;
+        };
+        gray: {
+            base: string;
+            outline: string;
+            shadow: string;
+        };
+        red: {
+            base: string;
+            outline: string;
+            shadow: string;
+        };
+        orange: {
+            base: string;
+            outline: string;
+            shadow: string;
+        };
+        amber: {
+            base: string;
+            outline: string;
+            shadow: string;
+        };
+        yellow: {
+            base: string;
+            outline: string;
+            shadow: string;
+        };
+        lime: {
+            base: string;
+            outline: string;
+            shadow: string;
+        };
+        green: {
+            base: string;
+            outline: string;
+            shadow: string;
+        };
+        emerald: {
+            base: string;
+            outline: string;
+            shadow: string;
+        };
+        teal: {
+            base: string;
+            outline: string;
+            shadow: string;
+        };
+        cyan: {
+            base: string;
+            outline: string;
+            shadow: string;
+        };
+        sky: {
+            base: string;
+            outline: string;
+            shadow: string;
+        };
+        blue: {
+            base: string;
+            outline: string;
+            shadow: string;
+        };
+        indigo: {
+            base: string;
+            outline: string;
+            shadow: string;
+        };
+        violet: {
+            base: string;
+            outline: string;
+            shadow: string;
+        };
+        purple: {
+            base: string;
+            outline: string;
+            shadow: string;
+        };
+        fuchsia: {
+            base: string;
+            outline: string;
+            shadow: string;
+        };
+        pink: {
+            base: string;
+            outline: string;
+            shadow: string;
+        };
+        rose: {
+            base: string;
+            outline: string;
+            shadow: string;
+        };
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    group: {
+        true: string;
+        false: string;
+    };
+    disabled: {
+        true: string;
+        false: string;
+    };
+    pill: {
+        true: string;
+        false: string;
+    };
+    checked: {
+        true: string;
+        false: string;
+    };
+}, {
+    base: string;
+    outline: string;
+    shadow: string;
+}, undefined, {
+    color: {
+        primary: {
+            base: string;
+            outline: string;
+            shadow: string;
+        };
+        dark: {
+            base: string;
+            outline: string;
+            shadow: string;
+        };
+        alternative: {
+            base: string;
+            outline: string;
+            shadow: string;
+        };
+        light: {
+            base: string;
+            outline: string;
+            shadow: string;
+        };
+        secondary: {
+            base: string;
+            outline: string;
+            shadow: string;
+        };
+        gray: {
+            base: string;
+            outline: string;
+            shadow: string;
+        };
+        red: {
+            base: string;
+            outline: string;
+            shadow: string;
+        };
+        orange: {
+            base: string;
+            outline: string;
+            shadow: string;
+        };
+        amber: {
+            base: string;
+            outline: string;
+            shadow: string;
+        };
+        yellow: {
+            base: string;
+            outline: string;
+            shadow: string;
+        };
+        lime: {
+            base: string;
+            outline: string;
+            shadow: string;
+        };
+        green: {
+            base: string;
+            outline: string;
+            shadow: string;
+        };
+        emerald: {
+            base: string;
+            outline: string;
+            shadow: string;
+        };
+        teal: {
+            base: string;
+            outline: string;
+            shadow: string;
+        };
+        cyan: {
+            base: string;
+            outline: string;
+            shadow: string;
+        };
+        sky: {
+            base: string;
+            outline: string;
+            shadow: string;
+        };
+        blue: {
+            base: string;
+            outline: string;
+            shadow: string;
+        };
+        indigo: {
+            base: string;
+            outline: string;
+            shadow: string;
+        };
+        violet: {
+            base: string;
+            outline: string;
+            shadow: string;
+        };
+        purple: {
+            base: string;
+            outline: string;
+            shadow: string;
+        };
+        fuchsia: {
+            base: string;
+            outline: string;
+            shadow: string;
+        };
+        pink: {
+            base: string;
+            outline: string;
+            shadow: string;
+        };
+        rose: {
+            base: string;
+            outline: string;
+            shadow: string;
+        };
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    group: {
+        true: string;
+        false: string;
+    };
+    disabled: {
+        true: string;
+        false: string;
+    };
+    pill: {
+        true: string;
+        false: string;
+    };
+    checked: {
+        true: string;
+        false: string;
+    };
+}, {
+    base: string;
+    outline: string;
+    shadow: string;
+}, import("tailwind-variants").TVReturnType<{
+    color: {
+        primary: {
+            base: string;
+            outline: string;
+            shadow: string;
+        };
+        dark: {
+            base: string;
+            outline: string;
+            shadow: string;
+        };
+        alternative: {
+            base: string;
+            outline: string;
+            shadow: string;
+        };
+        light: {
+            base: string;
+            outline: string;
+            shadow: string;
+        };
+        secondary: {
+            base: string;
+            outline: string;
+            shadow: string;
+        };
+        gray: {
+            base: string;
+            outline: string;
+            shadow: string;
+        };
+        red: {
+            base: string;
+            outline: string;
+            shadow: string;
+        };
+        orange: {
+            base: string;
+            outline: string;
+            shadow: string;
+        };
+        amber: {
+            base: string;
+            outline: string;
+            shadow: string;
+        };
+        yellow: {
+            base: string;
+            outline: string;
+            shadow: string;
+        };
+        lime: {
+            base: string;
+            outline: string;
+            shadow: string;
+        };
+        green: {
+            base: string;
+            outline: string;
+            shadow: string;
+        };
+        emerald: {
+            base: string;
+            outline: string;
+            shadow: string;
+        };
+        teal: {
+            base: string;
+            outline: string;
+            shadow: string;
+        };
+        cyan: {
+            base: string;
+            outline: string;
+            shadow: string;
+        };
+        sky: {
+            base: string;
+            outline: string;
+            shadow: string;
+        };
+        blue: {
+            base: string;
+            outline: string;
+            shadow: string;
+        };
+        indigo: {
+            base: string;
+            outline: string;
+            shadow: string;
+        };
+        violet: {
+            base: string;
+            outline: string;
+            shadow: string;
+        };
+        purple: {
+            base: string;
+            outline: string;
+            shadow: string;
+        };
+        fuchsia: {
+            base: string;
+            outline: string;
+            shadow: string;
+        };
+        pink: {
+            base: string;
+            outline: string;
+            shadow: string;
+        };
+        rose: {
+            base: string;
+            outline: string;
+            shadow: string;
+        };
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    group: {
+        true: string;
+        false: string;
+    };
+    disabled: {
+        true: string;
+        false: string;
+    };
+    pill: {
+        true: string;
+        false: string;
+    };
+    checked: {
+        true: string;
+        false: string;
+    };
+}, {
+    base: string;
+    outline: string;
+    shadow: string;
+}, undefined, unknown, unknown, undefined>>;
+export declare const gradientButton: import("tailwind-variants").TVReturnType<{
+    color: {
+        blue: {
+            base: string;
+        };
+        green: {
+            base: string;
+        };
+        cyan: {
+            base: string;
+        };
+        teal: {
+            base: string;
+        };
+        lime: {
+            base: string;
+        };
+        red: {
+            base: string;
+        };
+        pink: {
+            base: string;
+        };
+        purple: {
+            base: string;
+        };
+        purpleToBlue: {
+            base: string;
+        };
+        cyanToBlue: {
+            base: string;
+        };
+        greenToBlue: {
+            base: string;
+        };
+        purpleToPink: {
+            base: string;
+        };
+        pinkToOrange: {
+            base: string;
+        };
+        tealToLime: {
+            base: string;
+        };
+        redToYellow: {
+            base: string;
+        };
+    };
+    outline: {
+        true: {
+            base: string;
+            outlineWrapper: string;
+        };
+    };
+    pill: {
+        true: {
+            base: string;
+            outlineWrapper: string;
+        };
+        false: {
+            base: string;
+            outlineWrapper: string;
+        };
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    shadow: {
+        true: {
+            base: string;
+        };
+    };
+    group: {
+        true: string;
+        false: string;
+    };
+    disabled: {
+        true: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    outlineWrapper: string;
+}, undefined, {
+    color: {
+        blue: {
+            base: string;
+        };
+        green: {
+            base: string;
+        };
+        cyan: {
+            base: string;
+        };
+        teal: {
+            base: string;
+        };
+        lime: {
+            base: string;
+        };
+        red: {
+            base: string;
+        };
+        pink: {
+            base: string;
+        };
+        purple: {
+            base: string;
+        };
+        purpleToBlue: {
+            base: string;
+        };
+        cyanToBlue: {
+            base: string;
+        };
+        greenToBlue: {
+            base: string;
+        };
+        purpleToPink: {
+            base: string;
+        };
+        pinkToOrange: {
+            base: string;
+        };
+        tealToLime: {
+            base: string;
+        };
+        redToYellow: {
+            base: string;
+        };
+    };
+    outline: {
+        true: {
+            base: string;
+            outlineWrapper: string;
+        };
+    };
+    pill: {
+        true: {
+            base: string;
+            outlineWrapper: string;
+        };
+        false: {
+            base: string;
+            outlineWrapper: string;
+        };
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    shadow: {
+        true: {
+            base: string;
+        };
+    };
+    group: {
+        true: string;
+        false: string;
+    };
+    disabled: {
+        true: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    outlineWrapper: string;
+}, import("tailwind-variants").TVReturnType<{
+    color: {
+        blue: {
+            base: string;
+        };
+        green: {
+            base: string;
+        };
+        cyan: {
+            base: string;
+        };
+        teal: {
+            base: string;
+        };
+        lime: {
+            base: string;
+        };
+        red: {
+            base: string;
+        };
+        pink: {
+            base: string;
+        };
+        purple: {
+            base: string;
+        };
+        purpleToBlue: {
+            base: string;
+        };
+        cyanToBlue: {
+            base: string;
+        };
+        greenToBlue: {
+            base: string;
+        };
+        purpleToPink: {
+            base: string;
+        };
+        pinkToOrange: {
+            base: string;
+        };
+        tealToLime: {
+            base: string;
+        };
+        redToYellow: {
+            base: string;
+        };
+    };
+    outline: {
+        true: {
+            base: string;
+            outlineWrapper: string;
+        };
+    };
+    pill: {
+        true: {
+            base: string;
+            outlineWrapper: string;
+        };
+        false: {
+            base: string;
+            outlineWrapper: string;
+        };
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    shadow: {
+        true: {
+            base: string;
+        };
+    };
+    group: {
+        true: string;
+        false: string;
+    };
+    disabled: {
+        true: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    outlineWrapper: string;
+}, undefined, unknown, unknown, undefined>>;