@kilivi/payloadcms-theme-management 0.5.6 → 0.5.8

package/dist/utils/generateThemeCSS.js

@@ -0,0 +1,309 @@
+import { borderRadiusPresets } from '../providers/Theme/themeConfig.js';
+/**
+ * Generates complete CSS for a theme preset
+ * Creates both light and dark mode CSS variables
+ */ export function generateThemeCSS(preset) {
+    const { name, label, borderRadius, typography, lightMode, darkMode } = preset;
+    const rootLines = [];
+    const darkLines = [];
+    // Typography
+    const typographyPreset = typography ?? getDefaultTypography();
+    pushTypography(rootLines, typographyPreset);
+    // Layout (shared across themes)
+    pushLayoutDefaults(rootLines);
+    // Border radius based on preset definition
+    pushBorderRadius(rootLines, borderRadius);
+    // Component system defaults derived from colors
+    pushComponentDefaults(rootLines, lightMode);
+    // Light mode colours
+    pushColorTokens(rootLines, lightMode, 'light');
+    // Shared status colors (can be overridden later)
+    pushStatusColors(rootLines, 'light');
+    // Dark mode colors
+    pushColorTokens(darkLines, darkMode, 'dark');
+    pushStatusColors(darkLines, 'dark');
+    pushDarkModeComponentOverrides(darkLines, darkMode);
+    const sections = [];
+    sections.push(`/* ${label} Theme */`);
+    sections.push(buildCssBlock(`[data-theme='${name}']`, rootLines));
+    sections.push(`
+/* ${label} Theme - Dark Mode */`);
+    sections.push(buildCssBlock(`[data-theme='${name}'][data-theme-mode='dark']`, darkLines));
+    return sections.join('\n').trim();
+}
+/**
+ * Convert HEX color to HSL format
+ * Example: #3b82f6 -> hsl(221, 83%, 53%)
+ */ function hexToHsl(hex) {
+    let normalized = hex.trim();
+    if (!normalized.startsWith('#')) {
+        normalized = `#${normalized}`;
+    }
+    if (normalized.length === 4) {
+        normalized = `#${normalized[1]}${normalized[1]}${normalized[2]}${normalized[2]}${normalized[3]}${normalized[3]}`;
+    }
+    const r = parseInt(normalized.substring(1, 3), 16) / 255;
+    const g = parseInt(normalized.substring(3, 5), 16) / 255;
+    const b = parseInt(normalized.substring(5, 7), 16) / 255;
+    const max = Math.max(r, g, b);
+    const min = Math.min(r, g, b);
+    let h = 0;
+    let s = 0;
+    const l = (max + min) / 2;
+    if (max !== min) {
+        const d = max - min;
+        s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+        switch(max){
+            case r:
+                h = ((g - b) / d + (g < b ? 6 : 0)) / 6;
+                break;
+            case g:
+                h = ((b - r) / d + 2) / 6;
+                break;
+            case b:
+                h = ((r - g) / d + 4) / 6;
+                break;
+        }
+    }
+    const hDeg = Math.round(h * 360);
+    const sPercent = Math.round(s * 100);
+    const lPercent = Math.round(l * 100);
+    return `hsl(${hDeg}, ${sPercent}%, ${lPercent}%)`;
+}
+function toCssColor(color) {
+    if (!color) return null;
+    const trimmed = color.trim();
+    if (/^var\(/i.test(trimmed) || /^hsl\(/i.test(trimmed) || /^rgb(a)?\(/i.test(trimmed)) {
+        return trimmed;
+    }
+    if (/^#?[0-9a-f]{6}$/i.test(trimmed) || /^#?[0-9a-f]{3}$/i.test(trimmed)) {
+        return hexToHsl(trimmed);
+    }
+    return trimmed;
+}
+function buildCssBlock(selector, lines) {
+    if (!lines.length) {
+        return `${selector} {}`;
+    }
+    const body = lines.map((line)=>line.startsWith('--') ? `  ${line}` : line).join('\n');
+    return `${selector} {\n${body}\n}`;
+}
+function pushTypography(lines, typography) {
+    const { fontFamily, headingFamily, baseFontSize, lineHeight, fontWeights = {}, letterSpacing = {} } = typography;
+    if (fontFamily) lines.push(`--typography-fontFamily: ${fontFamily};`);
+    if (headingFamily) lines.push(`--typography-headingFamily: ${headingFamily};`);
+    if (baseFontSize) lines.push(`--typography-baseFontSize: ${baseFontSize};`);
+    if (lineHeight) lines.push(`--typography-lineHeight: ${lineHeight};`);
+    Object.entries(fontWeights).forEach(([token, weight])=>{
+        if (weight) {
+            lines.push(`--typography-fontWeights-${token}: ${weight};`);
+        }
+    });
+    Object.entries(letterSpacing).forEach(([token, value])=>{
+        if (value) {
+            lines.push(`--typography-letterSpacing-${token}: ${value};`);
+        }
+    });
+}
+function pushLayoutDefaults(lines) {
+    lines.push('--layout-containerWidth: 1440px;');
+    lines.push('--layout-containerPadding: 1.5rem;');
+    lines.push('--layout-containerPaddingTablet: 2.5rem;');
+    lines.push('--layout-containerPaddingDesktop: 3rem;');
+    lines.push('--layout-sectionSpacing: 5rem;');
+    lines.push('--layout-sectionSpacingTablet: 7rem;');
+    lines.push('--layout-sectionSpacingDesktop: 9rem;');
+    lines.push('--layout-gridGap: 2rem;');
+    lines.push('--layout-gridGapTablet: 2.5rem;');
+    lines.push('--layout-gridGapDesktop: 3rem;');
+}
+function pushBorderRadius(lines, borderRadius) {
+    const presetKey = borderRadius ?? 'medium';
+    const preset = borderRadiusPresets[presetKey];
+    if (preset?.css) {
+        Object.entries(preset.css).forEach(([token, value])=>{
+            lines.push(`${token}: ${value};`);
+        });
+        const defaultRadius = preset.css['--radius-default'] ?? preset.css['--radius-medium'] ?? preset.css['--radius-large'] ?? preset.css['--radius'];
+        if (defaultRadius) {
+            lines.push(`--radius: ${defaultRadius};`);
+        }
+    }
+}
+function pushComponentDefaults(lines, lightMode) {
+    lines.push('--components-button-padding: 1rem 2.5rem;');
+    lines.push('--components-button-padding-large: 1.25rem 3rem;');
+    lines.push('--components-button-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);');
+    lines.push('--components-button-hover-scale: 1.02;');
+    lines.push('--components-button-hover-opacity: 0.9;');
+    lines.push('--components-button-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);');
+    lines.push('--components-button-hover-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);');
+    lines.push('--components-card-padding: 2.5rem;');
+    lines.push('--components-card-padding-compact: 1.5rem;');
+    lines.push('--components-card-shadow: 0 4px 16px -4px rgba(34, 42, 69, 0.12), 0 2px 8px -2px rgba(34, 42, 69, 0.08);');
+    lines.push('--components-card-hover-shadow: 0 12px 48px -12px rgba(34, 42, 69, 0.2), 0 8px 32px -8px rgba(34, 42, 69, 0.12);');
+    lines.push('--components-card-hover-transform: translateY(-8px) scale(1.02);');
+    const borderColor = toCssColor(lightMode?.border);
+    if (borderColor) {
+        lines.push(`--components-card-border: 1px solid ${borderColor};`);
+        lines.push(`--components-input-border: 1.5px solid ${borderColor};`);
+    }
+    const primaryColor = toCssColor(lightMode?.primary);
+    if (primaryColor) {
+        lines.push(`--components-input-focus-border: 2px solid ${primaryColor};`);
+    }
+    lines.push('--components-input-height: 3.5rem;');
+    lines.push('--components-input-padding: 1.25rem 1.75rem;');
+}
+const COLOR_TOKENS = [
+    {
+        key: 'background'
+    },
+    {
+        key: 'foreground'
+    },
+    {
+        key: 'card'
+    },
+    {
+        key: 'cardForeground'
+    },
+    {
+        key: 'popover'
+    },
+    {
+        key: 'popoverForeground'
+    },
+    {
+        key: 'primary',
+        wrapWithVar: true
+    },
+    {
+        key: 'primaryForeground'
+    },
+    {
+        key: 'secondary'
+    },
+    {
+        key: 'secondaryForeground'
+    },
+    {
+        key: 'muted'
+    },
+    {
+        key: 'mutedForeground'
+    },
+    {
+        key: 'accent',
+        wrapWithVar: true
+    },
+    {
+        key: 'accentForeground'
+    },
+    {
+        key: 'destructive'
+    },
+    {
+        key: 'destructiveForeground'
+    },
+    {
+        key: 'border'
+    },
+    {
+        key: 'input'
+    },
+    {
+        key: 'ring'
+    }
+];
+function pushColorTokens(lines, colors, mode) {
+    if (!colors) return;
+    COLOR_TOKENS.forEach(({ key, wrapWithVar })=>{
+        const value = toCssColor(colors[key]);
+        if (!value) return;
+        if (key === 'ring') {
+            lines.push('--ring: var(--primary);');
+            return;
+        }
+        if (wrapWithVar) {
+            const customVar = key === 'accent' ? '--accent-custom' : '--primary-custom';
+            lines.push(`--${toKebab(key)}: var(${customVar}, ${value});`);
+        } else {
+            lines.push(`--${toKebab(key)}: ${value};`);
+        }
+    });
+    if (mode === 'light') {
+        lines.push('--primary-hover: color-mix(in hsl, var(--primary), black 10%);');
+        lines.push('--secondary-hover: color-mix(in hsl, var(--secondary), black 10%);');
+        lines.push('--accent-hover: color-mix(in hsl, var(--accent), white 10%);');
+    } else {
+        lines.push('--primary-hover: color-mix(in hsl, var(--primary), white 10%);');
+        lines.push('--secondary-hover: color-mix(in hsl, var(--secondary), white 10%);');
+        lines.push('--accent-hover: color-mix(in hsl, var(--accent), white 10%);');
+    }
+}
+function pushStatusColors(lines, mode) {
+    if (mode === 'light') {
+        lines.push('--success: hsl(120, 60%, 40%);');
+        lines.push('--success-foreground: hsl(0, 0%, 100%);');
+        lines.push('--warning: hsl(42, 85%, 55%);');
+        lines.push('--warning-foreground: hsl(25, 15%, 15%);');
+        lines.push('--error: hsl(0, 85%, 52%);');
+        lines.push('--error-foreground: hsl(0, 0%, 100%);');
+        lines.push('--info: var(--primary);');
+        lines.push('--info-foreground: var(--primary-foreground);');
+    } else {
+        lines.push('--success: hsl(120, 60%, 50%);');
+        lines.push('--success-foreground: hsl(0, 0%, 10%);');
+        lines.push('--warning: hsl(42, 85%, 55%);');
+        lines.push('--warning-foreground: hsl(0, 0%, 10%);');
+        lines.push('--error: hsl(0, 85%, 52%);');
+        lines.push('--error-foreground: hsl(0, 0%, 100%);');
+        lines.push('--info: var(--primary);');
+        lines.push('--info-foreground: var(--primary-foreground);');
+    }
+}
+function pushDarkModeComponentOverrides(lines, darkMode) {
+    lines.push('--components-card-shadow: 0 8px 32px -8px rgba(0, 0, 0, 0.6), 0 4px 16px -4px rgba(0, 0, 0, 0.4);');
+    lines.push('--components-card-hover-shadow: 0 16px 64px -16px rgba(0, 0, 0, 0.8), 0 12px 40px -12px rgba(0, 0, 0, 0.6);');
+    const borderColor = toCssColor(darkMode?.border);
+    if (borderColor) {
+        lines.push(`--components-card-border: 1px solid ${borderColor};`);
+    }
+    const primaryColor = toCssColor(darkMode?.primary);
+    if (primaryColor) {
+        lines.push(`--components-input-focus-border: 2px solid ${primaryColor};`);
+    }
+}
+function toKebab(token) {
+    return token.replace(/[A-Z]/g, (match)=>`-${match.toLowerCase()}`);
+}
+function getDefaultTypography() {
+    return {
+        fontFamily: 'var(--font-geist-sans)',
+        headingFamily: 'var(--font-outfit)',
+        baseFontSize: '16px',
+        lineHeight: '1.75',
+        fontWeights: {
+            light: '300',
+            normal: '400',
+            medium: '500',
+            semibold: '600',
+            bold: '700',
+            black: '900'
+        },
+        letterSpacing: {
+            tight: '-0.02em',
+            normal: '0',
+            wide: '0.025em',
+            wider: '0.05em'
+        }
+    };
+}
+/**
+ * Generate CSS for all themes
+ */ export function generateAllThemesCSS(presets) {
+    return presets.map((preset)=>generateThemeCSS(preset)).join('\n\n');
+}
+
+//# sourceMappingURL=generateThemeCSS.js.map

package/dist/utils/generateThemeCSS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/generateThemeCSS.ts"],"sourcesContent":["import type { ThemePreset } from '../presets.js'\nimport { borderRadiusPresets } from '../providers/Theme/themeConfig.js'\n\n/**\n * Generates complete CSS for a theme preset\n * Creates both light and dark mode CSS variables\n */\nexport function generateThemeCSS(preset: ThemePreset): string {\n  const { name, label, borderRadius, typography, lightMode, darkMode } = preset\n\n  const rootLines: string[] = []\n  const darkLines: string[] = []\n\n  // Typography\n  const typographyPreset = typography ?? getDefaultTypography()\n  pushTypography(rootLines, typographyPreset)\n\n  // Layout (shared across themes)\n  pushLayoutDefaults(rootLines)\n\n  // Border radius based on preset definition\n  pushBorderRadius(rootLines, borderRadius)\n\n  // Component system defaults derived from colors\n  pushComponentDefaults(rootLines, lightMode)\n\n  // Light mode colours\n  pushColorTokens(rootLines, lightMode, 'light')\n\n  // Shared status colors (can be overridden later)\n  pushStatusColors(rootLines, 'light')\n\n  // Dark mode colors\n  pushColorTokens(darkLines, darkMode, 'dark')\n  pushStatusColors(darkLines, 'dark')\n  pushDarkModeComponentOverrides(darkLines, darkMode)\n\n  const sections: string[] = []\n  sections.push(`/* ${label} Theme */`)\n  sections.push(buildCssBlock(`[data-theme='${name}']`, rootLines))\n\n  sections.push(`\n/* ${label} Theme - Dark Mode */`)\n  sections.push(buildCssBlock(`[data-theme='${name}'][data-theme-mode='dark']`, darkLines))\n\n  return sections.join('\\n').trim()\n}\n\n/**\n * Convert HEX color to HSL format\n * Example: #3b82f6 -> hsl(221, 83%, 53%)\n */\nfunction hexToHsl(hex: string): string {\n  let normalized = hex.trim()\n  if (!normalized.startsWith('#')) {\n    normalized = `#${normalized}`\n  }\n\n  if (normalized.length === 4) {\n    normalized = `#${normalized[1]}${normalized[1]}${normalized[2]}${normalized[2]}${normalized[3]}${normalized[3]}`\n  }\n\n  const r = parseInt(normalized.substring(1, 3), 16) / 255\n  const g = parseInt(normalized.substring(3, 5), 16) / 255\n  const b = parseInt(normalized.substring(5, 7), 16) / 255\n\n  const max = Math.max(r, g, b)\n  const min = Math.min(r, g, b)\n  let h = 0\n  let s = 0\n  const l = (max + min) / 2\n\n  if (max !== min) {\n    const d = max - min\n    s = l > 0.5 ? d / (2 - max - min) : d / (max + min)\n\n    switch (max) {\n      case r:\n        h = ((g - b) / d + (g < b ? 6 : 0)) / 6\n        break\n      case g:\n        h = ((b - r) / d + 2) / 6\n        break\n      case b:\n        h = ((r - g) / d + 4) / 6\n        break\n    }\n  }\n\n  const hDeg = Math.round(h * 360)\n  const sPercent = Math.round(s * 100)\n  const lPercent = Math.round(l * 100)\n\n  return `hsl(${hDeg}, ${sPercent}%, ${lPercent}%)`\n}\n\nfunction toCssColor(color?: string | null): string | null {\n  if (!color) return null\n  const trimmed = color.trim()\n  if (/^var\\(/i.test(trimmed) || /^hsl\\(/i.test(trimmed) || /^rgb(a)?\\(/i.test(trimmed)) {\n    return trimmed\n  }\n  if (/^#?[0-9a-f]{6}$/i.test(trimmed) || /^#?[0-9a-f]{3}$/i.test(trimmed)) {\n    return hexToHsl(trimmed)\n  }\n  return trimmed\n}\n\nfunction buildCssBlock(selector: string, lines: string[]): string {\n  if (!lines.length) {\n    return `${selector} {}`\n  }\n\n  const body = lines.map((line) => (line.startsWith('--') ? `  ${line}` : line)).join('\\n')\n  return `${selector} {\\n${body}\\n}`\n}\n\nfunction pushTypography(lines: string[], typography: NonNullable<ThemePreset['typography']>): void {\n  const {\n    fontFamily,\n    headingFamily,\n    baseFontSize,\n    lineHeight,\n    fontWeights = {},\n    letterSpacing = {},\n  } = typography\n\n  if (fontFamily) lines.push(`--typography-fontFamily: ${fontFamily};`)\n  if (headingFamily) lines.push(`--typography-headingFamily: ${headingFamily};`)\n  if (baseFontSize) lines.push(`--typography-baseFontSize: ${baseFontSize};`)\n  if (lineHeight) lines.push(`--typography-lineHeight: ${lineHeight};`)\n\n  Object.entries(fontWeights).forEach(([token, weight]) => {\n    if (weight) {\n      lines.push(`--typography-fontWeights-${token}: ${weight};`)\n    }\n  })\n\n  Object.entries(letterSpacing).forEach(([token, value]) => {\n    if (value) {\n      lines.push(`--typography-letterSpacing-${token}: ${value};`)\n    }\n  })\n}\n\nfunction pushLayoutDefaults(lines: string[]): void {\n  lines.push('--layout-containerWidth: 1440px;')\n  lines.push('--layout-containerPadding: 1.5rem;')\n  lines.push('--layout-containerPaddingTablet: 2.5rem;')\n  lines.push('--layout-containerPaddingDesktop: 3rem;')\n  lines.push('--layout-sectionSpacing: 5rem;')\n  lines.push('--layout-sectionSpacingTablet: 7rem;')\n  lines.push('--layout-sectionSpacingDesktop: 9rem;')\n  lines.push('--layout-gridGap: 2rem;')\n  lines.push('--layout-gridGapTablet: 2.5rem;')\n  lines.push('--layout-gridGapDesktop: 3rem;')\n}\n\nfunction pushBorderRadius(lines: string[], borderRadius?: ThemePreset['borderRadius']): void {\n  const presetKey = borderRadius ?? 'medium'\n  const preset = borderRadiusPresets[presetKey]\n\n  if (preset?.css) {\n    Object.entries(preset.css).forEach(([token, value]) => {\n      lines.push(`${token}: ${value};`)\n    })\n\n    const defaultRadius =\n      preset.css['--radius-default'] ??\n      preset.css['--radius-medium'] ??\n      preset.css['--radius-large'] ??\n      preset.css['--radius']\n\n    if (defaultRadius) {\n      lines.push(`--radius: ${defaultRadius};`)\n    }\n  }\n}\n\nfunction pushComponentDefaults(lines: string[], lightMode?: ThemePreset['lightMode']): void {\n  lines.push('--components-button-padding: 1rem 2.5rem;')\n  lines.push('--components-button-padding-large: 1.25rem 3rem;')\n  lines.push('--components-button-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);')\n  lines.push('--components-button-hover-scale: 1.02;')\n  lines.push('--components-button-hover-opacity: 0.9;')\n  lines.push('--components-button-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);')\n  lines.push('--components-button-hover-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);')\n\n  lines.push('--components-card-padding: 2.5rem;')\n  lines.push('--components-card-padding-compact: 1.5rem;')\n  lines.push(\n    '--components-card-shadow: 0 4px 16px -4px rgba(34, 42, 69, 0.12), 0 2px 8px -2px rgba(34, 42, 69, 0.08);',\n  )\n  lines.push(\n    '--components-card-hover-shadow: 0 12px 48px -12px rgba(34, 42, 69, 0.2), 0 8px 32px -8px rgba(34, 42, 69, 0.12);',\n  )\n  lines.push('--components-card-hover-transform: translateY(-8px) scale(1.02);')\n\n  const borderColor = toCssColor(lightMode?.border)\n  if (borderColor) {\n    lines.push(`--components-card-border: 1px solid ${borderColor};`)\n    lines.push(`--components-input-border: 1.5px solid ${borderColor};`)\n  }\n\n  const primaryColor = toCssColor(lightMode?.primary)\n  if (primaryColor) {\n    lines.push(`--components-input-focus-border: 2px solid ${primaryColor};`)\n  }\n\n  lines.push('--components-input-height: 3.5rem;')\n  lines.push('--components-input-padding: 1.25rem 1.75rem;')\n}\n\nconst COLOR_TOKENS: Array<{\n  key: keyof NonNullable<ThemePreset['lightMode']>\n  wrapWithVar?: boolean\n}> = [\n  { key: 'background' },\n  { key: 'foreground' },\n  { key: 'card' },\n  { key: 'cardForeground' },\n  { key: 'popover' },\n  { key: 'popoverForeground' },\n  { key: 'primary', wrapWithVar: true },\n  { key: 'primaryForeground' },\n  { key: 'secondary' },\n  { key: 'secondaryForeground' },\n  { key: 'muted' },\n  { key: 'mutedForeground' },\n  { key: 'accent', wrapWithVar: true },\n  { key: 'accentForeground' },\n  { key: 'destructive' },\n  { key: 'destructiveForeground' },\n  { key: 'border' },\n  { key: 'input' },\n  { key: 'ring' },\n]\n\nfunction pushColorTokens(\n  lines: string[],\n  colors: ThemePreset['lightMode'] | ThemePreset['darkMode'],\n  mode: 'light' | 'dark',\n): void {\n  if (!colors) return\n\n  COLOR_TOKENS.forEach(({ key, wrapWithVar }) => {\n    const value = toCssColor(colors[key])\n    if (!value) return\n\n    if (key === 'ring') {\n      lines.push('--ring: var(--primary);')\n      return\n    }\n\n    if (wrapWithVar) {\n      const customVar = key === 'accent' ? '--accent-custom' : '--primary-custom'\n      lines.push(`--${toKebab(key)}: var(${customVar}, ${value});`)\n    } else {\n      lines.push(`--${toKebab(key)}: ${value};`)\n    }\n  })\n\n  if (mode === 'light') {\n    lines.push('--primary-hover: color-mix(in hsl, var(--primary), black 10%);')\n    lines.push('--secondary-hover: color-mix(in hsl, var(--secondary), black 10%);')\n    lines.push('--accent-hover: color-mix(in hsl, var(--accent), white 10%);')\n  } else {\n    lines.push('--primary-hover: color-mix(in hsl, var(--primary), white 10%);')\n    lines.push('--secondary-hover: color-mix(in hsl, var(--secondary), white 10%);')\n    lines.push('--accent-hover: color-mix(in hsl, var(--accent), white 10%);')\n  }\n}\n\nfunction pushStatusColors(lines: string[], mode: 'light' | 'dark'): void {\n  if (mode === 'light') {\n    lines.push('--success: hsl(120, 60%, 40%);')\n    lines.push('--success-foreground: hsl(0, 0%, 100%);')\n    lines.push('--warning: hsl(42, 85%, 55%);')\n    lines.push('--warning-foreground: hsl(25, 15%, 15%);')\n    lines.push('--error: hsl(0, 85%, 52%);')\n    lines.push('--error-foreground: hsl(0, 0%, 100%);')\n    lines.push('--info: var(--primary);')\n    lines.push('--info-foreground: var(--primary-foreground);')\n  } else {\n    lines.push('--success: hsl(120, 60%, 50%);')\n    lines.push('--success-foreground: hsl(0, 0%, 10%);')\n    lines.push('--warning: hsl(42, 85%, 55%);')\n    lines.push('--warning-foreground: hsl(0, 0%, 10%);')\n    lines.push('--error: hsl(0, 85%, 52%);')\n    lines.push('--error-foreground: hsl(0, 0%, 100%);')\n    lines.push('--info: var(--primary);')\n    lines.push('--info-foreground: var(--primary-foreground);')\n  }\n}\n\nfunction pushDarkModeComponentOverrides(lines: string[], darkMode?: ThemePreset['darkMode']): void {\n  lines.push(\n    '--components-card-shadow: 0 8px 32px -8px rgba(0, 0, 0, 0.6), 0 4px 16px -4px rgba(0, 0, 0, 0.4);',\n  )\n  lines.push(\n    '--components-card-hover-shadow: 0 16px 64px -16px rgba(0, 0, 0, 0.8), 0 12px 40px -12px rgba(0, 0, 0, 0.6);',\n  )\n\n  const borderColor = toCssColor(darkMode?.border)\n  if (borderColor) {\n    lines.push(`--components-card-border: 1px solid ${borderColor};`)\n  }\n\n  const primaryColor = toCssColor(darkMode?.primary)\n  if (primaryColor) {\n    lines.push(`--components-input-focus-border: 2px solid ${primaryColor};`)\n  }\n}\n\nfunction toKebab(token: string): string {\n  return token.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`)\n}\n\nfunction getDefaultTypography(): NonNullable<ThemePreset['typography']> {\n  return {\n    fontFamily: 'var(--font-geist-sans)',\n    headingFamily: 'var(--font-outfit)',\n    baseFontSize: '16px',\n    lineHeight: '1.75',\n    fontWeights: {\n      light: '300',\n      normal: '400',\n      medium: '500',\n      semibold: '600',\n      bold: '700',\n      black: '900',\n    },\n    letterSpacing: {\n      tight: '-0.02em',\n      normal: '0',\n      wide: '0.025em',\n      wider: '0.05em',\n    },\n  }\n}\n\n/**\n * Generate CSS for all themes\n */\nexport function generateAllThemesCSS(presets: ThemePreset[]): string {\n  return presets.map((preset) => generateThemeCSS(preset)).join('\\n\\n')\n}\n"],"names":["borderRadiusPresets","generateThemeCSS","preset","name","label","borderRadius","typography","lightMode","darkMode","rootLines","darkLines","typographyPreset","getDefaultTypography","pushTypography","pushLayoutDefaults","pushBorderRadius","pushComponentDefaults","pushColorTokens","pushStatusColors","pushDarkModeComponentOverrides","sections","push","buildCssBlock","join","trim","hexToHsl","hex","normalized","startsWith","length","r","parseInt","substring","g","b","max","Math","min","h","s","l","d","hDeg","round","sPercent","lPercent","toCssColor","color","trimmed","test","selector","lines","body","map","line","fontFamily","headingFamily","baseFontSize","lineHeight","fontWeights","letterSpacing","Object","entries","forEach","token","weight","value","presetKey","css","defaultRadius","borderColor","border","primaryColor","primary","COLOR_TOKENS","key","wrapWithVar","colors","mode","customVar","toKebab","replace","match","toLowerCase","light","normal","medium","semibold","bold","black","tight","wide","wider","generateAllThemesCSS","presets"],"mappings":"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"}

package/dist/utils/resolveThemeConfiguration.d.ts

@@ -1,5 +1,5 @@
-import type { Mode, ThemeDefaults } from '../providers/Theme/types.js';
 import type { ThemeTypographyPreset } from '../presets.js';
+import type { Mode, ThemeDefaults } from '../providers/Theme/types.js';
 /**
  * Generic theme configuration structure that matches Payload's generated types
  * without depending on specific payload-types versions

package/dist/utils/resolveThemeConfiguration.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resolveThemeConfiguration.d.ts","sourceRoot":"","sources":["../../src/utils/resolveThemeConfiguration.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"resolveThemeConfiguration.d.ts","sourceRoot":"","sources":["../../src/utils/resolveThemeConfiguration.ts"],"names":[],"mappings":"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"}

package/dist/utils/resolveThemeConfiguration.js

@@ -1,6 +1,6 @@
 import { FONT_VALUE_TO_CSS } from '../constants/themeFonts.js';
+import { allThemePresets } from '../presets.js';
 import { themeIsValid } from '../providers/Theme/types.js';
-import { defaultThemePresets } from '../presets.js';
 const BORDER_RADIUS_VALUES = [
     'none',
     'small',
@@ -36,7 +36,7 @@ const MODE_VALUES = [
     'dark'
 ];
 const DEFAULT_THEME_NAME = 'cool';
-const DEFAULT_THEME_PRESET = defaultThemePresets.find((preset)=>preset.name === DEFAULT_THEME_NAME);
+const DEFAULT_THEME_PRESET = allThemePresets.find((preset)=>preset.name === DEFAULT_THEME_NAME);
 export const DEFAULT_THEME_CONFIGURATION = {
     theme: DEFAULT_THEME_NAME,
     colorMode: 'auto',
@@ -96,7 +96,7 @@ export function resolveThemeConfiguration(themeConfiguration) {
     const resolvedAnimationLevel = resolveAnimationLevel(animationLevel);
     const resolvedAllowToggle = typeof allowColorModeToggle === 'boolean' ? allowColorModeToggle : DEFAULT_THEME_CONFIGURATION.allowColorModeToggle;
     const resolvedCustomCSS = typeof customCSS === 'string' ? customCSS : null;
-    const preset = defaultThemePresets.find((candidate)=>candidate.name === resolvedTheme);
+    const preset = allThemePresets.find((candidate)=>candidate.name === resolvedTheme);
     const baseLightMode = preset?.lightMode ?? DEFAULT_THEME_CONFIGURATION.lightMode;
     const baseDarkMode = preset?.darkMode ?? DEFAULT_THEME_CONFIGURATION.darkMode;
     const resolvedLightMode = mergeColorModes(baseLightMode, lightMode);

package/dist/utils/resolveThemeConfiguration.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/resolveThemeConfiguration.ts"],"sourcesContent":["import { FONT_VALUE_TO_CSS } from '../constants/themeFonts.js'\nimport type { Mode, ThemeDefaults } from '../providers/Theme/types.js'\nimport { themeIsValid } from '../providers/Theme/types.js'\nimport type { ThemeTypographyPreset } from '../presets.js'\nimport { defaultThemePresets } from '../presets.js'\n\n/**\n * Generic theme configuration structure that matches Payload's generated types\n * without depending on specific payload-types versions\n */\ninterface ThemeTypographyOverride {\n  bodyFont?: string | null\n  headingFont?: string | null\n  bodyFontCustom?: string | null\n  headingFontCustom?: string | null\n  baseFontSize?: string | null\n  lineHeight?: string | null\n}\n\n/**\n * Generic theme configuration interface that accepts any compatible structure\n * This avoids type conflicts between different versions of payload-types\n */\ninterface GenericThemeConfiguration {\n  theme?: string | null\n  colorMode?: string | null\n  allowColorModeToggle?: boolean | null\n  borderRadius?: string | null\n  fontScale?: string | null\n  spacing?: string | null\n  animationLevel?: string | null\n  customCSS?: string | null\n  lightMode?: {\n    primary?: string | null\n    secondary?: string | null\n    accent?: string | null\n    neutral?: string | null\n    success?: string | null\n    warning?: string | null\n    error?: string | null\n    info?: string | null\n  } | null\n  darkMode?: {\n    primary?: string | null\n    secondary?: string | null\n    accent?: string | null\n    neutral?: string | null\n    success?: string | null\n    warning?: string | null\n    error?: string | null\n    info?: string | null\n  } | null\n  typography?: ThemeTypographyOverride | null\n}\n\nconst BORDER_RADIUS_VALUES = ['none', 'small', 'medium', 'large', 'xl'] as const\nconst LEGACY_BORDER_RADIUS_ALIASES: Record<string, (typeof BORDER_RADIUS_VALUES)[number]> = {\n  full: 'xl',\n}\nconst FONT_SCALE_VALUES = ['small', 'medium', 'large'] as const\nconst SPACING_VALUES = ['compact', 'medium', 'spacious'] as const\nconst ANIMATION_LEVEL_VALUES = ['none', 'reduced', 'medium', 'high'] as const\nconst LEGACY_ANIMATION_ALIASES: Record<string, (typeof ANIMATION_LEVEL_VALUES)[number]> = {\n  full: 'high',\n}\nconst MODE_VALUES = ['auto', 'light', 'dark'] as const\n\ntype BorderRadiusOption = (typeof BORDER_RADIUS_VALUES)[number]\ntype FontScaleOption = (typeof FONT_SCALE_VALUES)[number]\ntype SpacingOption = (typeof SPACING_VALUES)[number]\ntype AnimationLevelOption = (typeof ANIMATION_LEVEL_VALUES)[number]\n\ntype ThemeModeOption = (typeof MODE_VALUES)[number]\n\ntype ThemeColorConfiguration = NonNullable<GenericThemeConfiguration['lightMode']>\n\nconst DEFAULT_THEME_NAME: ThemeDefaults = 'cool'\nconst DEFAULT_THEME_PRESET = defaultThemePresets.find(\n  (preset) => preset.name === DEFAULT_THEME_NAME,\n)\n\nexport interface ResolvedThemeConfiguration {\n  theme: ThemeDefaults\n  colorMode: Mode\n  allowColorModeToggle: boolean\n  borderRadius: BorderRadiusOption\n  fontScale: FontScaleOption\n  spacing: SpacingOption\n  animationLevel: AnimationLevelOption\n  customCSS: string | null\n  lightMode?: ThemeColorConfiguration\n  darkMode?: ThemeColorConfiguration\n  typography: ThemeTypographyPreset | null\n}\n\nexport const DEFAULT_THEME_CONFIGURATION: ResolvedThemeConfiguration = {\n  theme: DEFAULT_THEME_NAME,\n  colorMode: 'auto',\n  allowColorModeToggle: true,\n  borderRadius: 'medium',\n  fontScale: 'medium',\n  spacing: 'medium',\n  animationLevel: 'medium',\n  customCSS: null,\n  lightMode: DEFAULT_THEME_PRESET?.lightMode,\n  darkMode: DEFAULT_THEME_PRESET?.darkMode,\n  typography: DEFAULT_THEME_PRESET?.typography ?? null,\n}\n\nfunction resolveBorderRadius(value: unknown): BorderRadiusOption {\n  if (typeof value === 'string') {\n    if (BORDER_RADIUS_VALUES.includes(value as BorderRadiusOption)) {\n      return value as BorderRadiusOption\n    }\n\n    const legacyMatch = LEGACY_BORDER_RADIUS_ALIASES[value]\n    if (legacyMatch) {\n      return legacyMatch\n    }\n  }\n\n  return DEFAULT_THEME_CONFIGURATION.borderRadius\n}\n\nfunction isFontScale(value: unknown): value is FontScaleOption {\n  return typeof value === 'string' && FONT_SCALE_VALUES.includes(value as FontScaleOption)\n}\n\nfunction isSpacing(value: unknown): value is SpacingOption {\n  return typeof value === 'string' && SPACING_VALUES.includes(value as SpacingOption)\n}\n\nfunction resolveAnimationLevel(value: unknown): AnimationLevelOption {\n  if (typeof value === 'string') {\n    if (ANIMATION_LEVEL_VALUES.includes(value as AnimationLevelOption)) {\n      return value as AnimationLevelOption\n    }\n\n    const legacyMatch = LEGACY_ANIMATION_ALIASES[value]\n    if (legacyMatch) {\n      return legacyMatch\n    }\n  }\n\n  return DEFAULT_THEME_CONFIGURATION.animationLevel\n}\n\nfunction isMode(value: unknown): value is ThemeModeOption {\n  return typeof value === 'string' && MODE_VALUES.includes(value as ThemeModeOption)\n}\n\nexport function resolveThemeConfiguration(\n  themeConfiguration?: GenericThemeConfiguration | null,\n): ResolvedThemeConfiguration {\n  if (!themeConfiguration) {\n    return DEFAULT_THEME_CONFIGURATION\n  }\n\n  const {\n    theme,\n    colorMode,\n    allowColorModeToggle,\n    borderRadius,\n    fontScale,\n    spacing,\n    animationLevel,\n    customCSS,\n    lightMode,\n    darkMode,\n    typography,\n  } = themeConfiguration\n\n  const resolvedTheme =\n    typeof theme === 'string' && themeIsValid(theme)\n      ? (theme as ThemeDefaults)\n      : DEFAULT_THEME_CONFIGURATION.theme\n  const resolvedMode = isMode(colorMode)\n    ? (colorMode as Mode)\n    : DEFAULT_THEME_CONFIGURATION.colorMode\n  const resolvedBorderRadius = resolveBorderRadius(borderRadius)\n  const resolvedFontScale = isFontScale(fontScale)\n    ? fontScale\n    : DEFAULT_THEME_CONFIGURATION.fontScale\n  const resolvedSpacing = isSpacing(spacing) ? spacing : DEFAULT_THEME_CONFIGURATION.spacing\n  const resolvedAnimationLevel = resolveAnimationLevel(animationLevel)\n  const resolvedAllowToggle =\n    typeof allowColorModeToggle === 'boolean'\n      ? allowColorModeToggle\n      : DEFAULT_THEME_CONFIGURATION.allowColorModeToggle\n  const resolvedCustomCSS = typeof customCSS === 'string' ? customCSS : null\n  const preset = defaultThemePresets.find((candidate) => candidate.name === resolvedTheme)\n  const baseLightMode = preset?.lightMode ?? DEFAULT_THEME_CONFIGURATION.lightMode\n  const baseDarkMode = preset?.darkMode ?? DEFAULT_THEME_CONFIGURATION.darkMode\n  const resolvedLightMode = mergeColorModes(baseLightMode, lightMode)\n  const resolvedDarkMode = mergeColorModes(baseDarkMode, darkMode)\n  const resolvedTypography =\n    mergeTypography(preset?.typography, typography) ?? preset?.typography ?? null\n\n  return {\n    theme: resolvedTheme,\n    colorMode: resolvedMode,\n    allowColorModeToggle: resolvedAllowToggle,\n    borderRadius: resolvedBorderRadius,\n    fontScale: resolvedFontScale,\n    spacing: resolvedSpacing,\n    animationLevel: resolvedAnimationLevel,\n    customCSS: resolvedCustomCSS,\n    lightMode: resolvedLightMode,\n    darkMode: resolvedDarkMode,\n    typography: resolvedTypography,\n  }\n}\n\nfunction mergeColorModes(\n  base?: ThemeColorConfiguration,\n  overrides?: GenericThemeConfiguration['lightMode'],\n): ThemeColorConfiguration | undefined {\n  const merged: Record<string, string> = {}\n\n  if (base) {\n    Object.entries(base).forEach(([key, value]) => {\n      if (typeof value === 'string' && value.trim().length > 0) {\n        merged[key] = value\n      }\n    })\n  }\n\n  if (overrides) {\n    Object.entries(overrides).forEach(([key, value]) => {\n      if (typeof value === 'string' && value.trim().length > 0) {\n        merged[key] = value\n      } else if (value === null) {\n        delete merged[key]\n      }\n    })\n  }\n\n  return Object.keys(merged).length > 0 ? (merged as ThemeColorConfiguration) : undefined\n}\n\nfunction mergeTypography(\n  base?: ThemeTypographyPreset | null,\n  overrides?: ThemeTypographyOverride | null,\n): ThemeTypographyPreset | null {\n  if (!base && !overrides) {\n    return base ?? null\n  }\n\n  const result: ThemeTypographyPreset = {\n    fontFamily: base?.fontFamily ?? 'var(--font-geist-sans)',\n    headingFamily: base?.headingFamily ?? 'var(--font-geist-sans)',\n    baseFontSize: base?.baseFontSize ?? '16px',\n    lineHeight: base?.lineHeight ?? '1.6',\n    fontWeights: { ...(base?.fontWeights ?? {}) },\n    letterSpacing: { ...(base?.letterSpacing ?? {}) },\n  }\n\n  if (overrides) {\n    const resolvedBodyFont = resolveFontSelection(\n      overrides.bodyFont,\n      overrides.bodyFontCustom,\n      base?.fontFamily,\n    )\n    if (resolvedBodyFont) {\n      result.fontFamily = resolvedBodyFont\n    }\n\n    const resolvedHeadingFont = resolveFontSelection(\n      overrides.headingFont,\n      overrides.headingFontCustom,\n      base?.headingFamily,\n    )\n    if (resolvedHeadingFont) {\n      result.headingFamily = resolvedHeadingFont\n    }\n\n    if (overrides.baseFontSize && overrides.baseFontSize !== 'preset') {\n      result.baseFontSize = overrides.baseFontSize\n    }\n\n    if (overrides.lineHeight && overrides.lineHeight !== 'preset') {\n      result.lineHeight = overrides.lineHeight\n    }\n  }\n\n  return result\n}\n\nfunction resolveFontSelection(\n  selection?: string | null,\n  custom?: string | null,\n  fallback?: string | null,\n): string | null {\n  if (!selection || selection === 'preset') {\n    return fallback ?? null\n  }\n\n  if (selection === 'custom') {\n    const trimmed = custom?.trim()\n    return trimmed && trimmed.length > 0 ? trimmed : (fallback ?? null)\n  }\n\n  const mapped = FONT_VALUE_TO_CSS[selection]\n  return mapped ?? fallback ?? null\n}\n"],"names":["FONT_VALUE_TO_CSS","themeIsValid","defaultThemePresets","BORDER_RADIUS_VALUES","LEGACY_BORDER_RADIUS_ALIASES","full","FONT_SCALE_VALUES","SPACING_VALUES","ANIMATION_LEVEL_VALUES","LEGACY_ANIMATION_ALIASES","MODE_VALUES","DEFAULT_THEME_NAME","DEFAULT_THEME_PRESET","find","preset","name","DEFAULT_THEME_CONFIGURATION","theme","colorMode","allowColorModeToggle","borderRadius","fontScale","spacing","animationLevel","customCSS","lightMode","darkMode","typography","resolveBorderRadius","value","includes","legacyMatch","isFontScale","isSpacing","resolveAnimationLevel","isMode","resolveThemeConfiguration","themeConfiguration","resolvedTheme","resolvedMode","resolvedBorderRadius","resolvedFontScale","resolvedSpacing","resolvedAnimationLevel","resolvedAllowToggle","resolvedCustomCSS","candidate","baseLightMode","baseDarkMode","resolvedLightMode","mergeColorModes","resolvedDarkMode","resolvedTypography","mergeTypography","base","overrides","merged","Object","entries","forEach","key","trim","length","keys","undefined","result","fontFamily","headingFamily","baseFontSize","lineHeight","fontWeights","letterSpacing","resolvedBodyFont","resolveFontSelection","bodyFont","bodyFontCustom","resolvedHeadingFont","headingFont","headingFontCustom","selection","custom","fallback","trimmed","mapped"],"mappings":"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"}
+{"version":3,"sources":["../../src/utils/resolveThemeConfiguration.ts"],"sourcesContent":["import { FONT_VALUE_TO_CSS } from '../constants/themeFonts.js'\nimport type { ThemeTypographyPreset } from '../presets.js'\nimport { allThemePresets } from '../presets.js'\nimport type { Mode, ThemeDefaults } from '../providers/Theme/types.js'\nimport { themeIsValid } from '../providers/Theme/types.js'\n\n/**\n * Generic theme configuration structure that matches Payload's generated types\n * without depending on specific payload-types versions\n */\ninterface ThemeTypographyOverride {\n  bodyFont?: string | null\n  headingFont?: string | null\n  bodyFontCustom?: string | null\n  headingFontCustom?: string | null\n  baseFontSize?: string | null\n  lineHeight?: string | null\n}\n\n/**\n * Generic theme configuration interface that accepts any compatible structure\n * This avoids type conflicts between different versions of payload-types\n */\ninterface GenericThemeConfiguration {\n  theme?: string | null\n  colorMode?: string | null\n  allowColorModeToggle?: boolean | null\n  borderRadius?: string | null\n  fontScale?: string | null\n  spacing?: string | null\n  animationLevel?: string | null\n  customCSS?: string | null\n  lightMode?: {\n    primary?: string | null\n    secondary?: string | null\n    accent?: string | null\n    neutral?: string | null\n    success?: string | null\n    warning?: string | null\n    error?: string | null\n    info?: string | null\n  } | null\n  darkMode?: {\n    primary?: string | null\n    secondary?: string | null\n    accent?: string | null\n    neutral?: string | null\n    success?: string | null\n    warning?: string | null\n    error?: string | null\n    info?: string | null\n  } | null\n  typography?: ThemeTypographyOverride | null\n}\n\nconst BORDER_RADIUS_VALUES = ['none', 'small', 'medium', 'large', 'xl'] as const\nconst LEGACY_BORDER_RADIUS_ALIASES: Record<string, (typeof BORDER_RADIUS_VALUES)[number]> = {\n  full: 'xl',\n}\nconst FONT_SCALE_VALUES = ['small', 'medium', 'large'] as const\nconst SPACING_VALUES = ['compact', 'medium', 'spacious'] as const\nconst ANIMATION_LEVEL_VALUES = ['none', 'reduced', 'medium', 'high'] as const\nconst LEGACY_ANIMATION_ALIASES: Record<string, (typeof ANIMATION_LEVEL_VALUES)[number]> = {\n  full: 'high',\n}\nconst MODE_VALUES = ['auto', 'light', 'dark'] as const\n\ntype BorderRadiusOption = (typeof BORDER_RADIUS_VALUES)[number]\ntype FontScaleOption = (typeof FONT_SCALE_VALUES)[number]\ntype SpacingOption = (typeof SPACING_VALUES)[number]\ntype AnimationLevelOption = (typeof ANIMATION_LEVEL_VALUES)[number]\n\ntype ThemeModeOption = (typeof MODE_VALUES)[number]\n\ntype ThemeColorConfiguration = NonNullable<GenericThemeConfiguration['lightMode']>\n\nconst DEFAULT_THEME_NAME: ThemeDefaults = 'cool'\nconst DEFAULT_THEME_PRESET = allThemePresets.find((preset) => preset.name === DEFAULT_THEME_NAME)\n\nexport interface ResolvedThemeConfiguration {\n  theme: ThemeDefaults\n  colorMode: Mode\n  allowColorModeToggle: boolean\n  borderRadius: BorderRadiusOption\n  fontScale: FontScaleOption\n  spacing: SpacingOption\n  animationLevel: AnimationLevelOption\n  customCSS: string | null\n  lightMode?: ThemeColorConfiguration\n  darkMode?: ThemeColorConfiguration\n  typography: ThemeTypographyPreset | null\n}\n\nexport const DEFAULT_THEME_CONFIGURATION: ResolvedThemeConfiguration = {\n  theme: DEFAULT_THEME_NAME,\n  colorMode: 'auto',\n  allowColorModeToggle: true,\n  borderRadius: 'medium',\n  fontScale: 'medium',\n  spacing: 'medium',\n  animationLevel: 'medium',\n  customCSS: null,\n  lightMode: DEFAULT_THEME_PRESET?.lightMode,\n  darkMode: DEFAULT_THEME_PRESET?.darkMode,\n  typography: DEFAULT_THEME_PRESET?.typography ?? null,\n}\n\nfunction resolveBorderRadius(value: unknown): BorderRadiusOption {\n  if (typeof value === 'string') {\n    if (BORDER_RADIUS_VALUES.includes(value as BorderRadiusOption)) {\n      return value as BorderRadiusOption\n    }\n\n    const legacyMatch = LEGACY_BORDER_RADIUS_ALIASES[value]\n    if (legacyMatch) {\n      return legacyMatch\n    }\n  }\n\n  return DEFAULT_THEME_CONFIGURATION.borderRadius\n}\n\nfunction isFontScale(value: unknown): value is FontScaleOption {\n  return typeof value === 'string' && FONT_SCALE_VALUES.includes(value as FontScaleOption)\n}\n\nfunction isSpacing(value: unknown): value is SpacingOption {\n  return typeof value === 'string' && SPACING_VALUES.includes(value as SpacingOption)\n}\n\nfunction resolveAnimationLevel(value: unknown): AnimationLevelOption {\n  if (typeof value === 'string') {\n    if (ANIMATION_LEVEL_VALUES.includes(value as AnimationLevelOption)) {\n      return value as AnimationLevelOption\n    }\n\n    const legacyMatch = LEGACY_ANIMATION_ALIASES[value]\n    if (legacyMatch) {\n      return legacyMatch\n    }\n  }\n\n  return DEFAULT_THEME_CONFIGURATION.animationLevel\n}\n\nfunction isMode(value: unknown): value is ThemeModeOption {\n  return typeof value === 'string' && MODE_VALUES.includes(value as ThemeModeOption)\n}\n\nexport function resolveThemeConfiguration(\n  themeConfiguration?: GenericThemeConfiguration | null,\n): ResolvedThemeConfiguration {\n  if (!themeConfiguration) {\n    return DEFAULT_THEME_CONFIGURATION\n  }\n\n  const {\n    theme,\n    colorMode,\n    allowColorModeToggle,\n    borderRadius,\n    fontScale,\n    spacing,\n    animationLevel,\n    customCSS,\n    lightMode,\n    darkMode,\n    typography,\n  } = themeConfiguration\n\n  const resolvedTheme =\n    typeof theme === 'string' && themeIsValid(theme)\n      ? (theme as ThemeDefaults)\n      : DEFAULT_THEME_CONFIGURATION.theme\n  const resolvedMode = isMode(colorMode)\n    ? (colorMode as Mode)\n    : DEFAULT_THEME_CONFIGURATION.colorMode\n  const resolvedBorderRadius = resolveBorderRadius(borderRadius)\n  const resolvedFontScale = isFontScale(fontScale)\n    ? fontScale\n    : DEFAULT_THEME_CONFIGURATION.fontScale\n  const resolvedSpacing = isSpacing(spacing) ? spacing : DEFAULT_THEME_CONFIGURATION.spacing\n  const resolvedAnimationLevel = resolveAnimationLevel(animationLevel)\n  const resolvedAllowToggle =\n    typeof allowColorModeToggle === 'boolean'\n      ? allowColorModeToggle\n      : DEFAULT_THEME_CONFIGURATION.allowColorModeToggle\n  const resolvedCustomCSS = typeof customCSS === 'string' ? customCSS : null\n  const preset = allThemePresets.find((candidate) => candidate.name === resolvedTheme)\n  const baseLightMode = preset?.lightMode ?? DEFAULT_THEME_CONFIGURATION.lightMode\n  const baseDarkMode = preset?.darkMode ?? DEFAULT_THEME_CONFIGURATION.darkMode\n  const resolvedLightMode = mergeColorModes(baseLightMode, lightMode)\n  const resolvedDarkMode = mergeColorModes(baseDarkMode, darkMode)\n  const resolvedTypography =\n    mergeTypography(preset?.typography, typography) ?? preset?.typography ?? null\n\n  return {\n    theme: resolvedTheme,\n    colorMode: resolvedMode,\n    allowColorModeToggle: resolvedAllowToggle,\n    borderRadius: resolvedBorderRadius,\n    fontScale: resolvedFontScale,\n    spacing: resolvedSpacing,\n    animationLevel: resolvedAnimationLevel,\n    customCSS: resolvedCustomCSS,\n    lightMode: resolvedLightMode,\n    darkMode: resolvedDarkMode,\n    typography: resolvedTypography,\n  }\n}\n\nfunction mergeColorModes(\n  base?: ThemeColorConfiguration,\n  overrides?: GenericThemeConfiguration['lightMode'],\n): ThemeColorConfiguration | undefined {\n  const merged: Record<string, string> = {}\n\n  if (base) {\n    Object.entries(base).forEach(([key, value]) => {\n      if (typeof value === 'string' && value.trim().length > 0) {\n        merged[key] = value\n      }\n    })\n  }\n\n  if (overrides) {\n    Object.entries(overrides).forEach(([key, value]) => {\n      if (typeof value === 'string' && value.trim().length > 0) {\n        merged[key] = value\n      } else if (value === null) {\n        delete merged[key]\n      }\n    })\n  }\n\n  return Object.keys(merged).length > 0 ? (merged as ThemeColorConfiguration) : undefined\n}\n\nfunction mergeTypography(\n  base?: ThemeTypographyPreset | null,\n  overrides?: ThemeTypographyOverride | null,\n): ThemeTypographyPreset | null {\n  if (!base && !overrides) {\n    return base ?? null\n  }\n\n  const result: ThemeTypographyPreset = {\n    fontFamily: base?.fontFamily ?? 'var(--font-geist-sans)',\n    headingFamily: base?.headingFamily ?? 'var(--font-geist-sans)',\n    baseFontSize: base?.baseFontSize ?? '16px',\n    lineHeight: base?.lineHeight ?? '1.6',\n    fontWeights: { ...(base?.fontWeights ?? {}) },\n    letterSpacing: { ...(base?.letterSpacing ?? {}) },\n  }\n\n  if (overrides) {\n    const resolvedBodyFont = resolveFontSelection(\n      overrides.bodyFont,\n      overrides.bodyFontCustom,\n      base?.fontFamily,\n    )\n    if (resolvedBodyFont) {\n      result.fontFamily = resolvedBodyFont\n    }\n\n    const resolvedHeadingFont = resolveFontSelection(\n      overrides.headingFont,\n      overrides.headingFontCustom,\n      base?.headingFamily,\n    )\n    if (resolvedHeadingFont) {\n      result.headingFamily = resolvedHeadingFont\n    }\n\n    if (overrides.baseFontSize && overrides.baseFontSize !== 'preset') {\n      result.baseFontSize = overrides.baseFontSize\n    }\n\n    if (overrides.lineHeight && overrides.lineHeight !== 'preset') {\n      result.lineHeight = overrides.lineHeight\n    }\n  }\n\n  return result\n}\n\nfunction resolveFontSelection(\n  selection?: string | null,\n  custom?: string | null,\n  fallback?: string | null,\n): string | null {\n  if (!selection || selection === 'preset') {\n    return fallback ?? null\n  }\n\n  if (selection === 'custom') {\n    const trimmed = custom?.trim()\n    return trimmed && trimmed.length > 0 ? trimmed : (fallback ?? null)\n  }\n\n  const mapped = FONT_VALUE_TO_CSS[selection]\n  return mapped ?? fallback ?? null\n}\n"],"names":["FONT_VALUE_TO_CSS","allThemePresets","themeIsValid","BORDER_RADIUS_VALUES","LEGACY_BORDER_RADIUS_ALIASES","full","FONT_SCALE_VALUES","SPACING_VALUES","ANIMATION_LEVEL_VALUES","LEGACY_ANIMATION_ALIASES","MODE_VALUES","DEFAULT_THEME_NAME","DEFAULT_THEME_PRESET","find","preset","name","DEFAULT_THEME_CONFIGURATION","theme","colorMode","allowColorModeToggle","borderRadius","fontScale","spacing","animationLevel","customCSS","lightMode","darkMode","typography","resolveBorderRadius","value","includes","legacyMatch","isFontScale","isSpacing","resolveAnimationLevel","isMode","resolveThemeConfiguration","themeConfiguration","resolvedTheme","resolvedMode","resolvedBorderRadius","resolvedFontScale","resolvedSpacing","resolvedAnimationLevel","resolvedAllowToggle","resolvedCustomCSS","candidate","baseLightMode","baseDarkMode","resolvedLightMode","mergeColorModes","resolvedDarkMode","resolvedTypography","mergeTypography","base","overrides","merged","Object","entries","forEach","key","trim","length","keys","undefined","result","fontFamily","headingFamily","baseFontSize","lineHeight","fontWeights","letterSpacing","resolvedBodyFont","resolveFontSelection","bodyFont","bodyFontCustom","resolvedHeadingFont","headingFont","headingFontCustom","selection","custom","fallback","trimmed","mapped"],"mappings":"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"}

package/dist/utils/themeAssets.d.ts

@@ -1,6 +1,13 @@
 import type { ThemeDefaults } from '../providers/Theme/types.js';
 export declare function getThemeCriticalCSS(theme: ThemeDefaults): Promise<string | null>;
+export declare function getThemeCSS(theme: ThemeDefaults): string | null;
+/**
+ * @deprecated Static CSS files have been removed. This function now returns an empty string.
+ */
 export declare function getThemeCSSPath(theme: ThemeDefaults): string;
+/**
+ * @deprecated Preload links are no longer required when CSS is inlined dynamically.
+ */
 export declare function generateThemePreloadLinks(theme: ThemeDefaults): string;
 export declare function createFallbackCriticalCSS(theme: ThemeDefaults): string;
 //# sourceMappingURL=themeAssets.d.ts.map

package/dist/utils/themeAssets.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"themeAssets.d.ts","sourceRoot":"","sources":["../../src/utils/themeAssets.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAwBhE,wBAAsB,mBAAmB,CAAC,KAAK,EAAE,aAAa,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAgBtF;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,aAAa,GAAG,MAAM,CAG5D;AAED,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,aAAa,GAAG,MAAM,CAGtE;AAED,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,aAAa,GAAG,MAAM,CAmBtE"}
+{"version":3,"file":"themeAssets.d.ts","sourceRoot":"","sources":["../../src/utils/themeAssets.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAOhE,wBAAsB,mBAAmB,CAAC,KAAK,EAAE,aAAa,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAYtF;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,aAAa,GAAG,MAAM,GAAG,IAAI,CAG/D;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,aAAa,GAAG,MAAM,CAK5D;AAED;;GAEG;AACH,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,aAAa,GAAG,MAAM,CAKtE;AAED,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,aAAa,GAAG,MAAM,CAmBtE"}

package/dist/utils/themeAssets.js

@@ -1,47 +1,35 @@
-import { readFile } from 'fs/promises';
-import { join } from 'path';
-const themeCriticalFiles = {
-    cool: 'cool-critical.css',
-    brutal: 'brutal-critical.css',
-    neon: 'neon-critical.css',
-    solar: 'solar-critical.css',
-    dealership: 'dealership-critical.css',
-    'real-estate': 'real-estate-critical.css',
-    'real-estate-gold': 'real-estate-gold-critical.css',
-    'real-estate-neutral': 'real-estate-neutral-critical.css'
-};
-const themeFullFiles = {
-    cool: 'cool.css',
-    brutal: 'brutal.css',
-    neon: 'neon.css',
-    solar: 'solar.css',
-    dealership: 'dealership.css',
-    'real-estate': 'real-estate.css',
-    'real-estate-gold': 'real-estate-gold.css',
-    'real-estate-neutral': 'real-estate-neutral.css'
-};
+import { getThemeDynamicCSS } from './themeCSS.js';
+function normaliseCss(css) {
+    return css.replace(/\r\n/g, '\n').replace(/\r/g, '\n');
+}
 export async function getThemeCriticalCSS(theme) {
     try {
-        const filename = themeCriticalFiles[theme];
-        if (!filename) {
-            console.warn(`Critical CSS file not found for theme: ${theme}`);
+        const css = getThemeDynamicCSS(theme);
+        if (!css) {
+            console.warn(`Dynamic CSS could not be generated for theme: ${theme}`);
             return null;
         }
-        const filePath = join(process.cwd(), 'public', 'themes', filename);
-        const css = await readFile(filePath, 'utf-8');
-        return css.replace(/\r\n/g, '\n').replace(/\r/g, '\n');
+        return normaliseCss(css);
     } catch (error) {
-        console.error(`Error reading critical CSS for theme ${theme}:`, error);
+        console.error(`Error generating critical CSS for theme ${theme}:`, error);
         return null;
     }
 }
-export function getThemeCSSPath(theme) {
-    const filename = themeFullFiles[theme];
-    return `/themes/${filename}`;
+export function getThemeCSS(theme) {
+    const css = getThemeDynamicCSS(theme);
+    return css ? normaliseCss(css) : null;
+}
+/**
+ * @deprecated Static CSS files have been removed. This function now returns an empty string.
+ */ export function getThemeCSSPath(theme) {
+    console.warn(`[theme-management] getThemeCSSPath(${theme}) is deprecated. Dynamic CSS generation is used instead.`);
+    return '';
 }
-export function generateThemePreloadLinks(theme) {
-    const cssPath = getThemeCSSPath(theme);
-    return `<link rel="preload" href="${cssPath}" as="style" onload="this.onload=null;this.rel='stylesheet'">`;
+/**
+ * @deprecated Preload links are no longer required when CSS is inlined dynamically.
+ */ export function generateThemePreloadLinks(theme) {
+    console.warn(`[theme-management] generateThemePreloadLinks(${theme}) is deprecated. Dynamic CSS generation is used instead.`);
+    return '';
 }
 export function createFallbackCriticalCSS(theme) {
     return `

package/dist/utils/themeAssets.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/themeAssets.ts"],"sourcesContent":["import { readFile } from 'fs/promises'\nimport { join } from 'path'\nimport type { ThemeDefaults } from '../providers/Theme/types.js'\n\nconst themeCriticalFiles: Record<string, string> = {\n  cool: 'cool-critical.css',\n  brutal: 'brutal-critical.css',\n  neon: 'neon-critical.css',\n  solar: 'solar-critical.css',\n  dealership: 'dealership-critical.css',\n  'real-estate': 'real-estate-critical.css',\n  'real-estate-gold': 'real-estate-gold-critical.css',\n  'real-estate-neutral': 'real-estate-neutral-critical.css',\n}\n\nconst themeFullFiles: Record<string, string> = {\n  cool: 'cool.css',\n  brutal: 'brutal.css',\n  neon: 'neon.css',\n  solar: 'solar.css',\n  dealership: 'dealership.css',\n  'real-estate': 'real-estate.css',\n  'real-estate-gold': 'real-estate-gold.css',\n  'real-estate-neutral': 'real-estate-neutral.css',\n}\n\nexport async function getThemeCriticalCSS(theme: ThemeDefaults): Promise<string | null> {\n  try {\n    const filename = themeCriticalFiles[theme]\n    if (!filename) {\n      console.warn(`Critical CSS file not found for theme: ${theme}`)\n      return null\n    }\n\n    const filePath = join(process.cwd(), 'public', 'themes', filename)\n    const css = await readFile(filePath, 'utf-8')\n\n    return css.replace(/\\r\\n/g, '\\n').replace(/\\r/g, '\\n')\n  } catch (error) {\n    console.error(`Error reading critical CSS for theme ${theme}:`, error)\n    return null\n  }\n}\n\nexport function getThemeCSSPath(theme: ThemeDefaults): string {\n  const filename = themeFullFiles[theme]\n  return `/themes/${filename}`\n}\n\nexport function generateThemePreloadLinks(theme: ThemeDefaults): string {\n  const cssPath = getThemeCSSPath(theme)\n  return `<link rel=\"preload\" href=\"${cssPath}\" as=\"style\" onload=\"this.onload=null;this.rel='stylesheet'\">`\n}\n\nexport function createFallbackCriticalCSS(theme: ThemeDefaults): string {\n  return `\n/* Fallback critical CSS for ${theme} theme */\n[data-theme=\"${theme}\"] {\n  --background: hsl(0 0% 100%);\n  --foreground: hsl(222 47% 11%);\n  --primary: hsl(221 83% 53%);\n  --primary-foreground: hsl(210 40% 98%);\n  color-scheme: light;\n}\n\n[data-theme=\"${theme}\"][data-theme-mode=\"dark\"] {\n  --background: hsl(222 47% 11%);\n  --foreground: hsl(210 40% 98%);\n  --primary: hsl(217 91% 60%);\n  --primary-foreground: hsl(222 47% 11%);\n  color-scheme: dark;\n}\n`.trim()\n}\n"],"names":["readFile","join","themeCriticalFiles","cool","brutal","neon","solar","dealership","themeFullFiles","getThemeCriticalCSS","theme","filename","console","warn","filePath","process","cwd","css","replace","error","getThemeCSSPath","generateThemePreloadLinks","cssPath","createFallbackCriticalCSS","trim"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,cAAa;AACtC,SAASC,IAAI,QAAQ,OAAM;AAG3B,MAAMC,qBAA6C;IACjDC,MAAM;IACNC,QAAQ;IACRC,MAAM;IACNC,OAAO;IACPC,YAAY;IACZ,eAAe;IACf,oBAAoB;IACpB,uBAAuB;AACzB;AAEA,MAAMC,iBAAyC;IAC7CL,MAAM;IACNC,QAAQ;IACRC,MAAM;IACNC,OAAO;IACPC,YAAY;IACZ,eAAe;IACf,oBAAoB;IACpB,uBAAuB;AACzB;AAEA,OAAO,eAAeE,oBAAoBC,KAAoB;IAC5D,IAAI;QACF,MAAMC,WAAWT,kBAAkB,CAACQ,MAAM;QAC1C,IAAI,CAACC,UAAU;YACbC,QAAQC,IAAI,CAAC,CAAC,uCAAuC,EAAEH,OAAO;YAC9D,OAAO;QACT;QAEA,MAAMI,WAAWb,KAAKc,QAAQC,GAAG,IAAI,UAAU,UAAUL;QACzD,MAAMM,MAAM,MAAMjB,SAASc,UAAU;QAErC,OAAOG,IAAIC,OAAO,CAAC,SAAS,MAAMA,OAAO,CAAC,OAAO;IACnD,EAAE,OAAOC,OAAO;QACdP,QAAQO,KAAK,CAAC,CAAC,qCAAqC,EAAET,MAAM,CAAC,CAAC,EAAES;QAChE,OAAO;IACT;AACF;AAEA,OAAO,SAASC,gBAAgBV,KAAoB;IAClD,MAAMC,WAAWH,cAAc,CAACE,MAAM;IACtC,OAAO,CAAC,QAAQ,EAAEC,UAAU;AAC9B;AAEA,OAAO,SAASU,0BAA0BX,KAAoB;IAC5D,MAAMY,UAAUF,gBAAgBV;IAChC,OAAO,CAAC,0BAA0B,EAAEY,QAAQ,6DAA6D,CAAC;AAC5G;AAEA,OAAO,SAASC,0BAA0Bb,KAAoB;IAC5D,OAAO,CAAC;6BACmB,EAAEA,MAAM;aACxB,EAAEA,MAAM;;;;;;;;aAQR,EAAEA,MAAM;;;;;;;AAOrB,CAAC,CAACc,IAAI;AACN"}
+{"version":3,"sources":["../../src/utils/themeAssets.ts"],"sourcesContent":["import type { ThemeDefaults } from '../providers/Theme/types.js'\nimport { getThemeDynamicCSS } from './themeCSS.js'\n\nfunction normaliseCss(css: string): string {\n  return css.replace(/\\r\\n/g, '\\n').replace(/\\r/g, '\\n')\n}\n\nexport async function getThemeCriticalCSS(theme: ThemeDefaults): Promise<string | null> {\n  try {\n    const css = getThemeDynamicCSS(theme)\n    if (!css) {\n      console.warn(`Dynamic CSS could not be generated for theme: ${theme}`)\n      return null\n    }\n    return normaliseCss(css)\n  } catch (error) {\n    console.error(`Error generating critical CSS for theme ${theme}:`, error)\n    return null\n  }\n}\n\nexport function getThemeCSS(theme: ThemeDefaults): string | null {\n  const css = getThemeDynamicCSS(theme)\n  return css ? normaliseCss(css) : null\n}\n\n/**\n * @deprecated Static CSS files have been removed. This function now returns an empty string.\n */\nexport function getThemeCSSPath(theme: ThemeDefaults): string {\n  console.warn(\n    `[theme-management] getThemeCSSPath(${theme}) is deprecated. Dynamic CSS generation is used instead.`,\n  )\n  return ''\n}\n\n/**\n * @deprecated Preload links are no longer required when CSS is inlined dynamically.\n */\nexport function generateThemePreloadLinks(theme: ThemeDefaults): string {\n  console.warn(\n    `[theme-management] generateThemePreloadLinks(${theme}) is deprecated. Dynamic CSS generation is used instead.`,\n  )\n  return ''\n}\n\nexport function createFallbackCriticalCSS(theme: ThemeDefaults): string {\n  return `\n/* Fallback critical CSS for ${theme} theme */\n[data-theme=\"${theme}\"] {\n  --background: hsl(0 0% 100%);\n  --foreground: hsl(222 47% 11%);\n  --primary: hsl(221 83% 53%);\n  --primary-foreground: hsl(210 40% 98%);\n  color-scheme: light;\n}\n\n[data-theme=\"${theme}\"][data-theme-mode=\"dark\"] {\n  --background: hsl(222 47% 11%);\n  --foreground: hsl(210 40% 98%);\n  --primary: hsl(217 91% 60%);\n  --primary-foreground: hsl(222 47% 11%);\n  color-scheme: dark;\n}\n`.trim()\n}\n"],"names":["getThemeDynamicCSS","normaliseCss","css","replace","getThemeCriticalCSS","theme","console","warn","error","getThemeCSS","getThemeCSSPath","generateThemePreloadLinks","createFallbackCriticalCSS","trim"],"mappings":"AACA,SAASA,kBAAkB,QAAQ,gBAAe;AAElD,SAASC,aAAaC,GAAW;IAC/B,OAAOA,IAAIC,OAAO,CAAC,SAAS,MAAMA,OAAO,CAAC,OAAO;AACnD;AAEA,OAAO,eAAeC,oBAAoBC,KAAoB;IAC5D,IAAI;QACF,MAAMH,MAAMF,mBAAmBK;QAC/B,IAAI,CAACH,KAAK;YACRI,QAAQC,IAAI,CAAC,CAAC,8CAA8C,EAAEF,OAAO;YACrE,OAAO;QACT;QACA,OAAOJ,aAAaC;IACtB,EAAE,OAAOM,OAAO;QACdF,QAAQE,KAAK,CAAC,CAAC,wCAAwC,EAAEH,MAAM,CAAC,CAAC,EAAEG;QACnE,OAAO;IACT;AACF;AAEA,OAAO,SAASC,YAAYJ,KAAoB;IAC9C,MAAMH,MAAMF,mBAAmBK;IAC/B,OAAOH,MAAMD,aAAaC,OAAO;AACnC;AAEA;;CAEC,GACD,OAAO,SAASQ,gBAAgBL,KAAoB;IAClDC,QAAQC,IAAI,CACV,CAAC,mCAAmC,EAAEF,MAAM,wDAAwD,CAAC;IAEvG,OAAO;AACT;AAEA;;CAEC,GACD,OAAO,SAASM,0BAA0BN,KAAoB;IAC5DC,QAAQC,IAAI,CACV,CAAC,6CAA6C,EAAEF,MAAM,wDAAwD,CAAC;IAEjH,OAAO;AACT;AAEA,OAAO,SAASO,0BAA0BP,KAAoB;IAC5D,OAAO,CAAC;6BACmB,EAAEA,MAAM;aACxB,EAAEA,MAAM;;;;;;;;aAQR,EAAEA,MAAM;;;;;;;AAOrB,CAAC,CAACQ,IAAI;AACN"}

package/dist/utils/themeCSS.d.ts

@@ -0,0 +1,11 @@
+import type { ThemeDefaults } from '../providers/Theme/types.js';
+/**
+ * Get dynamically generated CSS for a theme
+ * Returns null if theme doesn't exist or doesn't use dynamic CSS
+ */
+export declare function getThemeDynamicCSS(themeName: ThemeDefaults): string | null;
+/**
+ * Get CSS for all themes that use dynamic generation
+ */
+export declare function getAllDynamicThemesCSS(): string;
+//# sourceMappingURL=themeCSS.d.ts.map

package/dist/utils/themeCSS.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"themeCSS.d.ts","sourceRoot":"","sources":["../../src/utils/themeCSS.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAGhE;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,aAAa,GAAG,MAAM,GAAG,IAAI,CAc1E;AAED;;GAEG;AACH,wBAAgB,sBAAsB,IAAI,MAAM,CAY/C"}