export declare const sizes: { large: { ball: `var(--${string})`; height: `var(--${string})`; width: `var(--${string})`; }; small: { ball: `var(--${string})`; height: `var(--${string})`; width: `var(--${string})`; }; }; export declare const toggleStyle: { toggle: import("@vanilla-extract/recipes").RuntimeFn<{ disabled: { false: { selectors: { '&:has(input:checked)': { backgroundColor: `var(--${string})`; color: `var(--${string})`; }; '&:has(input:checked):focus-within, &:has(input:checked):focus': { boxShadow: `var(--${string})`; }; '&:has(input:checked):hover': { backgroundColor: `var(--${string})`; }; '&:hover': { backgroundColor: `var(--${string})`; }; }; }; true: { background: `var(--${string})`; selectors: { '&:has(input:checked)': { backgroundColor: `var(--${string})`; color: `var(--${string})`; }; '&:hover': { background: `var(--${string})`; }; }; }; }; error: { false: {}; true: { backgroundColor: `var(--${string})`; selectors: { '&:has(input:checked)': { backgroundColor: `var(--${string})`; color: `var(--${string})`; }; '&:has(input:checked):focus-within, &:has(input:checked):focus': { boxShadow: `var(--${string})`; }; '&:has(input:checked):hover': { backgroundColor: `var(--${string})`; }; '&:hover': { background: `var(--${string})`; }; }; }; }; size: { large: { height: `var(--${string})`; selectors: { '&:after': { height: `var(--${string})`; top: `calc(50% - var(--${string}) / 2)`; width: `var(--${string})`; }; }; width: `var(--${string})`; }; small: { height: `var(--${string})`; selectors: { '&:after': { height: `var(--${string})`; top: `calc(50% - var(--${string}) / 2)`; width: `var(--${string})`; }; }; width: `var(--${string})`; }; }; }>; checkbox: string; label: import("@vanilla-extract/recipes").RuntimeFn<{ disabled: { false: {}; true: { color: `var(--${string})`; cursor: "not-allowed"; }; }; labelPosition: { left: { flexDirection: "row"; }; right: { flexDirection: "row-reverse"; }; }; }>; }; //# sourceMappingURL=styles.css.d.ts.map