@kilivi/payloadcms-theme-management 0.3.1 → 0.3.3

package/dist/fields/themeConfigurationField.js

@@ -35,6 +35,104 @@ import { darkModeField, lightModeField } from './colorModeFields.js';
             }
         }
     ];
+    // Border Radius Configuration - Always visible
+    fields.push({
+        type: 'row',
+        fields: [
+            {
+                name: 'borderRadius',
+                type: 'select',
+                label: {
+                    en: '📐 Border Radius',
+                    cs: '📐 Zaoblení rohů'
+                },
+                defaultValue: 'medium',
+                options: [
+                    {
+                        label: {
+                            en: 'None (0px)',
+                            cs: 'Žádné (0px)'
+                        },
+                        value: 'none'
+                    },
+                    {
+                        label: {
+                            en: 'Small (0.25rem)',
+                            cs: 'Malé (0.25rem)'
+                        },
+                        value: 'small'
+                    },
+                    {
+                        label: {
+                            en: 'Medium (0.5rem)',
+                            cs: 'Střední (0.5rem)'
+                        },
+                        value: 'medium'
+                    },
+                    {
+                        label: {
+                            en: 'Large (0.75rem)',
+                            cs: 'Velké (0.75rem)'
+                        },
+                        value: 'large'
+                    },
+                    {
+                        label: {
+                            en: 'XL (1rem)',
+                            cs: 'XL (1rem)'
+                        },
+                        value: 'xl'
+                    }
+                ],
+                admin: {
+                    description: {
+                        en: 'Default corner rounding for UI elements',
+                        cs: 'Výchozí zaoblení rohů pro UI prvky'
+                    },
+                    width: '50%'
+                }
+            },
+            {
+                name: 'spacing',
+                type: 'select',
+                label: {
+                    en: '📏 Spacing Scale',
+                    cs: '📏 Škála rozestupů'
+                },
+                defaultValue: 'medium',
+                options: [
+                    {
+                        label: {
+                            en: 'Compact',
+                            cs: 'Kompaktní'
+                        },
+                        value: 'compact'
+                    },
+                    {
+                        label: {
+                            en: 'Medium',
+                            cs: 'Střední'
+                        },
+                        value: 'medium'
+                    },
+                    {
+                        label: {
+                            en: 'Comfortable',
+                            cs: 'Pohodlné'
+                        },
+                        value: 'comfortable'
+                    }
+                ],
+                admin: {
+                    description: {
+                        en: 'Global spacing between elements',
+                        cs: 'Globální rozestupy mezi prvky'
+                    },
+                    width: '50%'
+                }
+            }
+        ]
+    });
     // Color Mode Settings
     if (includeColorModeToggle) {
         fields.push({
@@ -116,283 +214,144 @@ import { darkModeField, lightModeField } from './colorModeFields.js';
             ]
         });
     }
-    // Typography (only when NOT using extended theme configuration)
-    if (!enableAdvancedFeatures) {
-        fields.push({
-            type: 'collapsible',
-            label: {
-                en: '🅰️ Typography',
-                cs: '🅰️ Typografie'
-            },
-            admin: {
-                initCollapsed: true,
-                description: {
-                    en: 'Choose font families and base typography settings. Leave fields on "Use preset" to inherit the theme defaults.',
-                    cs: 'Zvolte rodiny písem a základní typografické nastavení. Hodnota "Použít výchozí" zachová nastavení motivu.'
-                }
-            },
-            fields: [
-                {
-                    name: 'typography',
-                    type: 'group',
-                    fields: [
-                        {
-                            type: 'row',
-                            fields: [
-                                {
-                                    name: 'bodyFont',
-                                    type: 'select',
-                                    label: {
-                                        en: 'Body font',
-                                        cs: 'Písmo pro text'
-                                    },
-                                    defaultValue: 'preset',
-                                    // @ts-expect-error - Pass full objects including fontFamily for custom rendering
-                                    options: BODY_FONT_OPTIONS,
-                                    admin: {
-                                        width: '50%',
-                                        components: {
-                                            Field: '@kilivi/payloadcms-theme-management/fields/FontSelectField'
-                                        }
-                                    }
+    // Typography - Always visible
+    fields.push({
+        type: 'collapsible',
+        label: {
+            en: '🅰️ Typography',
+            cs: '🅰️ Typografie'
+        },
+        admin: {
+            initCollapsed: true,
+            description: {
+                en: 'Choose font families and base typography settings. Leave fields on "Use preset" to inherit the theme defaults.',
+                cs: 'Zvolte rodiny písem a základní typografické nastavení. Hodnota "Použít výchozí" zachová nastavení motivu.'
+            }
+        },
+        fields: [
+            {
+                name: 'typography',
+                type: 'group',
+                fields: [
+                    {
+                        type: 'row',
+                        fields: [
+                            {
+                                name: 'bodyFont',
+                                type: 'select',
+                                label: {
+                                    en: 'Body font',
+                                    cs: 'Písmo pro text'
                                 },
-                                {
-                                    name: 'headingFont',
-                                    type: 'select',
-                                    label: {
-                                        en: 'Heading font',
-                                        cs: 'Písmo pro nadpisy'
-                                    },
-                                    defaultValue: 'preset',
-                                    // @ts-expect-error - Pass full objects including fontFamily for custom rendering
-                                    options: HEADING_FONT_OPTIONS,
-                                    admin: {
-                                        width: '50%',
-                                        components: {
-                                            Field: '@kilivi/payloadcms-theme-management/fields/FontSelectField'
-                                        }
+                                defaultValue: 'preset',
+                                // @ts-expect-error - Pass full objects including fontFamily for custom rendering
+                                options: BODY_FONT_OPTIONS,
+                                admin: {
+                                    width: '50%',
+                                    components: {
+                                        Field: '@kilivi/payloadcms-theme-management/fields/FontSelectField'
                                     }
                                 }
-                            ]
-                        },
-                        {
-                            type: 'row',
-                            fields: [
-                                {
-                                    name: 'bodyFontCustom',
-                                    type: 'text',
-                                    label: {
-                                        en: 'Custom body font stack',
-                                        cs: 'Vlastní písmo pro text'
-                                    },
-                                    admin: {
-                                        width: '50%',
-                                        placeholder: '"IBM Plex Sans", sans-serif',
-                                        description: {
-                                            en: 'Provide full CSS font-family stack when using a custom font.',
-                                            cs: 'Při volbě vlastního písma zadejte celý CSS zápis font-family.'
-                                        },
-                                        condition: (_, siblingData)=>siblingData?.bodyFont === 'custom'
-                                    }
+                            },
+                            {
+                                name: 'headingFont',
+                                type: 'select',
+                                label: {
+                                    en: 'Heading font',
+                                    cs: 'Písmo pro nadpisy'
                                 },
-                                {
-                                    name: 'headingFontCustom',
-                                    type: 'text',
-                                    label: {
-                                        en: 'Custom heading font stack',
-                                        cs: 'Vlastní písmo pro nadpisy'
-                                    },
-                                    admin: {
-                                        width: '50%',
-                                        placeholder: '"Cormorant Garamond", serif',
-                                        description: {
-                                            en: 'Provide full CSS font-family stack when using a custom heading font.',
-                                            cs: 'Při volbě vlastního nadpisového písma zadejte celý CSS zápis font-family.'
-                                        },
-                                        condition: (_, siblingData)=>siblingData?.headingFont === 'custom'
+                                defaultValue: 'preset',
+                                // @ts-expect-error - Pass full objects including fontFamily for custom rendering
+                                options: HEADING_FONT_OPTIONS,
+                                admin: {
+                                    width: '50%',
+                                    components: {
+                                        Field: '@kilivi/payloadcms-theme-management/fields/FontSelectField'
                                     }
                                 }
-                            ]
-                        },
-                        {
-                            type: 'row',
-                            fields: [
-                                {
-                                    name: 'baseFontSize',
-                                    type: 'select',
-                                    label: {
-                                        en: 'Base font size',
-                                        cs: 'Základní velikost písma'
-                                    },
-                                    defaultValue: 'preset',
-                                    options: BASE_FONT_SIZE_OPTIONS.map((option)=>({
-                                            label: option.label,
-                                            value: option.value
-                                        })),
-                                    admin: {
-                                        width: '50%'
-                                    }
+                            }
+                        ]
+                    },
+                    {
+                        type: 'row',
+                        fields: [
+                            {
+                                name: 'bodyFontCustom',
+                                type: 'text',
+                                label: {
+                                    en: 'Custom body font stack',
+                                    cs: 'Vlastní písmo pro text'
                                 },
-                                {
-                                    name: 'lineHeight',
-                                    type: 'select',
-                                    label: {
-                                        en: 'Line height',
-                                        cs: 'Řádkování'
+                                admin: {
+                                    width: '50%',
+                                    placeholder: '"IBM Plex Sans", sans-serif',
+                                    description: {
+                                        en: 'Provide full CSS font-family stack when using a custom font.',
+                                        cs: 'Při volbě vlastního písma zadejte celý CSS zápis font-family.'
                                     },
-                                    defaultValue: 'preset',
-                                    options: LINE_HEIGHT_OPTIONS.map((option)=>({
-                                            label: option.label,
-                                            value: option.value
-                                        })),
-                                    admin: {
-                                        width: '50%'
-                                    }
+                                    condition: (_, siblingData)=>siblingData?.bodyFont === 'custom'
                                 }
-                            ]
-                        }
-                    ]
-                }
-            ]
-        });
-    }
-    // Design Customization (only when NOT using extended theme configuration)
-    if (!enableAdvancedFeatures) {
-        fields.push({
-            type: 'collapsible',
-            label: {
-                en: '✨ Design Customization',
-                cs: '✨ Přizpůsobení designu'
-            },
-            admin: {
-                initCollapsed: true
-            },
-            fields: [
-                {
-                    name: 'borderRadius',
-                    type: 'select',
-                    label: {
-                        en: 'Border Radius',
-                        cs: 'Zaoblení rohů'
-                    },
-                    defaultValue: 'medium',
-                    options: [
-                        {
-                            label: {
-                                en: 'None',
-                                cs: 'Žádné'
                             },
-                            value: 'none'
-                        },
-                        {
-                            label: {
-                                en: 'Small',
-                                cs: 'Malé'
-                            },
-                            value: 'small'
-                        },
-                        {
-                            label: {
-                                en: 'Medium',
-                                cs: 'Střední'
-                            },
-                            value: 'medium'
-                        },
-                        {
-                            label: {
-                                en: 'Large',
-                                cs: 'Velké'
-                            },
-                            value: 'large'
-                        },
-                        {
-                            label: {
-                                en: 'Full',
-                                cs: 'Plné'
-                            },
-                            value: 'xl'
-                        }
-                    ],
-                    admin: {
-                        components: {
-                            Field: '@kilivi/payloadcms-theme-management/fields/RadiusField'
-                        },
-                        width: '33%'
-                    }
-                },
-                {
-                    name: 'fontScale',
-                    type: 'select',
-                    label: {
-                        en: 'Font Scale',
-                        cs: 'Velikost písma'
-                    },
-                    defaultValue: 'medium',
-                    options: [
-                        {
-                            label: {
-                                en: 'Small',
-                                cs: 'Malé'
-                            },
-                            value: 'small'
-                        },
-                        {
-                            label: {
-                                en: 'Medium',
-                                cs: 'Střední'
-                            },
-                            value: 'medium'
-                        },
-                        {
-                            label: {
-                                en: 'Large',
-                                cs: 'Velké'
-                            },
-                            value: 'large'
-                        }
-                    ],
-                    admin: {
-                        width: '33%'
-                    }
-                },
-                {
-                    name: 'spacing',
-                    type: 'select',
-                    label: {
-                        en: 'Spacing',
-                        cs: 'Mezery'
+                            {
+                                name: 'headingFontCustom',
+                                type: 'text',
+                                label: {
+                                    en: 'Custom heading font stack',
+                                    cs: 'Vlastní písmo pro nadpisy'
+                                },
+                                admin: {
+                                    width: '50%',
+                                    placeholder: '"Cormorant Garamond", serif',
+                                    description: {
+                                        en: 'Provide full CSS font-family stack when using a custom heading font.',
+                                        cs: 'Při volbě vlastního nadpisového písma zadejte celý CSS zápis font-family.'
+                                    },
+                                    condition: (_, siblingData)=>siblingData?.headingFont === 'custom'
+                                }
+                            }
+                        ]
                     },
-                    defaultValue: 'medium',
-                    options: [
-                        {
-                            label: {
-                                en: 'Compact',
-                                cs: 'Kompaktní'
-                            },
-                            value: 'compact'
-                        },
-                        {
-                            label: {
-                                en: 'Medium',
-                                cs: 'Střední'
-                            },
-                            value: 'medium'
-                        },
-                        {
-                            label: {
-                                en: 'Spacious',
-                                cs: 'Prostorné'
+                    {
+                        type: 'row',
+                        fields: [
+                            {
+                                name: 'baseFontSize',
+                                type: 'select',
+                                label: {
+                                    en: 'Base font size',
+                                    cs: 'Základní velikost písma'
+                                },
+                                defaultValue: 'preset',
+                                options: BASE_FONT_SIZE_OPTIONS.map((option)=>({
+                                        label: option.label,
+                                        value: option.value
+                                    })),
+                                admin: {
+                                    width: '50%'
+                                }
                             },
-                            value: 'spacious'
-                        }
-                    ],
-                    admin: {
-                        width: '34%'
+                            {
+                                name: 'lineHeight',
+                                type: 'select',
+                                label: {
+                                    en: 'Line height',
+                                    cs: 'Řádkování'
+                                },
+                                defaultValue: 'preset',
+                                options: LINE_HEIGHT_OPTIONS.map((option)=>({
+                                        label: option.label,
+                                        value: option.value
+                                    })),
+                                admin: {
+                                    width: '50%'
+                                }
+                            }
+                        ]
                     }
-                }
-            ]
-        });
-    } // End of !enableAdvancedFeatures block
+                ]
+            }
+        ]
+    });
     // Advanced Settings (when using extended theme configuration)
     if (enableAdvancedFeatures) {
         const advancedFields = [
@@ -472,22 +431,25 @@ import { darkModeField, lightModeField } from './colorModeFields.js';
             fields: advancedFields
         });
     }
-    // Return just the tab configuration, not the full tabs field
-    // Return as group field with all theme configuration
+    // Return as tab configuration to be injected into tabs structure
     return {
-        name: 'themeConfiguration',
-        type: 'group',
         label: {
             en: '🎨 Appearance Settings',
             cs: '🎨 Nastavení vzhledu'
         },
-        admin: {
-            description: {
-                en: 'Configure website appearance and styling',
-                cs: 'Nakonfigurujte vzhled a stylování webu'
+        fields: [
+            {
+                name: 'themeConfiguration',
+                type: 'group',
+                admin: {
+                    description: {
+                        en: 'Configure website appearance and styling',
+                        cs: 'Nakonfigurujte vzhled a stylování webu'
+                    }
+                },
+                fields
             }
-        },
-        fields
+        ]
     };
 }
 

package/dist/fields/themeConfigurationField.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/fields/themeConfigurationField.ts"],"sourcesContent":["import type { Field } from 'payload'\nimport {\n  BASE_FONT_SIZE_OPTIONS,\n  BODY_FONT_OPTIONS,\n  HEADING_FONT_OPTIONS,\n  LINE_HEIGHT_OPTIONS,\n} from '../constants/themeFonts.js'\nimport type { ThemePreset } from '../index.js'\nimport { darkModeField, lightModeField } from './colorModeFields.js'\n\ninterface ThemeConfigurationFieldOptions {\n  themePresets: ThemePreset[]\n  defaultTheme: string\n  includeColorModeToggle: boolean\n  includeCustomCSS: boolean\n  includeBrandIdentity: boolean\n  enableAdvancedFeatures?: boolean\n}\n\n/**\n * Theme Configuration Field with Theme Selection as default value setter\n * Theme Selection populates lightMode/darkMode colors automatically\n */\nexport function createThemeConfigurationField(options: ThemeConfigurationFieldOptions): Field {\n  const {\n    themePresets,\n    defaultTheme,\n    includeColorModeToggle,\n    includeCustomCSS,\n    enableAdvancedFeatures = true,\n  } = options\n\n  const themeOptions = themePresets.map((preset) => {\n    const previewColor = preset.preview?.colors.primary\n    const label = previewColor ? `${preset.label} • ${previewColor}` : preset.label\n    return {\n      label,\n      value: preset.name,\n    }\n  })\n\n  const fields: Field[] = [\n    {\n      name: 'theme',\n      type: 'select',\n      required: true,\n      defaultValue: defaultTheme,\n      options: themeOptions,\n      label: {\n        en: '🎨 Theme Selection',\n        cs: '🎨 Výběr tématu',\n      },\n      admin: {\n        description: {\n          en: 'Select a theme to auto-populate color values. You can customize colors after selection.',\n          cs: 'Vyberte téma pro automatické předvyplnění barev. Po výběru můžete barvy upravit.',\n        },\n        components: {\n          Field: '@kilivi/payloadcms-theme-management/fields/ThemePreviewField',\n        },\n      },\n    },\n  ]\n\n  // Color Mode Settings\n  if (includeColorModeToggle) {\n    fields.push({\n      type: 'collapsible',\n      label: {\n        en: '🌗 Color Mode Settings',\n        cs: '🌗 Nastavení barevného režimu',\n      },\n      admin: {\n        initCollapsed: false,\n        description: {\n          en: 'Configure light and dark mode colors. Changes here override theme selection.',\n          cs: 'Nakonfigurujte barvy světlého a tmavého režimu. Změny zde přepíší výběr tématu.',\n        },\n      },\n      fields: [\n        {\n          type: 'row',\n          fields: [\n            {\n              name: 'colorMode',\n              type: 'select',\n              label: {\n                en: 'Default Color Mode',\n                cs: 'Výchozí barevný režim',\n              },\n              defaultValue: 'auto',\n              options: [\n                {\n                  label: {\n                    en: 'Auto (System)',\n                    cs: 'Automaticky (Systém)',\n                  },\n                  value: 'auto',\n                },\n                {\n                  label: { en: 'Light', cs: 'Světlý' },\n                  value: 'light',\n                },\n                {\n                  label: { en: 'Dark', cs: 'Tmavý' },\n                  value: 'dark',\n                },\n              ],\n              admin: {\n                description: {\n                  en: 'Default color mode for visitors',\n                  cs: 'Výchozí barevný režim pro návštěvníky',\n                },\n                width: '50%',\n              },\n            },\n            {\n              name: 'allowColorModeToggle',\n              type: 'checkbox',\n              label: {\n                en: 'Enable Mode Toggle',\n                cs: 'Povolit přepínač režimu',\n              },\n              defaultValue: true,\n              admin: {\n                description: {\n                  en: 'Let visitors switch modes',\n                  cs: 'Umožnit návštěvníkům přepínat režimy',\n                },\n                width: '50%',\n              },\n            },\n          ],\n        },\n        lightModeField,\n        darkModeField,\n      ],\n    })\n  }\n\n  // Typography (only when NOT using extended theme configuration)\n  if (!enableAdvancedFeatures) {\n    fields.push({\n      type: 'collapsible',\n      label: {\n        en: '🅰️ Typography',\n        cs: '🅰️ Typografie',\n      },\n      admin: {\n        initCollapsed: true,\n        description: {\n          en: 'Choose font families and base typography settings. Leave fields on \"Use preset\" to inherit the theme defaults.',\n          cs: 'Zvolte rodiny písem a základní typografické nastavení. Hodnota \"Použít výchozí\" zachová nastavení motivu.',\n        },\n      },\n      fields: [\n        {\n          name: 'typography',\n          type: 'group',\n          fields: [\n            {\n              type: 'row',\n              fields: [\n                {\n                  name: 'bodyFont',\n                  type: 'select',\n                  label: {\n                    en: 'Body font',\n                    cs: 'Písmo pro text',\n                  },\n                  defaultValue: 'preset',\n                  // @ts-expect-error - Pass full objects including fontFamily for custom rendering\n                  options: BODY_FONT_OPTIONS,\n                  admin: {\n                    width: '50%',\n                    components: {\n                      Field: '@kilivi/payloadcms-theme-management/fields/FontSelectField',\n                    },\n                  },\n                },\n                {\n                  name: 'headingFont',\n                  type: 'select',\n                  label: {\n                    en: 'Heading font',\n                    cs: 'Písmo pro nadpisy',\n                  },\n                  defaultValue: 'preset',\n                  // @ts-expect-error - Pass full objects including fontFamily for custom rendering\n                  options: HEADING_FONT_OPTIONS,\n                  admin: {\n                    width: '50%',\n                    components: {\n                      Field: '@kilivi/payloadcms-theme-management/fields/FontSelectField',\n                    },\n                  },\n                },\n              ],\n            },\n            {\n              type: 'row',\n              fields: [\n                {\n                  name: 'bodyFontCustom',\n                  type: 'text',\n                  label: {\n                    en: 'Custom body font stack',\n                    cs: 'Vlastní písmo pro text',\n                  },\n                  admin: {\n                    width: '50%',\n                    placeholder: '\"IBM Plex Sans\", sans-serif',\n                    description: {\n                      en: 'Provide full CSS font-family stack when using a custom font.',\n                      cs: 'Při volbě vlastního písma zadejte celý CSS zápis font-family.',\n                    },\n                    condition: (_, siblingData) => siblingData?.bodyFont === 'custom',\n                  },\n                },\n                {\n                  name: 'headingFontCustom',\n                  type: 'text',\n                  label: {\n                    en: 'Custom heading font stack',\n                    cs: 'Vlastní písmo pro nadpisy',\n                  },\n                  admin: {\n                    width: '50%',\n                    placeholder: '\"Cormorant Garamond\", serif',\n                    description: {\n                      en: 'Provide full CSS font-family stack when using a custom heading font.',\n                      cs: 'Při volbě vlastního nadpisového písma zadejte celý CSS zápis font-family.',\n                    },\n                    condition: (_, siblingData) => siblingData?.headingFont === 'custom',\n                  },\n                },\n              ],\n            },\n            {\n              type: 'row',\n              fields: [\n                {\n                  name: 'baseFontSize',\n                  type: 'select',\n                  label: {\n                    en: 'Base font size',\n                    cs: 'Základní velikost písma',\n                  },\n                  defaultValue: 'preset',\n                  options: BASE_FONT_SIZE_OPTIONS.map((option) => ({\n                    label: option.label,\n                    value: option.value,\n                  })),\n                  admin: {\n                    width: '50%',\n                  },\n                },\n                {\n                  name: 'lineHeight',\n                  type: 'select',\n                  label: {\n                    en: 'Line height',\n                    cs: 'Řádkování',\n                  },\n                  defaultValue: 'preset',\n                  options: LINE_HEIGHT_OPTIONS.map((option) => ({\n                    label: option.label,\n                    value: option.value,\n                  })),\n                  admin: {\n                    width: '50%',\n                  },\n                },\n              ],\n            },\n          ],\n        },\n      ],\n    })\n  }\n\n  // Design Customization (only when NOT using extended theme configuration)\n  if (!enableAdvancedFeatures) {\n    fields.push({\n      type: 'collapsible',\n      label: {\n        en: '✨ Design Customization',\n        cs: '✨ Přizpůsobení designu',\n      },\n      admin: {\n        initCollapsed: true,\n      },\n      fields: [\n        {\n          name: 'borderRadius',\n          type: 'select',\n          label: {\n            en: 'Border Radius',\n            cs: 'Zaoblení rohů',\n          },\n          defaultValue: 'medium',\n          options: [\n            { label: { en: 'None', cs: 'Žádné' }, value: 'none' },\n            { label: { en: 'Small', cs: 'Malé' }, value: 'small' },\n            { label: { en: 'Medium', cs: 'Střední' }, value: 'medium' },\n            { label: { en: 'Large', cs: 'Velké' }, value: 'large' },\n            { label: { en: 'Full', cs: 'Plné' }, value: 'xl' },\n          ],\n          admin: {\n            components: {\n              Field: '@kilivi/payloadcms-theme-management/fields/RadiusField',\n            },\n            width: '33%',\n          },\n        },\n        {\n          name: 'fontScale',\n          type: 'select',\n          label: {\n            en: 'Font Scale',\n            cs: 'Velikost písma',\n          },\n          defaultValue: 'medium',\n          options: [\n            { label: { en: 'Small', cs: 'Malé' }, value: 'small' },\n            { label: { en: 'Medium', cs: 'Střední' }, value: 'medium' },\n            { label: { en: 'Large', cs: 'Velké' }, value: 'large' },\n          ],\n          admin: {\n            width: '33%',\n          },\n        },\n        {\n          name: 'spacing',\n          type: 'select',\n          label: {\n            en: 'Spacing',\n            cs: 'Mezery',\n          },\n          defaultValue: 'medium',\n          options: [\n            { label: { en: 'Compact', cs: 'Kompaktní' }, value: 'compact' },\n            { label: { en: 'Medium', cs: 'Střední' }, value: 'medium' },\n            { label: { en: 'Spacious', cs: 'Prostorné' }, value: 'spacious' },\n          ],\n          admin: {\n            width: '34%',\n          },\n        },\n      ],\n    })\n  } // End of !enableAdvancedFeatures block\n\n  // Advanced Settings (when using extended theme configuration)\n  if (enableAdvancedFeatures) {\n    const advancedFields: Field[] = [\n      {\n        name: 'animationLevel',\n        type: 'select',\n        label: {\n          en: 'Animation Level',\n          cs: 'Úroveň animací',\n        },\n        defaultValue: 'medium',\n        options: [\n          { label: { en: 'None', cs: 'Žádné' }, value: 'none' },\n          { label: { en: 'Reduced', cs: 'Snížené' }, value: 'reduced' },\n          { label: { en: 'Medium', cs: 'Střední' }, value: 'medium' },\n          { label: { en: 'High', cs: 'Vysoké' }, value: 'high' },\n        ],\n        admin: {\n          description: {\n            en: 'Control website animations and transitions',\n            cs: 'Kontrola animací a přechodů na webu',\n          },\n          width: '50%',\n        },\n      },\n    ]\n\n    if (includeCustomCSS) {\n      advancedFields.push({\n        name: 'customCSS',\n        type: 'code',\n        label: {\n          en: 'Custom CSS',\n          cs: 'Vlastní CSS',\n        },\n        admin: {\n          language: 'css',\n          description: {\n            en: 'Add custom CSS to override default styles',\n            cs: 'Přidejte vlastní CSS pro přepsání výchozích stylů',\n          },\n          // placeholder:\n          //   ':root {\\n  --primary: #your-color;\\n  --border-radius: 8px;\\n  --font-family: \"Your Font\";\\n}\\n\\n.custom-class {\\n  /* Your custom styles */\\n}',\n          // rows: 8,\n        },\n      })\n    }\n\n    fields.push({\n      type: 'collapsible',\n      label: {\n        en: '⚙️ Advanced Settings',\n        cs: '⚙️ Pokročilé nastavení',\n      },\n      admin: {\n        initCollapsed: true,\n      },\n      fields: advancedFields,\n    })\n  }\n\n  // Return just the tab configuration, not the full tabs field\n  // Return as group field with all theme configuration\n  return {\n    name: 'themeConfiguration',\n    type: 'group',\n    label: {\n      en: '🎨 Appearance Settings',\n      cs: '🎨 Nastavení vzhledu',\n    },\n    admin: {\n      description: {\n        en: 'Configure website appearance and styling',\n        cs: 'Nakonfigurujte vzhled a stylování webu',\n      },\n    },\n    fields,\n  }\n}\n"],"names":["BASE_FONT_SIZE_OPTIONS","BODY_FONT_OPTIONS","HEADING_FONT_OPTIONS","LINE_HEIGHT_OPTIONS","darkModeField","lightModeField","createThemeConfigurationField","options","themePresets","defaultTheme","includeColorModeToggle","includeCustomCSS","enableAdvancedFeatures","themeOptions","map","preset","previewColor","preview","colors","primary","label","value","name","fields","type","required","defaultValue","en","cs","admin","description","components","Field","push","initCollapsed","width","placeholder","condition","_","siblingData","bodyFont","headingFont","option","advancedFields","language"],"mappings":"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"}
+{"version":3,"sources":["../../src/fields/themeConfigurationField.ts"],"sourcesContent":["import type { Field, TabsField } from 'payload'\nimport {\n  BASE_FONT_SIZE_OPTIONS,\n  BODY_FONT_OPTIONS,\n  HEADING_FONT_OPTIONS,\n  LINE_HEIGHT_OPTIONS,\n} from '../constants/themeFonts.js'\nimport type { ThemePreset } from '../index.js'\nimport { darkModeField, lightModeField } from './colorModeFields.js'\n\ninterface ThemeConfigurationFieldOptions {\n  themePresets: ThemePreset[]\n  defaultTheme: string\n  includeColorModeToggle: boolean\n  includeCustomCSS: boolean\n  includeBrandIdentity: boolean\n  enableAdvancedFeatures?: boolean\n}\n\n// Type for a single tab (not the full TabsField)\nexport type ThemeTab = NonNullable<TabsField['tabs']>[number]\n\n/**\n * Theme Configuration Field with Theme Selection as default value setter\n * Theme Selection populates lightMode/darkMode colors automatically\n */\nexport function createThemeConfigurationField(options: ThemeConfigurationFieldOptions): ThemeTab {\n  const {\n    themePresets,\n    defaultTheme,\n    includeColorModeToggle,\n    includeCustomCSS,\n    enableAdvancedFeatures = true,\n  } = options\n\n  const themeOptions = themePresets.map((preset) => {\n    const previewColor = preset.preview?.colors.primary\n    const label = previewColor ? `${preset.label} • ${previewColor}` : preset.label\n    return {\n      label,\n      value: preset.name,\n    }\n  })\n\n  const fields: Field[] = [\n    {\n      name: 'theme',\n      type: 'select',\n      required: true,\n      defaultValue: defaultTheme,\n      options: themeOptions,\n      label: {\n        en: '🎨 Theme Selection',\n        cs: '🎨 Výběr tématu',\n      },\n      admin: {\n        description: {\n          en: 'Select a theme to auto-populate color values. You can customize colors after selection.',\n          cs: 'Vyberte téma pro automatické předvyplnění barev. Po výběru můžete barvy upravit.',\n        },\n        components: {\n          Field: '@kilivi/payloadcms-theme-management/fields/ThemePreviewField',\n        },\n      },\n    },\n  ]\n\n  // Border Radius Configuration - Always visible\n  fields.push({\n    type: 'row',\n    fields: [\n      {\n        name: 'borderRadius',\n        type: 'select',\n        label: {\n          en: '📐 Border Radius',\n          cs: '📐 Zaoblení rohů',\n        },\n        defaultValue: 'medium',\n        options: [\n          { label: { en: 'None (0px)', cs: 'Žádné (0px)' }, value: 'none' },\n          { label: { en: 'Small (0.25rem)', cs: 'Malé (0.25rem)' }, value: 'small' },\n          { label: { en: 'Medium (0.5rem)', cs: 'Střední (0.5rem)' }, value: 'medium' },\n          { label: { en: 'Large (0.75rem)', cs: 'Velké (0.75rem)' }, value: 'large' },\n          { label: { en: 'XL (1rem)', cs: 'XL (1rem)' }, value: 'xl' },\n        ],\n        admin: {\n          description: {\n            en: 'Default corner rounding for UI elements',\n            cs: 'Výchozí zaoblení rohů pro UI prvky',\n          },\n          width: '50%',\n        },\n      },\n      {\n        name: 'spacing',\n        type: 'select',\n        label: {\n          en: '📏 Spacing Scale',\n          cs: '📏 Škála rozestupů',\n        },\n        defaultValue: 'medium',\n        options: [\n          { label: { en: 'Compact', cs: 'Kompaktní' }, value: 'compact' },\n          { label: { en: 'Medium', cs: 'Střední' }, value: 'medium' },\n          { label: { en: 'Comfortable', cs: 'Pohodlné' }, value: 'comfortable' },\n        ],\n        admin: {\n          description: {\n            en: 'Global spacing between elements',\n            cs: 'Globální rozestupy mezi prvky',\n          },\n          width: '50%',\n        },\n      },\n    ],\n  })\n\n  // Color Mode Settings\n  if (includeColorModeToggle) {\n    fields.push({\n      type: 'collapsible',\n      label: {\n        en: '🌗 Color Mode Settings',\n        cs: '🌗 Nastavení barevného režimu',\n      },\n      admin: {\n        initCollapsed: false,\n        description: {\n          en: 'Configure light and dark mode colors. Changes here override theme selection.',\n          cs: 'Nakonfigurujte barvy světlého a tmavého režimu. Změny zde přepíší výběr tématu.',\n        },\n      },\n      fields: [\n        {\n          type: 'row',\n          fields: [\n            {\n              name: 'colorMode',\n              type: 'select',\n              label: {\n                en: 'Default Color Mode',\n                cs: 'Výchozí barevný režim',\n              },\n              defaultValue: 'auto',\n              options: [\n                {\n                  label: {\n                    en: 'Auto (System)',\n                    cs: 'Automaticky (Systém)',\n                  },\n                  value: 'auto',\n                },\n                {\n                  label: { en: 'Light', cs: 'Světlý' },\n                  value: 'light',\n                },\n                {\n                  label: { en: 'Dark', cs: 'Tmavý' },\n                  value: 'dark',\n                },\n              ],\n              admin: {\n                description: {\n                  en: 'Default color mode for visitors',\n                  cs: 'Výchozí barevný režim pro návštěvníky',\n                },\n                width: '50%',\n              },\n            },\n            {\n              name: 'allowColorModeToggle',\n              type: 'checkbox',\n              label: {\n                en: 'Enable Mode Toggle',\n                cs: 'Povolit přepínač režimu',\n              },\n              defaultValue: true,\n              admin: {\n                description: {\n                  en: 'Let visitors switch modes',\n                  cs: 'Umožnit návštěvníkům přepínat režimy',\n                },\n                width: '50%',\n              },\n            },\n          ],\n        },\n        lightModeField,\n        darkModeField,\n      ],\n    })\n  }\n\n  // Typography - Always visible\n  fields.push({\n    type: 'collapsible',\n    label: {\n      en: '🅰️ Typography',\n      cs: '🅰️ Typografie',\n    },\n    admin: {\n      initCollapsed: true,\n      description: {\n        en: 'Choose font families and base typography settings. Leave fields on \"Use preset\" to inherit the theme defaults.',\n        cs: 'Zvolte rodiny písem a základní typografické nastavení. Hodnota \"Použít výchozí\" zachová nastavení motivu.',\n      },\n    },\n    fields: [\n      {\n        name: 'typography',\n        type: 'group',\n        fields: [\n          {\n            type: 'row',\n            fields: [\n              {\n                name: 'bodyFont',\n                type: 'select',\n                label: {\n                  en: 'Body font',\n                  cs: 'Písmo pro text',\n                },\n                defaultValue: 'preset',\n                // @ts-expect-error - Pass full objects including fontFamily for custom rendering\n                options: BODY_FONT_OPTIONS,\n                admin: {\n                  width: '50%',\n                  components: {\n                    Field: '@kilivi/payloadcms-theme-management/fields/FontSelectField',\n                  },\n                },\n              },\n              {\n                name: 'headingFont',\n                type: 'select',\n                label: {\n                  en: 'Heading font',\n                  cs: 'Písmo pro nadpisy',\n                },\n                defaultValue: 'preset',\n                // @ts-expect-error - Pass full objects including fontFamily for custom rendering\n                options: HEADING_FONT_OPTIONS,\n                admin: {\n                  width: '50%',\n                  components: {\n                    Field: '@kilivi/payloadcms-theme-management/fields/FontSelectField',\n                  },\n                },\n              },\n            ],\n          },\n          {\n            type: 'row',\n            fields: [\n              {\n                name: 'bodyFontCustom',\n                type: 'text',\n                label: {\n                  en: 'Custom body font stack',\n                  cs: 'Vlastní písmo pro text',\n                },\n                admin: {\n                  width: '50%',\n                  placeholder: '\"IBM Plex Sans\", sans-serif',\n                  description: {\n                    en: 'Provide full CSS font-family stack when using a custom font.',\n                    cs: 'Při volbě vlastního písma zadejte celý CSS zápis font-family.',\n                  },\n                  condition: (_, siblingData) => siblingData?.bodyFont === 'custom',\n                },\n              },\n              {\n                name: 'headingFontCustom',\n                type: 'text',\n                label: {\n                  en: 'Custom heading font stack',\n                  cs: 'Vlastní písmo pro nadpisy',\n                },\n                admin: {\n                  width: '50%',\n                  placeholder: '\"Cormorant Garamond\", serif',\n                  description: {\n                    en: 'Provide full CSS font-family stack when using a custom heading font.',\n                    cs: 'Při volbě vlastního nadpisového písma zadejte celý CSS zápis font-family.',\n                  },\n                  condition: (_, siblingData) => siblingData?.headingFont === 'custom',\n                },\n              },\n            ],\n          },\n          {\n            type: 'row',\n            fields: [\n              {\n                name: 'baseFontSize',\n                type: 'select',\n                label: {\n                  en: 'Base font size',\n                  cs: 'Základní velikost písma',\n                },\n                defaultValue: 'preset',\n                options: BASE_FONT_SIZE_OPTIONS.map((option) => ({\n                  label: option.label,\n                  value: option.value,\n                })),\n                admin: {\n                  width: '50%',\n                },\n              },\n              {\n                name: 'lineHeight',\n                type: 'select',\n                label: {\n                  en: 'Line height',\n                  cs: 'Řádkování',\n                },\n                defaultValue: 'preset',\n                options: LINE_HEIGHT_OPTIONS.map((option) => ({\n                  label: option.label,\n                  value: option.value,\n                })),\n                admin: {\n                  width: '50%',\n                },\n              },\n            ],\n          },\n        ],\n      },\n    ],\n  })\n\n  // Advanced Settings (when using extended theme configuration)\n  if (enableAdvancedFeatures) {\n    const advancedFields: Field[] = [\n      {\n        name: 'animationLevel',\n        type: 'select',\n        label: {\n          en: 'Animation Level',\n          cs: 'Úroveň animací',\n        },\n        defaultValue: 'medium',\n        options: [\n          { label: { en: 'None', cs: 'Žádné' }, value: 'none' },\n          { label: { en: 'Reduced', cs: 'Snížené' }, value: 'reduced' },\n          { label: { en: 'Medium', cs: 'Střední' }, value: 'medium' },\n          { label: { en: 'High', cs: 'Vysoké' }, value: 'high' },\n        ],\n        admin: {\n          description: {\n            en: 'Control website animations and transitions',\n            cs: 'Kontrola animací a přechodů na webu',\n          },\n          width: '50%',\n        },\n      },\n    ]\n\n    if (includeCustomCSS) {\n      advancedFields.push({\n        name: 'customCSS',\n        type: 'code',\n        label: {\n          en: 'Custom CSS',\n          cs: 'Vlastní CSS',\n        },\n        admin: {\n          language: 'css',\n          description: {\n            en: 'Add custom CSS to override default styles',\n            cs: 'Přidejte vlastní CSS pro přepsání výchozích stylů',\n          },\n          // placeholder:\n          //   ':root {\\n  --primary: #your-color;\\n  --border-radius: 8px;\\n  --font-family: \"Your Font\";\\n}\\n\\n.custom-class {\\n  /* Your custom styles */\\n}',\n          // rows: 8,\n        },\n      })\n    }\n\n    fields.push({\n      type: 'collapsible',\n      label: {\n        en: '⚙️ Advanced Settings',\n        cs: '⚙️ Pokročilé nastavení',\n      },\n      admin: {\n        initCollapsed: true,\n      },\n      fields: advancedFields,\n    })\n  }\n\n  // Return as tab configuration to be injected into tabs structure\n  return {\n    label: {\n      en: '🎨 Appearance Settings',\n      cs: '🎨 Nastavení vzhledu',\n    },\n    fields: [\n      {\n        name: 'themeConfiguration',\n        type: 'group',\n        admin: {\n          description: {\n            en: 'Configure website appearance and styling',\n            cs: 'Nakonfigurujte vzhled a stylování webu',\n          },\n        },\n        fields,\n      },\n    ],\n  }\n}\n"],"names":["BASE_FONT_SIZE_OPTIONS","BODY_FONT_OPTIONS","HEADING_FONT_OPTIONS","LINE_HEIGHT_OPTIONS","darkModeField","lightModeField","createThemeConfigurationField","options","themePresets","defaultTheme","includeColorModeToggle","includeCustomCSS","enableAdvancedFeatures","themeOptions","map","preset","previewColor","preview","colors","primary","label","value","name","fields","type","required","defaultValue","en","cs","admin","description","components","Field","push","width","initCollapsed","placeholder","condition","_","siblingData","bodyFont","headingFont","option","advancedFields","language"],"mappings":"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;qBACD;gBACH;gBACA7B;gBACAD;aACD;QACH;IACF;IAEA,8BAA8B;IAC9BmB,OAAOU,IAAI,CAAC;QACVT,MAAM;QACNJ,OAAO;YACLO,IAAI;YACJC,IAAI;QACN;QACAC,OAAO;YACLM,eAAe;YACfL,aAAa;gBACXH,IAAI;gBACJC,IAAI;YACN;QACF;QACAL,QAAQ;YACN;gBACED,MAAM;gBACNE,MAAM;gBACND,QAAQ;oBACN;wBACEC,MAAM;wBACND,QAAQ;4BACN;gCACED,MAAM;gCACNE,MAAM;gCACNJ,OAAO;oCACLO,IAAI;oCACJC,IAAI;gCACN;gCACAF,cAAc;gCACd,iFAAiF;gCACjFnB,SAASN;gCACT4B,OAAO;oCACLK,OAAO;oCACPH,YAAY;wCACVC,OAAO;oCACT;gCACF;4BACF;4BACA;gCACEV,MAAM;gCACNE,MAAM;gCACNJ,OAAO;oCACLO,IAAI;oCACJC,IAAI;gCACN;gCACAF,cAAc;gCACd,iFAAiF;gCACjFnB,SAASL;gCACT2B,OAAO;oCACLK,OAAO;oCACPH,YAAY;wCACVC,OAAO;oCACT;gCACF;4BACF;yBACD;oBACH;oBACA;wBACER,MAAM;wBACND,QAAQ;4BACN;gCACED,MAAM;gCACNE,MAAM;gCACNJ,OAAO;oCACLO,IAAI;oCACJC,IAAI;gCACN;gCACAC,OAAO;oCACLK,OAAO;oCACPE,aAAa;oCACbN,aAAa;wCACXH,IAAI;wCACJC,IAAI;oCACN;oCACAS,WAAW,CAACC,GAAGC,cAAgBA,aAAaC,aAAa;gCAC3D;4BACF;4BACA;gCACElB,MAAM;gCACNE,MAAM;gCACNJ,OAAO;oCACLO,IAAI;oCACJC,IAAI;gCACN;gCACAC,OAAO;oCACLK,OAAO;oCACPE,aAAa;oCACbN,aAAa;wCACXH,IAAI;wCACJC,IAAI;oCACN;oCACAS,WAAW,CAACC,GAAGC,cAAgBA,aAAaE,gBAAgB;gCAC9D;4BACF;yBACD;oBACH;oBACA;wBACEjB,MAAM;wBACND,QAAQ;4BACN;gCACED,MAAM;gCACNE,MAAM;gCACNJ,OAAO;oCACLO,IAAI;oCACJC,IAAI;gCACN;gCACAF,cAAc;gCACdnB,SAASP,uBAAuBc,GAAG,CAAC,CAAC4B,SAAY,CAAA;wCAC/CtB,OAAOsB,OAAOtB,KAAK;wCACnBC,OAAOqB,OAAOrB,KAAK;oCACrB,CAAA;gCACAQ,OAAO;oCACLK,OAAO;gCACT;4BACF;4BACA;gCACEZ,MAAM;gCACNE,MAAM;gCACNJ,OAAO;oCACLO,IAAI;oCACJC,IAAI;gCACN;gCACAF,cAAc;gCACdnB,SAASJ,oBAAoBW,GAAG,CAAC,CAAC4B,SAAY,CAAA;wCAC5CtB,OAAOsB,OAAOtB,KAAK;wCACnBC,OAAOqB,OAAOrB,KAAK;oCACrB,CAAA;gCACAQ,OAAO;oCACLK,OAAO;gCACT;4BACF;yBACD;oBACH;iBACD;YACH;SACD;IACH;IAEA,8DAA8D;IAC9D,IAAItB,wBAAwB;QAC1B,MAAM+B,iBAA0B;YAC9B;gBACErB,MAAM;gBACNE,MAAM;gBACNJ,OAAO;oBACLO,IAAI;oBACJC,IAAI;gBACN;gBACAF,cAAc;gBACdnB,SAAS;oBACP;wBAAEa,OAAO;4BAAEO,IAAI;4BAAQC,IAAI;wBAAQ;wBAAGP,OAAO;oBAAO;oBACpD;wBAAED,OAAO;4BAAEO,IAAI;4BAAWC,IAAI;wBAAU;wBAAGP,OAAO;oBAAU;oBAC5D;wBAAED,OAAO;4BAAEO,IAAI;4BAAUC,IAAI;wBAAU;wBAAGP,OAAO;oBAAS;oBAC1D;wBAAED,OAAO;4BAAEO,IAAI;4BAAQC,IAAI;wBAAS;wBAAGP,OAAO;oBAAO;iBACtD;gBACDQ,OAAO;oBACLC,aAAa;wBACXH,IAAI;wBACJC,IAAI;oBACN;oBACAM,OAAO;gBACT;YACF;SACD;QAED,IAAIvB,kBAAkB;YACpBgC,eAAeV,IAAI,CAAC;gBAClBX,MAAM;gBACNE,MAAM;gBACNJ,OAAO;oBACLO,IAAI;oBACJC,IAAI;gBACN;gBACAC,OAAO;oBACLe,UAAU;oBACVd,aAAa;wBACXH,IAAI;wBACJC,IAAI;oBACN;gBAIF;YACF;QACF;QAEAL,OAAOU,IAAI,CAAC;YACVT,MAAM;YACNJ,OAAO;gBACLO,IAAI;gBACJC,IAAI;YACN;YACAC,OAAO;gBACLM,eAAe;YACjB;YACAZ,QAAQoB;QACV;IACF;IAEA,iEAAiE;IACjE,OAAO;QACLvB,OAAO;YACLO,IAAI;YACJC,IAAI;QACN;QACAL,QAAQ;YACN;gBACED,MAAM;gBACNE,MAAM;gBACNK,OAAO;oBACLC,aAAa;wBACXH,IAAI;wBACJC,IAAI;oBACN;gBACF;gBACAL;YACF;SACD;IACH;AACF"}