import type { Styles } from '../tasty/styles/types';
/**
 * Component size values in pixels.
 * Used for buttons, inputs, and other interactive elements.
 */
export declare const SIZES: {
    readonly XS: 24;
    readonly SM: 28;
    readonly MD: 32;
    readonly LG: 40;
    readonly XL: 48;
};
export type SizeKey = keyof typeof SIZES;
/** Human-readable size names */
export type SizeName = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
/**
 * Map from size names to size keys.
 * @example SIZE_NAME_TO_KEY['small'] // 'SM'
 */
export declare const SIZE_NAME_TO_KEY: Record<SizeName, SizeKey>;
/**
 * Size tokens with $ prefix for CSS custom properties.
 * Creates tokens like `$size-xs`, `$size-sm`, etc.
 */
export declare const SIZE_TOKENS: Styles;
