@kilivi/payloadcms-theme-management 1.0.2 → 1.0.4

package/README.md

@@ -227,6 +227,10 @@ The plugin automatically adds a **Live Preview** page to your admin panel at `/a
 
 The preview automatically watches your `themeConfiguration` field and displays real-time updates without any additional setup.
 
+## Translations / i18n
+
+Extend or override translations at runtime with `registerTranslations`. The plugin merges your translations with English defaults, so missing keys fall back to English. See `docs/TRANSLATIONS.md` for details and examples.
+
 ## API Reference
 
 ### Main Entry Point

package/dist/components/ThemePreview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemePreview.d.ts","sourceRoot":"","sources":["../../src/components/ThemePreview.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAkB,MAAM,OAAO,CAAA;AAqBtC,MAAM,CAAC,OAAO,UAAU,YAAY,sBA8PnC"}
+{"version":3,"file":"ThemePreview.d.ts","sourceRoot":"","sources":["../../src/components/ThemePreview.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAkB,MAAM,OAAO,CAAA;AAuBtC,MAAM,CAAC,OAAO,UAAU,YAAY,sBA6PnC"}

package/dist/components/ThemePreview.js

@@ -4,6 +4,8 @@ import { useField } from '@payloadcms/ui';
 import React, { useMemo } from 'react';
 import { allThemePresets } from '../presets.js';
 import { themeIsValid } from '../providers/Theme/types.js';
+import { getTranslations } from '../translations.js';
+import { getAdminLanguage } from '../utils/getAdminLanguage.js';
 const DEFAULT_THEME_KEY = 'cool';
 const basePresetMap = allThemePresets.reduce((accumulator, preset)=>{
     accumulator[preset.name] = preset;
@@ -60,6 +62,7 @@ export default function ThemePreview() {
         textColor,
         themeColors
     ]);
+    const t = getTranslations(getAdminLanguage());
     return /*#__PURE__*/ _jsxs("div", {
         className: "theme-preview",
         style: {
@@ -73,7 +76,7 @@ export default function ThemePreview() {
                     marginBottom: '16px',
                     color: '#374151'
                 },
-                children: "🎨 Live Theme Preview"
+                children: t.livePreview.largeTitle
             }),
             /*#__PURE__*/ _jsxs("div", {
                 className: "preview-container",
@@ -101,7 +104,7 @@ export default function ThemePreview() {
                                     fontSize: '20px',
                                     fontWeight: '700'
                                 },
-                                children: "Your Website"
+                                children: t.preview.siteTitle
                             }),
                             /*#__PURE__*/ _jsxs("nav", {
                                 style: {
@@ -111,16 +114,16 @@ export default function ThemePreview() {
                                 },
                                 children: [
                                     /*#__PURE__*/ _jsx("span", {
-                                        children: "Home"
+                                        children: t.preview.nav.home
                                     }),
                                     /*#__PURE__*/ _jsx("span", {
-                                        children: "About"
+                                        children: t.preview.nav.about
                                     }),
                                     /*#__PURE__*/ _jsx("span", {
-                                        children: "Services"
+                                        children: t.preview.nav.services
                                     }),
                                     /*#__PURE__*/ _jsx("span", {
-                                        children: "Contact"
+                                        children: t.preview.nav.contact
                                     })
                                 ]
                             })
@@ -138,7 +141,7 @@ export default function ThemePreview() {
                                     marginBottom: '16px',
                                     color: currentColors.text
                                 },
-                                children: "Welcome to Your Site"
+                                children: t.preview.welcomeTitle
                             }),
                             /*#__PURE__*/ _jsx("p", {
                                 style: {
@@ -148,13 +151,13 @@ export default function ThemePreview() {
                                     color: currentColors.text,
                                     opacity: 0.8
                                 },
-                                children: "This is how your content will look with the selected theme. The colors and styling will be applied across your entire website."
+                                children: t.preview.welcomeCopy
                             }),
                             /*#__PURE__*/ _jsxs("div", {
                                 style: {
                                     display: 'flex',
                                     gap: '12px',
-                                    marginBottom: '32px'
+                                    marginBottom: '24px'
                                 },
                                 children: [
                                     /*#__PURE__*/ _jsx("button", {
@@ -203,14 +206,14 @@ export default function ThemePreview() {
                                     opacity: 0.1
                                 },
                                 children: [
-                                    /*#__PURE__*/ _jsx("h3", {
+                                    /*#__PURE__*/ _jsx("h2", {
                                         style: {
                                             fontSize: '18px',
                                             fontWeight: '600',
                                             marginBottom: '12px',
                                             color: currentColors.text
                                         },
-                                        children: "Sample Card"
+                                        children: t.preview.sampleCardTitle
                                     }),
                                     /*#__PURE__*/ _jsx("p", {
                                         style: {
@@ -233,7 +236,7 @@ export default function ThemePreview() {
                             fontSize: '14px',
                             marginTop: 'auto'
                         },
-                        children: "© 2025 Your Website. Powered by PayloadCMS."
+                        children: t.preview.footer
                     })
                 ]
             }),

package/dist/components/ThemePreview.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/ThemePreview.tsx"],"sourcesContent":["'use client'\n\nimport { useField } from '@payloadcms/ui'\nimport React, { useMemo } from 'react'\nimport { allThemePresets } from '../presets.js'\nimport { themeIsValid } from '../providers/Theme/types.js'\n\nconst DEFAULT_THEME_KEY = 'cool'\nconst basePresetMap = allThemePresets.reduce<Record<string, (typeof allThemePresets)[number]>>(\n  (accumulator, preset) => {\n    accumulator[preset.name] = preset\n    return accumulator\n  },\n  {},\n)\n\nconst fallbackPreset = basePresetMap[DEFAULT_THEME_KEY] ?? allThemePresets[0]\nconst fallbackLightMode = fallbackPreset?.lightMode ?? {\n  primary: '#3b82f6',\n  accent: '#06b6d4',\n  background: '#ffffff',\n  foreground: '#1f2937',\n}\n\nexport default function ThemePreview() {\n  // Get individual field values using useField hooks\n  const { value: selectedTheme } = useField<string>({ path: 'themeConfiguration.theme' })\n  const { value: primaryColor } = useField<string>({\n    path: 'themeConfiguration.customization.primaryColor',\n  })\n  const { value: accentColor } = useField<string>({\n    path: 'themeConfiguration.customization.accentColor',\n  })\n  const { value: backgroundColor } = useField<string>({\n    path: 'themeConfiguration.customization.backgroundColor',\n  })\n  const { value: textColor } = useField<string>({\n    path: 'themeConfiguration.customization.textColor',\n  })\n\n  // Determine current theme and if overrides are active\n  const currentTheme = themeIsValid(selectedTheme)\n    ? selectedTheme\n    : (fallbackPreset?.name ?? 'cool')\n  const hasOverrides = Boolean(primaryColor || accentColor || backgroundColor || textColor)\n\n  const themeColors = useMemo(() => {\n    const preset = basePresetMap[currentTheme] ?? fallbackPreset\n    const lightMode = preset?.lightMode ?? fallbackLightMode\n\n    return {\n      primary: lightMode?.primary ?? fallbackLightMode.primary,\n      accent:\n        lightMode?.accent ??\n        lightMode?.secondary ??\n        fallbackLightMode.accent ??\n        fallbackLightMode.primary,\n      background: lightMode?.background ?? fallbackLightMode.background,\n      text: lightMode?.foreground ?? fallbackLightMode.foreground,\n    }\n  }, [currentTheme])\n\n  const currentColors = useMemo(\n    () => ({\n      primary: primaryColor || themeColors.primary,\n      accent: accentColor || themeColors.accent,\n      background: backgroundColor || themeColors.background,\n      text: textColor || themeColors.text,\n    }),\n    [primaryColor, accentColor, backgroundColor, textColor, themeColors],\n  )\n\n  return (\n    <div className=\"theme-preview\" style={{ marginTop: '20px' }}>\n      <div\n        style={{\n          fontSize: '16px',\n          fontWeight: '600',\n          marginBottom: '16px',\n          color: '#374151',\n        }}\n      >\n        🎨 Live Theme Preview\n      </div>\n\n      <div\n        className=\"preview-container\"\n        style={{\n          border: '2px solid #e5e7eb',\n          borderRadius: '12px',\n          overflow: 'hidden',\n          backgroundColor: currentColors.background,\n          color: currentColors.text,\n          minHeight: '300px',\n        }}\n      >\n        {/* Header */}\n        <div\n          style={{\n            backgroundColor: currentColors.primary,\n            color: currentColors.background,\n            padding: '16px 24px',\n            display: 'flex',\n            justifyContent: 'space-between',\n            alignItems: 'center',\n          }}\n        >\n          <div style={{ fontSize: '20px', fontWeight: '700' }}>Your Website</div>\n          <nav style={{ display: 'flex', gap: '24px', fontSize: '14px' }}>\n            <span>Home</span>\n            <span>About</span>\n            <span>Services</span>\n            <span>Contact</span>\n          </nav>\n        </div>\n\n        {/* Content */}\n        <div style={{ padding: '32px 24px' }}>\n          <h1\n            style={{\n              fontSize: '32px',\n              fontWeight: '800',\n              marginBottom: '16px',\n              color: currentColors.text,\n            }}\n          >\n            Welcome to Your Site\n          </h1>\n\n          <p\n            style={{\n              fontSize: '16px',\n              lineHeight: '1.6',\n              marginBottom: '24px',\n              color: currentColors.text,\n              opacity: 0.8,\n            }}\n          >\n            This is how your content will look with the selected theme. The colors and styling will\n            be applied across your entire website.\n          </p>\n\n          {/* Buttons */}\n          <div style={{ display: 'flex', gap: '12px', marginBottom: '32px' }}>\n            <button\n              style={{\n                backgroundColor: currentColors.primary,\n                color: currentColors.background,\n                border: 'none',\n                padding: '12px 24px',\n                borderRadius: '6px',\n                fontSize: '14px',\n                fontWeight: '600',\n                cursor: 'pointer',\n              }}\n            >\n              Primary Button\n            </button>\n            <button\n              style={{\n                backgroundColor: 'transparent',\n                color: currentColors.primary,\n                border: `2px solid ${currentColors.primary}`,\n                padding: '10px 24px',\n                borderRadius: '6px',\n                fontSize: '14px',\n                fontWeight: '600',\n                cursor: 'pointer',\n              }}\n            >\n              Secondary Button\n            </button>\n          </div>\n\n          {/* Card */}\n          <div\n            style={{\n              backgroundColor: currentColors.text,\n              color: currentColors.background,\n              padding: '24px',\n              borderRadius: '8px',\n              opacity: 0.05,\n              marginBottom: '16px',\n            }}\n          />\n          <div\n            style={{\n              border: `1px solid ${currentColors.text}`,\n              padding: '20px',\n              borderRadius: '8px',\n              opacity: 0.1,\n            }}\n          >\n            <h3\n              style={{\n                fontSize: '18px',\n                fontWeight: '600',\n                marginBottom: '12px',\n                color: currentColors.text,\n              }}\n            >\n              Sample Card\n            </h3>\n            <p\n              style={{\n                fontSize: '14px',\n                color: currentColors.text,\n                opacity: 0.7,\n              }}\n            >\n              This shows how cards and content blocks will appear.\n            </p>\n          </div>\n        </div>\n\n        {/* Footer */}\n        <div\n          style={{\n            backgroundColor: currentColors.accent,\n            color: currentColors.background,\n            padding: '16px 24px',\n            textAlign: 'center',\n            fontSize: '14px',\n            marginTop: 'auto',\n          }}\n        >\n          © 2025 Your Website. Powered by PayloadCMS.\n        </div>\n      </div>\n\n      {/* Theme info */}\n      <div\n        style={{\n          marginTop: '12px',\n          fontSize: '12px',\n          color: '#6b7280',\n          display: 'grid',\n          gridTemplateColumns: 'repeat(2, 1fr)',\n          gap: '8px',\n        }}\n      >\n        <div>\n          <strong>Active Theme:</strong> {currentTheme}\n        </div>\n        <div>\n          <strong>Primary:</strong> {currentColors.primary}\n        </div>\n        <div>\n          <strong>Accent:</strong> {currentColors.accent}\n        </div>\n        <div>\n          <strong>Background:</strong> {currentColors.background}\n        </div>\n      </div>\n\n      {/* Customization indicator */}\n      {hasOverrides && (\n        <div\n          style={{\n            marginTop: '8px',\n            padding: '8px 12px',\n            backgroundColor: '#fef3c7',\n            borderRadius: '6px',\n            fontSize: '11px',\n            color: '#92400e',\n            display: 'flex',\n            alignItems: 'center',\n            gap: '6px',\n          }}\n        >\n          <span>⚡</span>\n          <span>\n            <strong>Custom colors applied</strong> - overriding theme defaults\n          </span>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["useField","React","useMemo","allThemePresets","themeIsValid","DEFAULT_THEME_KEY","basePresetMap","reduce","accumulator","preset","name","fallbackPreset","fallbackLightMode","lightMode","primary","accent","background","foreground","ThemePreview","value","selectedTheme","path","primaryColor","accentColor","backgroundColor","textColor","currentTheme","hasOverrides","Boolean","themeColors","secondary","text","currentColors","div","className","style","marginTop","fontSize","fontWeight","marginBottom","color","border","borderRadius","overflow","minHeight","padding","display","justifyContent","alignItems","nav","gap","span","h1","p","lineHeight","opacity","button","cursor","h3","textAlign","gridTemplateColumns","strong"],"mappings":"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"}
+{"version":3,"sources":["../../src/components/ThemePreview.tsx"],"sourcesContent":["'use client'\n\nimport { useField } from '@payloadcms/ui'\nimport React, { useMemo } from 'react'\nimport { allThemePresets } from '../presets.js'\nimport { themeIsValid } from '../providers/Theme/types.js'\nimport { getTranslations } from '../translations.js'\nimport { getAdminLanguage } from '../utils/getAdminLanguage.js'\n\nconst DEFAULT_THEME_KEY = 'cool'\nconst basePresetMap = allThemePresets.reduce<Record<string, (typeof allThemePresets)[number]>>(\n  (accumulator, preset) => {\n    accumulator[preset.name] = preset\n    return accumulator\n  },\n  {},\n)\n\nconst fallbackPreset = basePresetMap[DEFAULT_THEME_KEY] ?? allThemePresets[0]\nconst fallbackLightMode = fallbackPreset?.lightMode ?? {\n  primary: '#3b82f6',\n  accent: '#06b6d4',\n  background: '#ffffff',\n  foreground: '#1f2937',\n}\n\nexport default function ThemePreview() {\n  // Get individual field values using useField hooks\n  const { value: selectedTheme } = useField<string>({ path: 'themeConfiguration.theme' })\n  const { value: primaryColor } = useField<string>({\n    path: 'themeConfiguration.customization.primaryColor',\n  })\n  const { value: accentColor } = useField<string>({\n    path: 'themeConfiguration.customization.accentColor',\n  })\n  const { value: backgroundColor } = useField<string>({\n    path: 'themeConfiguration.customization.backgroundColor',\n  })\n  const { value: textColor } = useField<string>({\n    path: 'themeConfiguration.customization.textColor',\n  })\n\n  // Determine current theme and if overrides are active\n  const currentTheme = themeIsValid(selectedTheme)\n    ? selectedTheme\n    : (fallbackPreset?.name ?? 'cool')\n  const hasOverrides = Boolean(primaryColor || accentColor || backgroundColor || textColor)\n\n  const themeColors = useMemo(() => {\n    const preset = basePresetMap[currentTheme] ?? fallbackPreset\n    const lightMode = preset?.lightMode ?? fallbackLightMode\n\n    return {\n      primary: lightMode?.primary ?? fallbackLightMode.primary,\n      accent:\n        lightMode?.accent ??\n        lightMode?.secondary ??\n        fallbackLightMode.accent ??\n        fallbackLightMode.primary,\n      background: lightMode?.background ?? fallbackLightMode.background,\n      text: lightMode?.foreground ?? fallbackLightMode.foreground,\n    }\n  }, [currentTheme])\n\n  const currentColors = useMemo(\n    () => ({\n      primary: primaryColor || themeColors.primary,\n      accent: accentColor || themeColors.accent,\n      background: backgroundColor || themeColors.background,\n      text: textColor || themeColors.text,\n    }),\n    [primaryColor, accentColor, backgroundColor, textColor, themeColors],\n  )\n\n  const t = getTranslations(getAdminLanguage())\n\n  return (\n    <div className=\"theme-preview\" style={{ marginTop: '20px' }}>\n      <div\n        style={{\n          fontSize: '16px',\n          fontWeight: '600',\n          marginBottom: '16px',\n          color: '#374151',\n        }}\n      >\n        {t.livePreview.largeTitle}\n      </div>\n\n      <div\n        className=\"preview-container\"\n        style={{\n          border: '2px solid #e5e7eb',\n          borderRadius: '12px',\n          overflow: 'hidden',\n          backgroundColor: currentColors.background,\n          color: currentColors.text,\n          minHeight: '300px',\n        }}\n      >\n        {/* Header */}\n        <div\n          style={{\n            backgroundColor: currentColors.primary,\n            color: currentColors.background,\n            padding: '16px 24px',\n            display: 'flex',\n            justifyContent: 'space-between',\n            alignItems: 'center',\n          }}\n        >\n          <div style={{ fontSize: '20px', fontWeight: '700' }}>{t.preview.siteTitle}</div>\n          <nav style={{ display: 'flex', gap: '24px', fontSize: '14px' }}>\n            <span>{t.preview.nav.home}</span>\n            <span>{t.preview.nav.about}</span>\n            <span>{t.preview.nav.services}</span>\n            <span>{t.preview.nav.contact}</span>\n          </nav>\n        </div>\n\n        {/* Content */}\n        <div style={{ padding: '32px 24px' }}>\n          <h1\n            style={{\n              fontSize: '32px',\n              fontWeight: '800',\n              marginBottom: '16px',\n              color: currentColors.text,\n            }}\n          >\n            {t.preview.welcomeTitle}\n          </h1>\n\n          <p\n            style={{\n              fontSize: '16px',\n              lineHeight: '1.6',\n              marginBottom: '24px',\n              color: currentColors.text,\n              opacity: 0.8,\n            }}\n          >\n            {t.preview.welcomeCopy}\n          </p>\n          <div style={{ display: 'flex', gap: '12px', marginBottom: '24px' }}>\n            <button\n              style={{\n                backgroundColor: currentColors.primary,\n                color: currentColors.background,\n                border: 'none',\n                padding: '12px 24px',\n                borderRadius: '6px',\n                fontSize: '14px',\n                fontWeight: '600',\n                cursor: 'pointer',\n              }}\n            >\n              Primary Button\n            </button>\n            <button\n              style={{\n                backgroundColor: 'transparent',\n                color: currentColors.primary,\n                border: `2px solid ${currentColors.primary}`,\n                padding: '10px 24px',\n                borderRadius: '6px',\n                fontSize: '14px',\n                fontWeight: '600',\n                cursor: 'pointer',\n              }}\n            >\n              Secondary Button\n            </button>\n          </div>\n\n          {/* Card */}\n          <div\n            style={{\n              backgroundColor: currentColors.text,\n              color: currentColors.background,\n              padding: '24px',\n              borderRadius: '8px',\n              opacity: 0.05,\n              marginBottom: '16px',\n            }}\n          />\n          <div\n            style={{\n              border: `1px solid ${currentColors.text}`,\n              padding: '20px',\n              borderRadius: '8px',\n              opacity: 0.1,\n            }}\n          >\n            <h2\n              style={{\n                fontSize: '18px',\n                fontWeight: '600',\n                marginBottom: '12px',\n                color: currentColors.text,\n              }}\n            >\n              {t.preview.sampleCardTitle}\n            </h2>\n            <p\n              style={{\n                fontSize: '14px',\n                color: currentColors.text,\n                opacity: 0.7,\n              }}\n            >\n              This shows how cards and content blocks will appear.\n            </p>\n          </div>\n        </div>\n\n        {/* Footer */}\n        <div\n          style={{\n            backgroundColor: currentColors.accent,\n            color: currentColors.background,\n            padding: '16px 24px',\n            textAlign: 'center',\n            fontSize: '14px',\n            marginTop: 'auto',\n          }}\n        >\n          {t.preview.footer}\n        </div>\n      </div>\n\n      {/* Theme info */}\n      <div\n        style={{\n          marginTop: '12px',\n          fontSize: '12px',\n          color: '#6b7280',\n          display: 'grid',\n          gridTemplateColumns: 'repeat(2, 1fr)',\n          gap: '8px',\n        }}\n      >\n        <div>\n          <strong>Active Theme:</strong> {currentTheme}\n        </div>\n        <div>\n          <strong>Primary:</strong> {currentColors.primary}\n        </div>\n        <div>\n          <strong>Accent:</strong> {currentColors.accent}\n        </div>\n        <div>\n          <strong>Background:</strong> {currentColors.background}\n        </div>\n      </div>\n\n      {/* Customization indicator */}\n      {hasOverrides && (\n        <div\n          style={{\n            marginTop: '8px',\n            padding: '8px 12px',\n            backgroundColor: '#fef3c7',\n            borderRadius: '6px',\n            fontSize: '11px',\n            color: '#92400e',\n            display: 'flex',\n            alignItems: 'center',\n            gap: '6px',\n          }}\n        >\n          <span>⚡</span>\n          <span>\n            <strong>Custom colors applied</strong> - overriding theme defaults\n          </span>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["useField","React","useMemo","allThemePresets","themeIsValid","getTranslations","getAdminLanguage","DEFAULT_THEME_KEY","basePresetMap","reduce","accumulator","preset","name","fallbackPreset","fallbackLightMode","lightMode","primary","accent","background","foreground","ThemePreview","value","selectedTheme","path","primaryColor","accentColor","backgroundColor","textColor","currentTheme","hasOverrides","Boolean","themeColors","secondary","text","currentColors","t","div","className","style","marginTop","fontSize","fontWeight","marginBottom","color","livePreview","largeTitle","border","borderRadius","overflow","minHeight","padding","display","justifyContent","alignItems","preview","siteTitle","nav","gap","span","home","about","services","contact","h1","welcomeTitle","p","lineHeight","opacity","welcomeCopy","button","cursor","h2","sampleCardTitle","textAlign","footer","gridTemplateColumns","strong"],"mappings":"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"}

package/dist/constants/themeFonts.d.ts

@@ -1,80 +1,131 @@
 export declare const BODY_FONT_OPTIONS: readonly [{
-    readonly label: "Use theme preset";
+    readonly label: {
+        readonly en: "Use theme preset";
+        readonly cs: "Použít výchozí";
+    };
     readonly value: "preset";
 }, {
-    readonly label: "System";
+    readonly label: {
+        readonly en: "System";
+        readonly cs: "Systémové";
+    };
     readonly value: "system-ui";
     readonly fontFamily: "system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif";
     readonly category: "sans-serif";
 }, {
-    readonly label: "Inter";
+    readonly label: {
+        readonly en: "Inter";
+        readonly cs: "Inter";
+    };
     readonly value: "Inter";
     readonly fontFamily: "\"Inter\", sans-serif";
     readonly category: "sans-serif";
 }, {
-    readonly label: "Roboto";
+    readonly label: {
+        readonly en: "Roboto";
+        readonly cs: "Roboto";
+    };
     readonly value: "Roboto";
     readonly fontFamily: "\"Roboto\", sans-serif";
     readonly category: "sans-serif";
 }, {
-    readonly label: "Open Sans";
+    readonly label: {
+        readonly en: "Open Sans";
+        readonly cs: "Open Sans";
+    };
     readonly value: "Open Sans";
     readonly fontFamily: "\"Open Sans\", sans-serif";
     readonly category: "sans-serif";
 }, {
-    readonly label: "Lato";
+    readonly label: {
+        readonly en: "Lato";
+        readonly cs: "Lato";
+    };
     readonly value: "Lato";
     readonly fontFamily: "\"Lato\", sans-serif";
     readonly category: "sans-serif";
 }, {
-    readonly label: "Montserrat";
+    readonly label: {
+        readonly en: "Montserrat";
+        readonly cs: "Montserrat";
+    };
     readonly value: "Montserrat";
     readonly fontFamily: "\"Montserrat\", sans-serif";
     readonly category: "sans-serif";
 }, {
-    readonly label: "Poppins";
+    readonly label: {
+        readonly en: "Poppins";
+        readonly cs: "Poppins";
+    };
     readonly value: "Poppins";
     readonly fontFamily: "\"Poppins\", sans-serif";
     readonly category: "sans-serif";
 }, {
-    readonly label: "Custom font...";
+    readonly label: {
+        readonly en: "Custom font...";
+        readonly cs: "Vlastní písmo...";
+    };
     readonly value: "custom";
 }];
 export declare const HEADING_FONT_OPTIONS: readonly [{
-    readonly label: "Use theme preset";
+    readonly label: {
+        readonly en: "Use theme preset";
+        readonly cs: "Použít výchozí";
+    };
     readonly value: "preset";
 }, {
-    readonly label: "System";
+    readonly label: {
+        readonly en: "System";
+        readonly cs: "Systémové";
+    };
     readonly value: "system-ui";
     readonly fontFamily: "system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif";
     readonly category: "sans-serif";
 }, {
-    readonly label: "Inter";
+    readonly label: {
+        readonly en: "Inter";
+        readonly cs: "Inter";
+    };
     readonly value: "Inter";
     readonly fontFamily: "\"Inter\", sans-serif";
     readonly category: "sans-serif";
 }, {
-    readonly label: "Playfair Display";
+    readonly label: {
+        readonly en: "Playfair Display";
+        readonly cs: "Playfair Display";
+    };
     readonly value: "Playfair Display";
     readonly fontFamily: "\"Playfair Display\", serif";
     readonly category: "serif";
 }, {
-    readonly label: "Merriweather";
+    readonly label: {
+        readonly en: "Merriweather";
+        readonly cs: "Merriweather";
+    };
     readonly value: "Merriweather";
     readonly fontFamily: "\"Merriweather\", serif";
     readonly category: "serif";
 }, {
-    readonly label: "Montserrat";
+    readonly label: {
+        readonly en: "Montserrat";
+        readonly cs: "Montserrat";
+    };
     readonly value: "Montserrat";
     readonly fontFamily: "\"Montserrat\", sans-serif";
     readonly category: "sans-serif";
 }, {
-    readonly label: "Raleway";
+    readonly label: {
+        readonly en: "Raleway";
+        readonly cs: "Raleway";
+    };
     readonly value: "Raleway";
     readonly fontFamily: "\"Raleway\", sans-serif";
     readonly category: "sans-serif";
 }, {
-    readonly label: "Custom font...";
+    readonly label: {
+        readonly en: "Custom font...";
+        readonly cs: "Vlastní písmo...";
+    };
     readonly value: "custom";
 }];
 export declare const BASE_FONT_SIZE_OPTIONS: readonly [{

package/dist/constants/themeFonts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"themeFonts.d.ts","sourceRoot":"","sources":["../../src/constants/themeFonts.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6CpB,CAAA;AAEV,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuCvB,CAAA;AAEV,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;EAOzB,CAAA;AAEV,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;EAOtB,CAAA;AAEV,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAWpD,CAAA"}
+{"version":3,"file":"themeFonts.d.ts","sourceRoot":"","sources":["../../src/constants/themeFonts.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6CpB,CAAA;AAEV,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuCvB,CAAA;AAEV,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;EAOzB,CAAA;AAEV,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;EAOtB,CAAA;AAEV,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAWpD,CAAA"}

package/dist/constants/themeFonts.js

@@ -1,99 +1,150 @@
 // Theme font constants for the plugin
 export const BODY_FONT_OPTIONS = [
     {
-        label: 'Use theme preset',
+        label: {
+            en: 'Use theme preset',
+            cs: 'Použít výchozí'
+        },
         value: 'preset'
     },
     {
-        label: 'System',
+        label: {
+            en: 'System',
+            cs: 'Systémové'
+        },
         value: 'system-ui',
         fontFamily: 'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
         category: 'sans-serif'
     },
     {
-        label: 'Inter',
+        label: {
+            en: 'Inter',
+            cs: 'Inter'
+        },
         value: 'Inter',
         fontFamily: '"Inter", sans-serif',
         category: 'sans-serif'
     },
     {
-        label: 'Roboto',
+        label: {
+            en: 'Roboto',
+            cs: 'Roboto'
+        },
         value: 'Roboto',
         fontFamily: '"Roboto", sans-serif',
         category: 'sans-serif'
     },
     {
-        label: 'Open Sans',
+        label: {
+            en: 'Open Sans',
+            cs: 'Open Sans'
+        },
         value: 'Open Sans',
         fontFamily: '"Open Sans", sans-serif',
         category: 'sans-serif'
     },
     {
-        label: 'Lato',
+        label: {
+            en: 'Lato',
+            cs: 'Lato'
+        },
         value: 'Lato',
         fontFamily: '"Lato", sans-serif',
         category: 'sans-serif'
     },
     {
-        label: 'Montserrat',
+        label: {
+            en: 'Montserrat',
+            cs: 'Montserrat'
+        },
         value: 'Montserrat',
         fontFamily: '"Montserrat", sans-serif',
         category: 'sans-serif'
     },
     {
-        label: 'Poppins',
+        label: {
+            en: 'Poppins',
+            cs: 'Poppins'
+        },
         value: 'Poppins',
         fontFamily: '"Poppins", sans-serif',
         category: 'sans-serif'
     },
     {
-        label: 'Custom font...',
+        label: {
+            en: 'Custom font...',
+            cs: 'Vlastní písmo...'
+        },
         value: 'custom'
     }
 ];
 export const HEADING_FONT_OPTIONS = [
     {
-        label: 'Use theme preset',
+        label: {
+            en: 'Use theme preset',
+            cs: 'Použít výchozí'
+        },
         value: 'preset'
     },
     {
-        label: 'System',
+        label: {
+            en: 'System',
+            cs: 'Systémové'
+        },
         value: 'system-ui',
         fontFamily: 'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
         category: 'sans-serif'
     },
     {
-        label: 'Inter',
+        label: {
+            en: 'Inter',
+            cs: 'Inter'
+        },
         value: 'Inter',
         fontFamily: '"Inter", sans-serif',
         category: 'sans-serif'
     },
     {
-        label: 'Playfair Display',
+        label: {
+            en: 'Playfair Display',
+            cs: 'Playfair Display'
+        },
         value: 'Playfair Display',
         fontFamily: '"Playfair Display", serif',
         category: 'serif'
     },
     {
-        label: 'Merriweather',
+        label: {
+            en: 'Merriweather',
+            cs: 'Merriweather'
+        },
         value: 'Merriweather',
         fontFamily: '"Merriweather", serif',
         category: 'serif'
     },
     {
-        label: 'Montserrat',
+        label: {
+            en: 'Montserrat',
+            cs: 'Montserrat'
+        },
         value: 'Montserrat',
         fontFamily: '"Montserrat", sans-serif',
         category: 'sans-serif'
     },
     {
-        label: 'Raleway',
+        label: {
+            en: 'Raleway',
+            cs: 'Raleway'
+        },
         value: 'Raleway',
         fontFamily: '"Raleway", sans-serif',
         category: 'sans-serif'
     },
     {
-        label: 'Custom font...',
+        label: {
+            en: 'Custom font...',
+            cs: 'Vlastní písmo...'
+        },
         value: 'custom'
     }
 ];

package/dist/constants/themeFonts.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/constants/themeFonts.ts"],"sourcesContent":["// Theme font constants for the plugin\nexport const BODY_FONT_OPTIONS = [\n  { label: 'Use theme preset', value: 'preset' },\n  {\n    label: 'System',\n    value: 'system-ui',\n    fontFamily: 'system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif',\n    category: 'sans-serif' as const,\n  },\n  {\n    label: 'Inter',\n    value: 'Inter',\n    fontFamily: '\"Inter\", sans-serif',\n    category: 'sans-serif' as const,\n  },\n  {\n    label: 'Roboto',\n    value: 'Roboto',\n    fontFamily: '\"Roboto\", sans-serif',\n    category: 'sans-serif' as const,\n  },\n  {\n    label: 'Open Sans',\n    value: 'Open Sans',\n    fontFamily: '\"Open Sans\", sans-serif',\n    category: 'sans-serif' as const,\n  },\n  {\n    label: 'Lato',\n    value: 'Lato',\n    fontFamily: '\"Lato\", sans-serif',\n    category: 'sans-serif' as const,\n  },\n  {\n    label: 'Montserrat',\n    value: 'Montserrat',\n    fontFamily: '\"Montserrat\", sans-serif',\n    category: 'sans-serif' as const,\n  },\n  {\n    label: 'Poppins',\n    value: 'Poppins',\n    fontFamily: '\"Poppins\", sans-serif',\n    category: 'sans-serif' as const,\n  },\n  { label: 'Custom font...', value: 'custom' },\n] as const\n\nexport const HEADING_FONT_OPTIONS = [\n  { label: 'Use theme preset', value: 'preset' },\n  {\n    label: 'System',\n    value: 'system-ui',\n    fontFamily: 'system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif',\n    category: 'sans-serif' as const,\n  },\n  {\n    label: 'Inter',\n    value: 'Inter',\n    fontFamily: '\"Inter\", sans-serif',\n    category: 'sans-serif' as const,\n  },\n  {\n    label: 'Playfair Display',\n    value: 'Playfair Display',\n    fontFamily: '\"Playfair Display\", serif',\n    category: 'serif' as const,\n  },\n  {\n    label: 'Merriweather',\n    value: 'Merriweather',\n    fontFamily: '\"Merriweather\", serif',\n    category: 'serif' as const,\n  },\n  {\n    label: 'Montserrat',\n    value: 'Montserrat',\n    fontFamily: '\"Montserrat\", sans-serif',\n    category: 'sans-serif' as const,\n  },\n  {\n    label: 'Raleway',\n    value: 'Raleway',\n    fontFamily: '\"Raleway\", sans-serif',\n    category: 'sans-serif' as const,\n  },\n  { label: 'Custom font...', value: 'custom' },\n] as const\n\nexport const BASE_FONT_SIZE_OPTIONS = [\n  { label: 'preset', value: 'preset' },\n  { label: '14px', value: '14' },\n  { label: '15px', value: '15' },\n  { label: '16px', value: '16' },\n  { label: '17px', value: '17' },\n  { label: '18px', value: '18' },\n] as const\n\nexport const LINE_HEIGHT_OPTIONS = [\n  { label: 'preset', value: 'preset' },\n  { label: '1.4', value: '1.4' },\n  { label: '1.5', value: '1.5' },\n  { label: '1.6', value: '1.6' },\n  { label: '1.7', value: '1.7' },\n  { label: '1.8', value: '1.8' },\n] as const\n\nexport const FONT_VALUE_TO_CSS: Record<string, string> = {\n  'system-ui': 'system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif',\n  Inter: '\"Inter\", sans-serif',\n  Roboto: '\"Roboto\", sans-serif',\n  'Open Sans': '\"Open Sans\", sans-serif',\n  Lato: '\"Lato\", sans-serif',\n  Montserrat: '\"Montserrat\", sans-serif',\n  Poppins: '\"Poppins\", sans-serif',\n  'Playfair Display': '\"Playfair Display\", serif',\n  Merriweather: '\"Merriweather\", serif',\n  Raleway: '\"Raleway\", sans-serif',\n}\n"],"names":["BODY_FONT_OPTIONS","label","value","fontFamily","category","HEADING_FONT_OPTIONS","BASE_FONT_SIZE_OPTIONS","LINE_HEIGHT_OPTIONS","FONT_VALUE_TO_CSS","Inter","Roboto","Lato","Montserrat","Poppins","Merriweather","Raleway"],"mappings":"AAAA,sCAAsC;AACtC,OAAO,MAAMA,oBAAoB;IAC/B;QAAEC,OAAO;QAAoBC,OAAO;IAAS;IAC7C;QACED,OAAO;QACPC,OAAO;QACPC,YAAY;QACZC,UAAU;IACZ;IACA;QACEH,OAAO;QACPC,OAAO;QACPC,YAAY;QACZC,UAAU;IACZ;IACA;QACEH,OAAO;QACPC,OAAO;QACPC,YAAY;QACZC,UAAU;IACZ;IACA;QACEH,OAAO;QACPC,OAAO;QACPC,YAAY;QACZC,UAAU;IACZ;IACA;QACEH,OAAO;QACPC,OAAO;QACPC,YAAY;QACZC,UAAU;IACZ;IACA;QACEH,OAAO;QACPC,OAAO;QACPC,YAAY;QACZC,UAAU;IACZ;IACA;QACEH,OAAO;QACPC,OAAO;QACPC,YAAY;QACZC,UAAU;IACZ;IACA;QAAEH,OAAO;QAAkBC,OAAO;IAAS;CAC5C,CAAS;AAEV,OAAO,MAAMG,uBAAuB;IAClC;QAAEJ,OAAO;QAAoBC,OAAO;IAAS;IAC7C;QACED,OAAO;QACPC,OAAO;QACPC,YAAY;QACZC,UAAU;IACZ;IACA;QACEH,OAAO;QACPC,OAAO;QACPC,YAAY;QACZC,UAAU;IACZ;IACA;QACEH,OAAO;QACPC,OAAO;QACPC,YAAY;QACZC,UAAU;IACZ;IACA;QACEH,OAAO;QACPC,OAAO;QACPC,YAAY;QACZC,UAAU;IACZ;IACA;QACEH,OAAO;QACPC,OAAO;QACPC,YAAY;QACZC,UAAU;IACZ;IACA;QACEH,OAAO;QACPC,OAAO;QACPC,YAAY;QACZC,UAAU;IACZ;IACA;QAAEH,OAAO;QAAkBC,OAAO;IAAS;CAC5C,CAAS;AAEV,OAAO,MAAMI,yBAAyB;IACpC;QAAEL,OAAO;QAAUC,OAAO;IAAS;IACnC;QAAED,OAAO;QAAQC,OAAO;IAAK;IAC7B;QAAED,OAAO;QAAQC,OAAO;IAAK;IAC7B;QAAED,OAAO;QAAQC,OAAO;IAAK;IAC7B;QAAED,OAAO;QAAQC,OAAO;IAAK;IAC7B;QAAED,OAAO;QAAQC,OAAO;IAAK;CAC9B,CAAS;AAEV,OAAO,MAAMK,sBAAsB;IACjC;QAAEN,OAAO;QAAUC,OAAO;IAAS;IACnC;QAAED,OAAO;QAAOC,OAAO;IAAM;IAC7B;QAAED,OAAO;QAAOC,OAAO;IAAM;IAC7B;QAAED,OAAO;QAAOC,OAAO;IAAM;IAC7B;QAAED,OAAO;QAAOC,OAAO;IAAM;IAC7B;QAAED,OAAO;QAAOC,OAAO;IAAM;CAC9B,CAAS;AAEV,OAAO,MAAMM,oBAA4C;IACvD,aAAa;IACbC,OAAO;IACPC,QAAQ;IACR,aAAa;IACbC,MAAM;IACNC,YAAY;IACZC,SAAS;IACT,oBAAoB;IACpBC,cAAc;IACdC,SAAS;AACX,EAAC"}
+{"version":3,"sources":["../../src/constants/themeFonts.ts"],"sourcesContent":["// Theme font constants for the plugin\nexport const BODY_FONT_OPTIONS = [\n  { label: { en: 'Use theme preset', cs: 'Použít výchozí' }, value: 'preset' },\n  {\n    label: { en: 'System', cs: 'Systémové' },\n    value: 'system-ui',\n    fontFamily: 'system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif',\n    category: 'sans-serif' as const,\n  },\n  {\n    label: { en: 'Inter', cs: 'Inter' },\n    value: 'Inter',\n    fontFamily: '\"Inter\", sans-serif',\n    category: 'sans-serif' as const,\n  },\n  {\n    label: { en: 'Roboto', cs: 'Roboto' },\n    value: 'Roboto',\n    fontFamily: '\"Roboto\", sans-serif',\n    category: 'sans-serif' as const,\n  },\n  {\n    label: { en: 'Open Sans', cs: 'Open Sans' },\n    value: 'Open Sans',\n    fontFamily: '\"Open Sans\", sans-serif',\n    category: 'sans-serif' as const,\n  },\n  {\n    label: { en: 'Lato', cs: 'Lato' },\n    value: 'Lato',\n    fontFamily: '\"Lato\", sans-serif',\n    category: 'sans-serif' as const,\n  },\n  {\n    label: { en: 'Montserrat', cs: 'Montserrat' },\n    value: 'Montserrat',\n    fontFamily: '\"Montserrat\", sans-serif',\n    category: 'sans-serif' as const,\n  },\n  {\n    label: { en: 'Poppins', cs: 'Poppins' },\n    value: 'Poppins',\n    fontFamily: '\"Poppins\", sans-serif',\n    category: 'sans-serif' as const,\n  },\n  { label: { en: 'Custom font...', cs: 'Vlastní písmo...' }, value: 'custom' },\n] as const\n\nexport const HEADING_FONT_OPTIONS = [\n  { label: { en: 'Use theme preset', cs: 'Použít výchozí' }, value: 'preset' },\n  {\n    label: { en: 'System', cs: 'Systémové' },\n    value: 'system-ui',\n    fontFamily: 'system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif',\n    category: 'sans-serif' as const,\n  },\n  {\n    label: { en: 'Inter', cs: 'Inter' },\n    value: 'Inter',\n    fontFamily: '\"Inter\", sans-serif',\n    category: 'sans-serif' as const,\n  },\n  {\n    label: { en: 'Playfair Display', cs: 'Playfair Display' },\n    value: 'Playfair Display',\n    fontFamily: '\"Playfair Display\", serif',\n    category: 'serif' as const,\n  },\n  {\n    label: { en: 'Merriweather', cs: 'Merriweather' },\n    value: 'Merriweather',\n    fontFamily: '\"Merriweather\", serif',\n    category: 'serif' as const,\n  },\n  {\n    label: { en: 'Montserrat', cs: 'Montserrat' },\n    value: 'Montserrat',\n    fontFamily: '\"Montserrat\", sans-serif',\n    category: 'sans-serif' as const,\n  },\n  {\n    label: { en: 'Raleway', cs: 'Raleway' },\n    value: 'Raleway',\n    fontFamily: '\"Raleway\", sans-serif',\n    category: 'sans-serif' as const,\n  },\n  { label: { en: 'Custom font...', cs: 'Vlastní písmo...' }, value: 'custom' },\n] as const\n\nexport const BASE_FONT_SIZE_OPTIONS = [\n  { label: 'preset', value: 'preset' },\n  { label: '14px', value: '14' },\n  { label: '15px', value: '15' },\n  { label: '16px', value: '16' },\n  { label: '17px', value: '17' },\n  { label: '18px', value: '18' },\n] as const\n\nexport const LINE_HEIGHT_OPTIONS = [\n  { label: 'preset', value: 'preset' },\n  { label: '1.4', value: '1.4' },\n  { label: '1.5', value: '1.5' },\n  { label: '1.6', value: '1.6' },\n  { label: '1.7', value: '1.7' },\n  { label: '1.8', value: '1.8' },\n] as const\n\nexport const FONT_VALUE_TO_CSS: Record<string, string> = {\n  'system-ui': 'system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif',\n  Inter: '\"Inter\", sans-serif',\n  Roboto: '\"Roboto\", sans-serif',\n  'Open Sans': '\"Open Sans\", sans-serif',\n  Lato: '\"Lato\", sans-serif',\n  Montserrat: '\"Montserrat\", sans-serif',\n  Poppins: '\"Poppins\", sans-serif',\n  'Playfair Display': '\"Playfair Display\", serif',\n  Merriweather: '\"Merriweather\", serif',\n  Raleway: '\"Raleway\", sans-serif',\n}\n"],"names":["BODY_FONT_OPTIONS","label","en","cs","value","fontFamily","category","HEADING_FONT_OPTIONS","BASE_FONT_SIZE_OPTIONS","LINE_HEIGHT_OPTIONS","FONT_VALUE_TO_CSS","Inter","Roboto","Lato","Montserrat","Poppins","Merriweather","Raleway"],"mappings":"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"}

package/dist/fields/FontSelectField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FontSelectField.d.ts","sourceRoot":"","sources":["../../src/fields/FontSelectField.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAA;AAUzD,QAAA,MAAM,eAAe,EAAE,0BA+LtB,CAAA;AAED,eAAe,eAAe,CAAA"}
+{"version":3,"file":"FontSelectField.d.ts","sourceRoot":"","sources":["../../src/fields/FontSelectField.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAA;AAczD,QAAA,MAAM,eAAe,EAAE,0BAyOtB,CAAA;AAED,eAAe,eAAe,CAAA"}