import { RuntimeBreakpointToken, RuntimeDesignToken, RuntimeKeyframeToken, RuntimeThemeColorSchemes, RuntimeTypographyToken, ThemeSetting } from "../../storefront-config/src";
/**
 * Register the live global-variable object (`_g_`) so `getThemeSetting`/`getThemeSettings`
 * return actual runtime values (constants, computed getters, and in-editor edits) instead
 * of the serialized design-time defaults. Called by generated code, not by component authors.
 */
export declare function registerThemeSettingValues(values: Record<string, any> | null): void;
/** All global variables (Theme Settings) defined for the theme. */
export declare function getThemeSettings(): ThemeSetting[];
/**
 * A single global variable by its stable key (`variableName`, e.g. `_6Q0KV7VGGM`).
 * Discover keys via {@link getThemeSettings} (each item carries a human `displayName`).
 * The returned `value` is the live blueprint value when available, else the default.
 * Its shape is discriminated by `type` (see {@link ThemeSetting.value}); note an
 * IMAGE setting's value is an image REFERENCE (no `.url`) — resolve with
 * `getDefaultSrc`/`getSrc`.
 */
export declare function getThemeSetting(name: string): ThemeSetting | undefined;
/** Convenience: the resolved value of a global variable, or `undefined` if not found. */
export declare function getThemeSettingValue(name: string): any;
/** Theme color tokens. Each carries a resolved value and a `var(--id)` CSS reference. */
export declare function getThemeColors(): RuntimeDesignToken[];
/** Theme typography tokens (text styles). Apply `className` or read `resolved` CSS values. */
export declare function getThemeTypography(): RuntimeTypographyToken[];
/** Theme responsive breakpoints (`{ id, width }`). */
export declare function getThemeBreakpoints(): RuntimeBreakpointToken[];
/** Theme keyframe/transition animations. Use `ref` as the CSS animation name. */
export declare function getThemeKeyframes(): RuntimeKeyframeToken[];
/**
 * Theme color schemes (palettes). Returns two PARALLEL lists with different jobs:
 * - `schemes`: the color SLOTS as `{ id }` only — no colors and no display label live here at
 *   runtime. A slot's human name is authoring-only (read it via the CLI/MCP `list-theme-globals`
 *   or the editor); at runtime identify a slot solely by its `id`.
 * - `values`: the actual palettes. A palette's colors live in its `colorsByScheme`
 *   map, keyed by slot id → `{ resolved, cssVar }`.
 *
 * To render swatches, iterate `values[].colorsByScheme` (the source of truth for
 * colors), NOT the top-level `schemes` array — `schemes` carries slot ids only, so
 * iterating it renders empty:
 *
 *   const { values } = getThemeColorSchemes();
 *   values.forEach(palette =>
 *     Object.entries(palette.colorsByScheme).forEach(([slotId, { resolved, cssVar }]) => {
 *       // slotId → stable slot key, cssVar → live var() ref (prefer this), resolved → hex snapshot
 *     })
 *   );
 */
export declare function getThemeColorSchemes(): RuntimeThemeColorSchemes;