import type { ColorOptions, PaddingOptions, BorderRadiusOptions, FontSizeOptions, GapOptions } from "../types";
/**
 * Map a ColorOptions value to its CSS custom property reference.
 * The consumer's theme defines these as CSS variables (--primary, --background, etc.).
 */
export declare function colorVar(color: ColorOptions): string;
/**
 * Map a ColorOptions value with opacity to its CSS property reference.
 * Uses color-mix() for alpha blending against transparent.
 */
export declare function colorVarAlpha(color: ColorOptions, alpha: number): string;
/**
 * Map a ColorOptions value to its foreground companion CSS custom property.
 * E.g., "primary" -> "var(--primary-foreground)"
 */
export declare function colorFgVar(color: ColorOptions): string;
/**
 * Map padding to a CSS calc expression using Tailwind v4's spacing scale.
 */
export declare function paddingVar(padding: PaddingOptions): string;
/**
 * Map border radius to its CSS custom property.
 */
export declare function radiusVar(radius: BorderRadiusOptions): string;
/**
 * Map FontSizeOptions to their CSS custom property reference.
 */
export declare function fontSizeVar(size: FontSizeOptions): string;
/**
 * Map GapOptions to a CSS calc expression using Tailwind v4's spacing scale.
 */
export declare function gapVar(gap: GapOptions): string;
//# sourceMappingURL=widget-styles.d.ts.map