import { RuntimeFn } from '@vanilla-extract/recipes';
export declare const SWITCH_STYLES: {
    wrapper: string;
    wrapperDisabled: string;
    root: RuntimeFn<{
        size: {
            sm: {
                width: "2.25rem";
                height: "1.25rem";
            };
            md: {
                width: "2.75rem";
                height: "1.5rem";
            };
            lg: {
                width: "3.25rem";
                height: "1.75rem";
            };
        };
        error: {
            true: {
                backgroundColor: `var(--${string})`;
                selectors: {
                    '&:not([data-disabled]):hover': {
                        backgroundColor: `var(--${string})`;
                    };
                    '&:not([data-disabled]):active': {
                        backgroundColor: `var(--${string})`;
                    };
                    '&:focus-visible': {
                        outline: "none";
                        boxShadow: `0 0 0 2px var(--${string}), 0 0 0 4px var(--${string})`;
                    };
                    '&[data-checked]': {
                        backgroundColor: `var(--${string})`;
                    };
                    '&[data-checked]:not([data-disabled]):hover': {
                        backgroundColor: `var(--${string})`;
                    };
                    '&[data-checked]:not([data-disabled]):active': {
                        backgroundColor: `var(--${string})`;
                    };
                };
            };
            false: {};
        };
    }>;
    thumb: RuntimeFn<{
        size: {
            sm: {
                width: "1rem";
                height: "1rem";
                selectors: {
                    '&[data-checked]': {
                        transform: "translateX(1rem)";
                    };
                };
            };
            md: {
                width: "1.25rem";
                height: "1.25rem";
                selectors: {
                    '&[data-checked]': {
                        transform: "translateX(1.25rem)";
                    };
                };
            };
            lg: {
                width: "1.5rem";
                height: "1.5rem";
                selectors: {
                    '&[data-checked]': {
                        transform: "translateX(1.5rem)";
                    };
                };
            };
        };
    }>;
    label: string;
    labelDisabled: string;
};