@kilivi/payloadcms-theme-management 0.3.1 → 0.3.3

package/dist/fields/extendedThemeFields.js

@@ -1,489 +0,0 @@
-import { allExtendedThemePresets } from '../extended-presets.js';
-/**
- * Extended Theme Configuration Fields
- * 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,
-        // Add visual preview in the dropdown
-        __meta: {
-            primary: primaryColor,
-            background: bgColor
-        }
-    };
-});
-/**
- * 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) or #rgb or hsl(...)',
-            components: {
-                Field: '@kilivi/payloadcms-theme-management/fields/ThemeColorPickerField'
-            }
-        }
-    };
-}
-/**
- * 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 page background',
-        cs: 'Hlavní pozadí stránky'
-    }),
-    createColorField('foreground', {
-        en: 'Foreground',
-        cs: 'Popředí'
-    }, {
-        en: 'Primary text color',
-        cs: 'Primární barva textu'
-    }),
-    createColorField('card', {
-        en: 'Card',
-        cs: 'Karta'
-    }, {
-        en: 'Card background',
-        cs: 'Pozadí karty'
-    }),
-    createColorField('cardForeground', {
-        en: 'Card Foreground',
-        cs: 'Popředí karty'
-    }, {
-        en: 'Text on cards',
-        cs: 'Text na kartách'
-    }),
-    createColorField('popover', {
-        en: 'Popover',
-        cs: 'Vyskakovací okno'
-    }, {
-        en: 'Popover/dropdown background',
-        cs: 'Pozadí vyskakovacích oken'
-    }),
-    createColorField('popoverForeground', {
-        en: 'Popover Foreground',
-        cs: 'Popředí vyskakovacího okna'
-    }, {
-        en: 'Text in popovers',
-        cs: 'Text ve vyskakovacích oknech'
-    }),
-    createColorField('primary', {
-        en: 'Primary',
-        cs: 'Primární'
-    }, {
-        en: 'Primary brand color',
-        cs: 'Primární značková barva'
-    }),
-    createColorField('primaryForeground', {
-        en: 'Primary Foreground',
-        cs: 'Popředí primární'
-    }, {
-        en: 'Text on primary',
-        cs: 'Text na primární barvě'
-    }),
-    createColorField('secondary', {
-        en: 'Secondary',
-        cs: 'Sekundární'
-    }, {
-        en: 'Secondary accent',
-        cs: 'Sekundární akcent'
-    }),
-    createColorField('secondaryForeground', {
-        en: 'Secondary Foreground',
-        cs: 'Popředí sekundární'
-    }, {
-        en: 'Text on secondary',
-        cs: 'Text na sekundární'
-    }),
-    createColorField('muted', {
-        en: 'Muted',
-        cs: 'Tlumená'
-    }, {
-        en: 'Muted background',
-        cs: 'Tlumené pozadí'
-    }),
-    createColorField('mutedForeground', {
-        en: 'Muted Foreground',
-        cs: 'Popředí tlumené'
-    }, {
-        en: 'Muted text',
-        cs: 'Tlumený text'
-    }),
-    createColorField('accent', {
-        en: 'Accent',
-        cs: 'Akcentová'
-    }, {
-        en: 'Accent/hover color',
-        cs: 'Akcentová/hover barva'
-    }),
-    createColorField('accentForeground', {
-        en: 'Accent Foreground',
-        cs: 'Popředí akcentové'
-    }, {
-        en: 'Text on accent',
-        cs: 'Text na akcentové'
-    }),
-    createColorField('destructive', {
-        en: 'Destructive',
-        cs: 'Destruktivní'
-    }, {
-        en: 'Error/danger color',
-        cs: 'Barva chyby/nebezpečí'
-    }),
-    createColorField('destructiveForeground', {
-        en: 'Destructive Foreground',
-        cs: 'Popředí destruktivní'
-    }, {
-        en: 'Text on destructive',
-        cs: 'Text na destruktivní'
-    }),
-    createColorField('border', {
-        en: 'Border',
-        cs: 'Okraj'
-    }, {
-        en: 'Default border color',
-        cs: 'Výchozí barva okraje'
-    }),
-    createColorField('input', {
-        en: 'Input',
-        cs: 'Vstupní pole'
-    }, {
-        en: 'Input border color',
-        cs: 'Barva okraje vstupu'
-    }),
-    createColorField('ring', {
-        en: 'Ring',
-        cs: 'Zvýraznění'
-    }, {
-        en: 'Focus ring color',
-        cs: 'Barva zvýraznění focus'
-    })
-];
-/**
- * Chart Colors (5 tokens)
- * For data visualization
- */ export const chartColorFields = [
-    createColorField('chart1', {
-        en: 'Chart 1',
-        cs: 'Graf 1'
-    }, {
-        en: 'First chart color',
-        cs: 'První barva grafu'
-    }),
-    createColorField('chart2', {
-        en: 'Chart 2',
-        cs: 'Graf 2'
-    }, {
-        en: 'Second chart color',
-        cs: 'Druhá barva grafu'
-    }),
-    createColorField('chart3', {
-        en: 'Chart 3',
-        cs: 'Graf 3'
-    }, {
-        en: 'Third chart color',
-        cs: 'Třetí barva grafu'
-    }),
-    createColorField('chart4', {
-        en: 'Chart 4',
-        cs: 'Graf 4'
-    }, {
-        en: 'Fourth chart color',
-        cs: 'Čtvrtá barva grafu'
-    }),
-    createColorField('chart5', {
-        en: 'Chart 5',
-        cs: 'Graf 5'
-    }, {
-        en: 'Fifth chart color',
-        cs: 'Pátá barva grafu'
-    })
-];
-/**
- * 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 and Auto-Population
- * Automatically fills all color fields when a theme is selected
- */ export const extendedThemeSelectionField = {
-    name: 'extendedTheme',
-    type: 'select',
-    label: {
-        en: '🎨 Theme Preset',
-        cs: '🎨 Přednastavené téma'
-    },
-    defaultValue: 'cool-extended',
-    options: extendedThemeOptions,
-    admin: {
-        description: {
-            en: 'Select a professional theme with full OKLCH color support (TweakCN compatible). All colors will be auto-populated.',
-            cs: 'Vyberte profesionální téma s plnou podporou OKLCH barev (kompatibilní s TweakCN). Všechny barvy budou automaticky vyplněny.'
-        },
-        components: {
-            Field: '@kilivi/payloadcms-theme-management/fields/ExtendedThemeAutoPopulateField'
-        }
-    }
-};
-/**
- * Unified Light Mode Configuration
- * Combines all color tokens in one place
- */ export const lightModeColorsField = {
-    type: 'collapsible',
-    label: {
-        en: '☀️ Light Mode Colors',
-        cs: '☀️ Barvy světlého režimu'
-    },
-    admin: {
-        initCollapsed: true,
-        description: {
-            en: 'Complete color configuration for light mode',
-            cs: 'Kompletní konfigurace barev pro světlý režim'
-        }
-    },
-    fields: [
-        {
-            name: 'extendedLightMode',
-            type: 'group',
-            fields: [
-                ...baseColorFields,
-                ...chartColorFields
-            ]
-        }
-    ]
-};
-/**
- * Unified Dark Mode Configuration
- */ export const darkModeColorsField = {
-    type: 'collapsible',
-    label: {
-        en: '🌙 Dark Mode Colors',
-        cs: '🌙 Barvy tmavého režimu'
-    },
-    admin: {
-        initCollapsed: true,
-        description: {
-            en: 'Complete color configuration for dark mode',
-            cs: 'Kompletní konfigurace barev pro tmavý režim'
-        }
-    },
-    fields: [
-        {
-            name: 'extendedDarkMode',
-            type: 'group',
-            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
-        }
-    ]
-};
-/**
- * Typography Configuration Section
- */ export const typographyConfigField = {
-    type: 'collapsible',
-    label: {
-        en: '� Typography',
-        cs: '� Typografie'
-    },
-    admin: {
-        initCollapsed: true,
-        description: {
-            en: 'Font families and advanced typography settings',
-            cs: 'Rodiny písem a pokročilá nastavení typografie'
-        }
-    },
-    fields: [
-        {
-            name: 'typography',
-            type: 'group',
-            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 +0,0 @@
-{"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('shadowOpacity', { en: 'Shadow Opacity', cs: 'Průhlednost stínu' }, '0.18', {\n    en: 'Shadow opacity (0-1)',\n    cs: 'Průhlednost stínu (0-1)',\n  }),\n  createTextField('shadowBlur', { en: 'Shadow Blur', cs: 'Rozmazání stínu' }, '2px', {\n    en: 'Blur radius',\n    cs: 'Poloměr rozmazání',\n  }),\n  createTextField('shadowSpread', { en: 'Shadow Spread', cs: 'Rozprostření stínu' }, '0px', {\n    en: 'Spread radius',\n    cs: 'Poloměr rozprostření',\n  }),\n  createTextField('shadowOffsetX', { en: 'Shadow Offset X', cs: 'Posun stínu X' }, '0px', {\n    en: 'Horizontal offset',\n    cs: 'Horizontální posun',\n  }),\n  createTextField('shadowOffsetY', { en: 'Shadow Offset Y', cs: 'Posun stínu Y' }, '1px', {\n    en: 'Vertical offset',\n    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('fontSerif', { en: 'Serif Font', cs: 'Patkové písmo' }, 'Georgia, serif', {\n    en: 'Serif font stack',\n    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('letterSpacing', { en: 'Letter Spacing', cs: 'Rozestup písmen' }, '0em', {\n    en: 'Global letter spacing',\n    cs: 'Globální rozestup písmen',\n  }),\n  createTextField('spacing', { en: 'Spacing Scale', cs: 'Škála rozestupů' }, '0.25rem', {\n    en: 'Base spacing unit',\n    cs: 'Základní jednotka rozestupu',\n  }),\n]\n\n/**\n * Border Radius Configuration\n */\nexport const designSystemFields: Field[] = [\n  createTextField('radius', { en: 'Border Radius', cs: 'Zaoblení rohů' }, '0.5rem', {\n    en: 'Default border radius',\n    cs: 'Výchozí zaoblení rohů',\n  }),\n]\n\n/**\n * Extended Theme Selection Field with Visual Preview and Auto-Population\n * Automatically fills all color fields when a theme is selected\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). All colors will be auto-populated.',\n      cs: 'Vyberte profesionální téma s plnou podporou OKLCH barev (kompatibilní s TweakCN). Všechny barvy budou automaticky vyplněny.',\n    },\n    components: {\n      Field: '@kilivi/payloadcms-theme-management/fields/ExtendedThemeAutoPopulateField',\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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"}

package/dist/views/ThemePreviewLoader.d.ts

@@ -1,7 +0,0 @@
-/**
- * Theme Preview Loader - Client Component
- * Dynamically loads the ThemeLivePreview component to avoid CSS issues during generate:importmap
- */
-import React from 'react';
-export declare function ThemePreviewLoader(): React.JSX.Element;
-//# sourceMappingURL=ThemePreviewLoader.d.ts.map

package/dist/views/ThemePreviewLoader.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ThemePreviewLoader.d.ts","sourceRoot":"","sources":["../../src/views/ThemePreviewLoader.tsx"],"names":[],"mappings":"AAEA;;;GAGG;AACH,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,wBAAgB,kBAAkB,sBAiCjC"}

package/dist/views/ThemePreviewLoader.js

@@ -1,43 +0,0 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * Theme Preview Loader - Client Component
- * Dynamically loads the ThemeLivePreview component to avoid CSS issues during generate:importmap
- */ import React, { useEffect, useState } from 'react';
-export function ThemePreviewLoader() {
-    const [PreviewComponent, setPreviewComponent] = useState(null);
-    const [error, setError] = useState(null);
-    useEffect(()=>{
-        // Dynamically import the preview component only in browser
-        import('../fields/ThemeLivePreview.js').then((mod)=>{
-            setPreviewComponent(()=>mod.ThemeLivePreview);
-        }).catch((err)=>{
-            console.error('Failed to load theme preview:', err);
-            setError('Failed to load theme preview component');
-        });
-    }, []);
-    if (error) {
-        return /*#__PURE__*/ _jsx("div", {
-            style: {
-                padding: '2rem',
-                color: 'var(--theme-error)'
-            },
-            children: /*#__PURE__*/ _jsx("p", {
-                children: error
-            })
-        });
-    }
-    if (!PreviewComponent) {
-        return /*#__PURE__*/ _jsx("div", {
-            style: {
-                padding: '2rem'
-            },
-            children: /*#__PURE__*/ _jsx("p", {
-                children: "Loading theme preview..."
-            })
-        });
-    }
-    return /*#__PURE__*/ _jsx(PreviewComponent, {});
-}
-
-//# sourceMappingURL=ThemePreviewLoader.js.map

package/dist/views/ThemePreviewLoader.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/views/ThemePreviewLoader.tsx"],"sourcesContent":["'use client'\n\n/**\n * Theme Preview Loader - Client Component\n * Dynamically loads the ThemeLivePreview component to avoid CSS issues during generate:importmap\n */\nimport React, { useEffect, useState } from 'react'\n\nexport function ThemePreviewLoader() {\n  const [PreviewComponent, setPreviewComponent] = useState<React.ComponentType | null>(null)\n  const [error, setError] = useState<string | null>(null)\n\n  useEffect(() => {\n    // Dynamically import the preview component only in browser\n    import('../fields/ThemeLivePreview.js')\n      .then((mod) => {\n        setPreviewComponent(() => mod.ThemeLivePreview)\n      })\n      .catch((err) => {\n        console.error('Failed to load theme preview:', err)\n        setError('Failed to load theme preview component')\n      })\n  }, [])\n\n  if (error) {\n    return (\n      <div style={{ padding: '2rem', color: 'var(--theme-error)' }}>\n        <p>{error}</p>\n      </div>\n    )\n  }\n\n  if (!PreviewComponent) {\n    return (\n      <div style={{ padding: '2rem' }}>\n        <p>Loading theme preview...</p>\n      </div>\n    )\n  }\n\n  return <PreviewComponent />\n}\n"],"names":["React","useEffect","useState","ThemePreviewLoader","PreviewComponent","setPreviewComponent","error","setError","then","mod","ThemeLivePreview","catch","err","console","div","style","padding","color","p"],"mappings":"AAAA;;AAEA;;;CAGC,GACD,OAAOA,SAASC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAElD,OAAO,SAASC;IACd,MAAM,CAACC,kBAAkBC,oBAAoB,GAAGH,SAAqC;IACrF,MAAM,CAACI,OAAOC,SAAS,GAAGL,SAAwB;IAElDD,UAAU;QACR,2DAA2D;QAC3D,MAAM,CAAC,iCACJO,IAAI,CAAC,CAACC;YACLJ,oBAAoB,IAAMI,IAAIC,gBAAgB;QAChD,GACCC,KAAK,CAAC,CAACC;YACNC,QAAQP,KAAK,CAAC,iCAAiCM;YAC/CL,SAAS;QACX;IACJ,GAAG,EAAE;IAEL,IAAID,OAAO;QACT,qBACE,KAACQ;YAAIC,OAAO;gBAAEC,SAAS;gBAAQC,OAAO;YAAqB;sBACzD,cAAA,KAACC;0BAAGZ;;;IAGV;IAEA,IAAI,CAACF,kBAAkB;QACrB,qBACE,KAACU;YAAIC,OAAO;gBAAEC,SAAS;YAAO;sBAC5B,cAAA,KAACE;0BAAE;;;IAGT;IAEA,qBAAO,KAACd;AACV"}

package/dist/views/ThemePreviewView.d.ts

@@ -1,10 +0,0 @@
-/**
- * Theme Preview View - Server Component
- * Custom admin view for live theme preview
- *
- * Uses ThemePreviewLoader which dynamically imports client components
- * This prevents CSS imports from breaking generate:importmap
- */
-import React from 'react';
-export default function ThemePreviewView(): Promise<React.JSX.Element>;
-//# sourceMappingURL=ThemePreviewView.d.ts.map

package/dist/views/ThemePreviewView.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ThemePreviewView.d.ts","sourceRoot":"","sources":["../../src/views/ThemePreviewView.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,wBAA8B,gBAAgB,+BAiB7C"}

package/dist/views/ThemePreviewView.js

@@ -1,43 +0,0 @@
-/**
- * Theme Preview View - Server Component
- * Custom admin view for live theme preview
- *
- * Uses ThemePreviewLoader which dynamically imports client components
- * This prevents CSS imports from breaking generate:importmap
- */ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Gutter } from '@payloadcms/ui';
-import React from 'react';
-import { ThemePreviewLoader } from './ThemePreviewLoader.js';
-export default async function ThemePreviewView() {
-    const AdminGutter = Gutter;
-    return /*#__PURE__*/ _jsx("div", {
-        className: "payload-admin-view",
-        children: /*#__PURE__*/ _jsxs(AdminGutter, {
-            children: [
-                /*#__PURE__*/ _jsxs("div", {
-                    style: {
-                        marginBottom: '2rem'
-                    },
-                    children: [
-                        /*#__PURE__*/ _jsx("h1", {
-                            style: {
-                                marginBottom: '0.5rem'
-                            },
-                            children: "🎨 Theme Preview"
-                        }),
-                        /*#__PURE__*/ _jsx("p", {
-                            style: {
-                                color: 'var(--theme-elevation-500)',
-                                margin: 0
-                            },
-                            children: "Real-time preview of your theme configuration. Changes are reflected instantly as you edit theme settings."
-                        })
-                    ]
-                }),
-                /*#__PURE__*/ _jsx(ThemePreviewLoader, {})
-            ]
-        })
-    });
-}
-
-//# sourceMappingURL=ThemePreviewView.js.map

package/dist/views/ThemePreviewView.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/views/ThemePreviewView.tsx"],"sourcesContent":["/**\n * Theme Preview View - Server Component\n * Custom admin view for live theme preview\n *\n * Uses ThemePreviewLoader which dynamically imports client components\n * This prevents CSS imports from breaking generate:importmap\n */\n\nimport { Gutter } from '@payloadcms/ui'\nimport React from 'react'\nimport { ThemePreviewLoader } from './ThemePreviewLoader.js'\n\nexport default async function ThemePreviewView() {\n  const AdminGutter = Gutter as unknown as React.ComponentType<React.PropsWithChildren<unknown>>\n\n  return (\n    <div className=\"payload-admin-view\">\n      <AdminGutter>\n        <div style={{ marginBottom: '2rem' }}>\n          <h1 style={{ marginBottom: '0.5rem' }}>🎨 Theme Preview</h1>\n          <p style={{ color: 'var(--theme-elevation-500)', margin: 0 }}>\n            Real-time preview of your theme configuration. Changes are reflected instantly as you\n            edit theme settings.\n          </p>\n        </div>\n        <ThemePreviewLoader />\n      </AdminGutter>\n    </div>\n  )\n}\n"],"names":["Gutter","React","ThemePreviewLoader","ThemePreviewView","AdminGutter","div","className","style","marginBottom","h1","p","color","margin"],"mappings":"AAAA;;;;;;CAMC;AAED,SAASA,MAAM,QAAQ,iBAAgB;AACvC,OAAOC,WAAW,QAAO;AACzB,SAASC,kBAAkB,QAAQ,0BAAyB;AAE5D,eAAe,eAAeC;IAC5B,MAAMC,cAAcJ;IAEpB,qBACE,KAACK;QAAIC,WAAU;kBACb,cAAA,MAACF;;8BACC,MAACC;oBAAIE,OAAO;wBAAEC,cAAc;oBAAO;;sCACjC,KAACC;4BAAGF,OAAO;gCAAEC,cAAc;4BAAS;sCAAG;;sCACvC,KAACE;4BAAEH,OAAO;gCAAEI,OAAO;gCAA8BC,QAAQ;4BAAE;sCAAG;;;;8BAKhE,KAACV;;;;AAIT"}

package/dist/views/ThemePreviewViewClient.d.ts

@@ -1,7 +0,0 @@
-/**
- * Theme Preview View - Client Component
- * Wrapper for ThemeLivePreview to use in admin view
- */
-import React from 'react';
-export declare function ThemeLivePreviewClient(): React.JSX.Element;
-//# sourceMappingURL=ThemePreviewViewClient.d.ts.map

package/dist/views/ThemePreviewViewClient.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ThemePreviewViewClient.d.ts","sourceRoot":"","sources":["../../src/views/ThemePreviewViewClient.tsx"],"names":[],"mappings":"AAEA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,wBAAgB,sBAAsB,sBAErC"}