@kilivi/payloadcms-theme-management 0.2.2 → 0.2.4

package/dist/fields/extendedThemeFields.js

@@ -1,22 +1,35 @@
-import { extendedThemePresets } from '../extended-presets.js';
+import { allExtendedThemePresets } from '../extended-presets.js';
 /**
  * Extended Theme Configuration Fields
- * Provides advanced color token configuration using OKLCH format
- * Compatible with shadcn/ui and TweakCN theme editors
- */ const extendedThemeOptions = Object.values(extendedThemePresets).map((preset)=>({
+ * Full TweakCN-compatible theme system with:
+ * - All shadcn/ui color tokens (19 base + 5 chart = 24 color tokens)
+ * - Shadow controls (6 properties)
+ * - Font families (3 families: sans, serif, mono)
+ * - Advanced typography (letter-spacing, global spacing)
+ * - Professional color picker with live preview
+ */ const extendedThemeOptions = Object.values(allExtendedThemePresets).map((preset)=>{
+    const primaryColor = preset.styles.light.primary;
+    const bgColor = preset.styles.light.background;
+    return {
         label: preset.label,
-        value: preset.value
-    }));
+        value: preset.value,
+        // Add visual preview in the dropdown
+        __meta: {
+            primary: primaryColor,
+            background: bgColor
+        }
+    };
+});
 /**
- * Creates OKLCH color input field
- */ function createOKLCHColorField(name, label, description) {
+ * Creates professional OKLCH color field with enhanced UI
+ */ function createColorField(name, label, description) {
     return {
         name,
         type: 'text',
         label,
         admin: {
             description,
-            placeholder: 'oklch(0.5 0.2 250)',
+            placeholder: 'oklch(0.5 0.2 250) or #rgb or hsl(...)',
             components: {
                 Field: '@kilivi/payloadcms-theme-management/fields/ThemeColorPickerField'
             }
@@ -24,135 +37,149 @@ import { extendedThemePresets } from '../extended-presets.js';
     };
 }
 /**
- * Extended Theme Color Fields for Light Mode
- */ export const extendedLightModeFields = [
-    createOKLCHColorField('background', {
+ * Creates text field for non-color values (fonts, shadows, etc.)
+ */ function createTextField(name, label, placeholder, description) {
+    return {
+        name,
+        type: 'text',
+        label,
+        admin: {
+            description,
+            placeholder
+        }
+    };
+}
+/**
+ * Base Color Tokens (19 tokens)
+ * Required for all themes
+ */ export const baseColorFields = [
+    createColorField('background', {
         en: 'Background',
         cs: 'Pozadí'
     }, {
-        en: 'Main background color',
-        cs: 'Hlavní barva pozadí'
+        en: 'Main page background',
+        cs: 'Hlavní pozadí stránky'
     }),
-    createOKLCHColorField('foreground', {
+    createColorField('foreground', {
         en: 'Foreground',
         cs: 'Popředí'
     }, {
-        en: 'Main text color',
-        cs: 'Hlavní barva textu'
+        en: 'Primary text color',
+        cs: 'Primární barva textu'
     }),
-    createOKLCHColorField('card', {
+    createColorField('card', {
         en: 'Card',
         cs: 'Karta'
     }, {
         en: 'Card background',
         cs: 'Pozadí karty'
     }),
-    createOKLCHColorField('cardForeground', {
+    createColorField('cardForeground', {
         en: 'Card Foreground',
         cs: 'Popředí karty'
     }, {
-        en: 'Card text color',
-        cs: 'Barva textu karty'
+        en: 'Text on cards',
+        cs: 'Text na kartách'
     }),
-    createOKLCHColorField('popover', {
+    createColorField('popover', {
         en: 'Popover',
         cs: 'Vyskakovací okno'
     }, {
-        en: 'Popover background',
-        cs: 'Pozadí vyskakovacího okna'
+        en: 'Popover/dropdown background',
+        cs: 'Pozadí vyskakovacích oken'
     }),
-    createOKLCHColorField('popoverForeground', {
+    createColorField('popoverForeground', {
         en: 'Popover Foreground',
         cs: 'Popředí vyskakovacího okna'
     }, {
-        en: 'Popover text color',
-        cs: 'Barva textu vyskakovacího okna'
+        en: 'Text in popovers',
+        cs: 'Text ve vyskakovacích oknech'
     }),
-    createOKLCHColorField('primary', {
+    createColorField('primary', {
         en: 'Primary',
         cs: 'Primární'
     }, {
         en: 'Primary brand color',
         cs: 'Primární značková barva'
     }),
-    createOKLCHColorField('primaryForeground', {
+    createColorField('primaryForeground', {
         en: 'Primary Foreground',
         cs: 'Popředí primární'
     }, {
-        en: 'Text on primary color',
+        en: 'Text on primary',
         cs: 'Text na primární barvě'
     }),
-    createOKLCHColorField('secondary', {
+    createColorField('secondary', {
         en: 'Secondary',
         cs: 'Sekundární'
     }, {
-        en: 'Secondary accent color',
-        cs: 'Sekundární akcentová barva'
+        en: 'Secondary accent',
+        cs: 'Sekundární akcent'
     }),
-    createOKLCHColorField('secondaryForeground', {
+    createColorField('secondaryForeground', {
         en: 'Secondary Foreground',
         cs: 'Popředí sekundární'
     }, {
-        en: 'Text on secondary color',
-        cs: 'Text na sekundární barvě'
+        en: 'Text on secondary',
+        cs: 'Text na sekundární'
     }),
-    createOKLCHColorField('muted', {
+    createColorField('muted', {
         en: 'Muted',
         cs: 'Tlumená'
     }, {
-        en: 'Muted background color',
-        cs: 'Tlumená barva pozadí'
+        en: 'Muted background',
+        cs: 'Tlumené pozadí'
     }),
-    createOKLCHColorField('mutedForeground', {
+    createColorField('mutedForeground', {
         en: 'Muted Foreground',
         cs: 'Popředí tlumené'
     }, {
-        en: 'Muted text color',
-        cs: 'Tlumená barva textu'
+        en: 'Muted text',
+        cs: 'Tlumený text'
     }),
-    createOKLCHColorField('accent', {
+    createColorField('accent', {
         en: 'Accent',
         cs: 'Akcentová'
     }, {
-        en: 'Accent color',
-        cs: 'Akcentová barva'
+        en: 'Accent/hover color',
+        cs: 'Akcentová/hover barva'
     }),
-    createOKLCHColorField('accentForeground', {
+    createColorField('accentForeground', {
         en: 'Accent Foreground',
         cs: 'Popředí akcentové'
     }, {
-        en: 'Text on accent color',
-        cs: 'Text na akcentové barvě'
+        en: 'Text on accent',
+        cs: 'Text na akcentové'
     }),
-    createOKLCHColorField('destructive', {
+    createColorField('destructive', {
         en: 'Destructive',
         cs: 'Destruktivní'
     }, {
         en: 'Error/danger color',
         cs: 'Barva chyby/nebezpečí'
     }),
-    createOKLCHColorField('destructiveForeground', {
+    createColorField('destructiveForeground', {
         en: 'Destructive Foreground',
         cs: 'Popředí destruktivní'
     }, {
-        en: 'Text on destructive color',
-        cs: 'Text na destruktivní barvě'
+        en: 'Text on destructive',
+        cs: 'Text na destruktivní'
     }),
-    createOKLCHColorField('border', {
+    createColorField('border', {
         en: 'Border',
         cs: 'Okraj'
     }, {
-        en: 'Border color',
-        cs: 'Barva okraje'
+        en: 'Default border color',
+        cs: 'Výchozí barva okraje'
     }),
-    createOKLCHColorField('input', {
+    createColorField('input', {
         en: 'Input',
-        cs: 'Vstup'
+        cs: 'Vstupní pole'
     }, {
         en: 'Input border color',
         cs: 'Barva okraje vstupu'
     }),
-    createOKLCHColorField('ring', {
+    createColorField('ring', {
         en: 'Ring',
         cs: 'Zvýraznění'
     }, {
@@ -161,130 +188,298 @@ import { extendedThemePresets } from '../extended-presets.js';
     })
 ];
 /**
- * Chart color fields (for data visualization)
+ * Chart Colors (5 tokens)
+ * For data visualization
  */ export const chartColorFields = [
-    createOKLCHColorField('chart1', {
-        en: 'Chart Color 1',
-        cs: 'Barva grafu 1'
+    createColorField('chart1', {
+        en: 'Chart 1',
+        cs: 'Graf 1'
     }, {
         en: 'First chart color',
         cs: 'První barva grafu'
     }),
-    createOKLCHColorField('chart2', {
-        en: 'Chart Color 2',
-        cs: 'Barva grafu 2'
+    createColorField('chart2', {
+        en: 'Chart 2',
+        cs: 'Graf 2'
     }, {
         en: 'Second chart color',
         cs: 'Druhá barva grafu'
     }),
-    createOKLCHColorField('chart3', {
-        en: 'Chart Color 3',
-        cs: 'Barva grafu 3'
+    createColorField('chart3', {
+        en: 'Chart 3',
+        cs: 'Graf 3'
     }, {
         en: 'Third chart color',
         cs: 'Třetí barva grafu'
     }),
-    createOKLCHColorField('chart4', {
-        en: 'Chart Color 4',
-        cs: 'Barva grafu 4'
+    createColorField('chart4', {
+        en: 'Chart 4',
+        cs: 'Graf 4'
     }, {
         en: 'Fourth chart color',
         cs: 'Čtvrtá barva grafu'
     }),
-    createOKLCHColorField('chart5', {
-        en: 'Chart Color 5',
-        cs: 'Barva grafu 5'
+    createColorField('chart5', {
+        en: 'Chart 5',
+        cs: 'Graf 5'
     }, {
         en: 'Fifth chart color',
         cs: 'Pátá barva grafu'
     })
 ];
 /**
- * Extended Theme Selection Field
+ * Shadow Controls (6 properties)
+ * TweakCN essential feature
+ */ export const shadowFields = [
+    createColorField('shadowColor', {
+        en: 'Shadow Color',
+        cs: 'Barva stínu'
+    }, {
+        en: 'Base shadow color',
+        cs: 'Základní barva stínu'
+    }),
+    createTextField('shadowOpacity', {
+        en: 'Shadow Opacity',
+        cs: 'Průhlednost stínu'
+    }, '0.18', {
+        en: 'Shadow opacity (0-1)',
+        cs: 'Průhlednost stínu (0-1)'
+    }),
+    createTextField('shadowBlur', {
+        en: 'Shadow Blur',
+        cs: 'Rozmazání stínu'
+    }, '2px', {
+        en: 'Blur radius',
+        cs: 'Poloměr rozmazání'
+    }),
+    createTextField('shadowSpread', {
+        en: 'Shadow Spread',
+        cs: 'Rozprostření stínu'
+    }, '0px', {
+        en: 'Spread radius',
+        cs: 'Poloměr rozprostření'
+    }),
+    createTextField('shadowOffsetX', {
+        en: 'Shadow Offset X',
+        cs: 'Posun stínu X'
+    }, '0px', {
+        en: 'Horizontal offset',
+        cs: 'Horizontální posun'
+    }),
+    createTextField('shadowOffsetY', {
+        en: 'Shadow Offset Y',
+        cs: 'Posun stínu Y'
+    }, '1px', {
+        en: 'Vertical offset',
+        cs: 'Vertikální posun'
+    })
+];
+/**
+ * Font Family Configuration (3 families)
+ * TweakCN essential feature
+ */ export const fontFamilyFields = [
+    createTextField('fontSans', {
+        en: 'Sans-Serif Font',
+        cs: 'Bezpatkové písmo'
+    }, 'Inter, system-ui, sans-serif', {
+        en: 'Primary sans-serif font stack',
+        cs: 'Primární bezpatkové písmo'
+    }),
+    createTextField('fontSerif', {
+        en: 'Serif Font',
+        cs: 'Patkové písmo'
+    }, 'Georgia, serif', {
+        en: 'Serif font stack',
+        cs: 'Patkové písmo'
+    }),
+    createTextField('fontMono', {
+        en: 'Monospace Font',
+        cs: 'Monospace písmo'
+    }, 'JetBrains Mono, monospace', {
+        en: 'Monospace font stack',
+        cs: 'Monospace písmo'
+    })
+];
+/**
+ * Advanced Typography (2 properties)
+ */ export const advancedTypographyFields = [
+    createTextField('letterSpacing', {
+        en: 'Letter Spacing',
+        cs: 'Rozestup písmen'
+    }, '0em', {
+        en: 'Global letter spacing',
+        cs: 'Globální rozestup písmen'
+    }),
+    createTextField('spacing', {
+        en: 'Spacing Scale',
+        cs: 'Škála rozestupů'
+    }, '0.25rem', {
+        en: 'Base spacing unit',
+        cs: 'Základní jednotka rozestupu'
+    })
+];
+/**
+ * Border Radius Configuration
+ */ export const designSystemFields = [
+    createTextField('radius', {
+        en: 'Border Radius',
+        cs: 'Zaoblení rohů'
+    }, '0.5rem', {
+        en: 'Default border radius',
+        cs: 'Výchozí zaoblení rohů'
+    })
+];
+/**
+ * Extended Theme Selection Field with Visual Preview
  */ export const extendedThemeSelectionField = {
     name: 'extendedTheme',
     type: 'select',
     label: {
-        en: '🎨 Extended Theme',
-        cs: '🎨 Rozšířené téma'
+        en: '🎨 Theme Preset',
+        cs: '🎨 Přednastavené téma'
     },
     defaultValue: 'cool-extended',
     options: extendedThemeOptions,
     admin: {
         description: {
-            en: 'Select an extended theme with full OKLCH color support. Compatible with shadcn/ui.',
-            cs: 'Vyberte rozšířené téma s plnou podporou OKLCH barev. Kompatibilní s shadcn/ui.'
+            en: 'Select a professional theme with full OKLCH color support (TweakCN compatible)',
+            cs: 'Vyberte profesionální téma s plnou podporou OKLCH barev (kompatibilní s TweakCN)'
         }
     }
 };
 /**
- * Extended Light Mode Configuration
- */ export const extendedLightModeField = {
+ * Unified Light Mode Configuration
+ * Combines all color tokens in one place
+ */ export const lightModeColorsField = {
     type: 'collapsible',
     label: {
-        en: '☀️ Extended Light Mode',
-        cs: '☀️ Rozšířený světlý režim'
+        en: '☀️ Light Mode Colors',
+        cs: '☀️ Barvy světlého režimu'
     },
     admin: {
         initCollapsed: true,
         description: {
-            en: 'Advanced color configuration for light mode using OKLCH format',
-            cs: 'Pokročilá konfigurace barev pro světlý režim pomocí formátu OKLCH'
+            en: 'Complete color configuration for light mode',
+            cs: 'Kompletní konfigurace barev pro světlý režim'
         }
     },
     fields: [
         {
             name: 'extendedLightMode',
             type: 'group',
-            fields: extendedLightModeFields
+            fields: [
+                ...baseColorFields,
+                ...chartColorFields
+            ]
         }
     ]
 };
 /**
- * Extended Dark Mode Configuration
- */ export const extendedDarkModeField = {
+ * Unified Dark Mode Configuration
+ */ export const darkModeColorsField = {
     type: 'collapsible',
     label: {
-        en: '🌙 Extended Dark Mode',
-        cs: '🌙 Rozšířený tmavý režim'
+        en: '🌙 Dark Mode Colors',
+        cs: '🌙 Barvy tmavého režimu'
     },
     admin: {
         initCollapsed: true,
         description: {
-            en: 'Advanced color configuration for dark mode using OKLCH format',
-            cs: 'Pokročilá konfigurace barev pro tmavý režim pomocí formátu OKLCH'
+            en: 'Complete color configuration for dark mode',
+            cs: 'Kompletní konfigurace barev pro tmavý režim'
         }
     },
     fields: [
         {
             name: 'extendedDarkMode',
             type: 'group',
-            fields: extendedLightModeFields
+            fields: [
+                ...baseColorFields,
+                ...chartColorFields
+            ]
+        }
+    ]
+};
+/**
+ * Shadow Configuration Section
+ */ export const shadowConfigField = {
+    type: 'collapsible',
+    label: {
+        en: '🌓 Shadows & Elevation',
+        cs: '🌓 Stíny a výška'
+    },
+    admin: {
+        initCollapsed: true,
+        description: {
+            en: 'Configure shadow system for depth and elevation',
+            cs: 'Nakonfigurujte systém stínů pro hloubku a výšku'
+        }
+    },
+    fields: [
+        {
+            name: 'shadows',
+            type: 'group',
+            fields: shadowFields
         }
     ]
 };
 /**
- * Chart Colors Configuration
- */ export const chartColorsField = {
+ * Typography Configuration Section
+ */ export const typographyConfigField = {
     type: 'collapsible',
     label: {
-        en: '📊 Chart Colors',
-        cs: '📊 Barvy grafů'
+        en: '� Typography',
+        cs: '� Typografie'
     },
     admin: {
         initCollapsed: true,
         description: {
-            en: 'Configure colors for data visualization and charts',
-            cs: 'Nakonfigurujte barvy pro vizualizaci dat a grafy'
+            en: 'Font families and advanced typography settings',
+            cs: 'Rodiny písem a pokročilá nastavení typografie'
         }
     },
     fields: [
         {
-            name: 'chartColors',
+            name: 'typography',
             type: 'group',
-            fields: chartColorFields
+            fields: [
+                ...fontFamilyFields,
+                ...advancedTypographyFields
+            ]
         }
     ]
 };
+/**
+ * Design System Configuration
+ */ export const designSystemConfigField = {
+    type: 'collapsible',
+    label: {
+        en: '⚙️ Design System',
+        cs: '⚙️ Designový systém'
+    },
+    admin: {
+        initCollapsed: true,
+        description: {
+            en: 'Global design tokens (radius, spacing, etc.)',
+            cs: 'Globální design tokeny (zaoblení, rozestupy, atd.)'
+        }
+    },
+    fields: [
+        {
+            name: 'designSystem',
+            type: 'group',
+            fields: designSystemFields
+        }
+    ]
+};
+// DEPRECATED: Old fields kept for backwards compatibility
+// TODO: Remove in v1.0.0
+export const extendedLightModeField = lightModeColorsField;
+export const extendedDarkModeField = darkModeColorsField;
+export const chartColorsField = {
+    type: 'group',
+    name: 'chartColors',
+    fields: chartColorFields
+};
 
 //# sourceMappingURL=extendedThemeFields.js.map

package/dist/fields/extendedThemeFields.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/fields/extendedThemeFields.ts"],"sourcesContent":["import type { Field } from 'payload'\nimport { extendedThemePresets } from '../extended-presets.js'\n\n/**\n * Extended Theme Configuration Fields\n * Provides advanced color token configuration using OKLCH format\n * Compatible with shadcn/ui and TweakCN theme editors\n */\n\nconst extendedThemeOptions = Object.values(extendedThemePresets).map((preset) => ({\n  label: preset.label,\n  value: preset.value,\n}))\n\n/**\n * Creates OKLCH color input field\n */\nfunction createOKLCHColorField(\n  name: string,\n  label: { en: string; cs: string },\n  description?: { en: string; cs: string },\n): Field {\n  return {\n    name,\n    type: 'text',\n    label,\n    admin: {\n      description,\n      placeholder: 'oklch(0.5 0.2 250)',\n      components: {\n        Field: '@kilivi/payloadcms-theme-management/fields/ThemeColorPickerField',\n      },\n    },\n  }\n}\n\n/**\n * Extended Theme Color Fields for Light Mode\n */\nexport const extendedLightModeFields: Field[] = [\n  createOKLCHColorField(\n    'background',\n    { en: 'Background', cs: 'Pozadí' },\n    { en: 'Main background color', cs: 'Hlavní barva pozadí' },\n  ),\n  createOKLCHColorField(\n    'foreground',\n    { en: 'Foreground', cs: 'Popředí' },\n    { en: 'Main text color', cs: 'Hlavní barva textu' },\n  ),\n  createOKLCHColorField(\n    'card',\n    { en: 'Card', cs: 'Karta' },\n    { en: 'Card background', cs: 'Pozadí karty' },\n  ),\n  createOKLCHColorField(\n    'cardForeground',\n    { en: 'Card Foreground', cs: 'Popředí karty' },\n    { en: 'Card text color', cs: 'Barva textu karty' },\n  ),\n  createOKLCHColorField(\n    'popover',\n    { en: 'Popover', cs: 'Vyskakovací okno' },\n    { en: 'Popover background', cs: 'Pozadí vyskakovacího okna' },\n  ),\n  createOKLCHColorField(\n    'popoverForeground',\n    { en: 'Popover Foreground', cs: 'Popředí vyskakovacího okna' },\n    { en: 'Popover text color', cs: 'Barva textu vyskakovacího okna' },\n  ),\n  createOKLCHColorField(\n    'primary',\n    { en: 'Primary', cs: 'Primární' },\n    { en: 'Primary brand color', cs: 'Primární značková barva' },\n  ),\n  createOKLCHColorField(\n    'primaryForeground',\n    { en: 'Primary Foreground', cs: 'Popředí primární' },\n    { en: 'Text on primary color', cs: 'Text na primární barvě' },\n  ),\n  createOKLCHColorField(\n    'secondary',\n    { en: 'Secondary', cs: 'Sekundární' },\n    { en: 'Secondary accent color', cs: 'Sekundární akcentová barva' },\n  ),\n  createOKLCHColorField(\n    'secondaryForeground',\n    { en: 'Secondary Foreground', cs: 'Popředí sekundární' },\n    { en: 'Text on secondary color', cs: 'Text na sekundární barvě' },\n  ),\n  createOKLCHColorField(\n    'muted',\n    { en: 'Muted', cs: 'Tlumená' },\n    { en: 'Muted background color', cs: 'Tlumená barva pozadí' },\n  ),\n  createOKLCHColorField(\n    'mutedForeground',\n    { en: 'Muted Foreground', cs: 'Popředí tlumené' },\n    { en: 'Muted text color', cs: 'Tlumená barva textu' },\n  ),\n  createOKLCHColorField(\n    'accent',\n    { en: 'Accent', cs: 'Akcentová' },\n    { en: 'Accent color', cs: 'Akcentová barva' },\n  ),\n  createOKLCHColorField(\n    'accentForeground',\n    { en: 'Accent Foreground', cs: 'Popředí akcentové' },\n    { en: 'Text on accent color', cs: 'Text na akcentové barvě' },\n  ),\n  createOKLCHColorField(\n    'destructive',\n    { en: 'Destructive', cs: 'Destruktivní' },\n    { en: 'Error/danger color', cs: 'Barva chyby/nebezpečí' },\n  ),\n  createOKLCHColorField(\n    'destructiveForeground',\n    { en: 'Destructive Foreground', cs: 'Popředí destruktivní' },\n    { en: 'Text on destructive color', cs: 'Text na destruktivní barvě' },\n  ),\n  createOKLCHColorField(\n    'border',\n    { en: 'Border', cs: 'Okraj' },\n    { en: 'Border color', cs: 'Barva okraje' },\n  ),\n  createOKLCHColorField(\n    'input',\n    { en: 'Input', cs: 'Vstup' },\n    { en: 'Input border color', cs: 'Barva okraje vstupu' },\n  ),\n  createOKLCHColorField(\n    'ring',\n    { en: 'Ring', cs: 'Zvýraznění' },\n    { en: 'Focus ring color', cs: 'Barva zvýraznění focus' },\n  ),\n]\n\n/**\n * Chart color fields (for data visualization)\n */\nexport const chartColorFields: Field[] = [\n  createOKLCHColorField(\n    'chart1',\n    { en: 'Chart Color 1', cs: 'Barva grafu 1' },\n    { en: 'First chart color', cs: 'První barva grafu' },\n  ),\n  createOKLCHColorField(\n    'chart2',\n    { en: 'Chart Color 2', cs: 'Barva grafu 2' },\n    { en: 'Second chart color', cs: 'Druhá barva grafu' },\n  ),\n  createOKLCHColorField(\n    'chart3',\n    { en: 'Chart Color 3', cs: 'Barva grafu 3' },\n    { en: 'Third chart color', cs: 'Třetí barva grafu' },\n  ),\n  createOKLCHColorField(\n    'chart4',\n    { en: 'Chart Color 4', cs: 'Barva grafu 4' },\n    { en: 'Fourth chart color', cs: 'Čtvrtá barva grafu' },\n  ),\n  createOKLCHColorField(\n    'chart5',\n    { en: 'Chart Color 5', cs: 'Barva grafu 5' },\n    { en: 'Fifth chart color', cs: 'Pátá barva grafu' },\n  ),\n]\n\n/**\n * Extended Theme Selection Field\n */\nexport const extendedThemeSelectionField: Field = {\n  name: 'extendedTheme',\n  type: 'select',\n  label: {\n    en: '🎨 Extended Theme',\n    cs: '🎨 Rozšířené téma',\n  },\n  defaultValue: 'cool-extended',\n  options: extendedThemeOptions,\n  admin: {\n    description: {\n      en: 'Select an extended theme with full OKLCH color support. Compatible with shadcn/ui.',\n      cs: 'Vyberte rozšířené téma s plnou podporou OKLCH barev. Kompatibilní s shadcn/ui.',\n    },\n  },\n}\n\n/**\n * Extended Light Mode Configuration\n */\nexport const extendedLightModeField: Field = {\n  type: 'collapsible',\n  label: {\n    en: '☀️ Extended Light Mode',\n    cs: '☀️ Rozšířený světlý režim',\n  },\n  admin: {\n    initCollapsed: true,\n    description: {\n      en: 'Advanced color configuration for light mode using OKLCH format',\n      cs: 'Pokročilá konfigurace barev pro světlý režim pomocí formátu OKLCH',\n    },\n  },\n  fields: [\n    {\n      name: 'extendedLightMode',\n      type: 'group',\n      fields: extendedLightModeFields,\n    },\n  ],\n}\n\n/**\n * Extended Dark Mode Configuration\n */\nexport const extendedDarkModeField: Field = {\n  type: 'collapsible',\n  label: {\n    en: '🌙 Extended Dark Mode',\n    cs: '🌙 Rozšířený tmavý režim',\n  },\n  admin: {\n    initCollapsed: true,\n    description: {\n      en: 'Advanced color configuration for dark mode using OKLCH format',\n      cs: 'Pokročilá konfigurace barev pro tmavý režim pomocí formátu OKLCH',\n    },\n  },\n  fields: [\n    {\n      name: 'extendedDarkMode',\n      type: 'group',\n      fields: extendedLightModeFields, // Same structure, different values\n    },\n  ],\n}\n\n/**\n * Chart Colors Configuration\n */\nexport const chartColorsField: Field = {\n  type: 'collapsible',\n  label: {\n    en: '📊 Chart Colors',\n    cs: '📊 Barvy grafů',\n  },\n  admin: {\n    initCollapsed: true,\n    description: {\n      en: 'Configure colors for data visualization and charts',\n      cs: 'Nakonfigurujte barvy pro vizualizaci dat a grafy',\n    },\n  },\n  fields: [\n    {\n      name: 'chartColors',\n      type: 'group',\n      fields: chartColorFields,\n    },\n  ],\n}\n"],"names":["extendedThemePresets","extendedThemeOptions","Object","values","map","preset","label","value","createOKLCHColorField","name","description","type","admin","placeholder","components","Field","extendedLightModeFields","en","cs","chartColorFields","extendedThemeSelectionField","defaultValue","options","extendedLightModeField","initCollapsed","fields","extendedDarkModeField","chartColorsField"],"mappings":"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AME,8BAAqC;IAChDX,MAAM;IACNE,MAAM;IACNL,OAAO;QACLW,IAAI;QACJC,IAAI;IACN;IACAG,cAAc;IACdC,SAASrB;IACTW,OAAO;QACLF,aAAa;YACXO,IAAI;YACJC,IAAI;QACN;IACF;AACF,EAAC;AAED;;CAEC,GACD,OAAO,MAAMK,yBAAgC;IAC3CZ,MAAM;IACNL,OAAO;QACLW,IAAI;QACJC,IAAI;IACN;IACAN,OAAO;QACLY,eAAe;QACfd,aAAa;YACXO,IAAI;YACJC,IAAI;QACN;IACF;IACAO,QAAQ;QACN;YACEhB,MAAM;YACNE,MAAM;YACNc,QAAQT;QACV;KACD;AACH,EAAC;AAED;;CAEC,GACD,OAAO,MAAMU,wBAA+B;IAC1Cf,MAAM;IACNL,OAAO;QACLW,IAAI;QACJC,IAAI;IACN;IACAN,OAAO;QACLY,eAAe;QACfd,aAAa;YACXO,IAAI;YACJC,IAAI;QACN;IACF;IACAO,QAAQ;QACN;YACEhB,MAAM;YACNE,MAAM;YACNc,QAAQT;QACV;KACD;AACH,EAAC;AAED;;CAEC,GACD,OAAO,MAAMW,mBAA0B;IACrChB,MAAM;IACNL,OAAO;QACLW,IAAI;QACJC,IAAI;IACN;IACAN,OAAO;QACLY,eAAe;QACfd,aAAa;YACXO,IAAI;YACJC,IAAI;QACN;IACF;IACAO,QAAQ;QACN;YACEhB,MAAM;YACNE,MAAM;YACNc,QAAQN;QACV;KACD;AACH,EAAC"}
+{"version":3,"sources":["../../src/fields/extendedThemeFields.ts"],"sourcesContent":["import type { Field } from 'payload'\nimport { allExtendedThemePresets } from '../extended-presets.js'\n\n/**\n * Extended Theme Configuration Fields\n * Full TweakCN-compatible theme system with:\n * - All shadcn/ui color tokens (19 base + 5 chart = 24 color tokens)\n * - Shadow controls (6 properties)\n * - Font families (3 families: sans, serif, mono)\n * - Advanced typography (letter-spacing, global spacing)\n * - Professional color picker with live preview\n */\n\nconst extendedThemeOptions = Object.values(allExtendedThemePresets).map((preset) => {\n  const primaryColor = preset.styles.light.primary\n  const bgColor = preset.styles.light.background\n  \n  return {\n    label: preset.label,\n    value: preset.value,\n    // Add visual preview in the dropdown\n    __meta: {\n      primary: primaryColor,\n      background: bgColor,\n    },\n  }\n})\n\n/**\n * Creates professional OKLCH color field with enhanced UI\n */\nfunction createColorField(\n  name: string,\n  label: { en: string; cs: string },\n  description?: { en: string; cs: string },\n): Field {\n  return {\n    name,\n    type: 'text',\n    label,\n    admin: {\n      description,\n      placeholder: 'oklch(0.5 0.2 250) or #rgb or hsl(...)',\n      components: {\n        Field: '@kilivi/payloadcms-theme-management/fields/ThemeColorPickerField',\n      },\n    },\n  }\n}\n\n/**\n * Creates text field for non-color values (fonts, shadows, etc.)\n */\nfunction createTextField(\n  name: string,\n  label: { en: string; cs: string },\n  placeholder: string,\n  description?: { en: string; cs: string },\n): Field {\n  return {\n    name,\n    type: 'text',\n    label,\n    admin: {\n      description,\n      placeholder,\n    },\n  }\n}\n\n/**\n * Base Color Tokens (19 tokens)\n * Required for all themes\n */\nexport const baseColorFields: Field[] = [\n  createColorField(\n    'background',\n    { en: 'Background', cs: 'Pozadí' },\n    { en: 'Main page background', cs: 'Hlavní pozadí stránky' },\n  ),\n  createColorField(\n    'foreground',\n    { en: 'Foreground', cs: 'Popředí' },\n    { en: 'Primary text color', cs: 'Primární barva textu' },\n  ),\n  createColorField(\n    'card',\n    { en: 'Card', cs: 'Karta' },\n    { en: 'Card background', cs: 'Pozadí karty' },\n  ),\n  createColorField(\n    'cardForeground',\n    { en: 'Card Foreground', cs: 'Popředí karty' },\n    { en: 'Text on cards', cs: 'Text na kartách' },\n  ),\n  createColorField(\n    'popover',\n    { en: 'Popover', cs: 'Vyskakovací okno' },\n    { en: 'Popover/dropdown background', cs: 'Pozadí vyskakovacích oken' },\n  ),\n  createColorField(\n    'popoverForeground',\n    { en: 'Popover Foreground', cs: 'Popředí vyskakovacího okna' },\n    { en: 'Text in popovers', cs: 'Text ve vyskakovacích oknech' },\n  ),\n  createColorField(\n    'primary',\n    { en: 'Primary', cs: 'Primární' },\n    { en: 'Primary brand color', cs: 'Primární značková barva' },\n  ),\n  createColorField(\n    'primaryForeground',\n    { en: 'Primary Foreground', cs: 'Popředí primární' },\n    { en: 'Text on primary', cs: 'Text na primární barvě' },\n  ),\n  createColorField(\n    'secondary',\n    { en: 'Secondary', cs: 'Sekundární' },\n    { en: 'Secondary accent', cs: 'Sekundární akcent' },\n  ),\n  createColorField(\n    'secondaryForeground',\n    { en: 'Secondary Foreground', cs: 'Popředí sekundární' },\n    { en: 'Text on secondary', cs: 'Text na sekundární' },\n  ),\n  createColorField(\n    'muted',\n    { en: 'Muted', cs: 'Tlumená' },\n    { en: 'Muted background', cs: 'Tlumené pozadí' },\n  ),\n  createColorField(\n    'mutedForeground',\n    { en: 'Muted Foreground', cs: 'Popředí tlumené' },\n    { en: 'Muted text', cs: 'Tlumený text' },\n  ),\n  createColorField(\n    'accent',\n    { en: 'Accent', cs: 'Akcentová' },\n    { en: 'Accent/hover color', cs: 'Akcentová/hover barva' },\n  ),\n  createColorField(\n    'accentForeground',\n    { en: 'Accent Foreground', cs: 'Popředí akcentové' },\n    { en: 'Text on accent', cs: 'Text na akcentové' },\n  ),\n  createColorField(\n    'destructive',\n    { en: 'Destructive', cs: 'Destruktivní' },\n    { en: 'Error/danger color', cs: 'Barva chyby/nebezpečí' },\n  ),\n  createColorField(\n    'destructiveForeground',\n    { en: 'Destructive Foreground', cs: 'Popředí destruktivní' },\n    { en: 'Text on destructive', cs: 'Text na destruktivní' },\n  ),\n  createColorField(\n    'border',\n    { en: 'Border', cs: 'Okraj' },\n    { en: 'Default border color', cs: 'Výchozí barva okraje' },\n  ),\n  createColorField(\n    'input',\n    { en: 'Input', cs: 'Vstupní pole' },\n    { en: 'Input border color', cs: 'Barva okraje vstupu' },\n  ),\n  createColorField(\n    'ring',\n    { en: 'Ring', cs: 'Zvýraznění' },\n    { en: 'Focus ring color', cs: 'Barva zvýraznění focus' },\n  ),\n]\n\n/**\n * Chart Colors (5 tokens)\n * For data visualization\n */\nexport const chartColorFields: Field[] = [\n  createColorField(\n    'chart1',\n    { en: 'Chart 1', cs: 'Graf 1' },\n    { en: 'First chart color', cs: 'První barva grafu' },\n  ),\n  createColorField(\n    'chart2',\n    { en: 'Chart 2', cs: 'Graf 2' },\n    { en: 'Second chart color', cs: 'Druhá barva grafu' },\n  ),\n  createColorField(\n    'chart3',\n    { en: 'Chart 3', cs: 'Graf 3' },\n    { en: 'Third chart color', cs: 'Třetí barva grafu' },\n  ),\n  createColorField(\n    'chart4',\n    { en: 'Chart 4', cs: 'Graf 4' },\n    { en: 'Fourth chart color', cs: 'Čtvrtá barva grafu' },\n  ),\n  createColorField(\n    'chart5',\n    { en: 'Chart 5', cs: 'Graf 5' },\n    { en: 'Fifth chart color', cs: 'Pátá barva grafu' },\n  ),\n]\n\n/**\n * Shadow Controls (6 properties)\n * TweakCN essential feature\n */\nexport const shadowFields: Field[] = [\n  createColorField(\n    'shadowColor',\n    { en: 'Shadow Color', cs: 'Barva stínu' },\n    { en: 'Base shadow color', cs: 'Základní barva stínu' },\n  ),\n  createTextField(\n    'shadowOpacity',\n    { en: 'Shadow Opacity', cs: 'Průhlednost stínu' },\n    '0.18',\n    { en: 'Shadow opacity (0-1)', cs: 'Průhlednost stínu (0-1)' },\n  ),\n  createTextField(\n    'shadowBlur',\n    { en: 'Shadow Blur', cs: 'Rozmazání stínu' },\n    '2px',\n    { en: 'Blur radius', cs: 'Poloměr rozmazání' },\n  ),\n  createTextField(\n    'shadowSpread',\n    { en: 'Shadow Spread', cs: 'Rozprostření stínu' },\n    '0px',\n    { en: 'Spread radius', cs: 'Poloměr rozprostření' },\n  ),\n  createTextField(\n    'shadowOffsetX',\n    { en: 'Shadow Offset X', cs: 'Posun stínu X' },\n    '0px',\n    { en: 'Horizontal offset', cs: 'Horizontální posun' },\n  ),\n  createTextField(\n    'shadowOffsetY',\n    { en: 'Shadow Offset Y', cs: 'Posun stínu Y' },\n    '1px',\n    { en: 'Vertical offset', cs: 'Vertikální posun' },\n  ),\n]\n\n/**\n * Font Family Configuration (3 families)\n * TweakCN essential feature\n */\nexport const fontFamilyFields: Field[] = [\n  createTextField(\n    'fontSans',\n    { en: 'Sans-Serif Font', cs: 'Bezpatkové písmo' },\n    'Inter, system-ui, sans-serif',\n    { en: 'Primary sans-serif font stack', cs: 'Primární bezpatkové písmo' },\n  ),\n  createTextField(\n    'fontSerif',\n    { en: 'Serif Font', cs: 'Patkové písmo' },\n    'Georgia, serif',\n    { en: 'Serif font stack', cs: 'Patkové písmo' },\n  ),\n  createTextField(\n    'fontMono',\n    { en: 'Monospace Font', cs: 'Monospace písmo' },\n    'JetBrains Mono, monospace',\n    { en: 'Monospace font stack', cs: 'Monospace písmo' },\n  ),\n]\n\n/**\n * Advanced Typography (2 properties)\n */\nexport const advancedTypographyFields: Field[] = [\n  createTextField(\n    'letterSpacing',\n    { en: 'Letter Spacing', cs: 'Rozestup písmen' },\n    '0em',\n    { en: 'Global letter spacing', cs: 'Globální rozestup písmen' },\n  ),\n  createTextField(\n    'spacing',\n    { en: 'Spacing Scale', cs: 'Škála rozestupů' },\n    '0.25rem',\n    { en: 'Base spacing unit', cs: 'Základní jednotka rozestupu' },\n  ),\n]\n\n/**\n * Border Radius Configuration\n */\nexport const designSystemFields: Field[] = [\n  createTextField(\n    'radius',\n    { en: 'Border Radius', cs: 'Zaoblení rohů' },\n    '0.5rem',\n    { en: 'Default border radius', cs: 'Výchozí zaoblení rohů' },\n  ),\n]\n\n/**\n * Extended Theme Selection Field with Visual Preview\n */\nexport const extendedThemeSelectionField: Field = {\n  name: 'extendedTheme',\n  type: 'select',\n  label: {\n    en: '🎨 Theme Preset',\n    cs: '🎨 Přednastavené téma',\n  },\n  defaultValue: 'cool-extended',\n  options: extendedThemeOptions,\n  admin: {\n    description: {\n      en: 'Select a professional theme with full OKLCH color support (TweakCN compatible)',\n      cs: 'Vyberte profesionální téma s plnou podporou OKLCH barev (kompatibilní s TweakCN)',\n    },\n  },\n}\n\n/**\n * Unified Light Mode Configuration\n * Combines all color tokens in one place\n */\nexport const lightModeColorsField: Field = {\n  type: 'collapsible',\n  label: {\n    en: '☀️ Light Mode Colors',\n    cs: '☀️ Barvy světlého režimu',\n  },\n  admin: {\n    initCollapsed: true,\n    description: {\n      en: 'Complete color configuration for light mode',\n      cs: 'Kompletní konfigurace barev pro světlý režim',\n    },\n  },\n  fields: [\n    {\n      name: 'extendedLightMode',\n      type: 'group',\n      fields: [...baseColorFields, ...chartColorFields],\n    },\n  ],\n}\n\n/**\n * Unified Dark Mode Configuration\n */\nexport const darkModeColorsField: Field = {\n  type: 'collapsible',\n  label: {\n    en: '🌙 Dark Mode Colors',\n    cs: '🌙 Barvy tmavého režimu',\n  },\n  admin: {\n    initCollapsed: true,\n    description: {\n      en: 'Complete color configuration for dark mode',\n      cs: 'Kompletní konfigurace barev pro tmavý režim',\n    },\n  },\n  fields: [\n    {\n      name: 'extendedDarkMode',\n      type: 'group',\n      fields: [...baseColorFields, ...chartColorFields],\n    },\n  ],\n}\n\n/**\n * Shadow Configuration Section\n */\nexport const shadowConfigField: Field = {\n  type: 'collapsible',\n  label: {\n    en: '🌓 Shadows & Elevation',\n    cs: '🌓 Stíny a výška',\n  },\n  admin: {\n    initCollapsed: true,\n    description: {\n      en: 'Configure shadow system for depth and elevation',\n      cs: 'Nakonfigurujte systém stínů pro hloubku a výšku',\n    },\n  },\n  fields: [\n    {\n      name: 'shadows',\n      type: 'group',\n      fields: shadowFields,\n    },\n  ],\n}\n\n/**\n * Typography Configuration Section\n */\nexport const typographyConfigField: Field = {\n  type: 'collapsible',\n  label: {\n    en: '� Typography',\n    cs: '� Typografie',\n  },\n  admin: {\n    initCollapsed: true,\n    description: {\n      en: 'Font families and advanced typography settings',\n      cs: 'Rodiny písem a pokročilá nastavení typografie',\n    },\n  },\n  fields: [\n    {\n      name: 'typography',\n      type: 'group',\n      fields: [...fontFamilyFields, ...advancedTypographyFields],\n    },\n  ],\n}\n\n/**\n * Design System Configuration\n */\nexport const designSystemConfigField: Field = {\n  type: 'collapsible',\n  label: {\n    en: '⚙️ Design System',\n    cs: '⚙️ Designový systém',\n  },\n  admin: {\n    initCollapsed: true,\n    description: {\n      en: 'Global design tokens (radius, spacing, etc.)',\n      cs: 'Globální design tokeny (zaoblení, rozestupy, atd.)',\n    },\n  },\n  fields: [\n    {\n      name: 'designSystem',\n      type: 'group',\n      fields: designSystemFields,\n    },\n  ],\n}\n\n// DEPRECATED: Old fields kept for backwards compatibility\n// TODO: Remove in v1.0.0\nexport const extendedLightModeField = lightModeColorsField\nexport const extendedDarkModeField = darkModeColorsField\nexport const chartColorsField = {\n  type: 'group',\n  name: 'chartColors',\n  fields: chartColorFields,\n} as Field\n"],"names":["allExtendedThemePresets","extendedThemeOptions","Object","values","map","preset","primaryColor","styles","light","primary","bgColor","background","label","value","__meta","createColorField","name","description","type","admin","placeholder","components","Field","createTextField","baseColorFields","en","cs","chartColorFields","shadowFields","fontFamilyFields","advancedTypographyFields","designSystemFields","extendedThemeSelectionField","defaultValue","options","lightModeColorsField","initCollapsed","fields","darkModeColorsField","shadowConfigField","typographyConfigField","designSystemConfigField","extendedLightModeField","extendedDarkModeField","chartColorsField"],"mappings":"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"}