import { RuntimeFn } from '@vanilla-extract/recipes';
export declare const TOGGLE_STYLES: {
    recipe: RuntimeFn<{
        variant: {
            outlined: {
                borderColor: `var(--${string})`;
            };
            ghost: {
                borderColor: "transparent";
            };
        };
        subtle: {
            true: {
                backgroundColor: "transparent";
            };
            false: {};
        };
        color: {
            primary: {
                color: `var(--${string})`;
                selectors: {
                    '&:hover': {
                        color: `var(--${string})`;
                        backgroundColor: `var(--${string})`;
                    };
                    '&:active': {
                        color: `var(--${string})`;
                        backgroundColor: `var(--${string})`;
                    };
                    "&[data-pressed]": {
                        backgroundColor: `var(--${string})`;
                        color: `var(--${string})`;
                    };
                    "&[data-pressed]:hover": {
                        backgroundColor: `var(--${string})`;
                    };
                    "&[data-pressed]:active": {
                        backgroundColor: `var(--${string})`;
                    };
                };
            };
            secondary: {
                color: `var(--${string})`;
                selectors: {
                    '&:hover': {
                        color: `var(--${string})`;
                        backgroundColor: `var(--${string})`;
                    };
                    '&:active': {
                        color: `var(--${string})`;
                        backgroundColor: `var(--${string})`;
                    };
                    "&[data-pressed]": {
                        backgroundColor: `var(--${string})`;
                        color: `var(--${string})`;
                    };
                    "&[data-pressed]:hover": {
                        backgroundColor: `var(--${string})`;
                    };
                    "&[data-pressed]:active": {
                        backgroundColor: `var(--${string})`;
                    };
                };
            };
            tertiary: {
                color: `var(--${string})`;
                selectors: {
                    '&:hover': {
                        color: `var(--${string})`;
                        backgroundColor: `var(--${string})`;
                    };
                    '&:active': {
                        color: `var(--${string})`;
                        backgroundColor: `var(--${string})`;
                    };
                    "&[data-pressed]": {
                        backgroundColor: `var(--${string})`;
                        color: `var(--${string})`;
                    };
                    "&[data-pressed]:hover": {
                        backgroundColor: `var(--${string})`;
                    };
                    "&[data-pressed]:active": {
                        backgroundColor: `var(--${string})`;
                    };
                };
            };
            destructive: {
                color: `var(--${string})`;
                selectors: {
                    '&:hover': {
                        color: `var(--${string})`;
                        backgroundColor: `var(--${string})`;
                    };
                    '&:active': {
                        color: `var(--${string})`;
                        backgroundColor: `var(--${string})`;
                    };
                    "&[data-pressed]": {
                        backgroundColor: `var(--${string})`;
                        color: `var(--${string})`;
                    };
                    "&[data-pressed]:hover": {
                        backgroundColor: `var(--${string})`;
                    };
                    "&[data-pressed]:active": {
                        backgroundColor: `var(--${string})`;
                    };
                };
            };
            success: {
                color: `var(--${string})`;
                selectors: {
                    '&:hover': {
                        color: `var(--${string})`;
                        backgroundColor: `var(--${string})`;
                    };
                    '&:active': {
                        color: `var(--${string})`;
                        backgroundColor: `var(--${string})`;
                    };
                    "&[data-pressed]": {
                        backgroundColor: `var(--${string})`;
                        color: `var(--${string})`;
                    };
                    "&[data-pressed]:hover": {
                        backgroundColor: `var(--${string})`;
                    };
                    "&[data-pressed]:active": {
                        backgroundColor: `var(--${string})`;
                    };
                };
            };
            warning: {
                color: `var(--${string})`;
                selectors: {
                    '&:hover': {
                        color: `var(--${string})`;
                        backgroundColor: `var(--${string})`;
                    };
                    '&:active': {
                        color: `var(--${string})`;
                        backgroundColor: `var(--${string})`;
                    };
                    "&[data-pressed]": {
                        backgroundColor: `var(--${string})`;
                        color: `var(--${string})`;
                    };
                    "&[data-pressed]:hover": {
                        backgroundColor: `var(--${string})`;
                    };
                    "&[data-pressed]:active": {
                        backgroundColor: `var(--${string})`;
                    };
                };
            };
            info: {
                color: `var(--${string})`;
                selectors: {
                    '&:hover': {
                        color: `var(--${string})`;
                        backgroundColor: `var(--${string})`;
                    };
                    '&:active': {
                        color: `var(--${string})`;
                        backgroundColor: `var(--${string})`;
                    };
                    "&[data-pressed]": {
                        backgroundColor: `var(--${string})`;
                        color: `var(--${string})`;
                    };
                    "&[data-pressed]:hover": {
                        backgroundColor: `var(--${string})`;
                    };
                    "&[data-pressed]:active": {
                        backgroundColor: `var(--${string})`;
                    };
                };
            };
        };
        size: {
            sm: {
                height: "2.25rem";
                paddingInline: `var(--${string})`;
            };
            md: {
                height: "2.5rem";
                paddingInline: `var(--${string})`;
            };
            lg: {
                height: "2.75rem";
                paddingInline: `var(--${string})`;
            };
        };
        radius: {
            none: {
                borderRadius: "0";
            };
            xs: {
                borderRadius: "0.25rem";
            };
            sm: {
                borderRadius: "0.375rem";
            };
            md: {
                borderRadius: "0.5rem";
            };
            lg: {
                borderRadius: "0.625rem";
            };
            xl: {
                borderRadius: "0.875rem";
            };
            '2xl': {
                borderRadius: "1.25rem";
            };
            full: {
                borderRadius: "9999px";
            };
        };
    }>;
};