/** * CSS Custom Properties Generator * * Converts a ThemeInterface into a flat map of CSS custom properties. * Enables theme values to be consumed via var(--theme-*) in plain CSS, * CSS modules, or non-styled-components contexts. */ import type { ThemeInterface } from '../types/ThemeInterface'; /** * Flatten a ThemeInterface into a Record of CSS custom property names to values. * * @param theme - The theme adapter to flatten * @param prefix - CSS var prefix (default: 'theme') * @returns Record mapping `--{prefix}-{section}-{path}` to string values * * @example * ```typescript * const vars = flattenThemeToCssVars(cyberpunkAdapter) * // vars['--theme-color-primary-main'] === '#ff00ff' * // vars['--theme-spacing-md'] === '1rem' * // vars['--theme-type-font-family-heading'] === '"Courier New", ...' * ``` */ export declare function flattenThemeToCssVars(theme: ThemeInterface, prefix?: string): Record; //# sourceMappingURL=css-variables.d.ts.map