/**
 * Tokens semánticos del Toggle según diseño de Figma
 *
 * El componente usa clases semánticas de Tailwind configuradas con variables CSS de Figma:
 *
 * COLORES (tokens semánticos):
 * - Activo: ui-bg-fill-brand → var(--ui-color-bg-fill-brand-default) = #3658c1
 * - Inactivo: ui-bg-fill-brand-disabled → var(--ui-color-bg-fill-brand-disabled) = #b8c5ee
 * - Disabled: ui-bg-fill-hover → var(--ui-color-bg-fill-hover) = #f0f1f2
 * - Border: ui-border-DEFAULT → var(--ui-color-border-default) = #c6c8cc
 * - Thumb: ui-bg-fill = #ffffff
 * - Text: ui-text-primary → var(--ui-color-text-primary) = #313336
 *
 * DIMENSIONES (clases de Tailwind con Positive Space):
 * - Container width: ui-w-32 → var(--ui-Positive-space_32) = 32px
 * - Container height: ui-h-20 → var(--ui-Positive-space_20) = 20px
 * - Thumb: ui-w-16 ui-h-16 → var(--ui-Positive-space_16) = 16px
 * - Padding: ui-px-2 → var(--ui-Positive-space_2) = 2px
 * - Gap: ui-gap-8 → var(--ui-Positive-space_8) = 8px
 * - Border radius: ui-rounded-2xl = 16px
 */
export declare const TOGGLE_DESIGN_TOKENS: {
    readonly colors: {
        readonly active: "ui-bg-fill-brand";
        readonly inactive: "ui-bg-fill-brand-disabled";
        readonly disabled: "ui-bg-fill-hover";
        readonly border: "ui-border-DEFAULT";
        readonly thumb: "ui-bg-fill";
        readonly text: "ui-text-primary";
    };
    readonly size: {
        readonly containerWidth: "ui-w-32";
        readonly containerHeight: "ui-h-20";
        readonly thumbSize: "ui-w-16 ui-h-16";
        readonly padding: "ui-px-2";
        readonly borderRadius: "ui-rounded-2xl";
    };
    readonly spacing: {
        readonly gap: "ui-gap-8";
    };
    readonly typography: {
        readonly weight: "ui-font-body-sm-bold";
        readonly size: "ui-text-body-sm-bold";
        readonly lineHeight: "ui-leading-[20.5px]";
        readonly tracking: "ui-tracking-[0.5px]";
    };
};
//# sourceMappingURL=index.d.ts.map