
import { Styles } from "../styles/types.js";
import { TypographyPreset } from "../../tokens/typography.js";

//#region src/tasty/utils/typography.d.ts
/**
 * Generate typography tokens with $ prefix for CSS custom properties.
 *
 * Each preset generates the following CSS custom properties:
 * - `${name}-font-size`
 * - `${name}-line-height`
 * - `${name}-letter-spacing`
 * - `${name}-font-weight`
 * - `${name}-bold-font-weight` (if defined)
 * - `${name}-icon-size` (if defined)
 * - `${name}-text-transform` (if defined)
 * - `${name}-font-family` (if defined)
 * - `${name}-font-style` (if defined)
 *
 * @param presets - Typography presets object (defaults to TYPOGRAPHY_PRESETS)
 * @returns Styles object with $ prefixed keys
 *
 * @example
 * // Using default presets
 * const tokens = generateTypographyTokens();
 * // tokens['$h1-font-size'] === '36px'
 *
 * @example
 * // Using custom presets
 * const customTokens = generateTypographyTokens({
 *   myHeading: { fontSize: '24px', lineHeight: '32px', fontWeight: '700' }
 * });
 */
declare function generateTypographyTokens(presets?: Record<string, TypographyPreset>): Styles;
//#endregion
export { generateTypographyTokens };
//# sourceMappingURL=typography.d.ts.map