svelte-5-ui-lib/dist/buttons/theme.d.ts

Svelte 5 UI Lib is a UI library built from scratch to leverage Svelte 5's runes system, creating smooth, reactive components.

export declare const button: import("tailwind-variants").TVReturnType<{
    color: {
        primary: string;
        dark: string;
        alternative: string;
        light: string;
        secondary: string;
        gray: string;
        red: string;
        orange: string;
        amber: string;
        yellow: string;
        lime: string;
        green: string;
        emerald: string;
        teal: string;
        cyan: string;
        sky: string;
        blue: string;
        indigo: string;
        violet: string;
        purple: string;
        fuchsia: string;
        pink: string;
        rose: string;
    };
    size: {
        xs: string;
        sm: string;
        md: string;
        lg: string;
        xl: string;
    };
    group: {
        true: string;
        false: string;
    };
    outline: {
        true: string;
    };
    shadow: {
        true: string;
    };
    disabled: {
        true: string;
    };
    pill: {
        true: string;
    };
    checked: {
        true: string;
        false: string;
    };
}, undefined, "text-center font-medium inline-flex items-center justify-center", {
    color: {
        primary: string;
        dark: string;
        alternative: string;
        light: string;
        secondary: string;
        gray: string;
        red: string;
        orange: string;
        amber: string;
        yellow: string;
        lime: string;
        green: string;
        emerald: string;
        teal: string;
        cyan: string;
        sky: string;
        blue: string;
        indigo: string;
        violet: string;
        purple: string;
        fuchsia: string;
        pink: string;
        rose: string;
    };
    size: {
        xs: string;
        sm: string;
        md: string;
        lg: string;
        xl: string;
    };
    group: {
        true: string;
        false: string;
    };
    outline: {
        true: string;
    };
    shadow: {
        true: string;
    };
    disabled: {
        true: string;
    };
    pill: {
        true: string;
    };
    checked: {
        true: string;
        false: string;
    };
}, undefined, import("tailwind-variants").TVReturnType<{
    color: {
        primary: string;
        dark: string;
        alternative: string;
        light: string;
        secondary: string;
        gray: string;
        red: string;
        orange: string;
        amber: string;
        yellow: string;
        lime: string;
        green: string;
        emerald: string;
        teal: string;
        cyan: string;
        sky: string;
        blue: string;
        indigo: string;
        violet: string;
        purple: string;
        fuchsia: string;
        pink: string;
        rose: string;
    };
    size: {
        xs: string;
        sm: string;
        md: string;
        lg: string;
        xl: string;
    };
    group: {
        true: string;
        false: string;
    };
    outline: {
        true: string;
    };
    shadow: {
        true: string;
    };
    disabled: {
        true: string;
    };
    pill: {
        true: string;
    };
    checked: {
        true: string;
        false: string;
    };
}, undefined, "text-center font-medium inline-flex items-center justify-center", 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;
        };
    };
    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;
        };
    };
    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;
        };
    };
    shadow: {
        true: {
            base: string;
        };
    };
    group: {
        true: string;
        false: string;
    };
    disabled: {
        true: {
            base: string;
        };
    };
}, {
    base: string;
    outlineWrapper: string;
}, undefined, unknown, unknown, undefined>>;