@fluid-app/rep-core 0.1.0

package/dist/theme/index.d.ts

@@ -0,0 +1,2680 @@
+import { T as ThemeConfig, a as Theme } from '../theme-DrMUYZTO.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 (&).
+ */
+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;
+/**
+ * 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
+ */
+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>;
+/**
+ * Theme mode constant - single source of truth for mode values.
+ * Use THEME_MODES.light instead of "light" for type-safe comparisons.
+ */
+declare const THEME_MODES: {
+    readonly light: "light";
+    readonly dark: "dark";
+};
+/**
+ * Union type of theme modes, derived from THEME_MODES constant.
+ * @see deriving-typeof-for-object-keys pattern
+ */
+type ThemeMode = (typeof THEME_MODES)[keyof typeof THEME_MODES];
+/**
+ * Detect whether the core colors represent a light or dark theme.
+ * Based on the lightness of the base color.
+ */
+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;
+};
+/**
+ * Generate CSS variables from a hex color config and theme mode
+ */
+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;
+};
+/**
+ * Generate both light and dark themes from the same core colors.
+ * Returns an object with 'light' and 'dark' theme variants.
+ */
+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;
+    };
+};
+/**
+ * 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.
+ */
+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;
+};
+/**
+ * Gets a unique identifier for a theme
+ * Prefers ID (converted to string) over name for uniqueness
+ */
+declare const getThemeIdentifier: (theme: Theme) => string;
+/**
+ * Finds a theme by identifier (ID or name)
+ * First attempts to match by ID, then falls back to name matching
+ */
+declare const findThemeByIdentifier: (themes: Theme[], identifier: number | string) => Theme | undefined;
+/**
+ * Checks if two themes are the same based on their identifiers
+ */
+declare const isSameTheme: (theme1: Theme | undefined, theme2: Theme) => boolean;
+
+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;
+    };
+};
+
+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 };