/**
 * Compound variants para los diferentes colores del RadioButton
 * Basado en tokens semánticos de Figma
 */
export declare const compoundVariants: {
    color: string;
    state: string;
    class: string;
}[];
/**
 * Variantes del RadioButton usando tokens semánticos de Figma
 *
 * Tamaños basados en --ui-size-control-*:
 * - sm: 12px (control-xs)
 * - md: 16px (control-sm)
 * - lg: 20px (control-md)
 *
 * Estados basados en tokens semánticos:
 * - border: --ui-color-border-*
 * - bg: --ui-color-bg-fill-*
 */
export declare const radioButtonVariants: (props?: ({
    size?: "xs" | "sm" | "md" | "lg" | null | undefined;
    color?: "blue" | "green" | "red" | "neutral" | "yellow" | null | undefined;
    state?: "checked" | "unchecked" | "uncheckedHover" | "checkedHover" | "uncheckedActive" | "checkedActive" | "disabledUnchecked" | "disabledChecked" | null | undefined;
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
/**
 * Variantes del label usando tipografía semántica de Figma
 *
 * Tamaños basados en tokens de tipografía:
 * - sm: body-xs
 * - md: body-sm
 * - lg: body-md
 */
export declare const labelVariants: (props?: ({
    size?: "xs" | null | undefined;
    disabled?: boolean | null | undefined;
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
//# sourceMappingURL=radioButtonVariants.d.ts.map