@makolabs/ripple/dist/button/button.d.ts

Simple Svelte 5 powered component library ✨

import { Color, Size } from '../variants.js';
export declare const buttonVariants: import("tailwind-variants").TVReturnType<{
    variant: {
        solid: string;
        outline: string;
        ghost: string;
        link: string;
    };
    color: {
        [Color.DEFAULT]: string;
        [Color.PRIMARY]: string;
        [Color.SECONDARY]: string;
        [Color.INFO]: string;
        [Color.SUCCESS]: string;
        [Color.WARNING]: string;
        [Color.DANGER]: string;
    };
    size: {
        [Size.XS]: string;
        [Size.SM]: string;
        [Size.BASE]: string;
        [Size.LG]: string;
        [Size.XL]: string;
        [Size.XXL]: string;
    };
    rounded: {
        none: string;
        xs: string;
        sm: string;
        base: string;
        lg: string;
        xl: string;
        '2xl': string;
        full: string;
    };
    isLoading: {
        true: string;
    };
}, undefined, "\n\t\tinline-flex items-center justify-center font-medium transition-colors focus-visible:outline-none\n\t\tfocus-visible:ring-2 focus-visible:ring-offset-2 cursor-pointer\n\t\t", {
    variant: {
        solid: string;
        outline: string;
        ghost: string;
        link: string;
    };
    color: {
        [Color.DEFAULT]: string;
        [Color.PRIMARY]: string;
        [Color.SECONDARY]: string;
        [Color.INFO]: string;
        [Color.SUCCESS]: string;
        [Color.WARNING]: string;
        [Color.DANGER]: string;
    };
    size: {
        [Size.XS]: string;
        [Size.SM]: string;
        [Size.BASE]: string;
        [Size.LG]: string;
        [Size.XL]: string;
        [Size.XXL]: string;
    };
    rounded: {
        none: string;
        xs: string;
        sm: string;
        base: string;
        lg: string;
        xl: string;
        '2xl': string;
        full: string;
    };
    isLoading: {
        true: string;
    };
}, undefined, import("tailwind-variants").TVReturnType<{
    variant: {
        solid: string;
        outline: string;
        ghost: string;
        link: string;
    };
    color: {
        [Color.DEFAULT]: string;
        [Color.PRIMARY]: string;
        [Color.SECONDARY]: string;
        [Color.INFO]: string;
        [Color.SUCCESS]: string;
        [Color.WARNING]: string;
        [Color.DANGER]: string;
    };
    size: {
        [Size.XS]: string;
        [Size.SM]: string;
        [Size.BASE]: string;
        [Size.LG]: string;
        [Size.XL]: string;
        [Size.XXL]: string;
    };
    rounded: {
        none: string;
        xs: string;
        sm: string;
        base: string;
        lg: string;
        xl: string;
        '2xl': string;
        full: string;
    };
    isLoading: {
        true: string;
    };
}, undefined, "\n\t\tinline-flex items-center justify-center font-medium transition-colors focus-visible:outline-none\n\t\tfocus-visible:ring-2 focus-visible:ring-offset-2 cursor-pointer\n\t\t", unknown, unknown, undefined>>;