
import { Styles } from "../tasty/styles/types.js";

//#region src/tokens/sizes.d.ts
/**
 * Component size values in pixels.
 * Used for buttons, inputs, and other interactive elements.
 */
declare const SIZES: {
  readonly XS: 24;
  readonly SM: 28;
  readonly MD: 32;
  readonly LG: 40;
  readonly XL: 48;
};
type SizeKey = keyof typeof SIZES;
/** Human-readable size names */
type SizeName = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
/**
 * Map from size names to size keys.
 * @example SIZE_NAME_TO_KEY['small'] // 'SM'
 */
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.
 */
declare const SIZE_TOKENS: Styles;
//#endregion
export { SIZES, SIZE_NAME_TO_KEY, SIZE_TOKENS, SizeKey, SizeName };
//# sourceMappingURL=sizes.d.ts.map