/**
 * Turn a resolved theme into the custom properties the stylesheets read.
 *
 * Only values CSS can act on are here. Positions, animation effects, text and
 * images that belong in markup are applied as attributes or drawn by the
 * render functions instead.
 *
 * Animation durations are deliberately absent: the transition code has to know
 * when an animation ends, so the theme is the single source of truth for them
 * and it writes the duration onto the element as it starts. A custom property
 * here would look like a knob that does nothing.
 *
 * @param {ResolvedTheme} theme
 * @returns {Record<string, string>}
 */
export function themeToVariables(theme: ResolvedTheme): Record<string, string>;
/**
 * The stylesheet text for a resolved theme.
 *
 * @param {ResolvedTheme} theme
 * @returns {string}
 */
export function themeToCss(theme: ResolvedTheme): string;
import type { ResolvedTheme } from '../types.js';