@fluid-app/rep-core 0.1.0 → 0.1.2

package/dist/theme/index.d.ts

@@ -1,2680 +1,131 @@
-import { T as ThemeConfig, a as Theme } from '../theme-DrMUYZTO.js';
+import Color from 'colorjs.io';
+import { S as ShadeStep, c as SemanticColorName, a as ThemeColorInput, T as ThemeDefinition, R as ResolvedTheme, b as ThemePayload, F as FontSizeKey, d as FontFamilyKey, e as RadiusKey } from '../types-R1kV_DKF.js';
+export { l as FONT_FAMILY_KEYS, k as FONT_SIZE_KEYS, O as OklchPlain, m as RADIUS_KEYS, h as ResolvedColorSet, g as ResolvedSemanticColor, i as SEMANTIC_COLOR_NAMES, j as SHADE_STEPS, f as ThemeColorPlain } from '../types-R1kV_DKF.js';
 
-type Oklch = {
-    l: number;
-    c: number;
-    h: number;
-};
-type CoreColors = {
-    base: Oklch;
-    text: Oklch;
-    body: Oklch;
-    muted: Oklch;
-    mutedForeground: Oklch;
-    primary: Oklch;
-    primaryForeground: Oklch;
-    secondary: Oklch;
-    secondaryForeground: Oklch;
-    accent: Oklch;
-    accentForeground: Oklch;
-    destructive: Oklch;
-    destructiveForeground: Oklch;
-};
-interface Font {
-    readonly headerFont: string;
-    readonly bodyFont: string;
-    readonly extraSmall: string;
-    readonly small: string;
-    readonly regular: string;
-    readonly large: string;
-    readonly extraLarge: string;
-    readonly giant: string;
-}
-interface Spacing {
-    readonly globalSpacing: string;
-    readonly radiusSmall: string;
-    readonly radiusMedium: string;
-    readonly radiusLarge: string;
-    readonly radiusExtraLarge: string;
-}
 /**
- * Combined non-color theme fields.
- * Uses interface extends for better performance and clearer error messages
- * compared to type intersection (&).
+ * Attempt to convert any string into a Color using colorjs.io.
+ * If the string is exactly 6 characters it is assumed to be a bare hex value
+ * (e.g. "3b82f6") and a "#" prefix is added before parsing.
+ *
+ * @returns the parsed Color, or a neutral gray (`oklch(0.5 0 0)`) on failure
  */
-interface CoreNonColorFields extends Font, Spacing {
-}
-
-declare const oklchString: (c: Oklch) => string;
-/** Parse OKLCH string back to object */
-declare const parseOklch: (oklchStr: string) => Oklch;
-/** Safe modification of OKLCH */
-declare const mod: (c: Oklch, dl?: number, dc?: number, dh?: number) => Oklch;
-/** Rotate hue safely */
-declare const rotateHue: (c: Oklch, degrees: number) => Oklch;
-/** Chroma clamping (Catppuccin-like softness) */
-declare const clampChroma: (c: Oklch, maxC?: number) => Oklch;
-/** Safer hue rotation (preserve L/C of original) */
-declare const rotateSoft: (c: Oklch, deg: number, maxC?: number) => Oklch;
-declare const getForegroundColor: (foreground: Oklch, color: Oklch) => string;
-declare const shadeColor: (color: Oklch, lightnessShift: number, chromaShift: number) => string;
+declare function parseColor(value: string): Color;
 /**
- * Generate 9 color swatches (shades) from a base color
- * Generates from lightest (90% lightness) to darkest (10% lightness)
- * @param oklchString - Base OKLCH string
- * @returns Array of 9 hex color strings representing shades
+ * Returns either the original foreground or a corrected lightness variant,
+ * whichever provides better contrast against `color`.
+ * Inversion triggers when the APCA contrast is below 50.
  */
-declare function generateColorSwatches(oklchString: string): string[];
-/** Core color keys for iteration */
-declare const CORE_COLOR_KEYS: readonly ["base", "text", "body", "muted", "mutedForeground", "primary", "primaryForeground", "secondary", "secondaryForeground", "accent", "accentForeground", "destructive", "destructiveForeground"];
-/** Default core colors (fallbacks) */
-declare const DEFAULT_CORE_COLORS: CoreColors;
-/** Convert a theme config (CSS string values) to CoreColors */
-declare const themeConfigToCoreColors: (config: ThemeConfig) => CoreColors;
-/** Convert CoreColors to a record of OKLCH strings */
-declare const coreColorsToConfig: (colors: CoreColors) => Record<string, string>;
-declare const DEFAULT_CORE_COLORS_CONFIG: Record<string, string>;
+declare function getForegroundColor(foreground: Color, color: Color): Color;
 /**
- * Theme mode constant - single source of truth for mode values.
- * Use THEME_MODES.light instead of "light" for type-safe comparisons.
+ * Generate a 100–900 shade ramp from a base color.
+ * Base anchors at 500. Light shades (100–400) step toward white,
+ * dark shades (600–900) step toward black. Dark steps use an asymmetric
+ * multiplier (1.6×, 1.875×, 3×, 4× of `darkStep`) for a more gradual
+ * initial descent. Chroma is nudged per step for perceptually natural ramps.
  */
-declare const THEME_MODES: {
-    readonly light: "light";
-    readonly dark: "dark";
-};
+declare function generateShades(base: Color): Record<ShadeStep, Color>;
 /**
- * Union type of theme modes, derived from THEME_MODES constant.
- * @see deriving-typeof-for-object-keys pattern
+ * Derive a dark-mode ThemeColorInput from its light-mode counterpart.
  */
-type ThemeMode = (typeof THEME_MODES)[keyof typeof THEME_MODES];
+declare function deriveDarkVariant(name: SemanticColorName, light: ThemeColorInput): ThemeColorInput;
 /**
- * Detect whether the core colors represent a light or dark theme.
- * Based on the lightness of the base color.
+ * Merge auto-derived dark colors with any user-specified overrides.
+ * For each semantic color, if the user has fully overridden both base and
+ * foreground those are used; otherwise the missing channels are derived.
  */
-declare const detectThemeMode: (core: CoreColors) => ThemeMode;
-/** Convert core colors to work in dark mode (dark base) */
-declare const toDarkMode: (core: CoreColors) => CoreColors;
-/** Convert core colors to work in light mode (light base) */
-declare const toLightMode: (core: CoreColors) => CoreColors;
-declare const FONT_OPTIONS: {
-    Inter: string;
-    Eina: string;
-};
-declare const CORE_FONT_KEYS: readonly ["headerFont", "bodyFont", "extraSmall", "small", "regular", "large", "extraLarge", "giant"];
-declare const DEFAULT_FONT: {
-    headerFont: string;
-    bodyFont: string;
-    extraSmall: string;
-    small: string;
-    regular: string;
-    large: string;
-    extraLarge: string;
-    giant: string;
-};
-declare const fontConfigToCoreFont: (config: ThemeConfig) => Font;
-declare const CORE_SPACING_KEYS: readonly ["globalSpacing", "radiusSmall", "radiusMedium", "radiusLarge", "radiusExtraLarge"];
-declare const DEFAULT_SPACING: {
-    globalSpacing: string;
-    radiusSmall: string;
-    radiusMedium: string;
-    radiusLarge: string;
-    radiusExtraLarge: string;
-};
-declare const spacingConfigToCoreSpacing: (config: ThemeConfig) => Spacing;
-declare const CORE_NON_COLOR_KEYS: readonly ["headerFont", "bodyFont", "extraSmall", "small", "regular", "large", "extraLarge", "giant", "globalSpacing", "radiusSmall", "radiusMedium", "radiusLarge", "radiusExtraLarge"];
-declare const separatedThemeConfig: (config: ThemeConfig) => {
-    colorConfig: {
-        [k: string]: string;
-    };
-    otherConfig: {
-        [k: string]: string;
-    };
-};
-declare const themeConfigToCoreNonColorFields: (config: ThemeConfig) => CoreNonColorFields;
-declare const globalCSSOverride: {
-    "--color-background-foreground": string;
-    "--color-foreground-foreground": string;
-    "--sidebar-ring": string;
-    "--sidebar-border": string;
-    "--sidebar-accent-foreground": string;
-    "--sidebar-accent": string;
-    "--sidebar-primary-foreground": string;
-    "--sidebar-primary": string;
-    "--sidebar-foreground": string;
-    "--sidebar": string;
-    "--ring": string;
-    "--popover": string;
-    "--popover-foreground": string;
-    "--card": string;
-    "--card-foreground": string;
-    "--spacing": string;
-    "--radius-sm": string;
-    "--radius-md": string;
-    "--radius-lg": string;
-    "--radius-xl": string;
-    "--text-xs": string;
-    "--text-sm": string;
-    "--text-base": string;
-    "--text-lg": string;
-    "--text-xl": string;
-    "--text-2xl": string;
-    "--font-sans": string;
-    "--font-mono": string;
-};
+declare function mergeDarkOverrides(def: ThemeDefinition): Record<SemanticColorName, ThemeColorInput>;
 /**
- * Generate CSS variables from a hex color config and theme mode
+ * Resolve a ThemeDefinition into a complete ResolvedTheme.
+ * Dark mode colors are derived from light where not overridden.
  */
-declare function generateThemeCssVars(config: ThemeConfig, mode: ThemeMode): Record<string, string>;
-declare const generateTheme: (name: string, colorFields: CoreColors, mode?: ThemeMode, otherFields?: CoreNonColorFields) => {
-    name: string;
-    mode: ThemeMode;
-    config: {
-        background: string;
-        foreground: string;
-        body: string;
-        popover: string;
-        popover_foreground: string;
-        primary: string;
-        primary_foreground: string;
-        secondary: string;
-        secondary_foreground: string;
-        muted: string;
-        muted_foreground: string;
-        accent: string;
-        accent_foreground: string;
-        destructive: string;
-        destructive_foreground: string;
-        border: string;
-        input: string;
-        chart_1: string;
-        chart_2: string;
-        chart_3: string;
-        chart_4: string;
-        chart_5: string;
-        font_header: string;
-        font_body: string;
-        text_extra_small: string;
-        text_small: string;
-        text_regular: string;
-        text_large: string;
-        text_extra_large: string;
-        text_giant: string;
-        global_spacing: string;
-        radius_small: string;
-        radius_medium: string;
-        radius_large: string;
-        radius_extra_large: string;
-    };
-    default: boolean;
-};
+declare function resolveTheme(def: ThemeDefinition): ResolvedTheme;
+
+interface GenerateThemeCSSOptions {
+    /** Whether or not to allow prefers-color-scheme to choose the theme mode */
+    disableAutoTheme?: boolean;
+    /** Whether to emit Tailwind built-in color overrides (default true) */
+    mapTailwindColors?: boolean;
+}
 /**
- * Generate both light and dark themes from the same core colors.
- * Returns an object with 'light' and 'dark' theme variants.
+ * Generate a complete CSS string for a resolved theme.
+ * Outputs 2–3 blocks: light default, dark explicit via `[data-theme-mode="dark"]`,
+ * and (unless `disableAutoTheme`) a `prefers-color-scheme: dark` media query block.
  */
-declare const generateDualTheme: (name: string, core: CoreColors) => {
-    light: {
-        name: string;
-        mode: ThemeMode;
-        config: {
-            background: string;
-            foreground: string;
-            body: string;
-            popover: string;
-            popover_foreground: string;
-            primary: string;
-            primary_foreground: string;
-            secondary: string;
-            secondary_foreground: string;
-            muted: string;
-            muted_foreground: string;
-            accent: string;
-            accent_foreground: string;
-            destructive: string;
-            destructive_foreground: string;
-            border: string;
-            input: string;
-            chart_1: string;
-            chart_2: string;
-            chart_3: string;
-            chart_4: string;
-            chart_5: string;
-            font_header: string;
-            font_body: string;
-            text_extra_small: string;
-            text_small: string;
-            text_regular: string;
-            text_large: string;
-            text_extra_large: string;
-            text_giant: string;
-            global_spacing: string;
-            radius_small: string;
-            radius_medium: string;
-            radius_large: string;
-            radius_extra_large: string;
-        };
-        default: boolean;
-    };
-    dark: {
-        name: string;
-        mode: ThemeMode;
-        config: {
-            background: string;
-            foreground: string;
-            body: string;
-            popover: string;
-            popover_foreground: string;
-            primary: string;
-            primary_foreground: string;
-            secondary: string;
-            secondary_foreground: string;
-            muted: string;
-            muted_foreground: string;
-            accent: string;
-            accent_foreground: string;
-            destructive: string;
-            destructive_foreground: string;
-            border: string;
-            input: string;
-            chart_1: string;
-            chart_2: string;
-            chart_3: string;
-            chart_4: string;
-            chart_5: string;
-            font_header: string;
-            font_body: string;
-            text_extra_small: string;
-            text_small: string;
-            text_regular: string;
-            text_large: string;
-            text_extra_large: string;
-            text_giant: string;
-            global_spacing: string;
-            radius_small: string;
-            radius_medium: string;
-            radius_large: string;
-            radius_extra_large: string;
-        };
-        default: boolean;
-    };
-};
+declare function generateThemeCSS(theme: ResolvedTheme, options?: GenerateThemeCSSOptions): string;
+
 /**
- * Smart dual theme generation that detects the original mode
- * and generates the opposite mode automatically.
- * Useful when you have a user-created theme and want to offer both modes.
+ * Serialise a ThemeDefinition (with Color objects) to a plain JSON payload
+ * suitable for backend storage.
  */
-declare const generateSmartDualTheme: (name: string, core: CoreColors) => {
-    light: {
-        name: string;
-        mode: ThemeMode;
-        config: {
-            background: string;
-            foreground: string;
-            body: string;
-            popover: string;
-            popover_foreground: string;
-            primary: string;
-            primary_foreground: string;
-            secondary: string;
-            secondary_foreground: string;
-            muted: string;
-            muted_foreground: string;
-            accent: string;
-            accent_foreground: string;
-            destructive: string;
-            destructive_foreground: string;
-            border: string;
-            input: string;
-            chart_1: string;
-            chart_2: string;
-            chart_3: string;
-            chart_4: string;
-            chart_5: string;
-            font_header: string;
-            font_body: string;
-            text_extra_small: string;
-            text_small: string;
-            text_regular: string;
-            text_large: string;
-            text_extra_large: string;
-            text_giant: string;
-            global_spacing: string;
-            radius_small: string;
-            radius_medium: string;
-            radius_large: string;
-            radius_extra_large: string;
-        };
-        default: boolean;
-    };
-    dark: {
-        name: string;
-        mode: ThemeMode;
-        config: {
-            background: string;
-            foreground: string;
-            body: string;
-            popover: string;
-            popover_foreground: string;
-            primary: string;
-            primary_foreground: string;
-            secondary: string;
-            secondary_foreground: string;
-            muted: string;
-            muted_foreground: string;
-            accent: string;
-            accent_foreground: string;
-            destructive: string;
-            destructive_foreground: string;
-            border: string;
-            input: string;
-            chart_1: string;
-            chart_2: string;
-            chart_3: string;
-            chart_4: string;
-            chart_5: string;
-            font_header: string;
-            font_body: string;
-            text_extra_small: string;
-            text_small: string;
-            text_regular: string;
-            text_large: string;
-            text_extra_large: string;
-            text_giant: string;
-            global_spacing: string;
-            radius_small: string;
-            radius_medium: string;
-            radius_large: string;
-            radius_extra_large: string;
-        };
-        default: boolean;
-    };
-    detectedMode: ThemeMode;
-};
+declare function serialiseTheme(def: ThemeDefinition): ThemePayload;
+/**
+ * Deserialise a backend payload into a ThemeDefinition with Color objects.
+ * Accepts `Record<string, unknown>` because API data is untyped at the boundary.
+ * Falls back to default colors for any missing light-mode entries.
+ */
+declare function deserialiseTheme(payload: Record<string, unknown>): ThemeDefinition;
+
+/**
+ * Theme Transforms
+ * Convert raw API theme objects to ThemeDefinition format.
+ * Handles both new structured format (OKLCH) and legacy flat format (hex strings).
+ */
+
+/** Shape of a raw theme from the FluidOS API */
+interface RawApiTheme {
+    id: number;
+    config?: Record<string, unknown> | null;
+    active?: boolean | null;
+    name?: string | null;
+}
 /**
- * Gets a unique identifier for a theme
- * Prefers ID (converted to string) over name for uniqueness
+ * Build a ThemeDefinition from a single API theme object.
+ * Handles both new structured format and legacy flat format.
  */
-declare const getThemeIdentifier: (theme: Theme) => string;
+declare function buildThemeDefinition(theme: RawApiTheme): ThemeDefinition;
 /**
- * Finds a theme by identifier (ID or name)
- * First attempts to match by ID, then falls back to name matching
+ * Transform raw API themes to ThemeDefinition[].
+ * Catches and logs errors per theme (graceful degradation).
  */
-declare const findThemeByIdentifier: (themes: Theme[], identifier: number | string) => Theme | undefined;
+declare function transformThemes(themes: RawApiTheme[]): ThemeDefinition[];
 /**
- * Checks if two themes are the same based on their identifiers
+ * Get the active theme ID from a list of raw API themes.
+ * Falls back to the first theme if none is marked active.
  */
-declare const isSameTheme: (theme1: Theme | undefined, theme2: Theme) => boolean;
+declare function getActiveThemeId(themes: RawApiTheme[]): string | undefined;
 
-declare const dracula: {
-    name: string;
-    mode: ThemeMode;
-    config: {
-        background: string;
-        foreground: string;
-        body: string;
-        popover: string;
-        popover_foreground: string;
-        primary: string;
-        primary_foreground: string;
-        secondary: string;
-        secondary_foreground: string;
-        muted: string;
-        muted_foreground: string;
-        accent: string;
-        accent_foreground: string;
-        destructive: string;
-        destructive_foreground: string;
-        border: string;
-        input: string;
-        chart_1: string;
-        chart_2: string;
-        chart_3: string;
-        chart_4: string;
-        chart_5: string;
-        font_header: string;
-        font_body: string;
-        text_extra_small: string;
-        text_small: string;
-        text_regular: string;
-        text_large: string;
-        text_extra_large: string;
-        text_giant: string;
-        global_spacing: string;
-        radius_small: string;
-        radius_medium: string;
-        radius_large: string;
-        radius_extra_large: string;
-    };
-    default: boolean;
-};
-declare const solarized: {
-    name: string;
-    mode: ThemeMode;
-    config: {
-        background: string;
-        foreground: string;
-        body: string;
-        popover: string;
-        popover_foreground: string;
-        primary: string;
-        primary_foreground: string;
-        secondary: string;
-        secondary_foreground: string;
-        muted: string;
-        muted_foreground: string;
-        accent: string;
-        accent_foreground: string;
-        destructive: string;
-        destructive_foreground: string;
-        border: string;
-        input: string;
-        chart_1: string;
-        chart_2: string;
-        chart_3: string;
-        chart_4: string;
-        chart_5: string;
-        font_header: string;
-        font_body: string;
-        text_extra_small: string;
-        text_small: string;
-        text_regular: string;
-        text_large: string;
-        text_extra_large: string;
-        text_giant: string;
-        global_spacing: string;
-        radius_small: string;
-        radius_medium: string;
-        radius_large: string;
-        radius_extra_large: string;
-    };
-    default: boolean;
-};
-declare const gruvbox: {
-    name: string;
-    mode: ThemeMode;
-    config: {
-        background: string;
-        foreground: string;
-        body: string;
-        popover: string;
-        popover_foreground: string;
-        primary: string;
-        primary_foreground: string;
-        secondary: string;
-        secondary_foreground: string;
-        muted: string;
-        muted_foreground: string;
-        accent: string;
-        accent_foreground: string;
-        destructive: string;
-        destructive_foreground: string;
-        border: string;
-        input: string;
-        chart_1: string;
-        chart_2: string;
-        chart_3: string;
-        chart_4: string;
-        chart_5: string;
-        font_header: string;
-        font_body: string;
-        text_extra_small: string;
-        text_small: string;
-        text_regular: string;
-        text_large: string;
-        text_extra_large: string;
-        text_giant: string;
-        global_spacing: string;
-        radius_small: string;
-        radius_medium: string;
-        radius_large: string;
-        radius_extra_large: string;
-    };
-    default: boolean;
-};
-declare const monokai: {
-    name: string;
-    mode: ThemeMode;
-    config: {
-        background: string;
-        foreground: string;
-        body: string;
-        popover: string;
-        popover_foreground: string;
-        primary: string;
-        primary_foreground: string;
-        secondary: string;
-        secondary_foreground: string;
-        muted: string;
-        muted_foreground: string;
-        accent: string;
-        accent_foreground: string;
-        destructive: string;
-        destructive_foreground: string;
-        border: string;
-        input: string;
-        chart_1: string;
-        chart_2: string;
-        chart_3: string;
-        chart_4: string;
-        chart_5: string;
-        font_header: string;
-        font_body: string;
-        text_extra_small: string;
-        text_small: string;
-        text_regular: string;
-        text_large: string;
-        text_extra_large: string;
-        text_giant: string;
-        global_spacing: string;
-        radius_small: string;
-        radius_medium: string;
-        radius_large: string;
-        radius_extra_large: string;
-    };
-    default: boolean;
-};
-declare const tokyoNight: {
-    name: string;
-    mode: ThemeMode;
-    config: {
-        background: string;
-        foreground: string;
-        body: string;
-        popover: string;
-        popover_foreground: string;
-        primary: string;
-        primary_foreground: string;
-        secondary: string;
-        secondary_foreground: string;
-        muted: string;
-        muted_foreground: string;
-        accent: string;
-        accent_foreground: string;
-        destructive: string;
-        destructive_foreground: string;
-        border: string;
-        input: string;
-        chart_1: string;
-        chart_2: string;
-        chart_3: string;
-        chart_4: string;
-        chart_5: string;
-        font_header: string;
-        font_body: string;
-        text_extra_small: string;
-        text_small: string;
-        text_regular: string;
-        text_large: string;
-        text_extra_large: string;
-        text_giant: string;
-        global_spacing: string;
-        radius_small: string;
-        radius_medium: string;
-        radius_large: string;
-        radius_extra_large: string;
-    };
-    default: boolean;
-};
-declare const rosePine: {
-    name: string;
-    mode: ThemeMode;
-    config: {
-        background: string;
-        foreground: string;
-        body: string;
-        popover: string;
-        popover_foreground: string;
-        primary: string;
-        primary_foreground: string;
-        secondary: string;
-        secondary_foreground: string;
-        muted: string;
-        muted_foreground: string;
-        accent: string;
-        accent_foreground: string;
-        destructive: string;
-        destructive_foreground: string;
-        border: string;
-        input: string;
-        chart_1: string;
-        chart_2: string;
-        chart_3: string;
-        chart_4: string;
-        chart_5: string;
-        font_header: string;
-        font_body: string;
-        text_extra_small: string;
-        text_small: string;
-        text_regular: string;
-        text_large: string;
-        text_extra_large: string;
-        text_giant: string;
-        global_spacing: string;
-        radius_small: string;
-        radius_medium: string;
-        radius_large: string;
-        radius_extra_large: string;
-    };
-    default: boolean;
-};
-declare const everforest: {
-    name: string;
-    mode: ThemeMode;
-    config: {
-        background: string;
-        foreground: string;
-        body: string;
-        popover: string;
-        popover_foreground: string;
-        primary: string;
-        primary_foreground: string;
-        secondary: string;
-        secondary_foreground: string;
-        muted: string;
-        muted_foreground: string;
-        accent: string;
-        accent_foreground: string;
-        destructive: string;
-        destructive_foreground: string;
-        border: string;
-        input: string;
-        chart_1: string;
-        chart_2: string;
-        chart_3: string;
-        chart_4: string;
-        chart_5: string;
-        font_header: string;
-        font_body: string;
-        text_extra_small: string;
-        text_small: string;
-        text_regular: string;
-        text_large: string;
-        text_extra_large: string;
-        text_giant: string;
-        global_spacing: string;
-        radius_small: string;
-        radius_medium: string;
-        radius_large: string;
-        radius_extra_large: string;
-    };
-    default: boolean;
-};
-declare const nord: {
-    name: string;
-    mode: ThemeMode;
-    config: {
-        background: string;
-        foreground: string;
-        body: string;
-        popover: string;
-        popover_foreground: string;
-        primary: string;
-        primary_foreground: string;
-        secondary: string;
-        secondary_foreground: string;
-        muted: string;
-        muted_foreground: string;
-        accent: string;
-        accent_foreground: string;
-        destructive: string;
-        destructive_foreground: string;
-        border: string;
-        input: string;
-        chart_1: string;
-        chart_2: string;
-        chart_3: string;
-        chart_4: string;
-        chart_5: string;
-        font_header: string;
-        font_body: string;
-        text_extra_small: string;
-        text_small: string;
-        text_regular: string;
-        text_large: string;
-        text_extra_large: string;
-        text_giant: string;
-        global_spacing: string;
-        radius_small: string;
-        radius_medium: string;
-        radius_large: string;
-        radius_extra_large: string;
-    };
-    default: boolean;
-};
-declare const catppuccinMocha: {
-    name: string;
-    mode: ThemeMode;
-    config: {
-        background: string;
-        foreground: string;
-        body: string;
-        popover: string;
-        popover_foreground: string;
-        primary: string;
-        primary_foreground: string;
-        secondary: string;
-        secondary_foreground: string;
-        muted: string;
-        muted_foreground: string;
-        accent: string;
-        accent_foreground: string;
-        destructive: string;
-        destructive_foreground: string;
-        border: string;
-        input: string;
-        chart_1: string;
-        chart_2: string;
-        chart_3: string;
-        chart_4: string;
-        chart_5: string;
-        font_header: string;
-        font_body: string;
-        text_extra_small: string;
-        text_small: string;
-        text_regular: string;
-        text_large: string;
-        text_extra_large: string;
-        text_giant: string;
-        global_spacing: string;
-        radius_small: string;
-        radius_medium: string;
-        radius_large: string;
-        radius_extra_large: string;
-    };
-    default: boolean;
-};
-declare const nordifiedCatppuccin: {
-    name: string;
-    mode: ThemeMode;
-    config: {
-        background: string;
-        foreground: string;
-        body: string;
-        popover: string;
-        popover_foreground: string;
-        primary: string;
-        primary_foreground: string;
-        secondary: string;
-        secondary_foreground: string;
-        muted: string;
-        muted_foreground: string;
-        accent: string;
-        accent_foreground: string;
-        destructive: string;
-        destructive_foreground: string;
-        border: string;
-        input: string;
-        chart_1: string;
-        chart_2: string;
-        chart_3: string;
-        chart_4: string;
-        chart_5: string;
-        font_header: string;
-        font_body: string;
-        text_extra_small: string;
-        text_small: string;
-        text_regular: string;
-        text_large: string;
-        text_extra_large: string;
-        text_giant: string;
-        global_spacing: string;
-        radius_small: string;
-        radius_medium: string;
-        radius_large: string;
-        radius_extra_large: string;
-    };
-    default: boolean;
-};
-declare const christmas: {
-    name: string;
-    mode: ThemeMode;
-    config: {
-        background: string;
-        foreground: string;
-        body: string;
-        popover: string;
-        popover_foreground: string;
-        primary: string;
-        primary_foreground: string;
-        secondary: string;
-        secondary_foreground: string;
-        muted: string;
-        muted_foreground: string;
-        accent: string;
-        accent_foreground: string;
-        destructive: string;
-        destructive_foreground: string;
-        border: string;
-        input: string;
-        chart_1: string;
-        chart_2: string;
-        chart_3: string;
-        chart_4: string;
-        chart_5: string;
-        font_header: string;
-        font_body: string;
-        text_extra_small: string;
-        text_small: string;
-        text_regular: string;
-        text_large: string;
-        text_extra_large: string;
-        text_giant: string;
-        global_spacing: string;
-        radius_small: string;
-        radius_medium: string;
-        radius_large: string;
-        radius_extra_large: string;
-    };
-    default: boolean;
-};
-declare const pastel: {
-    name: string;
-    mode: ThemeMode;
-    config: {
-        background: string;
-        foreground: string;
-        body: string;
-        popover: string;
-        popover_foreground: string;
-        primary: string;
-        primary_foreground: string;
-        secondary: string;
-        secondary_foreground: string;
-        muted: string;
-        muted_foreground: string;
-        accent: string;
-        accent_foreground: string;
-        destructive: string;
-        destructive_foreground: string;
-        border: string;
-        input: string;
-        chart_1: string;
-        chart_2: string;
-        chart_3: string;
-        chart_4: string;
-        chart_5: string;
-        font_header: string;
-        font_body: string;
-        text_extra_small: string;
-        text_small: string;
-        text_regular: string;
-        text_large: string;
-        text_extra_large: string;
-        text_giant: string;
-        global_spacing: string;
-        radius_small: string;
-        radius_medium: string;
-        radius_large: string;
-        radius_extra_large: string;
-    };
-    default: boolean;
-};
-declare const neon: {
-    name: string;
-    mode: ThemeMode;
-    config: {
-        background: string;
-        foreground: string;
-        body: string;
-        popover: string;
-        popover_foreground: string;
-        primary: string;
-        primary_foreground: string;
-        secondary: string;
-        secondary_foreground: string;
-        muted: string;
-        muted_foreground: string;
-        accent: string;
-        accent_foreground: string;
-        destructive: string;
-        destructive_foreground: string;
-        border: string;
-        input: string;
-        chart_1: string;
-        chart_2: string;
-        chart_3: string;
-        chart_4: string;
-        chart_5: string;
-        font_header: string;
-        font_body: string;
-        text_extra_small: string;
-        text_small: string;
-        text_regular: string;
-        text_large: string;
-        text_extra_large: string;
-        text_giant: string;
-        global_spacing: string;
-        radius_small: string;
-        radius_medium: string;
-        radius_large: string;
-        radius_extra_large: string;
-    };
-    default: boolean;
-};
-declare const highContrast: {
-    name: string;
-    mode: ThemeMode;
-    config: {
-        background: string;
-        foreground: string;
-        body: string;
-        popover: string;
-        popover_foreground: string;
-        primary: string;
-        primary_foreground: string;
-        secondary: string;
-        secondary_foreground: string;
-        muted: string;
-        muted_foreground: string;
-        accent: string;
-        accent_foreground: string;
-        destructive: string;
-        destructive_foreground: string;
-        border: string;
-        input: string;
-        chart_1: string;
-        chart_2: string;
-        chart_3: string;
-        chart_4: string;
-        chart_5: string;
-        font_header: string;
-        font_body: string;
-        text_extra_small: string;
-        text_small: string;
-        text_regular: string;
-        text_large: string;
-        text_extra_large: string;
-        text_giant: string;
-        global_spacing: string;
-        radius_small: string;
-        radius_medium: string;
-        radius_large: string;
-        radius_extra_large: string;
-    };
-    default: boolean;
-};
-declare const ocean: {
-    name: string;
-    mode: ThemeMode;
-    config: {
-        background: string;
-        foreground: string;
-        body: string;
-        popover: string;
-        popover_foreground: string;
-        primary: string;
-        primary_foreground: string;
-        secondary: string;
-        secondary_foreground: string;
-        muted: string;
-        muted_foreground: string;
-        accent: string;
-        accent_foreground: string;
-        destructive: string;
-        destructive_foreground: string;
-        border: string;
-        input: string;
-        chart_1: string;
-        chart_2: string;
-        chart_3: string;
-        chart_4: string;
-        chart_5: string;
-        font_header: string;
-        font_body: string;
-        text_extra_small: string;
-        text_small: string;
-        text_regular: string;
-        text_large: string;
-        text_extra_large: string;
-        text_giant: string;
-        global_spacing: string;
-        radius_small: string;
-        radius_medium: string;
-        radius_large: string;
-        radius_extra_large: string;
-    };
-    default: boolean;
-};
-declare const forest: {
-    name: string;
-    mode: ThemeMode;
-    config: {
-        background: string;
-        foreground: string;
-        body: string;
-        popover: string;
-        popover_foreground: string;
-        primary: string;
-        primary_foreground: string;
-        secondary: string;
-        secondary_foreground: string;
-        muted: string;
-        muted_foreground: string;
-        accent: string;
-        accent_foreground: string;
-        destructive: string;
-        destructive_foreground: string;
-        border: string;
-        input: string;
-        chart_1: string;
-        chart_2: string;
-        chart_3: string;
-        chart_4: string;
-        chart_5: string;
-        font_header: string;
-        font_body: string;
-        text_extra_small: string;
-        text_small: string;
-        text_regular: string;
-        text_large: string;
-        text_extra_large: string;
-        text_giant: string;
-        global_spacing: string;
-        radius_small: string;
-        radius_medium: string;
-        radius_large: string;
-        radius_extra_large: string;
-    };
-    default: boolean;
-};
-declare const sunset: {
-    name: string;
-    mode: ThemeMode;
-    config: {
-        background: string;
-        foreground: string;
-        body: string;
-        popover: string;
-        popover_foreground: string;
-        primary: string;
-        primary_foreground: string;
-        secondary: string;
-        secondary_foreground: string;
-        muted: string;
-        muted_foreground: string;
-        accent: string;
-        accent_foreground: string;
-        destructive: string;
-        destructive_foreground: string;
-        border: string;
-        input: string;
-        chart_1: string;
-        chart_2: string;
-        chart_3: string;
-        chart_4: string;
-        chart_5: string;
-        font_header: string;
-        font_body: string;
-        text_extra_small: string;
-        text_small: string;
-        text_regular: string;
-        text_large: string;
-        text_extra_large: string;
-        text_giant: string;
-        global_spacing: string;
-        radius_small: string;
-        radius_medium: string;
-        radius_large: string;
-        radius_extra_large: string;
-    };
-    default: boolean;
-};
-declare const defaultTheme: {
-    name: string;
-    mode: ThemeMode;
-    config: {
-        background: string;
-        foreground: string;
-        body: string;
-        popover: string;
-        popover_foreground: string;
-        primary: string;
-        primary_foreground: string;
-        secondary: string;
-        secondary_foreground: string;
-        muted: string;
-        muted_foreground: string;
-        accent: string;
-        accent_foreground: string;
-        destructive: string;
-        destructive_foreground: string;
-        border: string;
-        input: string;
-        chart_1: string;
-        chart_2: string;
-        chart_3: string;
-        chart_4: string;
-        chart_5: string;
-        font_header: string;
-        font_body: string;
-        text_extra_small: string;
-        text_small: string;
-        text_regular: string;
-        text_large: string;
-        text_extra_large: string;
-        text_giant: string;
-        global_spacing: string;
-        radius_small: string;
-        radius_medium: string;
-        radius_large: string;
-        radius_extra_large: string;
-    };
-    default: boolean;
-};
-declare const BUILT_IN_THEMES: {
-    Default: {
-        name: string;
-        mode: ThemeMode;
-        config: {
-            background: string;
-            foreground: string;
-            body: string;
-            popover: string;
-            popover_foreground: string;
-            primary: string;
-            primary_foreground: string;
-            secondary: string;
-            secondary_foreground: string;
-            muted: string;
-            muted_foreground: string;
-            accent: string;
-            accent_foreground: string;
-            destructive: string;
-            destructive_foreground: string;
-            border: string;
-            input: string;
-            chart_1: string;
-            chart_2: string;
-            chart_3: string;
-            chart_4: string;
-            chart_5: string;
-            font_header: string;
-            font_body: string;
-            text_extra_small: string;
-            text_small: string;
-            text_regular: string;
-            text_large: string;
-            text_extra_large: string;
-            text_giant: string;
-            global_spacing: string;
-            radius_small: string;
-            radius_medium: string;
-            radius_large: string;
-            radius_extra_large: string;
-        };
-        default: boolean;
-    };
-    Dracula: {
-        name: string;
-        mode: ThemeMode;
-        config: {
-            background: string;
-            foreground: string;
-            body: string;
-            popover: string;
-            popover_foreground: string;
-            primary: string;
-            primary_foreground: string;
-            secondary: string;
-            secondary_foreground: string;
-            muted: string;
-            muted_foreground: string;
-            accent: string;
-            accent_foreground: string;
-            destructive: string;
-            destructive_foreground: string;
-            border: string;
-            input: string;
-            chart_1: string;
-            chart_2: string;
-            chart_3: string;
-            chart_4: string;
-            chart_5: string;
-            font_header: string;
-            font_body: string;
-            text_extra_small: string;
-            text_small: string;
-            text_regular: string;
-            text_large: string;
-            text_extra_large: string;
-            text_giant: string;
-            global_spacing: string;
-            radius_small: string;
-            radius_medium: string;
-            radius_large: string;
-            radius_extra_large: string;
-        };
-        default: boolean;
-    };
-    Solarized: {
-        name: string;
-        mode: ThemeMode;
-        config: {
-            background: string;
-            foreground: string;
-            body: string;
-            popover: string;
-            popover_foreground: string;
-            primary: string;
-            primary_foreground: string;
-            secondary: string;
-            secondary_foreground: string;
-            muted: string;
-            muted_foreground: string;
-            accent: string;
-            accent_foreground: string;
-            destructive: string;
-            destructive_foreground: string;
-            border: string;
-            input: string;
-            chart_1: string;
-            chart_2: string;
-            chart_3: string;
-            chart_4: string;
-            chart_5: string;
-            font_header: string;
-            font_body: string;
-            text_extra_small: string;
-            text_small: string;
-            text_regular: string;
-            text_large: string;
-            text_extra_large: string;
-            text_giant: string;
-            global_spacing: string;
-            radius_small: string;
-            radius_medium: string;
-            radius_large: string;
-            radius_extra_large: string;
-        };
-        default: boolean;
-    };
-    Gruvbox: {
-        name: string;
-        mode: ThemeMode;
-        config: {
-            background: string;
-            foreground: string;
-            body: string;
-            popover: string;
-            popover_foreground: string;
-            primary: string;
-            primary_foreground: string;
-            secondary: string;
-            secondary_foreground: string;
-            muted: string;
-            muted_foreground: string;
-            accent: string;
-            accent_foreground: string;
-            destructive: string;
-            destructive_foreground: string;
-            border: string;
-            input: string;
-            chart_1: string;
-            chart_2: string;
-            chart_3: string;
-            chart_4: string;
-            chart_5: string;
-            font_header: string;
-            font_body: string;
-            text_extra_small: string;
-            text_small: string;
-            text_regular: string;
-            text_large: string;
-            text_extra_large: string;
-            text_giant: string;
-            global_spacing: string;
-            radius_small: string;
-            radius_medium: string;
-            radius_large: string;
-            radius_extra_large: string;
-        };
-        default: boolean;
-    };
-    Monokai: {
-        name: string;
-        mode: ThemeMode;
-        config: {
-            background: string;
-            foreground: string;
-            body: string;
-            popover: string;
-            popover_foreground: string;
-            primary: string;
-            primary_foreground: string;
-            secondary: string;
-            secondary_foreground: string;
-            muted: string;
-            muted_foreground: string;
-            accent: string;
-            accent_foreground: string;
-            destructive: string;
-            destructive_foreground: string;
-            border: string;
-            input: string;
-            chart_1: string;
-            chart_2: string;
-            chart_3: string;
-            chart_4: string;
-            chart_5: string;
-            font_header: string;
-            font_body: string;
-            text_extra_small: string;
-            text_small: string;
-            text_regular: string;
-            text_large: string;
-            text_extra_large: string;
-            text_giant: string;
-            global_spacing: string;
-            radius_small: string;
-            radius_medium: string;
-            radius_large: string;
-            radius_extra_large: string;
-        };
-        default: boolean;
-    };
-    "Tokyo Night": {
-        name: string;
-        mode: ThemeMode;
-        config: {
-            background: string;
-            foreground: string;
-            body: string;
-            popover: string;
-            popover_foreground: string;
-            primary: string;
-            primary_foreground: string;
-            secondary: string;
-            secondary_foreground: string;
-            muted: string;
-            muted_foreground: string;
-            accent: string;
-            accent_foreground: string;
-            destructive: string;
-            destructive_foreground: string;
-            border: string;
-            input: string;
-            chart_1: string;
-            chart_2: string;
-            chart_3: string;
-            chart_4: string;
-            chart_5: string;
-            font_header: string;
-            font_body: string;
-            text_extra_small: string;
-            text_small: string;
-            text_regular: string;
-            text_large: string;
-            text_extra_large: string;
-            text_giant: string;
-            global_spacing: string;
-            radius_small: string;
-            radius_medium: string;
-            radius_large: string;
-            radius_extra_large: string;
-        };
-        default: boolean;
-    };
-    "Rose Pine": {
-        name: string;
-        mode: ThemeMode;
-        config: {
-            background: string;
-            foreground: string;
-            body: string;
-            popover: string;
-            popover_foreground: string;
-            primary: string;
-            primary_foreground: string;
-            secondary: string;
-            secondary_foreground: string;
-            muted: string;
-            muted_foreground: string;
-            accent: string;
-            accent_foreground: string;
-            destructive: string;
-            destructive_foreground: string;
-            border: string;
-            input: string;
-            chart_1: string;
-            chart_2: string;
-            chart_3: string;
-            chart_4: string;
-            chart_5: string;
-            font_header: string;
-            font_body: string;
-            text_extra_small: string;
-            text_small: string;
-            text_regular: string;
-            text_large: string;
-            text_extra_large: string;
-            text_giant: string;
-            global_spacing: string;
-            radius_small: string;
-            radius_medium: string;
-            radius_large: string;
-            radius_extra_large: string;
-        };
-        default: boolean;
-    };
-    Everforest: {
-        name: string;
-        mode: ThemeMode;
-        config: {
-            background: string;
-            foreground: string;
-            body: string;
-            popover: string;
-            popover_foreground: string;
-            primary: string;
-            primary_foreground: string;
-            secondary: string;
-            secondary_foreground: string;
-            muted: string;
-            muted_foreground: string;
-            accent: string;
-            accent_foreground: string;
-            destructive: string;
-            destructive_foreground: string;
-            border: string;
-            input: string;
-            chart_1: string;
-            chart_2: string;
-            chart_3: string;
-            chart_4: string;
-            chart_5: string;
-            font_header: string;
-            font_body: string;
-            text_extra_small: string;
-            text_small: string;
-            text_regular: string;
-            text_large: string;
-            text_extra_large: string;
-            text_giant: string;
-            global_spacing: string;
-            radius_small: string;
-            radius_medium: string;
-            radius_large: string;
-            radius_extra_large: string;
-        };
-        default: boolean;
-    };
-    Nord: {
-        name: string;
-        mode: ThemeMode;
-        config: {
-            background: string;
-            foreground: string;
-            body: string;
-            popover: string;
-            popover_foreground: string;
-            primary: string;
-            primary_foreground: string;
-            secondary: string;
-            secondary_foreground: string;
-            muted: string;
-            muted_foreground: string;
-            accent: string;
-            accent_foreground: string;
-            destructive: string;
-            destructive_foreground: string;
-            border: string;
-            input: string;
-            chart_1: string;
-            chart_2: string;
-            chart_3: string;
-            chart_4: string;
-            chart_5: string;
-            font_header: string;
-            font_body: string;
-            text_extra_small: string;
-            text_small: string;
-            text_regular: string;
-            text_large: string;
-            text_extra_large: string;
-            text_giant: string;
-            global_spacing: string;
-            radius_small: string;
-            radius_medium: string;
-            radius_large: string;
-            radius_extra_large: string;
-        };
-        default: boolean;
-    };
-    "Catppuccin Mocha": {
-        name: string;
-        mode: ThemeMode;
-        config: {
-            background: string;
-            foreground: string;
-            body: string;
-            popover: string;
-            popover_foreground: string;
-            primary: string;
-            primary_foreground: string;
-            secondary: string;
-            secondary_foreground: string;
-            muted: string;
-            muted_foreground: string;
-            accent: string;
-            accent_foreground: string;
-            destructive: string;
-            destructive_foreground: string;
-            border: string;
-            input: string;
-            chart_1: string;
-            chart_2: string;
-            chart_3: string;
-            chart_4: string;
-            chart_5: string;
-            font_header: string;
-            font_body: string;
-            text_extra_small: string;
-            text_small: string;
-            text_regular: string;
-            text_large: string;
-            text_extra_large: string;
-            text_giant: string;
-            global_spacing: string;
-            radius_small: string;
-            radius_medium: string;
-            radius_large: string;
-            radius_extra_large: string;
-        };
-        default: boolean;
-    };
-    "Nordified Catppuccin": {
-        name: string;
-        mode: ThemeMode;
-        config: {
-            background: string;
-            foreground: string;
-            body: string;
-            popover: string;
-            popover_foreground: string;
-            primary: string;
-            primary_foreground: string;
-            secondary: string;
-            secondary_foreground: string;
-            muted: string;
-            muted_foreground: string;
-            accent: string;
-            accent_foreground: string;
-            destructive: string;
-            destructive_foreground: string;
-            border: string;
-            input: string;
-            chart_1: string;
-            chart_2: string;
-            chart_3: string;
-            chart_4: string;
-            chart_5: string;
-            font_header: string;
-            font_body: string;
-            text_extra_small: string;
-            text_small: string;
-            text_regular: string;
-            text_large: string;
-            text_extra_large: string;
-            text_giant: string;
-            global_spacing: string;
-            radius_small: string;
-            radius_medium: string;
-            radius_large: string;
-            radius_extra_large: string;
-        };
-        default: boolean;
-    };
-    Christmas: {
-        name: string;
-        mode: ThemeMode;
-        config: {
-            background: string;
-            foreground: string;
-            body: string;
-            popover: string;
-            popover_foreground: string;
-            primary: string;
-            primary_foreground: string;
-            secondary: string;
-            secondary_foreground: string;
-            muted: string;
-            muted_foreground: string;
-            accent: string;
-            accent_foreground: string;
-            destructive: string;
-            destructive_foreground: string;
-            border: string;
-            input: string;
-            chart_1: string;
-            chart_2: string;
-            chart_3: string;
-            chart_4: string;
-            chart_5: string;
-            font_header: string;
-            font_body: string;
-            text_extra_small: string;
-            text_small: string;
-            text_regular: string;
-            text_large: string;
-            text_extra_large: string;
-            text_giant: string;
-            global_spacing: string;
-            radius_small: string;
-            radius_medium: string;
-            radius_large: string;
-            radius_extra_large: string;
-        };
-        default: boolean;
-    };
-    Pastel: {
-        name: string;
-        mode: ThemeMode;
-        config: {
-            background: string;
-            foreground: string;
-            body: string;
-            popover: string;
-            popover_foreground: string;
-            primary: string;
-            primary_foreground: string;
-            secondary: string;
-            secondary_foreground: string;
-            muted: string;
-            muted_foreground: string;
-            accent: string;
-            accent_foreground: string;
-            destructive: string;
-            destructive_foreground: string;
-            border: string;
-            input: string;
-            chart_1: string;
-            chart_2: string;
-            chart_3: string;
-            chart_4: string;
-            chart_5: string;
-            font_header: string;
-            font_body: string;
-            text_extra_small: string;
-            text_small: string;
-            text_regular: string;
-            text_large: string;
-            text_extra_large: string;
-            text_giant: string;
-            global_spacing: string;
-            radius_small: string;
-            radius_medium: string;
-            radius_large: string;
-            radius_extra_large: string;
-        };
-        default: boolean;
-    };
-    Neon: {
-        name: string;
-        mode: ThemeMode;
-        config: {
-            background: string;
-            foreground: string;
-            body: string;
-            popover: string;
-            popover_foreground: string;
-            primary: string;
-            primary_foreground: string;
-            secondary: string;
-            secondary_foreground: string;
-            muted: string;
-            muted_foreground: string;
-            accent: string;
-            accent_foreground: string;
-            destructive: string;
-            destructive_foreground: string;
-            border: string;
-            input: string;
-            chart_1: string;
-            chart_2: string;
-            chart_3: string;
-            chart_4: string;
-            chart_5: string;
-            font_header: string;
-            font_body: string;
-            text_extra_small: string;
-            text_small: string;
-            text_regular: string;
-            text_large: string;
-            text_extra_large: string;
-            text_giant: string;
-            global_spacing: string;
-            radius_small: string;
-            radius_medium: string;
-            radius_large: string;
-            radius_extra_large: string;
-        };
-        default: boolean;
-    };
-    "High Contrast": {
-        name: string;
-        mode: ThemeMode;
-        config: {
-            background: string;
-            foreground: string;
-            body: string;
-            popover: string;
-            popover_foreground: string;
-            primary: string;
-            primary_foreground: string;
-            secondary: string;
-            secondary_foreground: string;
-            muted: string;
-            muted_foreground: string;
-            accent: string;
-            accent_foreground: string;
-            destructive: string;
-            destructive_foreground: string;
-            border: string;
-            input: string;
-            chart_1: string;
-            chart_2: string;
-            chart_3: string;
-            chart_4: string;
-            chart_5: string;
-            font_header: string;
-            font_body: string;
-            text_extra_small: string;
-            text_small: string;
-            text_regular: string;
-            text_large: string;
-            text_extra_large: string;
-            text_giant: string;
-            global_spacing: string;
-            radius_small: string;
-            radius_medium: string;
-            radius_large: string;
-            radius_extra_large: string;
-        };
-        default: boolean;
-    };
-    Ocean: {
-        name: string;
-        mode: ThemeMode;
-        config: {
-            background: string;
-            foreground: string;
-            body: string;
-            popover: string;
-            popover_foreground: string;
-            primary: string;
-            primary_foreground: string;
-            secondary: string;
-            secondary_foreground: string;
-            muted: string;
-            muted_foreground: string;
-            accent: string;
-            accent_foreground: string;
-            destructive: string;
-            destructive_foreground: string;
-            border: string;
-            input: string;
-            chart_1: string;
-            chart_2: string;
-            chart_3: string;
-            chart_4: string;
-            chart_5: string;
-            font_header: string;
-            font_body: string;
-            text_extra_small: string;
-            text_small: string;
-            text_regular: string;
-            text_large: string;
-            text_extra_large: string;
-            text_giant: string;
-            global_spacing: string;
-            radius_small: string;
-            radius_medium: string;
-            radius_large: string;
-            radius_extra_large: string;
-        };
-        default: boolean;
-    };
-    Forest: {
-        name: string;
-        mode: ThemeMode;
-        config: {
-            background: string;
-            foreground: string;
-            body: string;
-            popover: string;
-            popover_foreground: string;
-            primary: string;
-            primary_foreground: string;
-            secondary: string;
-            secondary_foreground: string;
-            muted: string;
-            muted_foreground: string;
-            accent: string;
-            accent_foreground: string;
-            destructive: string;
-            destructive_foreground: string;
-            border: string;
-            input: string;
-            chart_1: string;
-            chart_2: string;
-            chart_3: string;
-            chart_4: string;
-            chart_5: string;
-            font_header: string;
-            font_body: string;
-            text_extra_small: string;
-            text_small: string;
-            text_regular: string;
-            text_large: string;
-            text_extra_large: string;
-            text_giant: string;
-            global_spacing: string;
-            radius_small: string;
-            radius_medium: string;
-            radius_large: string;
-            radius_extra_large: string;
-        };
-        default: boolean;
-    };
-    Sunset: {
-        name: string;
-        mode: ThemeMode;
-        config: {
-            background: string;
-            foreground: string;
-            body: string;
-            popover: string;
-            popover_foreground: string;
-            primary: string;
-            primary_foreground: string;
-            secondary: string;
-            secondary_foreground: string;
-            muted: string;
-            muted_foreground: string;
-            accent: string;
-            accent_foreground: string;
-            destructive: string;
-            destructive_foreground: string;
-            border: string;
-            input: string;
-            chart_1: string;
-            chart_2: string;
-            chart_3: string;
-            chart_4: string;
-            chart_5: string;
-            font_header: string;
-            font_body: string;
-            text_extra_small: string;
-            text_small: string;
-            text_regular: string;
-            text_large: string;
-            text_extra_large: string;
-            text_giant: string;
-            global_spacing: string;
-            radius_small: string;
-            radius_medium: string;
-            radius_large: string;
-            radius_extra_large: string;
-        };
-        default: boolean;
-    };
-};
-declare const allThemes: {
-    Default: {
-        name: string;
-        mode: ThemeMode;
-        config: {
-            background: string;
-            foreground: string;
-            body: string;
-            popover: string;
-            popover_foreground: string;
-            primary: string;
-            primary_foreground: string;
-            secondary: string;
-            secondary_foreground: string;
-            muted: string;
-            muted_foreground: string;
-            accent: string;
-            accent_foreground: string;
-            destructive: string;
-            destructive_foreground: string;
-            border: string;
-            input: string;
-            chart_1: string;
-            chart_2: string;
-            chart_3: string;
-            chart_4: string;
-            chart_5: string;
-            font_header: string;
-            font_body: string;
-            text_extra_small: string;
-            text_small: string;
-            text_regular: string;
-            text_large: string;
-            text_extra_large: string;
-            text_giant: string;
-            global_spacing: string;
-            radius_small: string;
-            radius_medium: string;
-            radius_large: string;
-            radius_extra_large: string;
-        };
-        default: boolean;
-    };
-    Dracula: {
-        name: string;
-        mode: ThemeMode;
-        config: {
-            background: string;
-            foreground: string;
-            body: string;
-            popover: string;
-            popover_foreground: string;
-            primary: string;
-            primary_foreground: string;
-            secondary: string;
-            secondary_foreground: string;
-            muted: string;
-            muted_foreground: string;
-            accent: string;
-            accent_foreground: string;
-            destructive: string;
-            destructive_foreground: string;
-            border: string;
-            input: string;
-            chart_1: string;
-            chart_2: string;
-            chart_3: string;
-            chart_4: string;
-            chart_5: string;
-            font_header: string;
-            font_body: string;
-            text_extra_small: string;
-            text_small: string;
-            text_regular: string;
-            text_large: string;
-            text_extra_large: string;
-            text_giant: string;
-            global_spacing: string;
-            radius_small: string;
-            radius_medium: string;
-            radius_large: string;
-            radius_extra_large: string;
-        };
-        default: boolean;
-    };
-    Solarized: {
-        name: string;
-        mode: ThemeMode;
-        config: {
-            background: string;
-            foreground: string;
-            body: string;
-            popover: string;
-            popover_foreground: string;
-            primary: string;
-            primary_foreground: string;
-            secondary: string;
-            secondary_foreground: string;
-            muted: string;
-            muted_foreground: string;
-            accent: string;
-            accent_foreground: string;
-            destructive: string;
-            destructive_foreground: string;
-            border: string;
-            input: string;
-            chart_1: string;
-            chart_2: string;
-            chart_3: string;
-            chart_4: string;
-            chart_5: string;
-            font_header: string;
-            font_body: string;
-            text_extra_small: string;
-            text_small: string;
-            text_regular: string;
-            text_large: string;
-            text_extra_large: string;
-            text_giant: string;
-            global_spacing: string;
-            radius_small: string;
-            radius_medium: string;
-            radius_large: string;
-            radius_extra_large: string;
-        };
-        default: boolean;
-    };
-    Gruvbox: {
-        name: string;
-        mode: ThemeMode;
-        config: {
-            background: string;
-            foreground: string;
-            body: string;
-            popover: string;
-            popover_foreground: string;
-            primary: string;
-            primary_foreground: string;
-            secondary: string;
-            secondary_foreground: string;
-            muted: string;
-            muted_foreground: string;
-            accent: string;
-            accent_foreground: string;
-            destructive: string;
-            destructive_foreground: string;
-            border: string;
-            input: string;
-            chart_1: string;
-            chart_2: string;
-            chart_3: string;
-            chart_4: string;
-            chart_5: string;
-            font_header: string;
-            font_body: string;
-            text_extra_small: string;
-            text_small: string;
-            text_regular: string;
-            text_large: string;
-            text_extra_large: string;
-            text_giant: string;
-            global_spacing: string;
-            radius_small: string;
-            radius_medium: string;
-            radius_large: string;
-            radius_extra_large: string;
-        };
-        default: boolean;
-    };
-    Monokai: {
-        name: string;
-        mode: ThemeMode;
-        config: {
-            background: string;
-            foreground: string;
-            body: string;
-            popover: string;
-            popover_foreground: string;
-            primary: string;
-            primary_foreground: string;
-            secondary: string;
-            secondary_foreground: string;
-            muted: string;
-            muted_foreground: string;
-            accent: string;
-            accent_foreground: string;
-            destructive: string;
-            destructive_foreground: string;
-            border: string;
-            input: string;
-            chart_1: string;
-            chart_2: string;
-            chart_3: string;
-            chart_4: string;
-            chart_5: string;
-            font_header: string;
-            font_body: string;
-            text_extra_small: string;
-            text_small: string;
-            text_regular: string;
-            text_large: string;
-            text_extra_large: string;
-            text_giant: string;
-            global_spacing: string;
-            radius_small: string;
-            radius_medium: string;
-            radius_large: string;
-            radius_extra_large: string;
-        };
-        default: boolean;
-    };
-    "Tokyo Night": {
-        name: string;
-        mode: ThemeMode;
-        config: {
-            background: string;
-            foreground: string;
-            body: string;
-            popover: string;
-            popover_foreground: string;
-            primary: string;
-            primary_foreground: string;
-            secondary: string;
-            secondary_foreground: string;
-            muted: string;
-            muted_foreground: string;
-            accent: string;
-            accent_foreground: string;
-            destructive: string;
-            destructive_foreground: string;
-            border: string;
-            input: string;
-            chart_1: string;
-            chart_2: string;
-            chart_3: string;
-            chart_4: string;
-            chart_5: string;
-            font_header: string;
-            font_body: string;
-            text_extra_small: string;
-            text_small: string;
-            text_regular: string;
-            text_large: string;
-            text_extra_large: string;
-            text_giant: string;
-            global_spacing: string;
-            radius_small: string;
-            radius_medium: string;
-            radius_large: string;
-            radius_extra_large: string;
-        };
-        default: boolean;
-    };
-    "Rose Pine": {
-        name: string;
-        mode: ThemeMode;
-        config: {
-            background: string;
-            foreground: string;
-            body: string;
-            popover: string;
-            popover_foreground: string;
-            primary: string;
-            primary_foreground: string;
-            secondary: string;
-            secondary_foreground: string;
-            muted: string;
-            muted_foreground: string;
-            accent: string;
-            accent_foreground: string;
-            destructive: string;
-            destructive_foreground: string;
-            border: string;
-            input: string;
-            chart_1: string;
-            chart_2: string;
-            chart_3: string;
-            chart_4: string;
-            chart_5: string;
-            font_header: string;
-            font_body: string;
-            text_extra_small: string;
-            text_small: string;
-            text_regular: string;
-            text_large: string;
-            text_extra_large: string;
-            text_giant: string;
-            global_spacing: string;
-            radius_small: string;
-            radius_medium: string;
-            radius_large: string;
-            radius_extra_large: string;
-        };
-        default: boolean;
-    };
-    Everforest: {
-        name: string;
-        mode: ThemeMode;
-        config: {
-            background: string;
-            foreground: string;
-            body: string;
-            popover: string;
-            popover_foreground: string;
-            primary: string;
-            primary_foreground: string;
-            secondary: string;
-            secondary_foreground: string;
-            muted: string;
-            muted_foreground: string;
-            accent: string;
-            accent_foreground: string;
-            destructive: string;
-            destructive_foreground: string;
-            border: string;
-            input: string;
-            chart_1: string;
-            chart_2: string;
-            chart_3: string;
-            chart_4: string;
-            chart_5: string;
-            font_header: string;
-            font_body: string;
-            text_extra_small: string;
-            text_small: string;
-            text_regular: string;
-            text_large: string;
-            text_extra_large: string;
-            text_giant: string;
-            global_spacing: string;
-            radius_small: string;
-            radius_medium: string;
-            radius_large: string;
-            radius_extra_large: string;
-        };
-        default: boolean;
-    };
-    Nord: {
-        name: string;
-        mode: ThemeMode;
-        config: {
-            background: string;
-            foreground: string;
-            body: string;
-            popover: string;
-            popover_foreground: string;
-            primary: string;
-            primary_foreground: string;
-            secondary: string;
-            secondary_foreground: string;
-            muted: string;
-            muted_foreground: string;
-            accent: string;
-            accent_foreground: string;
-            destructive: string;
-            destructive_foreground: string;
-            border: string;
-            input: string;
-            chart_1: string;
-            chart_2: string;
-            chart_3: string;
-            chart_4: string;
-            chart_5: string;
-            font_header: string;
-            font_body: string;
-            text_extra_small: string;
-            text_small: string;
-            text_regular: string;
-            text_large: string;
-            text_extra_large: string;
-            text_giant: string;
-            global_spacing: string;
-            radius_small: string;
-            radius_medium: string;
-            radius_large: string;
-            radius_extra_large: string;
-        };
-        default: boolean;
-    };
-    "Catppuccin Mocha": {
-        name: string;
-        mode: ThemeMode;
-        config: {
-            background: string;
-            foreground: string;
-            body: string;
-            popover: string;
-            popover_foreground: string;
-            primary: string;
-            primary_foreground: string;
-            secondary: string;
-            secondary_foreground: string;
-            muted: string;
-            muted_foreground: string;
-            accent: string;
-            accent_foreground: string;
-            destructive: string;
-            destructive_foreground: string;
-            border: string;
-            input: string;
-            chart_1: string;
-            chart_2: string;
-            chart_3: string;
-            chart_4: string;
-            chart_5: string;
-            font_header: string;
-            font_body: string;
-            text_extra_small: string;
-            text_small: string;
-            text_regular: string;
-            text_large: string;
-            text_extra_large: string;
-            text_giant: string;
-            global_spacing: string;
-            radius_small: string;
-            radius_medium: string;
-            radius_large: string;
-            radius_extra_large: string;
-        };
-        default: boolean;
-    };
-    "Nordified Catppuccin": {
-        name: string;
-        mode: ThemeMode;
-        config: {
-            background: string;
-            foreground: string;
-            body: string;
-            popover: string;
-            popover_foreground: string;
-            primary: string;
-            primary_foreground: string;
-            secondary: string;
-            secondary_foreground: string;
-            muted: string;
-            muted_foreground: string;
-            accent: string;
-            accent_foreground: string;
-            destructive: string;
-            destructive_foreground: string;
-            border: string;
-            input: string;
-            chart_1: string;
-            chart_2: string;
-            chart_3: string;
-            chart_4: string;
-            chart_5: string;
-            font_header: string;
-            font_body: string;
-            text_extra_small: string;
-            text_small: string;
-            text_regular: string;
-            text_large: string;
-            text_extra_large: string;
-            text_giant: string;
-            global_spacing: string;
-            radius_small: string;
-            radius_medium: string;
-            radius_large: string;
-            radius_extra_large: string;
-        };
-        default: boolean;
-    };
-    Christmas: {
-        name: string;
-        mode: ThemeMode;
-        config: {
-            background: string;
-            foreground: string;
-            body: string;
-            popover: string;
-            popover_foreground: string;
-            primary: string;
-            primary_foreground: string;
-            secondary: string;
-            secondary_foreground: string;
-            muted: string;
-            muted_foreground: string;
-            accent: string;
-            accent_foreground: string;
-            destructive: string;
-            destructive_foreground: string;
-            border: string;
-            input: string;
-            chart_1: string;
-            chart_2: string;
-            chart_3: string;
-            chart_4: string;
-            chart_5: string;
-            font_header: string;
-            font_body: string;
-            text_extra_small: string;
-            text_small: string;
-            text_regular: string;
-            text_large: string;
-            text_extra_large: string;
-            text_giant: string;
-            global_spacing: string;
-            radius_small: string;
-            radius_medium: string;
-            radius_large: string;
-            radius_extra_large: string;
-        };
-        default: boolean;
-    };
-    Pastel: {
-        name: string;
-        mode: ThemeMode;
-        config: {
-            background: string;
-            foreground: string;
-            body: string;
-            popover: string;
-            popover_foreground: string;
-            primary: string;
-            primary_foreground: string;
-            secondary: string;
-            secondary_foreground: string;
-            muted: string;
-            muted_foreground: string;
-            accent: string;
-            accent_foreground: string;
-            destructive: string;
-            destructive_foreground: string;
-            border: string;
-            input: string;
-            chart_1: string;
-            chart_2: string;
-            chart_3: string;
-            chart_4: string;
-            chart_5: string;
-            font_header: string;
-            font_body: string;
-            text_extra_small: string;
-            text_small: string;
-            text_regular: string;
-            text_large: string;
-            text_extra_large: string;
-            text_giant: string;
-            global_spacing: string;
-            radius_small: string;
-            radius_medium: string;
-            radius_large: string;
-            radius_extra_large: string;
-        };
-        default: boolean;
-    };
-    Neon: {
-        name: string;
-        mode: ThemeMode;
-        config: {
-            background: string;
-            foreground: string;
-            body: string;
-            popover: string;
-            popover_foreground: string;
-            primary: string;
-            primary_foreground: string;
-            secondary: string;
-            secondary_foreground: string;
-            muted: string;
-            muted_foreground: string;
-            accent: string;
-            accent_foreground: string;
-            destructive: string;
-            destructive_foreground: string;
-            border: string;
-            input: string;
-            chart_1: string;
-            chart_2: string;
-            chart_3: string;
-            chart_4: string;
-            chart_5: string;
-            font_header: string;
-            font_body: string;
-            text_extra_small: string;
-            text_small: string;
-            text_regular: string;
-            text_large: string;
-            text_extra_large: string;
-            text_giant: string;
-            global_spacing: string;
-            radius_small: string;
-            radius_medium: string;
-            radius_large: string;
-            radius_extra_large: string;
-        };
-        default: boolean;
-    };
-    "High Contrast": {
-        name: string;
-        mode: ThemeMode;
-        config: {
-            background: string;
-            foreground: string;
-            body: string;
-            popover: string;
-            popover_foreground: string;
-            primary: string;
-            primary_foreground: string;
-            secondary: string;
-            secondary_foreground: string;
-            muted: string;
-            muted_foreground: string;
-            accent: string;
-            accent_foreground: string;
-            destructive: string;
-            destructive_foreground: string;
-            border: string;
-            input: string;
-            chart_1: string;
-            chart_2: string;
-            chart_3: string;
-            chart_4: string;
-            chart_5: string;
-            font_header: string;
-            font_body: string;
-            text_extra_small: string;
-            text_small: string;
-            text_regular: string;
-            text_large: string;
-            text_extra_large: string;
-            text_giant: string;
-            global_spacing: string;
-            radius_small: string;
-            radius_medium: string;
-            radius_large: string;
-            radius_extra_large: string;
-        };
-        default: boolean;
-    };
-    Ocean: {
-        name: string;
-        mode: ThemeMode;
-        config: {
-            background: string;
-            foreground: string;
-            body: string;
-            popover: string;
-            popover_foreground: string;
-            primary: string;
-            primary_foreground: string;
-            secondary: string;
-            secondary_foreground: string;
-            muted: string;
-            muted_foreground: string;
-            accent: string;
-            accent_foreground: string;
-            destructive: string;
-            destructive_foreground: string;
-            border: string;
-            input: string;
-            chart_1: string;
-            chart_2: string;
-            chart_3: string;
-            chart_4: string;
-            chart_5: string;
-            font_header: string;
-            font_body: string;
-            text_extra_small: string;
-            text_small: string;
-            text_regular: string;
-            text_large: string;
-            text_extra_large: string;
-            text_giant: string;
-            global_spacing: string;
-            radius_small: string;
-            radius_medium: string;
-            radius_large: string;
-            radius_extra_large: string;
-        };
-        default: boolean;
-    };
-    Forest: {
-        name: string;
-        mode: ThemeMode;
-        config: {
-            background: string;
-            foreground: string;
-            body: string;
-            popover: string;
-            popover_foreground: string;
-            primary: string;
-            primary_foreground: string;
-            secondary: string;
-            secondary_foreground: string;
-            muted: string;
-            muted_foreground: string;
-            accent: string;
-            accent_foreground: string;
-            destructive: string;
-            destructive_foreground: string;
-            border: string;
-            input: string;
-            chart_1: string;
-            chart_2: string;
-            chart_3: string;
-            chart_4: string;
-            chart_5: string;
-            font_header: string;
-            font_body: string;
-            text_extra_small: string;
-            text_small: string;
-            text_regular: string;
-            text_large: string;
-            text_extra_large: string;
-            text_giant: string;
-            global_spacing: string;
-            radius_small: string;
-            radius_medium: string;
-            radius_large: string;
-            radius_extra_large: string;
-        };
-        default: boolean;
-    };
-    Sunset: {
-        name: string;
-        mode: ThemeMode;
-        config: {
-            background: string;
-            foreground: string;
-            body: string;
-            popover: string;
-            popover_foreground: string;
-            primary: string;
-            primary_foreground: string;
-            secondary: string;
-            secondary_foreground: string;
-            muted: string;
-            muted_foreground: string;
-            accent: string;
-            accent_foreground: string;
-            destructive: string;
-            destructive_foreground: string;
-            border: string;
-            input: string;
-            chart_1: string;
-            chart_2: string;
-            chart_3: string;
-            chart_4: string;
-            chart_5: string;
-            font_header: string;
-            font_body: string;
-            text_extra_small: string;
-            text_small: string;
-            text_regular: string;
-            text_large: string;
-            text_extra_large: string;
-            text_giant: string;
-            global_spacing: string;
-            radius_small: string;
-            radius_medium: string;
-            radius_large: string;
-            radius_extra_large: string;
-        };
-        default: boolean;
-    };
-};
+/**
+ * Inject or update a `<style>` element in `<head>` for the given theme.
+ * The element ID is deterministic (`theme-style-{themeId}`) so repeated calls
+ * for the same theme are idempotent — the existing element is updated in place.
+ * No-op when `document` is unavailable (SSR).
+ */
+declare function applyTheme(theme: ResolvedTheme, options?: GenerateThemeCSSOptions): void;
+/** Remove an injected theme stylesheet. No-op during SSR. */
+declare function removeTheme(themeId: string): void;
+/** Remove all injected theme stylesheets. No-op during SSR. */
+declare function removeAllThemes(): void;
+
+declare const DEFAULT_FONT_SIZES: Record<FontSizeKey, string>;
+declare const DEFAULT_FONT_FAMILIES: Record<FontFamilyKey, string>;
+declare const DEFAULT_SPACING = "0.25rem";
+declare const DEFAULT_RADII: Record<RadiusKey, string>;
+declare const DEFAULT_COLORS: {
+    readonly background: "#ffffff";
+    readonly foreground: "#1a1a1a";
+    readonly primary: "#3b82f6";
+    readonly secondary: "#6b7280";
+    readonly accent: "#10b981";
+    readonly muted: "#f3f4f6";
+    readonly destructive: "#ef4444";
+    readonly mutedForeground: "#6b7280";
+};
+declare const DEFAULT_THEME_ID = "default";
+declare const DEFAULT_THEME_NAME = "Default Theme";
+/**
+ * Build a fresh ThemeDefinition populated with all defaults.
+ * Returns a new object each call because Color instances are mutable — do not cache the result.
+ */
+declare function getDefaultThemeDefinition(): ThemeDefinition;
 
-export { BUILT_IN_THEMES, CORE_COLOR_KEYS, CORE_FONT_KEYS, CORE_NON_COLOR_KEYS, CORE_SPACING_KEYS, type CoreColors, type CoreNonColorFields, DEFAULT_CORE_COLORS, DEFAULT_CORE_COLORS_CONFIG, DEFAULT_FONT, DEFAULT_SPACING, FONT_OPTIONS, type Font, type Oklch, type Spacing, THEME_MODES, ThemeConfig, type ThemeMode, allThemes, catppuccinMocha, christmas, clampChroma, coreColorsToConfig, defaultTheme, detectThemeMode, dracula, everforest, findThemeByIdentifier, fontConfigToCoreFont, forest, generateColorSwatches, generateDualTheme, generateSmartDualTheme, generateTheme, generateThemeCssVars, getForegroundColor, getThemeIdentifier, globalCSSOverride, gruvbox, highContrast, isSameTheme, mod, monokai, neon, nord, nordifiedCatppuccin, ocean, oklchString, parseOklch, pastel, rosePine, rotateHue, rotateSoft, separatedThemeConfig, shadeColor, solarized, spacingConfigToCoreSpacing, sunset, themeConfigToCoreColors, themeConfigToCoreNonColorFields, toDarkMode, toLightMode, tokyoNight };
+export { DEFAULT_COLORS, DEFAULT_FONT_FAMILIES, DEFAULT_FONT_SIZES, DEFAULT_RADII, DEFAULT_SPACING, DEFAULT_THEME_ID, DEFAULT_THEME_NAME, FontFamilyKey, FontSizeKey, type GenerateThemeCSSOptions, RadiusKey, type RawApiTheme, ResolvedTheme, SemanticColorName, ShadeStep, ThemeColorInput, ThemeDefinition, ThemePayload, applyTheme, buildThemeDefinition, deriveDarkVariant, deserialiseTheme, generateShades, generateThemeCSS, getActiveThemeId, getDefaultThemeDefinition, getForegroundColor, mergeDarkOverrides, parseColor, removeAllThemes, removeTheme, resolveTheme, serialiseTheme, transformThemes };