@kilivi/payloadcms-theme-management 1.0.1 → 1.0.3

package/LICENSE.MD

@@ -0,0 +1,9 @@
+MIT License
+
+Copyright (c) 2025 [Kilián Vít]
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

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", {
@@ -210,7 +213,7 @@ export default function ThemePreview() {
                                             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            <h3\n              style={{\n                fontSize: '18px',\n                fontWeight: '600',\n                marginBottom: '12px',\n                color: currentColors.text,\n              }}\n            >\n              {t.preview.sampleCardTitle}\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          {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","h3","sampleCardTitle","textAlign","footer","gridTemplateColumns","strong"],"mappings":"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"}

package/dist/constants/themeFonts.d.ts

@@ -1,83 +1,137 @@
 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 [{
+    readonly label: "preset";
+    readonly value: "preset";
+}, {
     readonly label: "14px";
     readonly value: "14";
 }, {
@@ -94,6 +148,9 @@ export declare const BASE_FONT_SIZE_OPTIONS: readonly [{
     readonly value: "18";
 }];
 export declare const LINE_HEIGHT_OPTIONS: readonly [{
+    readonly label: "preset";
+    readonly value: "preset";
+}, {
     readonly label: "1.4";
     readonly value: "1.4";
 }, {

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;;;;;;;;;;;;;;;EAMzB,CAAA;AAEV,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;EAMtB,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,103 +1,158 @@
 // 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'
     }
 ];
 export const BASE_FONT_SIZE_OPTIONS = [
+    {
+        label: 'preset',
+        value: 'preset'
+    },
     {
         label: '14px',
         value: '14'
@@ -120,6 +175,10 @@ export const BASE_FONT_SIZE_OPTIONS = [
     }
 ];
 export const LINE_HEIGHT_OPTIONS = [
+    {
+        label: 'preset',
+        value: 'preset'
+    },
     {
         label: '1.4',
         value: '1.4'

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: '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: '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;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;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,0BA2MtB,CAAA;AAED,eAAe,eAAe,CAAA"}