@kilivi/payloadcms-theme-management 0.5.8 → 1.0.0

package/dist/globals/ThemeSettings/FontPicker/styles.css

@@ -0,0 +1,337 @@
+.font-picker {
+  display: flex;
+  height: 700px;
+  border: 1px solid var(--theme-elevation-300);
+  border-radius: 8px;
+  overflow: hidden;
+  background: var(--theme-elevation-0);
+}
+
+/* Preview Panel (Left) */
+.font-picker__preview-panel {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  border-right: 1px solid var(--theme-elevation-300);
+  background: var(--theme-elevation-50);
+}
+
+.font-picker__preview-tabs {
+  display: flex;
+  border-bottom: 1px solid var(--theme-elevation-300);
+  background: var(--theme-elevation-0);
+}
+
+.font-picker__preview-tab {
+  flex: 1;
+  padding: 12px 16px;
+  background: none;
+  border: none;
+  border-bottom: 2px solid transparent;
+  font-size: 14px;
+  font-weight: 500;
+  color: var(--theme-elevation-600);
+  cursor: pointer;
+  transition: all 0.2s ease;
+}
+
+.font-picker__preview-tab:hover {
+  background: var(--theme-elevation-100);
+  color: var(--theme-elevation-900);
+}
+
+.font-picker__preview-tab--active {
+  color: var(--theme-elevation-900);
+  border-bottom-color: var(--theme-elevation-900);
+  background: var(--theme-elevation-50);
+}
+
+.font-picker__preview-content {
+  flex: 1;
+  overflow-y: auto;
+  background: var(--theme-elevation-0);
+}
+
+/* Selection Panel (Right) */
+.font-picker__selection-panel {
+  width: 400px;
+  display: flex;
+  flex-direction: column;
+  background: var(--theme-elevation-0);
+}
+
+.font-picker__controls {
+  padding: 16px;
+  border-bottom: 1px solid var(--theme-elevation-300);
+  background: var(--theme-elevation-0);
+}
+
+.font-picker__search {
+  width: 100%;
+  padding: 10px 12px;
+  border: 1px solid var(--theme-elevation-300);
+  border-radius: 6px;
+  font-size: 14px;
+  margin-bottom: 12px;
+  background: var(--theme-elevation-0);
+  color: var(--theme-elevation-900);
+}
+
+.font-picker__search:focus {
+  outline: none;
+  border-color: var(--theme-elevation-500);
+  box-shadow: 0 0 0 3px var(--theme-elevation-100);
+}
+
+.font-picker__search::placeholder {
+  color: var(--theme-elevation-500);
+}
+
+.font-picker__filters {
+  display: flex;
+  gap: 8px;
+  margin-bottom: 12px;
+}
+
+.font-picker__select {
+  flex: 1;
+  padding: 8px 10px;
+  border: 1px solid var(--theme-elevation-300);
+  border-radius: 6px;
+  font-size: 13px;
+  background: var(--theme-elevation-0);
+  color: var(--theme-elevation-900);
+  cursor: pointer;
+}
+
+.font-picker__select:focus {
+  outline: none;
+  border-color: var(--theme-elevation-500);
+  box-shadow: 0 0 0 3px var(--theme-elevation-100);
+}
+
+.font-picker__view-toggle {
+  display: flex;
+  gap: 4px;
+  justify-content: center;
+}
+
+.font-picker__view-button {
+  padding: 8px 12px;
+  background: var(--theme-elevation-100);
+  border: 1px solid var(--theme-elevation-300);
+  border-radius: 6px;
+  color: var(--theme-elevation-600);
+  cursor: pointer;
+  transition: all 0.2s ease;
+}
+
+.font-picker__view-button:hover {
+  background: var(--theme-elevation-200);
+  color: var(--theme-elevation-900);
+}
+
+.font-picker__view-button--active {
+  background: var(--theme-elevation-900);
+  color: var(--theme-elevation-0);
+  border-color: var(--theme-elevation-900);
+}
+
+.font-picker__view-button svg {
+  display: block;
+}
+
+.font-picker__list {
+  flex: 1;
+  overflow-y: auto;
+  padding: 8px;
+}
+
+.font-picker__list--row .font-picker__item {
+  margin-bottom: 4px;
+}
+
+.font-picker__list--grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
+  gap: 8px;
+}
+
+.font-picker__list--grid .font-picker__item {
+  flex-direction: column;
+  align-items: flex-start;
+  padding: 12px;
+}
+
+.font-picker__list--grid .font-picker__item-preview {
+  width: 100%;
+  margin-top: 8px;
+}
+
+.font-picker__item {
+  display: flex;
+  flex-direction: column;
+  padding: 12px;
+  border: 1px solid var(--theme-elevation-200);
+  border-radius: 6px;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  background: var(--theme-elevation-0);
+}
+
+.font-picker__item:hover {
+  background: var(--theme-elevation-50);
+  border-color: var(--theme-elevation-400);
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
+}
+
+.font-picker__item--selected {
+  background: var(--theme-elevation-100);
+  border-color: var(--theme-elevation-600);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+}
+
+.font-picker__item-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 8px;
+}
+
+.font-picker__item-name {
+  font-size: 14px;
+  font-weight: 600;
+  color: var(--theme-elevation-900);
+}
+
+.font-picker__favorite {
+  padding: 4px 8px;
+  background: none;
+  border: none;
+  font-size: 18px;
+  color: var(--theme-elevation-400);
+  cursor: pointer;
+  transition: all 0.2s ease;
+}
+
+.font-picker__favorite:hover {
+  color: var(--theme-elevation-600);
+  transform: scale(1.1);
+}
+
+.font-picker__favorite--active {
+  color: #fbbf24;
+}
+
+.font-picker__favorite--active:hover {
+  color: #f59e0b;
+}
+
+.font-picker__item-preview {
+  font-size: 14px;
+  color: var(--theme-elevation-700);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.font-picker__loading {
+  padding: 24px;
+  text-align: center;
+  color: var(--theme-elevation-500);
+  font-size: 14px;
+}
+
+.font-picker__empty {
+  padding: 48px 24px;
+  text-align: center;
+  color: var(--theme-elevation-500);
+  font-size: 14px;
+}
+
+/* Responsive adjustments */
+@media (max-width: 1024px) {
+  .font-picker {
+    flex-direction: column;
+    height: auto;
+    max-height: 800px;
+  }
+
+  .font-picker__preview-panel {
+    border-right: none;
+    border-bottom: 1px solid var(--theme-elevation-300);
+    min-height: 300px;
+  }
+
+  .font-picker__selection-panel {
+    width: 100%;
+  }
+}
+
+@media (max-width: 768px) {
+  .font-picker__preview-tabs {
+    overflow-x: auto;
+  }
+
+  .font-picker__preview-tab {
+    flex: none;
+    min-width: 100px;
+    font-size: 13px;
+  }
+
+  .font-picker__controls {
+    padding: 12px;
+  }
+
+  .font-picker__filters {
+    flex-direction: column;
+  }
+
+  .font-picker__select {
+    width: 100%;
+  }
+
+  .font-picker__list--grid {
+    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
+  }
+}
+
+/* Scrollbar styling */
+.font-picker__preview-content::-webkit-scrollbar,
+.font-picker__list::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+
+.font-picker__preview-content::-webkit-scrollbar-track,
+.font-picker__list::-webkit-scrollbar-track {
+  background: var(--theme-elevation-100);
+}
+
+.font-picker__preview-content::-webkit-scrollbar-thumb,
+.font-picker__list::-webkit-scrollbar-thumb {
+  background: var(--theme-elevation-400);
+  border-radius: 4px;
+}
+
+.font-picker__preview-content::-webkit-scrollbar-thumb:hover,
+.font-picker__list::-webkit-scrollbar-thumb:hover {
+  background: var(--theme-elevation-500);
+}
+
+/* Animation for font loading */
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+    transform: translateY(10px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+/* Apply animation to font items */
+.font-picker__list .font-picker__item {
+  animation: fadeIn 0.3s ease;
+}

package/dist/globals/ThemeSettings/FontPicker/translations.d.ts

@@ -0,0 +1,76 @@
+export type Language = 'en' | 'cs';
+export interface Translations {
+    search: string;
+    category: string;
+    subset: string;
+    viewMode: string;
+    favorites: string;
+    allCategories: string;
+    allLanguages: string;
+    loading: string;
+    noFonts: string;
+    loadMore: string;
+    selectFont: string;
+    previewTabs: {
+        typography: string;
+        blog: string;
+        landing: string;
+        ui: string;
+    };
+    categories: {
+        all: string;
+        'sans-serif': string;
+        serif: string;
+        display: string;
+        handwriting: string;
+        monospace: string;
+    };
+    subsets: {
+        all: string;
+        vietnamese: string;
+        latin: string;
+        'latin-ext': string;
+        cyrillic: string;
+        'cyrillic-ext': string;
+        greek: string;
+        'greek-ext': string;
+        arabic: string;
+        hebrew: string;
+        thai: string;
+        japanese: string;
+        korean: string;
+        chinese: string;
+    };
+    viewModes: {
+        row: string;
+        grid: string;
+    };
+    typography: {
+        h1: string;
+        h2: string;
+        h3: string;
+        body: string;
+        small: string;
+    };
+    blog: {
+        title: string;
+        subtitle: string;
+        body: string;
+    };
+    landing: {
+        hero: string;
+        subheading: string;
+        cta: string;
+    };
+    ui: {
+        button: string;
+        input: string;
+        link: string;
+    };
+}
+export declare const translations: Record<Language, Translations>;
+/**
+ * Get translations for a specific language
+ */
+export declare function getTranslations(lang?: Language): Translations;
+//# sourceMappingURL=translations.d.ts.map

package/dist/globals/ThemeSettings/FontPicker/translations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../../../../src/globals/ThemeSettings/FontPicker/translations.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAA;AAElC,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;IACjB,aAAa,EAAE,MAAM,CAAA;IACrB,YAAY,EAAE,MAAM,CAAA;IACpB,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,EAAE;QACX,UAAU,EAAE,MAAM,CAAA;QAClB,IAAI,EAAE,MAAM,CAAA;QACZ,OAAO,EAAE,MAAM,CAAA;QACf,EAAE,EAAE,MAAM,CAAA;KACX,CAAA;IACD,UAAU,EAAE;QACV,GAAG,EAAE,MAAM,CAAA;QACX,YAAY,EAAE,MAAM,CAAA;QACpB,KAAK,EAAE,MAAM,CAAA;QACb,OAAO,EAAE,MAAM,CAAA;QACf,WAAW,EAAE,MAAM,CAAA;QACnB,SAAS,EAAE,MAAM,CAAA;KAClB,CAAA;IACD,OAAO,EAAE;QACP,GAAG,EAAE,MAAM,CAAA;QACX,UAAU,EAAE,MAAM,CAAA;QAClB,KAAK,EAAE,MAAM,CAAA;QACb,WAAW,EAAE,MAAM,CAAA;QACnB,QAAQ,EAAE,MAAM,CAAA;QAChB,cAAc,EAAE,MAAM,CAAA;QACtB,KAAK,EAAE,MAAM,CAAA;QACb,WAAW,EAAE,MAAM,CAAA;QACnB,MAAM,EAAE,MAAM,CAAA;QACd,MAAM,EAAE,MAAM,CAAA;QACd,IAAI,EAAE,MAAM,CAAA;QACZ,QAAQ,EAAE,MAAM,CAAA;QAChB,MAAM,EAAE,MAAM,CAAA;QACd,OAAO,EAAE,MAAM,CAAA;KAChB,CAAA;IACD,SAAS,EAAE;QACT,GAAG,EAAE,MAAM,CAAA;QACX,IAAI,EAAE,MAAM,CAAA;KACb,CAAA;IACD,UAAU,EAAE;QACV,EAAE,EAAE,MAAM,CAAA;QACV,EAAE,EAAE,MAAM,CAAA;QACV,EAAE,EAAE,MAAM,CAAA;QACV,IAAI,EAAE,MAAM,CAAA;QACZ,KAAK,EAAE,MAAM,CAAA;KACd,CAAA;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM,CAAA;QACb,QAAQ,EAAE,MAAM,CAAA;QAChB,IAAI,EAAE,MAAM,CAAA;KACb,CAAA;IACD,OAAO,EAAE;QACP,IAAI,EAAE,MAAM,CAAA;QACZ,UAAU,EAAE,MAAM,CAAA;QAClB,GAAG,EAAE,MAAM,CAAA;KACZ,CAAA;IACD,EAAE,EAAE;QACF,MAAM,EAAE,MAAM,CAAA;QACd,KAAK,EAAE,MAAM,CAAA;QACb,IAAI,EAAE,MAAM,CAAA;KACb,CAAA;CACF;AAED,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,QAAQ,EAAE,YAAY,CA6IvD,CAAA;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,IAAI,GAAE,QAAe,GAAG,YAAY,CAEnE"}

package/dist/globals/ThemeSettings/FontPicker/translations.js

@@ -0,0 +1,147 @@
+export const translations = {
+    en: {
+        search: 'Search fonts...',
+        category: 'Category',
+        subset: 'Language',
+        viewMode: 'View',
+        favorites: 'Favorites',
+        allCategories: 'All Categories',
+        allLanguages: 'All Languages',
+        loading: 'Loading fonts...',
+        noFonts: 'No fonts found',
+        loadMore: 'Load more',
+        selectFont: 'Select Font',
+        previewTabs: {
+            typography: 'Typography',
+            blog: 'Blog Post',
+            landing: 'Landing Page',
+            ui: 'UI Elements'
+        },
+        categories: {
+            all: 'All',
+            'sans-serif': 'Sans Serif',
+            serif: 'Serif',
+            display: 'Display',
+            handwriting: 'Handwriting',
+            monospace: 'Monospace'
+        },
+        subsets: {
+            all: 'All Languages',
+            vietnamese: '🇻🇳 Vietnamese',
+            latin: 'Latin',
+            'latin-ext': 'Latin Extended',
+            cyrillic: '🇷🇺 Cyrillic',
+            'cyrillic-ext': 'Cyrillic Extended',
+            greek: '🇬🇷 Greek',
+            'greek-ext': 'Greek Extended',
+            arabic: '🇸🇦 Arabic',
+            hebrew: '🇮🇱 Hebrew',
+            thai: '🇹🇭 Thai',
+            japanese: '🇯🇵 Japanese',
+            korean: '🇰🇷 Korean',
+            chinese: '🇨🇳 Chinese'
+        },
+        viewModes: {
+            row: 'Row',
+            grid: 'Grid'
+        },
+        typography: {
+            h1: 'The quick brown fox jumps over the lazy dog',
+            h2: 'Sphinx of black quartz, judge my vow',
+            h3: 'Pack my box with five dozen liquor jugs',
+            body: 'The five boxing wizards jump quickly. A mad boxer shot a quick, gloved jab to the jaw of his dizzy opponent.',
+            small: 'How vexingly quick daft zebras jump!'
+        },
+        blog: {
+            title: 'The Art of Typography in Modern Web Design',
+            subtitle: 'Typography is one of the most important aspects of web design. It affects readability, user experience, and the overall aesthetic of your website.',
+            body: 'Good typography makes reading effortless and enjoyable. It guides the reader through your content, creating hierarchy and emphasis where needed. When choosing fonts for your website, consider not just how they look, but how they perform across different devices and screen sizes.'
+        },
+        landing: {
+            hero: 'Transform Your Digital Experience',
+            subheading: 'Create stunning websites with beautiful typography',
+            cta: 'Get Started'
+        },
+        ui: {
+            button: 'Click Me',
+            input: 'Enter text here...',
+            link: 'Learn More →'
+        }
+    },
+    cs: {
+        search: 'Hledat fonty...',
+        category: 'Kategorie',
+        subset: 'Jazyk',
+        viewMode: 'Zobrazení',
+        favorites: 'Oblíbené',
+        allCategories: 'Všechny kategorie',
+        allLanguages: 'Všechny jazyky',
+        loading: 'Načítání fontů...',
+        noFonts: 'Žádné fonty nenalezeny',
+        loadMore: 'Načíst další',
+        selectFont: 'Vybrat font',
+        previewTabs: {
+            typography: 'Typografie',
+            blog: 'Blogový příspěvek',
+            landing: 'Landing Page',
+            ui: 'UI prvky'
+        },
+        categories: {
+            all: 'Vše',
+            'sans-serif': 'Sans Serif',
+            serif: 'Serif',
+            display: 'Display',
+            handwriting: 'Ručně psané',
+            monospace: 'Monospace'
+        },
+        subsets: {
+            all: 'Všechny jazyky',
+            vietnamese: '🇻🇳 Vietnamština',
+            latin: 'Latinka',
+            'latin-ext': 'Latinka rozšířená',
+            cyrillic: '🇷🇺 Cyrilice',
+            'cyrillic-ext': 'Cyrilice rozšířená',
+            greek: '🇬🇷 Řečtina',
+            'greek-ext': 'Řečtina rozšířená',
+            arabic: '🇸🇦 Arabština',
+            hebrew: '🇮🇱 Hebrejština',
+            thai: '🇹🇭 Thajština',
+            japanese: '🇯🇵 Japonština',
+            korean: '🇰🇷 Korejština',
+            chinese: '🇨🇳 Čínština'
+        },
+        viewModes: {
+            row: 'Řádky',
+            grid: 'Mřížka'
+        },
+        typography: {
+            h1: 'Příliš žluťoučký kůň úpěl ďábelské ódy',
+            h2: 'Nechť již hříšné saxofony ďáblů rozzvučí síň úděsnými tóny waltzu',
+            h3: 'Zvlášť zákeřný učeň s ďolíčky běží podél zóny úlů',
+            body: 'Typografie je umění a technika uspořádání písma tak, aby byl text čitelný, srozumitelný a vizuálně přitažlivý. Dobrá typografie vytváří hierarchii a vede čtenáře obsahem přirozeným způsobem.',
+            small: 'Dobrá typografie je neviditelná, špatná typografie je nezapomenutelná.'
+        },
+        blog: {
+            title: 'Umění typografie v moderním webdesignu',
+            subtitle: 'Typografie je jedním z nejdůležitějších aspektů webdesignu. Ovlivňuje čitelnost, uživatelskou zkušenost a celkovou estetiku vašich webových stránek.',
+            body: 'Dobrá typografie dělá čtení snadným a příjemným. Vede čtenáře vaším obsahem a vytváří hierarchii a důraz tam, kde je to potřeba. Při výběru fontů pro vaše webové stránky zvažte nejen to, jak vypadají, ale také jak fungují na různých zařízeních a velikostech obrazovky.'
+        },
+        landing: {
+            hero: 'Transformujte svůj digitální zážitek',
+            subheading: 'Vytvářejte úchvatné webové stránky s krásnou typografií',
+            cta: 'Začít'
+        },
+        ui: {
+            button: 'Klikněte sem',
+            input: 'Zadejte text...',
+            link: 'Zjistit více →'
+        }
+    }
+};
+/**
+ * Get translations for a specific language
+ */ export function getTranslations(lang = 'en') {
+    return translations[lang] || translations.en;
+}
+
+//# sourceMappingURL=translations.js.map

package/dist/globals/ThemeSettings/FontPicker/translations.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/globals/ThemeSettings/FontPicker/translations.ts"],"sourcesContent":["export type Language = 'en' | 'cs'\n\nexport interface Translations {\n  search: string\n  category: string\n  subset: string\n  viewMode: string\n  favorites: string\n  allCategories: string\n  allLanguages: string\n  loading: string\n  noFonts: string\n  loadMore: string\n  selectFont: string\n  previewTabs: {\n    typography: string\n    blog: string\n    landing: string\n    ui: string\n  }\n  categories: {\n    all: string\n    'sans-serif': string\n    serif: string\n    display: string\n    handwriting: string\n    monospace: string\n  }\n  subsets: {\n    all: string\n    vietnamese: string\n    latin: string\n    'latin-ext': string\n    cyrillic: string\n    'cyrillic-ext': string\n    greek: string\n    'greek-ext': string\n    arabic: string\n    hebrew: string\n    thai: string\n    japanese: string\n    korean: string\n    chinese: string\n  }\n  viewModes: {\n    row: string\n    grid: string\n  }\n  typography: {\n    h1: string\n    h2: string\n    h3: string\n    body: string\n    small: string\n  }\n  blog: {\n    title: string\n    subtitle: string\n    body: string\n  }\n  landing: {\n    hero: string\n    subheading: string\n    cta: string\n  }\n  ui: {\n    button: string\n    input: string\n    link: string\n  }\n}\n\nexport const translations: Record<Language, Translations> = {\n  en: {\n    search: 'Search fonts...',\n    category: 'Category',\n    subset: 'Language',\n    viewMode: 'View',\n    favorites: 'Favorites',\n    allCategories: 'All Categories',\n    allLanguages: 'All Languages',\n    loading: 'Loading fonts...',\n    noFonts: 'No fonts found',\n    loadMore: 'Load more',\n    selectFont: 'Select Font',\n    previewTabs: {\n      typography: 'Typography',\n      blog: 'Blog Post',\n      landing: 'Landing Page',\n      ui: 'UI Elements',\n    },\n    categories: {\n      all: 'All',\n      'sans-serif': 'Sans Serif',\n      serif: 'Serif',\n      display: 'Display',\n      handwriting: 'Handwriting',\n      monospace: 'Monospace',\n    },\n    subsets: {\n      all: 'All Languages',\n      vietnamese: '🇻🇳 Vietnamese',\n      latin: 'Latin',\n      'latin-ext': 'Latin Extended',\n      cyrillic: '🇷🇺 Cyrillic',\n      'cyrillic-ext': 'Cyrillic Extended',\n      greek: '🇬🇷 Greek',\n      'greek-ext': 'Greek Extended',\n      arabic: '🇸🇦 Arabic',\n      hebrew: '🇮🇱 Hebrew',\n      thai: '🇹🇭 Thai',\n      japanese: '🇯🇵 Japanese',\n      korean: '🇰🇷 Korean',\n      chinese: '🇨🇳 Chinese',\n    },\n    viewModes: {\n      row: 'Row',\n      grid: 'Grid',\n    },\n    typography: {\n      h1: 'The quick brown fox jumps over the lazy dog',\n      h2: 'Sphinx of black quartz, judge my vow',\n      h3: 'Pack my box with five dozen liquor jugs',\n      body: 'The five boxing wizards jump quickly. A mad boxer shot a quick, gloved jab to the jaw of his dizzy opponent.',\n      small: 'How vexingly quick daft zebras jump!',\n    },\n    blog: {\n      title: 'The Art of Typography in Modern Web Design',\n      subtitle:\n        'Typography is one of the most important aspects of web design. It affects readability, user experience, and the overall aesthetic of your website.',\n      body: 'Good typography makes reading effortless and enjoyable. It guides the reader through your content, creating hierarchy and emphasis where needed. When choosing fonts for your website, consider not just how they look, but how they perform across different devices and screen sizes.',\n    },\n    landing: {\n      hero: 'Transform Your Digital Experience',\n      subheading: 'Create stunning websites with beautiful typography',\n      cta: 'Get Started',\n    },\n    ui: {\n      button: 'Click Me',\n      input: 'Enter text here...',\n      link: 'Learn More →',\n    },\n  },\n  cs: {\n    search: 'Hledat fonty...',\n    category: 'Kategorie',\n    subset: 'Jazyk',\n    viewMode: 'Zobrazení',\n    favorites: 'Oblíbené',\n    allCategories: 'Všechny kategorie',\n    allLanguages: 'Všechny jazyky',\n    loading: 'Načítání fontů...',\n    noFonts: 'Žádné fonty nenalezeny',\n    loadMore: 'Načíst další',\n    selectFont: 'Vybrat font',\n    previewTabs: {\n      typography: 'Typografie',\n      blog: 'Blogový příspěvek',\n      landing: 'Landing Page',\n      ui: 'UI prvky',\n    },\n    categories: {\n      all: 'Vše',\n      'sans-serif': 'Sans Serif',\n      serif: 'Serif',\n      display: 'Display',\n      handwriting: 'Ručně psané',\n      monospace: 'Monospace',\n    },\n    subsets: {\n      all: 'Všechny jazyky',\n      vietnamese: '🇻🇳 Vietnamština',\n      latin: 'Latinka',\n      'latin-ext': 'Latinka rozšířená',\n      cyrillic: '🇷🇺 Cyrilice',\n      'cyrillic-ext': 'Cyrilice rozšířená',\n      greek: '🇬🇷 Řečtina',\n      'greek-ext': 'Řečtina rozšířená',\n      arabic: '🇸🇦 Arabština',\n      hebrew: '🇮🇱 Hebrejština',\n      thai: '🇹🇭 Thajština',\n      japanese: '🇯🇵 Japonština',\n      korean: '🇰🇷 Korejština',\n      chinese: '🇨🇳 Čínština',\n    },\n    viewModes: {\n      row: 'Řádky',\n      grid: 'Mřížka',\n    },\n    typography: {\n      h1: 'Příliš žluťoučký kůň úpěl ďábelské ódy',\n      h2: 'Nechť již hříšné saxofony ďáblů rozzvučí síň úděsnými tóny waltzu',\n      h3: 'Zvlášť zákeřný učeň s ďolíčky běží podél zóny úlů',\n      body: 'Typografie je umění a technika uspořádání písma tak, aby byl text čitelný, srozumitelný a vizuálně přitažlivý. Dobrá typografie vytváří hierarchii a vede čtenáře obsahem přirozeným způsobem.',\n      small: 'Dobrá typografie je neviditelná, špatná typografie je nezapomenutelná.',\n    },\n    blog: {\n      title: 'Umění typografie v moderním webdesignu',\n      subtitle:\n        'Typografie je jedním z nejdůležitějších aspektů webdesignu. Ovlivňuje čitelnost, uživatelskou zkušenost a celkovou estetiku vašich webových stránek.',\n      body: 'Dobrá typografie dělá čtení snadným a příjemným. Vede čtenáře vaším obsahem a vytváří hierarchii a důraz tam, kde je to potřeba. Při výběru fontů pro vaše webové stránky zvažte nejen to, jak vypadají, ale také jak fungují na různých zařízeních a velikostech obrazovky.',\n    },\n    landing: {\n      hero: 'Transformujte svůj digitální zážitek',\n      subheading: 'Vytvářejte úchvatné webové stránky s krásnou typografií',\n      cta: 'Začít',\n    },\n    ui: {\n      button: 'Klikněte sem',\n      input: 'Zadejte text...',\n      link: 'Zjistit více →',\n    },\n  },\n}\n\n/**\n * Get translations for a specific language\n */\nexport function getTranslations(lang: Language = 'en'): Translations {\n  return translations[lang] || translations.en\n}\n"],"names":["translations","en","search","category","subset","viewMode","favorites","allCategories","allLanguages","loading","noFonts","loadMore","selectFont","previewTabs","typography","blog","landing","ui","categories","all","serif","display","handwriting","monospace","subsets","vietnamese","latin","cyrillic","greek","arabic","hebrew","thai","japanese","korean","chinese","viewModes","row","grid","h1","h2","h3","body","small","title","subtitle","hero","subheading","cta","button","input","link","cs","getTranslations","lang"],"mappings":"AAwEA,OAAO,MAAMA,eAA+C;IAC1DC,IAAI;QACFC,QAAQ;QACRC,UAAU;QACVC,QAAQ;QACRC,UAAU;QACVC,WAAW;QACXC,eAAe;QACfC,cAAc;QACdC,SAAS;QACTC,SAAS;QACTC,UAAU;QACVC,YAAY;QACZC,aAAa;YACXC,YAAY;YACZC,MAAM;YACNC,SAAS;YACTC,IAAI;QACN;QACAC,YAAY;YACVC,KAAK;YACL,cAAc;YACdC,OAAO;YACPC,SAAS;YACTC,aAAa;YACbC,WAAW;QACb;QACAC,SAAS;YACPL,KAAK;YACLM,YAAY;YACZC,OAAO;YACP,aAAa;YACbC,UAAU;YACV,gBAAgB;YAChBC,OAAO;YACP,aAAa;YACbC,QAAQ;YACRC,QAAQ;YACRC,MAAM;YACNC,UAAU;YACVC,QAAQ;YACRC,SAAS;QACX;QACAC,WAAW;YACTC,KAAK;YACLC,MAAM;QACR;QACAvB,YAAY;YACVwB,IAAI;YACJC,IAAI;YACJC,IAAI;YACJC,MAAM;YACNC,OAAO;QACT;QACA3B,MAAM;YACJ4B,OAAO;YACPC,UACE;YACFH,MAAM;QACR;QACAzB,SAAS;YACP6B,MAAM;YACNC,YAAY;YACZC,KAAK;QACP;QACA9B,IAAI;YACF+B,QAAQ;YACRC,OAAO;YACPC,MAAM;QACR;IACF;IACAC,IAAI;QACFjD,QAAQ;QACRC,UAAU;QACVC,QAAQ;QACRC,UAAU;QACVC,WAAW;QACXC,eAAe;QACfC,cAAc;QACdC,SAAS;QACTC,SAAS;QACTC,UAAU;QACVC,YAAY;QACZC,aAAa;YACXC,YAAY;YACZC,MAAM;YACNC,SAAS;YACTC,IAAI;QACN;QACAC,YAAY;YACVC,KAAK;YACL,cAAc;YACdC,OAAO;YACPC,SAAS;YACTC,aAAa;YACbC,WAAW;QACb;QACAC,SAAS;YACPL,KAAK;YACLM,YAAY;YACZC,OAAO;YACP,aAAa;YACbC,UAAU;YACV,gBAAgB;YAChBC,OAAO;YACP,aAAa;YACbC,QAAQ;YACRC,QAAQ;YACRC,MAAM;YACNC,UAAU;YACVC,QAAQ;YACRC,SAAS;QACX;QACAC,WAAW;YACTC,KAAK;YACLC,MAAM;QACR;QACAvB,YAAY;YACVwB,IAAI;YACJC,IAAI;YACJC,IAAI;YACJC,MAAM;YACNC,OAAO;QACT;QACA3B,MAAM;YACJ4B,OAAO;YACPC,UACE;YACFH,MAAM;QACR;QACAzB,SAAS;YACP6B,MAAM;YACNC,YAAY;YACZC,KAAK;QACP;QACA9B,IAAI;YACF+B,QAAQ;YACRC,OAAO;YACPC,MAAM;QACR;IACF;AACF,EAAC;AAED;;CAEC,GACD,OAAO,SAASE,gBAAgBC,OAAiB,IAAI;IACnD,OAAOrD,YAAY,CAACqD,KAAK,IAAIrD,aAAaC,EAAE;AAC9C"}

package/dist/globals/ThemeSettings/config.d.ts

@@ -0,0 +1,10 @@
+import type { GlobalConfig } from 'payload';
+/**
+ * ThemeSettings Global Configuration
+ *
+ * This global stores theme-related settings including:
+ * - Active font family (selected via FontPicker)
+ * - Google Fonts API key (optional, for extended font library)
+ */
+export declare const ThemeSettings: GlobalConfig;
+//# sourceMappingURL=config.d.ts.map

package/dist/globals/ThemeSettings/config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../src/globals/ThemeSettings/config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAE3C;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,EAAE,YA+G3B,CAAA"}