@kilivi/payloadcms-theme-management 0.5.9 → 1.0.1

package/dist/app/api/google-fonts/route.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/app/api/google-fonts/route.ts"],"sourcesContent":["import { NextRequest, NextResponse } from 'next/server'\n\n// Font category type\nexport type FontCategory = 'all' | 'sans-serif' | 'serif' | 'display' | 'handwriting' | 'monospace'\n\n// Language subset type\nexport type LanguageSubset =\n  | 'all'\n  | 'vietnamese'\n  | 'latin'\n  | 'latin-ext'\n  | 'cyrillic'\n  | 'cyrillic-ext'\n  | 'greek'\n  | 'greek-ext'\n  | 'arabic'\n  | 'hebrew'\n  | 'thai'\n  | 'japanese'\n  | 'korean'\n  | 'chinese'\n\n// Google Font item\nexport interface GoogleFont {\n  family: string\n  variants: string[]\n  subsets: string[]\n  category: string\n  version: string\n  lastModified: string\n  files: Record<string, string>\n}\n\n// API Response type\nexport interface GoogleFontsResponse {\n  fonts: GoogleFont[]\n  total: number\n}\n\n// Memory cache\ninterface CacheEntry {\n  data: GoogleFontsResponse\n  timestamp: number\n}\n\nconst cache = new Map<string, CacheEntry>()\nconst CACHE_DURATION = 24 * 60 * 60 * 1000 // 24 hours\n\n// Fallback fonts (used when API key is missing or API fails)\nconst FALLBACK_FONTS: GoogleFont[] = [\n  {\n    family: 'Inter',\n    variants: ['100', '200', '300', '400', '500', '600', '700', '800', '900'],\n    subsets: ['latin', 'latin-ext', 'cyrillic', 'cyrillic-ext', 'greek', 'greek-ext', 'vietnamese'],\n    category: 'sans-serif',\n    version: 'v13',\n    lastModified: '2024-01-01',\n    files: {\n      '400':\n        'https://fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZ9hiA.woff2',\n    },\n  },\n  {\n    family: 'Roboto',\n    variants: ['100', '300', '400', '500', '700', '900'],\n    subsets: ['latin', 'latin-ext', 'cyrillic', 'cyrillic-ext', 'greek', 'greek-ext', 'vietnamese'],\n    category: 'sans-serif',\n    version: 'v30',\n    lastModified: '2024-01-01',\n    files: {\n      '400': 'https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxK.woff2',\n    },\n  },\n  {\n    family: 'Open Sans',\n    variants: ['300', '400', '500', '600', '700', '800'],\n    subsets: [\n      'latin',\n      'latin-ext',\n      'cyrillic',\n      'cyrillic-ext',\n      'greek',\n      'greek-ext',\n      'hebrew',\n      'vietnamese',\n    ],\n    category: 'sans-serif',\n    version: 'v35',\n    lastModified: '2024-01-01',\n    files: {\n      '400':\n        'https://fonts.gstatic.com/s/opensans/v35/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4gaVI.woff2',\n    },\n  },\n  {\n    family: 'Lato',\n    variants: ['100', '300', '400', '700', '900'],\n    subsets: ['latin', 'latin-ext'],\n    category: 'sans-serif',\n    version: 'v24',\n    lastModified: '2024-01-01',\n    files: {\n      '400': 'https://fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHjx4wXg.woff2',\n    },\n  },\n  {\n    family: 'Montserrat',\n    variants: ['100', '200', '300', '400', '500', '600', '700', '800', '900'],\n    subsets: ['latin', 'latin-ext', 'cyrillic', 'cyrillic-ext', 'vietnamese'],\n    category: 'sans-serif',\n    version: 'v26',\n    lastModified: '2024-01-01',\n    files: {\n      '400':\n        'https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Ew-Y3tcoqK5.woff2',\n    },\n  },\n  {\n    family: 'Poppins',\n    variants: ['100', '200', '300', '400', '500', '600', '700', '800', '900'],\n    subsets: ['latin', 'latin-ext'],\n    category: 'sans-serif',\n    version: 'v20',\n    lastModified: '2024-01-01',\n    files: {\n      '400': 'https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJfecg.woff2',\n    },\n  },\n  {\n    family: 'Nunito',\n    variants: ['200', '300', '400', '500', '600', '700', '800', '900'],\n    subsets: ['latin', 'latin-ext', 'cyrillic', 'cyrillic-ext', 'vietnamese'],\n    category: 'sans-serif',\n    version: 'v26',\n    lastModified: '2024-01-01',\n    files: {\n      '400':\n        'https://fonts.gstatic.com/s/nunito/v26/XRXI3I6Li01BKofiOc5wtlZ2di8HDLshdTQ3j77e.woff2',\n    },\n  },\n  {\n    family: 'Raleway',\n    variants: ['100', '200', '300', '400', '500', '600', '700', '800', '900'],\n    subsets: ['latin', 'latin-ext', 'cyrillic', 'cyrillic-ext'],\n    category: 'sans-serif',\n    version: 'v29',\n    lastModified: '2024-01-01',\n    files: {\n      '400':\n        'https://fonts.gstatic.com/s/raleway/v29/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCIPrU.woff2',\n    },\n  },\n  {\n    family: 'Playfair Display',\n    variants: ['400', '500', '600', '700', '800', '900'],\n    subsets: ['latin', 'latin-ext', 'cyrillic'],\n    category: 'serif',\n    version: 'v37',\n    lastModified: '2024-01-01',\n    files: {\n      '400':\n        'https://fonts.gstatic.com/s/playfairdisplay/v37/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKdFvUDQZNLo_U2r.woff2',\n    },\n  },\n  {\n    family: 'Merriweather',\n    variants: ['300', '400', '700', '900'],\n    subsets: ['latin', 'latin-ext', 'cyrillic', 'cyrillic-ext', 'vietnamese'],\n    category: 'serif',\n    version: 'v30',\n    lastModified: '2024-01-01',\n    files: {\n      '400':\n        'https://fonts.gstatic.com/s/merriweather/v30/u-440qyriQwlOrhSvowK_l5-fCZMdeX3rg.woff2',\n    },\n  },\n  {\n    family: 'PT Sans',\n    variants: ['400', '700'],\n    subsets: ['latin', 'latin-ext', 'cyrillic', 'cyrillic-ext'],\n    category: 'sans-serif',\n    version: 'v17',\n    lastModified: '2024-01-01',\n    files: {\n      '400': 'https://fonts.gstatic.com/s/ptsans/v17/jizaRExUiTo99u79D0KExcOPIDU.woff2',\n    },\n  },\n  {\n    family: 'Noto Sans',\n    variants: ['100', '200', '300', '400', '500', '600', '700', '800', '900'],\n    subsets: ['latin', 'latin-ext', 'cyrillic', 'cyrillic-ext', 'greek', 'greek-ext', 'vietnamese'],\n    category: 'sans-serif',\n    version: 'v36',\n    lastModified: '2024-01-01',\n    files: {\n      '400':\n        'https://fonts.gstatic.com/s/notosans/v36/o-0mIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjcz6L1SoM-jCpoiyD9A-9a6Vc.woff2',\n    },\n  },\n  {\n    family: 'Ubuntu',\n    variants: ['300', '400', '500', '700'],\n    subsets: ['latin', 'latin-ext', 'cyrillic', 'cyrillic-ext', 'greek', 'greek-ext'],\n    category: 'sans-serif',\n    version: 'v20',\n    lastModified: '2024-01-01',\n    files: {\n      '400': 'https://fonts.gstatic.com/s/ubuntu/v20/4iCs6KVjbNBYlgoKcg72j00.woff2',\n    },\n  },\n  {\n    family: 'Manrope',\n    variants: ['200', '300', '400', '500', '600', '700', '800'],\n    subsets: ['latin', 'latin-ext', 'cyrillic', 'cyrillic-ext', 'greek', 'vietnamese'],\n    category: 'sans-serif',\n    version: 'v15',\n    lastModified: '2024-01-01',\n    files: {\n      '400':\n        'https://fonts.gstatic.com/s/manrope/v15/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk59FO_F87jxeN7B.woff2',\n    },\n  },\n  {\n    family: 'Mulish',\n    variants: ['200', '300', '400', '500', '600', '700', '800', '900'],\n    subsets: ['latin', 'latin-ext', 'cyrillic', 'cyrillic-ext', 'vietnamese'],\n    category: 'sans-serif',\n    version: 'v13',\n    lastModified: '2024-01-01',\n    files: {\n      '400':\n        'https://fonts.gstatic.com/s/mulish/v13/1Ptyg83HX_SGhgqO0yLcmjzUAuWexZNRwaClGrw-PTY.woff2',\n    },\n  },\n  {\n    family: 'Barlow',\n    variants: ['100', '200', '300', '400', '500', '600', '700', '800', '900'],\n    subsets: ['latin', 'latin-ext', 'vietnamese'],\n    category: 'sans-serif',\n    version: 'v12',\n    lastModified: '2024-01-01',\n    files: {\n      '400': 'https://fonts.gstatic.com/s/barlow/v12/7cHpv4kjgoGqM7E3b8s8yn4hnCci.woff2',\n    },\n  },\n  {\n    family: 'Work Sans',\n    variants: ['100', '200', '300', '400', '500', '600', '700', '800', '900'],\n    subsets: ['latin', 'latin-ext', 'vietnamese'],\n    category: 'sans-serif',\n    version: 'v19',\n    lastModified: '2024-01-01',\n    files: {\n      '400':\n        'https://fonts.gstatic.com/s/worksans/v19/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K0nWNigDp6_cOyA.woff2',\n    },\n  },\n  {\n    family: 'Quicksand',\n    variants: ['300', '400', '500', '600', '700'],\n    subsets: ['latin', 'latin-ext', 'vietnamese'],\n    category: 'sans-serif',\n    version: 'v31',\n    lastModified: '2024-01-01',\n    files: {\n      '400':\n        'https://fonts.gstatic.com/s/quicksand/v31/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkP8o58a-xDwxUD2GF9Zc.woff2',\n    },\n  },\n  {\n    family: 'Karla',\n    variants: ['200', '300', '400', '500', '600', '700', '800'],\n    subsets: ['latin', 'latin-ext'],\n    category: 'sans-serif',\n    version: 'v31',\n    lastModified: '2024-01-01',\n    files: {\n      '400':\n        'https://fonts.gstatic.com/s/karla/v31/qkBIXvYC6trAT55ZBi1ueQVIjQTDeJqqFENLR7fHGw.woff2',\n    },\n  },\n  {\n    family: 'Rubik',\n    variants: ['300', '400', '500', '600', '700', '800', '900'],\n    subsets: ['latin', 'latin-ext', 'cyrillic', 'cyrillic-ext', 'hebrew'],\n    category: 'sans-serif',\n    version: 'v28',\n    lastModified: '2024-01-01',\n    files: {\n      '400': 'https://fonts.gstatic.com/s/rubik/v28/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-B4iFV0U1.woff2',\n    },\n  },\n  {\n    family: 'DM Sans',\n    variants: ['100', '200', '300', '400', '500', '600', '700', '800', '900'],\n    subsets: ['latin', 'latin-ext'],\n    category: 'sans-serif',\n    version: 'v15',\n    lastModified: '2024-01-01',\n    files: {\n      '400':\n        'https://fonts.gstatic.com/s/dmsans/v15/rP2tp2ywxg089UriI5-g4vlH9VoD8CmcqZG40F9JadbnoEwAopxRR236MF0WOQ.woff2',\n    },\n  },\n  {\n    family: 'Josefin Sans',\n    variants: ['100', '200', '300', '400', '500', '600', '700'],\n    subsets: ['latin', 'latin-ext', 'vietnamese'],\n    category: 'sans-serif',\n    version: 'v32',\n    lastModified: '2024-01-01',\n    files: {\n      '400':\n        'https://fonts.gstatic.com/s/josefinsans/v32/Qw3PZQNVED7rKGKxtqIqX5E-AVSJrOCfjY46_DjRXMFrLgTsQV0.woff2',\n    },\n  },\n  {\n    family: 'Libre Baskerville',\n    variants: ['400', '700'],\n    subsets: ['latin', 'latin-ext'],\n    category: 'serif',\n    version: 'v14',\n    lastModified: '2024-01-01',\n    files: {\n      '400':\n        'https://fonts.gstatic.com/s/librebaskerville/v14/kmKnZrc3Hgbbcjq75U4uslyuy4kn0pNeYRI4CN2V.woff2',\n    },\n  },\n  {\n    family: 'Source Sans 3',\n    variants: ['200', '300', '400', '500', '600', '700', '800', '900'],\n    subsets: ['latin', 'latin-ext', 'cyrillic', 'cyrillic-ext', 'greek', 'greek-ext', 'vietnamese'],\n    category: 'sans-serif',\n    version: 'v15',\n    lastModified: '2024-01-01',\n    files: {\n      '400':\n        'https://fonts.gstatic.com/s/sourcesans3/v15/nwpBtKy2OAdR1K-IwhWudF-R9QMylBJAV3Bo8Kw461EN_io6npfB.woff2',\n    },\n  },\n  {\n    family: 'Be Vietnam Pro',\n    variants: ['100', '200', '300', '400', '500', '600', '700', '800', '900'],\n    subsets: ['latin', 'latin-ext', 'vietnamese'],\n    category: 'sans-serif',\n    version: 'v11',\n    lastModified: '2024-01-01',\n    files: {\n      '400':\n        'https://fonts.gstatic.com/s/bevietnampro/v11/QdVMSTAyLFyeg_IDWvOJmVES_HRUBX8YYbAiah8.woff2',\n    },\n  },\n  {\n    family: 'Lexend',\n    variants: ['100', '200', '300', '400', '500', '600', '700', '800', '900'],\n    subsets: ['latin', 'latin-ext', 'vietnamese'],\n    category: 'sans-serif',\n    version: 'v19',\n    lastModified: '2024-01-01',\n    files: {\n      '400':\n        'https://fonts.gstatic.com/s/lexend/v19/wlptgwvFAVdoq2_F94zlCfv0bz1WCzsX_LBte6KuGEo.woff2',\n    },\n  },\n  {\n    family: 'Archivo',\n    variants: ['100', '200', '300', '400', '500', '600', '700', '800', '900'],\n    subsets: ['latin', 'latin-ext', 'vietnamese'],\n    category: 'sans-serif',\n    version: 'v19',\n    lastModified: '2024-01-01',\n    files: {\n      '400':\n        'https://fonts.gstatic.com/s/archivo/v19/k3kQo8UDI-1M0wlSV9XAw6lQkqWY8Q82sJaRE-NWIDdgffTTNDJp8B1oJ0vyVQ.woff2',\n    },\n  },\n  {\n    family: 'Space Grotesk',\n    variants: ['300', '400', '500', '600', '700'],\n    subsets: ['latin', 'latin-ext', 'vietnamese'],\n    category: 'sans-serif',\n    version: 'v16',\n    lastModified: '2024-01-01',\n    files: {\n      '400':\n        'https://fonts.gstatic.com/s/spacegrotesk/v16/V8mQoQDjQSkFtoMM3T6r8E7mF71Q-gOoraIAEj7oUUsjNsFjTDJK.woff2',\n    },\n  },\n  {\n    family: 'Outfit',\n    variants: ['100', '200', '300', '400', '500', '600', '700', '800', '900'],\n    subsets: ['latin', 'latin-ext'],\n    category: 'sans-serif',\n    version: 'v11',\n    lastModified: '2024-01-01',\n    files: {\n      '400':\n        'https://fonts.gstatic.com/s/outfit/v11/QGYyz_MVcBeNP4NjuGObqx1XmO1I4TC1O4a0EwEpq6W1J3f6ltDB.woff2',\n    },\n  },\n  {\n    family: 'Crimson Text',\n    variants: ['400', '600', '700'],\n    subsets: ['latin', 'latin-ext', 'vietnamese'],\n    category: 'serif',\n    version: 'v19',\n    lastModified: '2024-01-01',\n    files: {\n      '400': 'https://fonts.gstatic.com/s/crimsontext/v19/wlp2gwHKFkZgtmSR3NB0oRJvaAJSA_JN3Q.woff2',\n    },\n  },\n  {\n    family: 'Inconsolata',\n    variants: ['200', '300', '400', '500', '600', '700', '800', '900'],\n    subsets: ['latin', 'latin-ext', 'vietnamese'],\n    category: 'monospace',\n    version: 'v32',\n    lastModified: '2024-01-01',\n    files: {\n      '400':\n        'https://fonts.gstatic.com/s/inconsolata/v32/QldgNThLqRwH-OJ1UHjlKENVzkWGVkL3GZQmAwLYxYWI2qfdm7Lpp4U8aRr8lleY2co.woff2',\n    },\n  },\n  {\n    family: 'Dancing Script',\n    variants: ['400', '500', '600', '700'],\n    subsets: ['latin', 'latin-ext', 'vietnamese'],\n    category: 'handwriting',\n    version: 'v25',\n    lastModified: '2024-01-01',\n    files: {\n      '400':\n        'https://fonts.gstatic.com/s/dancingscript/v25/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7B1i03Rep8ltA.woff2',\n    },\n  },\n  {\n    family: 'Pacifico',\n    variants: ['400'],\n    subsets: ['latin', 'latin-ext', 'cyrillic', 'cyrillic-ext', 'vietnamese'],\n    category: 'handwriting',\n    version: 'v22',\n    lastModified: '2024-01-01',\n    files: {\n      '400': 'https://fonts.gstatic.com/s/pacifico/v22/FwZY7-Qmy14u9lezJ96A4sijpFu_.woff2',\n    },\n  },\n  {\n    family: 'Bebas Neue',\n    variants: ['400'],\n    subsets: ['latin', 'latin-ext'],\n    category: 'display',\n    version: 'v14',\n    lastModified: '2024-01-01',\n    files: {\n      '400': 'https://fonts.gstatic.com/s/bebasneue/v14/JTUSjIg69CK48gW7PXooxW5rygbi49c.woff2',\n    },\n  },\n  {\n    family: 'Righteous',\n    variants: ['400'],\n    subsets: ['latin', 'latin-ext'],\n    category: 'display',\n    version: 'v17',\n    lastModified: '2024-01-01',\n    files: {\n      '400': 'https://fonts.gstatic.com/s/righteous/v17/1cXxaUPXBpj2rGoU7C9mj3uEicG01A.woff2',\n    },\n  },\n]\n\n/**\n * Filter fonts based on search, category, and subset\n */\nfunction filterFonts(\n  fonts: GoogleFont[],\n  search: string,\n  category: FontCategory,\n  subset: LanguageSubset,\n): GoogleFont[] {\n  let filtered = fonts\n\n  // Filter by search\n  if (search) {\n    const searchLower = search.toLowerCase()\n    filtered = filtered.filter((font) => font.family.toLowerCase().includes(searchLower))\n  }\n\n  // Filter by category\n  if (category !== 'all') {\n    filtered = filtered.filter((font) => font.category === category)\n  }\n\n  // Filter by subset\n  if (subset !== 'all') {\n    filtered = filtered.filter((font) => font.subsets.includes(subset))\n  }\n\n  return filtered\n}\n\n/**\n * GET /api/google-fonts\n *\n * Query params:\n * - search: string (optional) - Search query\n * - category: FontCategory (optional) - Font category filter\n * - subset: LanguageSubset (optional) - Language subset filter\n * - limit: number (optional, default 100) - Number of fonts to return\n * - offset: number (optional, default 0) - Pagination offset\n */\nexport async function GET(request: NextRequest) {\n  try {\n    const { searchParams } = new URL(request.url)\n    const search = searchParams.get('search') || ''\n    const category = (searchParams.get('category') || 'all') as FontCategory\n    const subset = (searchParams.get('subset') || 'all') as LanguageSubset\n    const limit = Math.min(Number.parseInt(searchParams.get('limit') || '100'), 200)\n    const offset = Number.parseInt(searchParams.get('offset') || '0')\n\n    // Generate cache key\n    const cacheKey = `${search}|${category}|${subset}`\n\n    // Check cache\n    const cached = cache.get(cacheKey)\n    if (cached && Date.now() - cached.timestamp < CACHE_DURATION) {\n      const fonts = cached.data.fonts.slice(offset, offset + limit)\n      return NextResponse.json({\n        fonts,\n        total: cached.data.total,\n      })\n    }\n\n    // Get Google Fonts API key from environment\n    const apiKey = process.env.GOOGLE_FONTS_API_KEY\n\n    let allFonts: GoogleFont[] = []\n\n    if (apiKey) {\n      try {\n        // Fetch from Google Fonts API\n        const response = await fetch(\n          `https://www.googleapis.com/webfonts/v1/webfonts?key=${apiKey}&sort=popularity`,\n          {\n            next: { revalidate: 86400 }, // Revalidate every 24 hours\n          },\n        )\n\n        if (!response.ok) {\n          throw new Error(`Google Fonts API error: ${response.statusText}`)\n        }\n\n        const data = await response.json()\n        allFonts = data.items || []\n      } catch (error) {\n        console.error('Google Fonts API error:', error)\n        // Fall back to fallback fonts\n        allFonts = FALLBACK_FONTS\n      }\n    } else {\n      // No API key, use fallback fonts\n      console.warn('GOOGLE_FONTS_API_KEY not set, using fallback fonts')\n      allFonts = FALLBACK_FONTS\n    }\n\n    // Filter fonts\n    const filteredFonts = filterFonts(allFonts, search, category, subset)\n\n    // Cache the full filtered result\n    cache.set(cacheKey, {\n      data: {\n        fonts: filteredFonts,\n        total: filteredFonts.length,\n      },\n      timestamp: Date.now(),\n    })\n\n    // Return paginated result\n    const fonts = filteredFonts.slice(offset, offset + limit)\n\n    return NextResponse.json({\n      fonts,\n      total: filteredFonts.length,\n    })\n  } catch (error) {\n    console.error('Error in /api/google-fonts:', error)\n    return NextResponse.json(\n      {\n        error: 'Failed to fetch Google Fonts',\n        fonts: FALLBACK_FONTS.slice(0, 100),\n        total: FALLBACK_FONTS.length,\n      },\n      { status: 500 },\n    )\n  }\n}\n"],"names":["NextResponse","cache","Map","CACHE_DURATION","FALLBACK_FONTS","family","variants","subsets","category","version","lastModified","files","filterFonts","fonts","search","subset","filtered","searchLower","toLowerCase","filter","font","includes","GET","request","searchParams","URL","url","get","limit","Math","min","Number","parseInt","offset","cacheKey","cached","Date","now","timestamp","data","slice","json","total","apiKey","process","env","GOOGLE_FONTS_API_KEY","allFonts","response","fetch","next","revalidate","ok","Error","statusText","items","error","console","warn","filteredFonts","set","length","status"],"mappings":"AAAA,SAAsBA,YAAY,QAAQ,cAAa;AA6CvD,MAAMC,QAAQ,IAAIC;AAClB,MAAMC,iBAAiB,KAAK,KAAK,KAAK,KAAK,WAAW;;AAEtD,6DAA6D;AAC7D,MAAMC,iBAA+B;IACnC;QACEC,QAAQ;QACRC,UAAU;YAAC;YAAO;YAAO;YAAO;YAAO;YAAO;YAAO;YAAO;YAAO;SAAM;QACzEC,SAAS;YAAC;YAAS;YAAa;YAAY;YAAgB;YAAS;YAAa;SAAa;QAC/FC,UAAU;QACVC,SAAS;QACTC,cAAc;QACdC,OAAO;YACL,OACE;QACJ;IACF;IACA;QACEN,QAAQ;QACRC,UAAU;YAAC;YAAO;YAAO;YAAO;YAAO;YAAO;SAAM;QACpDC,SAAS;YAAC;YAAS;YAAa;YAAY;YAAgB;YAAS;YAAa;SAAa;QAC/FC,UAAU;QACVC,SAAS;QACTC,cAAc;QACdC,OAAO;YACL,OAAO;QACT;IACF;IACA;QACEN,QAAQ;QACRC,UAAU;YAAC;YAAO;YAAO;YAAO;YAAO;YAAO;SAAM;QACpDC,SAAS;YACP;YACA;YACA;YACA;YACA;YACA;YACA;YACA;SACD;QACDC,UAAU;QACVC,SAAS;QACTC,cAAc;QACdC,OAAO;YACL,OACE;QACJ;IACF;IACA;QACEN,QAAQ;QACRC,UAAU;YAAC;YAAO;YAAO;YAAO;YAAO;SAAM;QAC7CC,SAAS;YAAC;YAAS;SAAY;QAC/BC,UAAU;QACVC,SAAS;QACTC,cAAc;QACdC,OAAO;YACL,OAAO;QACT;IACF;IACA;QACEN,QAAQ;QACRC,UAAU;YAAC;YAAO;YAAO;YAAO;YAAO;YAAO;YAAO;YAAO;YAAO;SAAM;QACzEC,SAAS;YAAC;YAAS;YAAa;YAAY;YAAgB;SAAa;QACzEC,UAAU;QACVC,SAAS;QACTC,cAAc;QACdC,OAAO;YACL,OACE;QACJ;IACF;IACA;QACEN,QAAQ;QACRC,UAAU;YAAC;YAAO;YAAO;YAAO;YAAO;YAAO;YAAO;YAAO;YAAO;SAAM;QACzEC,SAAS;YAAC;YAAS;SAAY;QAC/BC,UAAU;QACVC,SAAS;QACTC,cAAc;QACdC,OAAO;YACL,OAAO;QACT;IACF;IACA;QACEN,QAAQ;QACRC,UAAU;YAAC;YAAO;YAAO;YAAO;YAAO;YAAO;YAAO;YAAO;SAAM;QAClEC,SAAS;YAAC;YAAS;YAAa;YAAY;YAAgB;SAAa;QACzEC,UAAU;QACVC,SAAS;QACTC,cAAc;QACdC,OAAO;YACL,OACE;QACJ;IACF;IACA;QACEN,QAAQ;QACRC,UAAU;YAAC;YAAO;YAAO;YAAO;YAAO;YAAO;YAAO;YAAO;YAAO;SAAM;QACzEC,SAAS;YAAC;YAAS;YAAa;YAAY;SAAe;QAC3DC,UAAU;QACVC,SAAS;QACTC,cAAc;QACdC,OAAO;YACL,OACE;QACJ;IACF;IACA;QACEN,QAAQ;QACRC,UAAU;YAAC;YAAO;YAAO;YAAO;YAAO;YAAO;SAAM;QACpDC,SAAS;YAAC;YAAS;YAAa;SAAW;QAC3CC,UAAU;QACVC,SAAS;QACTC,cAAc;QACdC,OAAO;YACL,OACE;QACJ;IACF;IACA;QACEN,QAAQ;QACRC,UAAU;YAAC;YAAO;YAAO;YAAO;SAAM;QACtCC,SAAS;YAAC;YAAS;YAAa;YAAY;YAAgB;SAAa;QACzEC,UAAU;QACVC,SAAS;QACTC,cAAc;QACdC,OAAO;YACL,OACE;QACJ;IACF;IACA;QACEN,QAAQ;QACRC,UAAU;YAAC;YAAO;SAAM;QACxBC,SAAS;YAAC;YAAS;YAAa;YAAY;SAAe;QAC3DC,UAAU;QACVC,SAAS;QACTC,cAAc;QACdC,OAAO;YACL,OAAO;QACT;IACF;IACA;QACEN,QAAQ;QACRC,UAAU;YAAC;YAAO;YAAO;YAAO;YAAO;YAAO;YAAO;YAAO;YAAO;SAAM;QACzEC,SAAS;YAAC;YAAS;YAAa;YAAY;YAAgB;YAAS;YAAa;SAAa;QAC/FC,UAAU;QACVC,SAAS;QACTC,cAAc;QACdC,OAAO;YACL,OACE;QACJ;IACF;IACA;QACEN,QAAQ;QACRC,UAAU;YAAC;YAAO;YAAO;YAAO;SAAM;QACtCC,SAAS;YAAC;YAAS;YAAa;YAAY;YAAgB;YAAS;SAAY;QACjFC,UAAU;QACVC,SAAS;QACTC,cAAc;QACdC,OAAO;YACL,OAAO;QACT;IACF;IACA;QACEN,QAAQ;QACRC,UAAU;YAAC;YAAO;YAAO;YAAO;YAAO;YAAO;YAAO;SAAM;QAC3DC,SAAS;YAAC;YAAS;YAAa;YAAY;YAAgB;YAAS;SAAa;QAClFC,UAAU;QACVC,SAAS;QACTC,cAAc;QACdC,OAAO;YACL,OACE;QACJ;IACF;IACA;QACEN,QAAQ;QACRC,UAAU;YAAC;YAAO;YAAO;YAAO;YAAO;YAAO;YAAO;YAAO;SAAM;QAClEC,SAAS;YAAC;YAAS;YAAa;YAAY;YAAgB;SAAa;QACzEC,UAAU;QACVC,SAAS;QACTC,cAAc;QACdC,OAAO;YACL,OACE;QACJ;IACF;IACA;QACEN,QAAQ;QACRC,UAAU;YAAC;YAAO;YAAO;YAAO;YAAO;YAAO;YAAO;YAAO;YAAO;SAAM;QACzEC,SAAS;YAAC;YAAS;YAAa;SAAa;QAC7CC,UAAU;QACVC,SAAS;QACTC,cAAc;QACdC,OAAO;YACL,OAAO;QACT;IACF;IACA;QACEN,QAAQ;QACRC,UAAU;YAAC;YAAO;YAAO;YAAO;YAAO;YAAO;YAAO;YAAO;YAAO;SAAM;QACzEC,SAAS;YAAC;YAAS;YAAa;SAAa;QAC7CC,UAAU;QACVC,SAAS;QACTC,cAAc;QACdC,OAAO;YACL,OACE;QACJ;IACF;IACA;QACEN,QAAQ;QACRC,UAAU;YAAC;YAAO;YAAO;YAAO;YAAO;SAAM;QAC7CC,SAAS;YAAC;YAAS;YAAa;SAAa;QAC7CC,UAAU;QACVC,SAAS;QACTC,cAAc;QACdC,OAAO;YACL,OACE;QACJ;IACF;IACA;QACEN,QAAQ;QACRC,UAAU;YAAC;YAAO;YAAO;YAAO;YAAO;YAAO;YAAO;SAAM;QAC3DC,SAAS;YAAC;YAAS;SAAY;QAC/BC,UAAU;QACVC,SAAS;QACTC,cAAc;QACdC,OAAO;YACL,OACE;QACJ;IACF;IACA;QACEN,QAAQ;QACRC,UAAU;YAAC;YAAO;YAAO;YAAO;YAAO;YAAO;YAAO;SAAM;QAC3DC,SAAS;YAAC;YAAS;YAAa;YAAY;YAAgB;SAAS;QACrEC,UAAU;QACVC,SAAS;QACTC,cAAc;QACdC,OAAO;YACL,OAAO;QACT;IACF;IACA;QACEN,QAAQ;QACRC,UAAU;YAAC;YAAO;YAAO;YAAO;YAAO;YAAO;YAAO;YAAO;YAAO;SAAM;QACzEC,SAAS;YAAC;YAAS;SAAY;QAC/BC,UAAU;QACVC,SAAS;QACTC,cAAc;QACdC,OAAO;YACL,OACE;QACJ;IACF;IACA;QACEN,QAAQ;QACRC,UAAU;YAAC;YAAO;YAAO;YAAO;YAAO;YAAO;YAAO;SAAM;QAC3DC,SAAS;YAAC;YAAS;YAAa;SAAa;QAC7CC,UAAU;QACVC,SAAS;QACTC,cAAc;QACdC,OAAO;YACL,OACE;QACJ;IACF;IACA;QACEN,QAAQ;QACRC,UAAU;YAAC;YAAO;SAAM;QACxBC,SAAS;YAAC;YAAS;SAAY;QAC/BC,UAAU;QACVC,SAAS;QACTC,cAAc;QACdC,OAAO;YACL,OACE;QACJ;IACF;IACA;QACEN,QAAQ;QACRC,UAAU;YAAC;YAAO;YAAO;YAAO;YAAO;YAAO;YAAO;YAAO;SAAM;QAClEC,SAAS;YAAC;YAAS;YAAa;YAAY;YAAgB;YAAS;YAAa;SAAa;QAC/FC,UAAU;QACVC,SAAS;QACTC,cAAc;QACdC,OAAO;YACL,OACE;QACJ;IACF;IACA;QACEN,QAAQ;QACRC,UAAU;YAAC;YAAO;YAAO;YAAO;YAAO;YAAO;YAAO;YAAO;YAAO;SAAM;QACzEC,SAAS;YAAC;YAAS;YAAa;SAAa;QAC7CC,UAAU;QACVC,SAAS;QACTC,cAAc;QACdC,OAAO;YACL,OACE;QACJ;IACF;IACA;QACEN,QAAQ;QACRC,UAAU;YAAC;YAAO;YAAO;YAAO;YAAO;YAAO;YAAO;YAAO;YAAO;SAAM;QACzEC,SAAS;YAAC;YAAS;YAAa;SAAa;QAC7CC,UAAU;QACVC,SAAS;QACTC,cAAc;QACdC,OAAO;YACL,OACE;QACJ;IACF;IACA;QACEN,QAAQ;QACRC,UAAU;YAAC;YAAO;YAAO;YAAO;YAAO;YAAO;YAAO;YAAO;YAAO;SAAM;QACzEC,SAAS;YAAC;YAAS;YAAa;SAAa;QAC7CC,UAAU;QACVC,SAAS;QACTC,cAAc;QACdC,OAAO;YACL,OACE;QACJ;IACF;IACA;QACEN,QAAQ;QACRC,UAAU;YAAC;YAAO;YAAO;YAAO;YAAO;SAAM;QAC7CC,SAAS;YAAC;YAAS;YAAa;SAAa;QAC7CC,UAAU;QACVC,SAAS;QACTC,cAAc;QACdC,OAAO;YACL,OACE;QACJ;IACF;IACA;QACEN,QAAQ;QACRC,UAAU;YAAC;YAAO;YAAO;YAAO;YAAO;YAAO;YAAO;YAAO;YAAO;SAAM;QACzEC,SAAS;YAAC;YAAS;SAAY;QAC/BC,UAAU;QACVC,SAAS;QACTC,cAAc;QACdC,OAAO;YACL,OACE;QACJ;IACF;IACA;QACEN,QAAQ;QACRC,UAAU;YAAC;YAAO;YAAO;SAAM;QAC/BC,SAAS;YAAC;YAAS;YAAa;SAAa;QAC7CC,UAAU;QACVC,SAAS;QACTC,cAAc;QACdC,OAAO;YACL,OAAO;QACT;IACF;IACA;QACEN,QAAQ;QACRC,UAAU;YAAC;YAAO;YAAO;YAAO;YAAO;YAAO;YAAO;YAAO;SAAM;QAClEC,SAAS;YAAC;YAAS;YAAa;SAAa;QAC7CC,UAAU;QACVC,SAAS;QACTC,cAAc;QACdC,OAAO;YACL,OACE;QACJ;IACF;IACA;QACEN,QAAQ;QACRC,UAAU;YAAC;YAAO;YAAO;YAAO;SAAM;QACtCC,SAAS;YAAC;YAAS;YAAa;SAAa;QAC7CC,UAAU;QACVC,SAAS;QACTC,cAAc;QACdC,OAAO;YACL,OACE;QACJ;IACF;IACA;QACEN,QAAQ;QACRC,UAAU;YAAC;SAAM;QACjBC,SAAS;YAAC;YAAS;YAAa;YAAY;YAAgB;SAAa;QACzEC,UAAU;QACVC,SAAS;QACTC,cAAc;QACdC,OAAO;YACL,OAAO;QACT;IACF;IACA;QACEN,QAAQ;QACRC,UAAU;YAAC;SAAM;QACjBC,SAAS;YAAC;YAAS;SAAY;QAC/BC,UAAU;QACVC,SAAS;QACTC,cAAc;QACdC,OAAO;YACL,OAAO;QACT;IACF;IACA;QACEN,QAAQ;QACRC,UAAU;YAAC;SAAM;QACjBC,SAAS;YAAC;YAAS;SAAY;QAC/BC,UAAU;QACVC,SAAS;QACTC,cAAc;QACdC,OAAO;YACL,OAAO;QACT;IACF;CACD;AAED;;CAEC,GACD,SAASC,YACPC,KAAmB,EACnBC,MAAc,EACdN,QAAsB,EACtBO,MAAsB;IAEtB,IAAIC,WAAWH;IAEf,mBAAmB;IACnB,IAAIC,QAAQ;QACV,MAAMG,cAAcH,OAAOI,WAAW;QACtCF,WAAWA,SAASG,MAAM,CAAC,CAACC,OAASA,KAAKf,MAAM,CAACa,WAAW,GAAGG,QAAQ,CAACJ;IAC1E;IAEA,qBAAqB;IACrB,IAAIT,aAAa,OAAO;QACtBQ,WAAWA,SAASG,MAAM,CAAC,CAACC,OAASA,KAAKZ,QAAQ,KAAKA;IACzD;IAEA,mBAAmB;IACnB,IAAIO,WAAW,OAAO;QACpBC,WAAWA,SAASG,MAAM,CAAC,CAACC,OAASA,KAAKb,OAAO,CAACc,QAAQ,CAACN;IAC7D;IAEA,OAAOC;AACT;AAEA;;;;;;;;;CASC,GACD,OAAO,eAAeM,IAAIC,OAAoB;IAC5C,IAAI;QACF,MAAM,EAAEC,YAAY,EAAE,GAAG,IAAIC,IAAIF,QAAQG,GAAG;QAC5C,MAAMZ,SAASU,aAAaG,GAAG,CAAC,aAAa;QAC7C,MAAMnB,WAAYgB,aAAaG,GAAG,CAAC,eAAe;QAClD,MAAMZ,SAAUS,aAAaG,GAAG,CAAC,aAAa;QAC9C,MAAMC,QAAQC,KAAKC,GAAG,CAACC,OAAOC,QAAQ,CAACR,aAAaG,GAAG,CAAC,YAAY,QAAQ;QAC5E,MAAMM,SAASF,OAAOC,QAAQ,CAACR,aAAaG,GAAG,CAAC,aAAa;QAE7D,qBAAqB;QACrB,MAAMO,WAAW,GAAGpB,OAAO,CAAC,EAAEN,SAAS,CAAC,EAAEO,QAAQ;QAElD,cAAc;QACd,MAAMoB,SAASlC,MAAM0B,GAAG,CAACO;QACzB,IAAIC,UAAUC,KAAKC,GAAG,KAAKF,OAAOG,SAAS,GAAGnC,gBAAgB;YAC5D,MAAMU,QAAQsB,OAAOI,IAAI,CAAC1B,KAAK,CAAC2B,KAAK,CAACP,QAAQA,SAASL;YACvD,OAAO5B,aAAayC,IAAI,CAAC;gBACvB5B;gBACA6B,OAAOP,OAAOI,IAAI,CAACG,KAAK;YAC1B;QACF;QAEA,4CAA4C;QAC5C,MAAMC,SAASC,QAAQC,GAAG,CAACC,oBAAoB;QAE/C,IAAIC,WAAyB,EAAE;QAE/B,IAAIJ,QAAQ;YACV,IAAI;gBACF,8BAA8B;gBAC9B,MAAMK,WAAW,MAAMC,MACrB,CAAC,oDAAoD,EAAEN,OAAO,gBAAgB,CAAC,EAC/E;oBACEO,MAAM;wBAAEC,YAAY;oBAAM;gBAC5B;gBAGF,IAAI,CAACH,SAASI,EAAE,EAAE;oBAChB,MAAM,IAAIC,MAAM,CAAC,wBAAwB,EAAEL,SAASM,UAAU,EAAE;gBAClE;gBAEA,MAAMf,OAAO,MAAMS,SAASP,IAAI;gBAChCM,WAAWR,KAAKgB,KAAK,IAAI,EAAE;YAC7B,EAAE,OAAOC,OAAO;gBACdC,QAAQD,KAAK,CAAC,2BAA2BA;gBACzC,8BAA8B;gBAC9BT,WAAW3C;YACb;QACF,OAAO;YACL,iCAAiC;YACjCqD,QAAQC,IAAI,CAAC;YACbX,WAAW3C;QACb;QAEA,eAAe;QACf,MAAMuD,gBAAgB/C,YAAYmC,UAAUjC,QAAQN,UAAUO;QAE9D,iCAAiC;QACjCd,MAAM2D,GAAG,CAAC1B,UAAU;YAClBK,MAAM;gBACJ1B,OAAO8C;gBACPjB,OAAOiB,cAAcE,MAAM;YAC7B;YACAvB,WAAWF,KAAKC,GAAG;QACrB;QAEA,0BAA0B;QAC1B,MAAMxB,QAAQ8C,cAAcnB,KAAK,CAACP,QAAQA,SAASL;QAEnD,OAAO5B,aAAayC,IAAI,CAAC;YACvB5B;YACA6B,OAAOiB,cAAcE,MAAM;QAC7B;IACF,EAAE,OAAOL,OAAO;QACdC,QAAQD,KAAK,CAAC,+BAA+BA;QAC7C,OAAOxD,aAAayC,IAAI,CACtB;YACEe,OAAO;YACP3C,OAAOT,eAAeoC,KAAK,CAAC,GAAG;YAC/BE,OAAOtC,eAAeyD,MAAM;QAC9B,GACA;YAAEC,QAAQ;QAAI;IAElB;AACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"ThemePreviewField.d.ts","sourceRoot":"","sources":["../../src/fields/ThemePreviewField.tsx"],"names":[],"mappings":"AAEA,OAAO,yBAAyB,CAAA;AAEhC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AA2PrD,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,+BAmZtE"}
+{"version":3,"file":"ThemePreviewField.d.ts","sourceRoot":"","sources":["../../src/fields/ThemePreviewField.tsx"],"names":[],"mappings":"AAEA,OAAO,yBAAyB,CAAA;AAEhC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AA2PrD,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,+BAyZtE"}

package/dist/fields/ThemePreviewField.js

@@ -239,8 +239,12 @@ function ModePreview({ icon, title, colors, typography, radius }) {
 }
 export default function ThemePreviewField(props) {
     const { field, path } = props;
-    // If the plugin provided theme presets via admin config, prefer those; otherwise fallback to allThemePresets
-    const baseThemePresets = field?.admin?.themePresets ?? allThemePresets;
+    // If the plugin provided theme presets via admin config, prefer those;
+    // support both `field.admin.themePresets` (legacy) and `field.admin.custom.themePresets`
+    // otherwise fallback to `allThemePresets`.
+    // Prefer presets passed via `admin.custom.themePresets` (set by the field factory / plugin).
+    // Fall back to legacy `admin.themePresets` for backwards compatibility, then to `allThemePresets`.
+    const baseThemePresets = field?.admin?.custom?.themePresets ?? field?.admin?.themePresets ?? allThemePresets;
     const runtimeThemePresets = useMemo(()=>{
         return baseThemePresets.reduce((acc, preset)=>{
             acc[preset.name] = {

package/dist/fields/ThemePreviewField.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/fields/ThemePreviewField.tsx"],"sourcesContent":["'use client'\n\nimport './ThemePreviewField.css'\nimport { useField, useForm, useFormFields } from '@payloadcms/ui'\nimport type { SelectFieldClientProps } from 'payload'\nimport { useCallback, useEffect, useMemo, useRef } from 'react'\nimport type {\n  ResolvedTypographyPreview,\n  TypographySelection,\n} from '../components/typographyPreviewUtils.js'\nimport { resolveTypographyPreview } from '../components/typographyPreviewUtils.js'\nimport { allThemePresets } from '../index.js'\nimport type { ThemePreset, ThemeTypographyPreset } from '../presets.js'\nimport { borderRadiusPresets } from '../providers/Theme/themeConfig.js'\nimport { darkModeDefaults, lightModeDefaults } from './colorModeFields.js'\n\ninterface ColorModeColors {\n  background?: string\n  foreground?: string\n  card?: string\n  cardForeground?: string\n  popover?: string\n  popoverForeground?: string\n  primary?: string\n  primaryForeground?: string\n  secondary?: string\n  secondaryForeground?: string\n  muted?: string\n  mutedForeground?: string\n  accent?: string\n  accentForeground?: string\n  destructive?: string\n  destructiveForeground?: string\n  border?: string\n  input?: string\n  ring?: string\n}\n\ninterface ThemePresetDefinition {\n  label: string\n  lightMode: ColorModeColors\n  darkMode: ColorModeColors\n  typography?: ThemeTypographyPreset\n  borderRadius: 'none' | 'small' | 'medium' | 'large' | 'xl'\n}\n\n// FALLBACK_THEME and runtime theme presets are computed inside the component\n\nconst colorKeys = Object.keys(lightModeDefaults) as (keyof ColorModeColors)[]\n\nconst highlightSwatches: Array<{ key: keyof ColorModeColors; label: string }> = [\n  { key: 'primary', label: 'Primary' },\n  { key: 'secondary', label: 'Secondary' },\n  { key: 'accent', label: 'Accent' },\n  { key: 'background', label: 'Background' },\n  { key: 'foreground', label: 'Foreground' },\n]\n\ninterface ModePreviewProps {\n  icon: string\n  title: string\n  colors: ColorModeColors\n  typography: ResolvedTypographyPreview\n  radius: {\n    card: string\n    chip: string\n    pill: string\n  }\n}\n\nfunction ModePreview({ icon, title, colors, typography, radius }: Readonly<ModePreviewProps>) {\n  const background = colors.background ?? '#ffffff'\n  const foreground = colors.foreground ?? '#0a0a0a'\n  const borderColor = colors.border ?? 'rgba(148, 163, 184, 0.35)'\n  const cardBackground = colors.card ?? background\n  const cardForeground = colors.cardForeground ?? foreground\n  const primary = colors.primary ?? foreground\n  const primaryForeground = colors.primaryForeground ?? background\n  const secondary = colors.secondary ?? '#f4f4f5'\n  const secondaryForeground = colors.secondaryForeground ?? foreground\n  const muted = colors.muted ?? secondary\n  const mutedForeground = colors.mutedForeground ?? secondaryForeground\n  const accent = colors.accent ?? secondary\n  const accentForeground = colors.accentForeground ?? secondaryForeground\n  const headingFont = typography.headingFont\n  const bodyFont = typography.bodyFont\n  const baseFontSize = typography.baseFontSize\n  const lineHeight = typography.lineHeight\n\n  return (\n    <div\n      style={{\n        display: 'grid',\n        gap: '16px',\n        padding: '18px',\n        borderRadius: '12px',\n        backgroundColor: background,\n        color: foreground,\n        border: `1px solid ${borderColor}`,\n        boxShadow: '0 8px 20px rgba(15, 23, 42, 0.08)',\n        fontFamily: bodyFont,\n      }}\n    >\n      <div\n        style={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'space-between',\n          fontSize: '12px',\n          fontWeight: 600,\n          letterSpacing: '0.08em',\n          textTransform: 'uppercase',\n          opacity: 0.7,\n        }}\n      >\n        <span>\n          {icon} {title}\n        </span>\n        <span style={{ fontFamily: 'monospace', fontSize: '11px' }}>\n          {background.toUpperCase()}\n        </span>\n      </div>\n\n      <div\n        style={{\n          backgroundColor: cardBackground,\n          color: cardForeground,\n          borderRadius: radius.card,\n          border: `1px solid ${borderColor}`,\n          padding: '16px',\n          display: 'flex',\n          gap: '12px',\n          flexWrap: 'wrap',\n        }}\n      >\n        <button\n          type=\"button\"\n          style={{\n            padding: '10px 18px',\n            borderRadius: radius.pill,\n            border: 'none',\n            cursor: 'pointer',\n            fontSize: '12px',\n            fontWeight: 600,\n            letterSpacing: '0.02em',\n            backgroundColor: primary,\n            color: primaryForeground,\n            boxShadow: '0 6px 14px rgba(15, 23, 42, 0.15)',\n          }}\n        >\n          Primary Action\n        </button>\n        <button\n          type=\"button\"\n          style={{\n            padding: '10px 18px',\n            borderRadius: radius.chip,\n            border: '1px solid transparent',\n            cursor: 'pointer',\n            fontSize: '12px',\n            fontWeight: 600,\n            letterSpacing: '0.02em',\n            backgroundColor: secondary,\n            color: secondaryForeground,\n            boxShadow: 'inset 0 0 0 1px rgba(15, 23, 42, 0.08)',\n          }}\n        >\n          Secondary\n        </button>\n      </div>\n\n      <div\n        style={{\n          display: 'grid',\n          gridTemplateColumns: 'repeat(auto-fit, minmax(120px, 1fr))',\n          gap: '10px',\n        }}\n      >\n        <div\n          style={{\n            borderRadius: radius.chip,\n            padding: '10px 12px',\n            fontSize: '12px',\n            fontWeight: 500,\n            backgroundColor: muted,\n            color: mutedForeground,\n          }}\n        >\n          Muted Card\n        </div>\n        <div\n          style={{\n            borderRadius: radius.chip,\n            padding: '10px 12px',\n            fontSize: '12px',\n            fontWeight: 500,\n            backgroundColor: accent,\n            color: accentForeground,\n          }}\n        >\n          Accent Tag\n        </div>\n      </div>\n\n      <div\n        style={{\n          display: 'grid',\n          gap: '8px',\n          borderRadius: '10px',\n          border: `1px dashed ${borderColor}`,\n          padding: '14px',\n          backgroundColor: 'rgba(148, 163, 184, 0.08)',\n        }}\n      >\n        <div\n          style={{\n            fontFamily: headingFont,\n            fontSize: 'clamp(24px, 3vw, 32px)',\n            fontWeight: 600,\n            lineHeight: 1.2,\n          }}\n        >\n          Nadpis / Heading preview\n        </div>\n        <p\n          style={{\n            margin: 0,\n            fontFamily: bodyFont,\n            fontSize: baseFontSize,\n            lineHeight,\n            color: foreground,\n            opacity: 0.85,\n          }}\n        >\n          Sphinx of black quartz, judge my vow. Příliš žluťoučký kůň úpěl ďábelské ódy.\n        </p>\n        <div\n          style={{\n            display: 'flex',\n            flexWrap: 'wrap',\n            gap: '10px',\n            fontSize: '11px',\n            color: 'rgba(15, 23, 42, 0.7)',\n          }}\n        >\n          <span>Body: {typography.bodyLabel}</span>\n          <span>Heading: {typography.headingLabel}</span>\n          <span>Base size: {baseFontSize}</span>\n          <span>Line height: {lineHeight}</span>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default function ThemePreviewField(props: SelectFieldClientProps) {\n  const { field, path } = props\n  // If the plugin provided theme presets via admin config, prefer those; otherwise fallback to allThemePresets\n  const baseThemePresets =\n    (field?.admin as unknown as { themePresets?: ThemePreset[] })?.themePresets ?? allThemePresets\n  const runtimeThemePresets = useMemo(() => {\n    return (baseThemePresets as ThemePreset[]).reduce<Record<string, ThemePresetDefinition>>(\n      (acc, preset) => {\n        acc[preset.name] = {\n          label: preset.label,\n          lightMode: { ...lightModeDefaults, ...(preset.lightMode ?? {}) },\n          darkMode: { ...darkModeDefaults, ...(preset.darkMode ?? {}) },\n          typography: preset.typography,\n          borderRadius: preset.borderRadius,\n        }\n        return acc\n      },\n      {},\n    )\n  }, [baseThemePresets])\n  const fallbackTheme = baseThemePresets[0]?.name ?? 'cool'\n  const { value: selectedTheme, setValue } = useField<string>({ path })\n  const { dispatchFields } = useForm()\n  const formFields = useFormFields(([formState]) => formState)\n  const hasAppliedInitialPresetRef = useRef(false)\n\n  const applyPreset = useCallback(\n    (presetName: string) => {\n      const preset = runtimeThemePresets[presetName]\n      if (!preset) {\n        return\n      }\n\n      colorKeys.forEach((key) => {\n        const lightValue = preset.lightMode[key]\n        const darkValue = preset.darkMode[key]\n\n        if (lightValue) {\n          dispatchFields({\n            type: 'UPDATE',\n            path: `themeConfiguration.lightMode.${key}`,\n            value: lightValue,\n          })\n        }\n\n        if (darkValue) {\n          dispatchFields({\n            type: 'UPDATE',\n            path: `themeConfiguration.darkMode.${key}`,\n            value: darkValue,\n          })\n        }\n      })\n    },\n    [dispatchFields],\n  )\n\n  const handleThemeSelect = useCallback(\n    (value: string) => {\n      setValue(value)\n\n      if (!value) {\n        return\n      }\n\n      hasAppliedInitialPresetRef.current = true\n      applyPreset(value)\n    },\n    [applyPreset, setValue],\n  )\n\n  useEffect(() => {\n    if (!selectedTheme) {\n      return\n    }\n\n    if (runtimeThemePresets[selectedTheme]) {\n      return\n    }\n\n    hasAppliedInitialPresetRef.current = false\n    setValue(fallbackTheme)\n  }, [selectedTheme, setValue])\n\n  useEffect(() => {\n    if (hasAppliedInitialPresetRef.current) {\n      return\n    }\n\n    if (!selectedTheme) {\n      return\n    }\n\n    if (!formFields) {\n      return\n    }\n\n    const preset = runtimeThemePresets[selectedTheme]\n    if (!preset) {\n      hasAppliedInitialPresetRef.current = true\n      return\n    }\n\n    const hasExistingValues = colorKeys.some((key) => {\n      const lightField = formFields[`themeConfiguration.lightMode.${key}`]\n      const darkField = formFields[`themeConfiguration.darkMode.${key}`]\n\n      const lightValue = typeof lightField?.value === 'string' && lightField.value.trim().length > 0\n      const darkValue = typeof darkField?.value === 'string' && darkField.value.trim().length > 0\n\n      return lightValue || darkValue\n    })\n\n    if (hasExistingValues) {\n      hasAppliedInitialPresetRef.current = true\n      return\n    }\n\n    applyPreset(selectedTheme)\n    hasAppliedInitialPresetRef.current = true\n  }, [selectedTheme, formFields, applyPreset])\n\n  const lightModeColors = useMemo(() => {\n    const presetLightMode = selectedTheme\n      ? runtimeThemePresets[selectedTheme]?.lightMode\n      : undefined\n\n    return colorKeys.reduce<ColorModeColors>((acc, key) => {\n      const fieldState = formFields?.[`themeConfiguration.lightMode.${key}`]\n      const rawValue =\n        typeof fieldState?.value === 'string' && fieldState.value.trim().length > 0\n          ? fieldState.value\n          : undefined\n\n      acc[key] = rawValue ?? presetLightMode?.[key] ?? lightModeDefaults[key]\n      return acc\n    }, {} as ColorModeColors)\n  }, [formFields, selectedTheme])\n\n  const darkModeColors = useMemo(() => {\n    const presetDarkMode = selectedTheme ? runtimeThemePresets[selectedTheme]?.darkMode : undefined\n\n    return colorKeys.reduce<ColorModeColors>((acc, key) => {\n      const fieldState = formFields?.[`themeConfiguration.darkMode.${key}`]\n      const rawValue =\n        typeof fieldState?.value === 'string' && fieldState.value.trim().length > 0\n          ? fieldState.value\n          : undefined\n\n      acc[key] = rawValue ?? presetDarkMode?.[key] ?? darkModeDefaults[key]\n      return acc\n    }, {} as ColorModeColors)\n  }, [formFields, selectedTheme])\n\n  const activePreset = selectedTheme ? runtimeThemePresets[selectedTheme] : undefined\n  const formTypographySelection = useMemo<TypographySelection | null>(() => {\n    if (!formFields) {\n      return null\n    }\n\n    const getValue = (key: string) => formFields[`themeConfiguration.typography.${key}`]?.value\n\n    return {\n      bodyFont: (getValue('bodyFont') as string | undefined) ?? undefined,\n      headingFont: (getValue('headingFont') as string | undefined) ?? undefined,\n      bodyFontCustom: (getValue('bodyFontCustom') as string | undefined) ?? undefined,\n      headingFontCustom: (getValue('headingFontCustom') as string | undefined) ?? undefined,\n      baseFontSize: (getValue('baseFontSize') as string | undefined) ?? undefined,\n      lineHeight: (getValue('lineHeight') as string | undefined) ?? undefined,\n    }\n  }, [formFields])\n\n  const previewTypography = useMemo<ResolvedTypographyPreview>(() => {\n    return resolveTypographyPreview(formTypographySelection, selectedTheme)\n  }, [formTypographySelection, selectedTheme])\n\n  const borderRadiusValue = formFields?.['themeConfiguration.borderRadius']?.value\n  const presetRadius = activePreset?.borderRadius ?? 'medium'\n  const resolvedBorderRadius = (\n    typeof borderRadiusValue === 'string' && borderRadiusValue.length\n      ? borderRadiusValue\n      : presetRadius\n  ) as keyof typeof borderRadiusPresets\n  const borderRadiusPreset = borderRadiusPresets[resolvedBorderRadius] ?? borderRadiusPresets.medium\n  const borderRadiusCSS =\n    typeof borderRadiusPreset.css === 'string'\n      ? { '--radius-default': borderRadiusPreset.css }\n      : (borderRadiusPreset.css as Record<string, string>)\n  const previewRadius = {\n    card: borderRadiusCSS['--radius-large'] ?? '1rem',\n    chip: borderRadiusCSS['--radius-default'] ?? '0.75rem',\n    pill: borderRadiusCSS['--radius-xl'] ?? borderRadiusCSS['--radius-large'] ?? '999px',\n  }\n\n  const fieldLabel =\n    typeof field.label === 'string' ? field.label : field.label?.en || field.label?.cs || 'Theme'\n\n  return (\n    <div style={{ marginBottom: '24px' }}>\n      <label\n        style={{\n          display: 'block',\n          marginBottom: '10px',\n          fontSize: '13px',\n          fontWeight: 600,\n          color: 'var(--theme-elevation-800)',\n        }}\n      >\n        {fieldLabel}\n      </label>\n\n      <div\n        style={{\n          display: 'flex',\n          flexWrap: 'wrap',\n          gap: '24px',\n          alignItems: 'flex-start',\n        }}\n      >\n        <div\n          style={{\n            flex: '0 0 320px',\n            minWidth: '260px',\n            maxWidth: '420px',\n            display: 'grid',\n            gap: '12px',\n          }}\n        >\n          <div className=\"theme-preset-list\">\n            {Object.entries(runtimeThemePresets).map(([key, preset]) => {\n              const isSelected = key === selectedTheme\n              const swatches = highlightSwatches\n                .map(({ key: colorKey }) => preset.lightMode[colorKey])\n                .filter((color): color is string => Boolean(color))\n\n              return (\n                <button\n                  key={key}\n                  type=\"button\"\n                  onClick={() => handleThemeSelect(key)}\n                  className={`theme-preset-button ${isSelected ? 'selected' : ''}`}\n                >\n                  <div className=\"theme-info\">\n                    <span className=\"theme-label\">{preset.label}</span>\n                    <span className=\"theme-name\">{key}</span>\n                  </div>\n                  <div className=\"theme-swatches\" aria-hidden=\"true\">\n                    {swatches.map((color, index) => (\n                      <span\n                        key={`${key}-swatch-${color}-${index}`}\n                        className=\"color-swatch\"\n                        style={{ backgroundColor: color }}\n                      />\n                    ))}\n                  </div>\n                </button>\n              )\n            })}\n          </div>\n\n          {activePreset && (\n            <div\n              style={{\n                padding: '12px',\n                borderRadius: '10px',\n                border: '1px solid var(--theme-elevation-200)',\n                backgroundColor: 'var(--theme-elevation-50)',\n                display: 'grid',\n                gap: '8px',\n                fontSize: '12px',\n                color: 'var(--theme-elevation-600)',\n              }}\n            >\n              <div style={{ fontWeight: 600, color: 'var(--theme-elevation-800)' }}>\n                {activePreset.label}\n              </div>\n              <div>Primary color: {activePreset.lightMode.primary}</div>\n              <div>Accent color: {activePreset.lightMode.accent}</div>\n              <div\n                style={{\n                  display: 'flex',\n                  flexWrap: 'wrap',\n                  gap: '12px',\n                  marginTop: '4px',\n                }}\n              >\n                {highlightSwatches.map(({ key, label }) => {\n                  const swatchValue = activePreset.lightMode[key]\n\n                  if (!swatchValue) {\n                    return null\n                  }\n\n                  return (\n                    <div\n                      key={key}\n                      style={{\n                        display: 'flex',\n                        alignItems: 'center',\n                        gap: '6px',\n                        minWidth: 'fit-content',\n                      }}\n                    >\n                      <span\n                        style={{\n                          width: '22px',\n                          height: '22px',\n                          borderRadius: '999px',\n                          border: '1px solid rgba(15, 23, 42, 0.12)',\n                          backgroundColor: swatchValue,\n                          boxShadow: 'inset 0 1px 2px rgba(15, 23, 42, 0.08)',\n                        }}\n                        aria-hidden=\"true\"\n                      />\n                      <span style={{ fontSize: '11px', color: 'var(--theme-elevation-700)' }}>\n                        {label}\n                      </span>\n                    </div>\n                  )\n                })}\n              </div>\n            </div>\n          )}\n\n          {field.admin?.description && (\n            <div\n              style={{\n                fontSize: '12px',\n                color: 'var(--theme-elevation-600)',\n                lineHeight: 1.5,\n              }}\n            >\n              {typeof field.admin.description === 'string'\n                ? field.admin.description\n                : field.admin.description?.en || field.admin.description?.cs || ''}\n            </div>\n          )}\n        </div>\n\n        <div\n          style={{\n            flex: '1 1 420px',\n            minWidth: '320px',\n            position: 'sticky',\n            top: '96px',\n            alignSelf: 'flex-start',\n          }}\n        >\n          <div\n            style={{\n              width: '100%',\n              borderRadius: '16px',\n              border: '1px solid var(--theme-elevation-200)',\n              backgroundColor: 'var(--theme-elevation-25)',\n              padding: '20px',\n              display: 'grid',\n              gap: '18px',\n              maxHeight: 'calc(100vh - 140px)',\n              overflowY: 'auto',\n            }}\n          >\n            <div\n              style={{\n                display: 'flex',\n                alignItems: 'center',\n                justifyContent: 'space-between',\n                fontWeight: 600,\n                fontSize: '13px',\n                color: 'var(--theme-elevation-800)',\n              }}\n            >\n              <span>🎨 Live Preview</span>\n              <span style={{ fontSize: '12px', color: 'var(--theme-elevation-600)' }}>\n                {activePreset ? activePreset.label : 'Custom palette'}\n              </span>\n            </div>\n\n            <div\n              style={{\n                display: 'grid',\n                gap: '16px',\n              }}\n            >\n              <ModePreview\n                icon=\"☀️\"\n                title=\"Light Mode\"\n                colors={lightModeColors}\n                typography={previewTypography}\n                radius={previewRadius}\n              />\n              <ModePreview\n                icon=\"🌙\"\n                title=\"Dark Mode\"\n                colors={darkModeColors}\n                typography={previewTypography}\n                radius={previewRadius}\n              />\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"names":["useField","useForm","useFormFields","useCallback","useEffect","useMemo","useRef","resolveTypographyPreview","allThemePresets","borderRadiusPresets","darkModeDefaults","lightModeDefaults","colorKeys","Object","keys","highlightSwatches","key","label","ModePreview","icon","title","colors","typography","radius","background","foreground","borderColor","border","cardBackground","card","cardForeground","primary","primaryForeground","secondary","secondaryForeground","muted","mutedForeground","accent","accentForeground","headingFont","bodyFont","baseFontSize","lineHeight","div","style","display","gap","padding","borderRadius","backgroundColor","color","boxShadow","fontFamily","alignItems","justifyContent","fontSize","fontWeight","letterSpacing","textTransform","opacity","span","toUpperCase","flexWrap","button","type","pill","cursor","chip","gridTemplateColumns","p","margin","bodyLabel","headingLabel","ThemePreviewField","props","field","path","baseThemePresets","admin","themePresets","runtimeThemePresets","reduce","acc","preset","name","lightMode","darkMode","fallbackTheme","value","selectedTheme","setValue","dispatchFields","formFields","formState","hasAppliedInitialPresetRef","applyPreset","presetName","forEach","lightValue","darkValue","handleThemeSelect","current","hasExistingValues","some","lightField","darkField","trim","length","lightModeColors","presetLightMode","undefined","fieldState","rawValue","darkModeColors","presetDarkMode","activePreset","formTypographySelection","getValue","bodyFontCustom","headingFontCustom","previewTypography","borderRadiusValue","presetRadius","resolvedBorderRadius","borderRadiusPreset","medium","borderRadiusCSS","css","previewRadius","fieldLabel","en","cs","marginBottom","flex","minWidth","maxWidth","className","entries","map","isSelected","swatches","colorKey","filter","Boolean","onClick","aria-hidden","index","marginTop","swatchValue","width","height","description","position","top","alignSelf","maxHeight","overflowY"],"mappings":"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"}
+{"version":3,"sources":["../../src/fields/ThemePreviewField.tsx"],"sourcesContent":["'use client'\n\nimport './ThemePreviewField.css'\nimport { useField, useForm, useFormFields } from '@payloadcms/ui'\nimport type { SelectFieldClientProps } from 'payload'\nimport { useCallback, useEffect, useMemo, useRef } from 'react'\nimport type {\n  ResolvedTypographyPreview,\n  TypographySelection,\n} from '../components/typographyPreviewUtils.js'\nimport { resolveTypographyPreview } from '../components/typographyPreviewUtils.js'\nimport { allThemePresets } from '../index.js'\nimport type { ThemePreset, ThemeTypographyPreset } from '../presets.js'\nimport { borderRadiusPresets } from '../providers/Theme/themeConfig.js'\nimport { darkModeDefaults, lightModeDefaults } from './colorModeFields.js'\n\ninterface ColorModeColors {\n  background?: string\n  foreground?: string\n  card?: string\n  cardForeground?: string\n  popover?: string\n  popoverForeground?: string\n  primary?: string\n  primaryForeground?: string\n  secondary?: string\n  secondaryForeground?: string\n  muted?: string\n  mutedForeground?: string\n  accent?: string\n  accentForeground?: string\n  destructive?: string\n  destructiveForeground?: string\n  border?: string\n  input?: string\n  ring?: string\n}\n\ninterface ThemePresetDefinition {\n  label: string\n  lightMode: ColorModeColors\n  darkMode: ColorModeColors\n  typography?: ThemeTypographyPreset\n  borderRadius: 'none' | 'small' | 'medium' | 'large' | 'xl'\n}\n\n// FALLBACK_THEME and runtime theme presets are computed inside the component\n\nconst colorKeys = Object.keys(lightModeDefaults) as (keyof ColorModeColors)[]\n\nconst highlightSwatches: Array<{ key: keyof ColorModeColors; label: string }> = [\n  { key: 'primary', label: 'Primary' },\n  { key: 'secondary', label: 'Secondary' },\n  { key: 'accent', label: 'Accent' },\n  { key: 'background', label: 'Background' },\n  { key: 'foreground', label: 'Foreground' },\n]\n\ninterface ModePreviewProps {\n  icon: string\n  title: string\n  colors: ColorModeColors\n  typography: ResolvedTypographyPreview\n  radius: {\n    card: string\n    chip: string\n    pill: string\n  }\n}\n\nfunction ModePreview({ icon, title, colors, typography, radius }: Readonly<ModePreviewProps>) {\n  const background = colors.background ?? '#ffffff'\n  const foreground = colors.foreground ?? '#0a0a0a'\n  const borderColor = colors.border ?? 'rgba(148, 163, 184, 0.35)'\n  const cardBackground = colors.card ?? background\n  const cardForeground = colors.cardForeground ?? foreground\n  const primary = colors.primary ?? foreground\n  const primaryForeground = colors.primaryForeground ?? background\n  const secondary = colors.secondary ?? '#f4f4f5'\n  const secondaryForeground = colors.secondaryForeground ?? foreground\n  const muted = colors.muted ?? secondary\n  const mutedForeground = colors.mutedForeground ?? secondaryForeground\n  const accent = colors.accent ?? secondary\n  const accentForeground = colors.accentForeground ?? secondaryForeground\n  const headingFont = typography.headingFont\n  const bodyFont = typography.bodyFont\n  const baseFontSize = typography.baseFontSize\n  const lineHeight = typography.lineHeight\n\n  return (\n    <div\n      style={{\n        display: 'grid',\n        gap: '16px',\n        padding: '18px',\n        borderRadius: '12px',\n        backgroundColor: background,\n        color: foreground,\n        border: `1px solid ${borderColor}`,\n        boxShadow: '0 8px 20px rgba(15, 23, 42, 0.08)',\n        fontFamily: bodyFont,\n      }}\n    >\n      <div\n        style={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'space-between',\n          fontSize: '12px',\n          fontWeight: 600,\n          letterSpacing: '0.08em',\n          textTransform: 'uppercase',\n          opacity: 0.7,\n        }}\n      >\n        <span>\n          {icon} {title}\n        </span>\n        <span style={{ fontFamily: 'monospace', fontSize: '11px' }}>\n          {background.toUpperCase()}\n        </span>\n      </div>\n\n      <div\n        style={{\n          backgroundColor: cardBackground,\n          color: cardForeground,\n          borderRadius: radius.card,\n          border: `1px solid ${borderColor}`,\n          padding: '16px',\n          display: 'flex',\n          gap: '12px',\n          flexWrap: 'wrap',\n        }}\n      >\n        <button\n          type=\"button\"\n          style={{\n            padding: '10px 18px',\n            borderRadius: radius.pill,\n            border: 'none',\n            cursor: 'pointer',\n            fontSize: '12px',\n            fontWeight: 600,\n            letterSpacing: '0.02em',\n            backgroundColor: primary,\n            color: primaryForeground,\n            boxShadow: '0 6px 14px rgba(15, 23, 42, 0.15)',\n          }}\n        >\n          Primary Action\n        </button>\n        <button\n          type=\"button\"\n          style={{\n            padding: '10px 18px',\n            borderRadius: radius.chip,\n            border: '1px solid transparent',\n            cursor: 'pointer',\n            fontSize: '12px',\n            fontWeight: 600,\n            letterSpacing: '0.02em',\n            backgroundColor: secondary,\n            color: secondaryForeground,\n            boxShadow: 'inset 0 0 0 1px rgba(15, 23, 42, 0.08)',\n          }}\n        >\n          Secondary\n        </button>\n      </div>\n\n      <div\n        style={{\n          display: 'grid',\n          gridTemplateColumns: 'repeat(auto-fit, minmax(120px, 1fr))',\n          gap: '10px',\n        }}\n      >\n        <div\n          style={{\n            borderRadius: radius.chip,\n            padding: '10px 12px',\n            fontSize: '12px',\n            fontWeight: 500,\n            backgroundColor: muted,\n            color: mutedForeground,\n          }}\n        >\n          Muted Card\n        </div>\n        <div\n          style={{\n            borderRadius: radius.chip,\n            padding: '10px 12px',\n            fontSize: '12px',\n            fontWeight: 500,\n            backgroundColor: accent,\n            color: accentForeground,\n          }}\n        >\n          Accent Tag\n        </div>\n      </div>\n\n      <div\n        style={{\n          display: 'grid',\n          gap: '8px',\n          borderRadius: '10px',\n          border: `1px dashed ${borderColor}`,\n          padding: '14px',\n          backgroundColor: 'rgba(148, 163, 184, 0.08)',\n        }}\n      >\n        <div\n          style={{\n            fontFamily: headingFont,\n            fontSize: 'clamp(24px, 3vw, 32px)',\n            fontWeight: 600,\n            lineHeight: 1.2,\n          }}\n        >\n          Nadpis / Heading preview\n        </div>\n        <p\n          style={{\n            margin: 0,\n            fontFamily: bodyFont,\n            fontSize: baseFontSize,\n            lineHeight,\n            color: foreground,\n            opacity: 0.85,\n          }}\n        >\n          Sphinx of black quartz, judge my vow. Příliš žluťoučký kůň úpěl ďábelské ódy.\n        </p>\n        <div\n          style={{\n            display: 'flex',\n            flexWrap: 'wrap',\n            gap: '10px',\n            fontSize: '11px',\n            color: 'rgba(15, 23, 42, 0.7)',\n          }}\n        >\n          <span>Body: {typography.bodyLabel}</span>\n          <span>Heading: {typography.headingLabel}</span>\n          <span>Base size: {baseFontSize}</span>\n          <span>Line height: {lineHeight}</span>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default function ThemePreviewField(props: SelectFieldClientProps) {\n  const { field, path } = props\n  // If the plugin provided theme presets via admin config, prefer those;\n  // support both `field.admin.themePresets` (legacy) and `field.admin.custom.themePresets`\n  // otherwise fallback to `allThemePresets`.\n  // Prefer presets passed via `admin.custom.themePresets` (set by the field factory / plugin).\n  // Fall back to legacy `admin.themePresets` for backwards compatibility, then to `allThemePresets`.\n  const baseThemePresets =\n    (field?.admin?.custom as unknown as { themePresets?: ThemePreset[] })?.themePresets ??\n    (field?.admin as any)?.themePresets ??\n    allThemePresets\n  const runtimeThemePresets = useMemo(() => {\n    return (baseThemePresets as ThemePreset[]).reduce<Record<string, ThemePresetDefinition>>(\n      (acc, preset) => {\n        acc[preset.name] = {\n          label: preset.label,\n          lightMode: { ...lightModeDefaults, ...(preset.lightMode ?? {}) },\n          darkMode: { ...darkModeDefaults, ...(preset.darkMode ?? {}) },\n          typography: preset.typography,\n          borderRadius: preset.borderRadius,\n        }\n        return acc\n      },\n      {},\n    )\n  }, [baseThemePresets])\n  const fallbackTheme = baseThemePresets[0]?.name ?? 'cool'\n  const { value: selectedTheme, setValue } = useField<string>({ path })\n  const { dispatchFields } = useForm()\n  const formFields = useFormFields(([formState]) => formState)\n  const hasAppliedInitialPresetRef = useRef(false)\n\n  const applyPreset = useCallback(\n    (presetName: string) => {\n      const preset = runtimeThemePresets[presetName]\n      if (!preset) {\n        return\n      }\n\n      colorKeys.forEach((key) => {\n        const lightValue = preset.lightMode[key]\n        const darkValue = preset.darkMode[key]\n\n        if (lightValue) {\n          dispatchFields({\n            type: 'UPDATE',\n            path: `themeConfiguration.lightMode.${key}`,\n            value: lightValue,\n          })\n        }\n\n        if (darkValue) {\n          dispatchFields({\n            type: 'UPDATE',\n            path: `themeConfiguration.darkMode.${key}`,\n            value: darkValue,\n          })\n        }\n      })\n    },\n    [dispatchFields],\n  )\n\n  const handleThemeSelect = useCallback(\n    (value: string) => {\n      setValue(value)\n\n      if (!value) {\n        return\n      }\n\n      hasAppliedInitialPresetRef.current = true\n      applyPreset(value)\n    },\n    [applyPreset, setValue],\n  )\n\n  useEffect(() => {\n    if (!selectedTheme) {\n      return\n    }\n\n    if (runtimeThemePresets[selectedTheme]) {\n      return\n    }\n\n    hasAppliedInitialPresetRef.current = false\n    setValue(fallbackTheme)\n  }, [selectedTheme, setValue])\n\n  useEffect(() => {\n    if (hasAppliedInitialPresetRef.current) {\n      return\n    }\n\n    if (!selectedTheme) {\n      return\n    }\n\n    if (!formFields) {\n      return\n    }\n\n    const preset = runtimeThemePresets[selectedTheme]\n    if (!preset) {\n      hasAppliedInitialPresetRef.current = true\n      return\n    }\n\n    const hasExistingValues = colorKeys.some((key) => {\n      const lightField = formFields[`themeConfiguration.lightMode.${key}`]\n      const darkField = formFields[`themeConfiguration.darkMode.${key}`]\n\n      const lightValue = typeof lightField?.value === 'string' && lightField.value.trim().length > 0\n      const darkValue = typeof darkField?.value === 'string' && darkField.value.trim().length > 0\n\n      return lightValue || darkValue\n    })\n\n    if (hasExistingValues) {\n      hasAppliedInitialPresetRef.current = true\n      return\n    }\n\n    applyPreset(selectedTheme)\n    hasAppliedInitialPresetRef.current = true\n  }, [selectedTheme, formFields, applyPreset])\n\n  const lightModeColors = useMemo(() => {\n    const presetLightMode = selectedTheme\n      ? runtimeThemePresets[selectedTheme]?.lightMode\n      : undefined\n\n    return colorKeys.reduce<ColorModeColors>((acc, key) => {\n      const fieldState = formFields?.[`themeConfiguration.lightMode.${key}`]\n      const rawValue =\n        typeof fieldState?.value === 'string' && fieldState.value.trim().length > 0\n          ? fieldState.value\n          : undefined\n\n      acc[key] = rawValue ?? presetLightMode?.[key] ?? lightModeDefaults[key]\n      return acc\n    }, {} as ColorModeColors)\n  }, [formFields, selectedTheme])\n\n  const darkModeColors = useMemo(() => {\n    const presetDarkMode = selectedTheme ? runtimeThemePresets[selectedTheme]?.darkMode : undefined\n\n    return colorKeys.reduce<ColorModeColors>((acc, key) => {\n      const fieldState = formFields?.[`themeConfiguration.darkMode.${key}`]\n      const rawValue =\n        typeof fieldState?.value === 'string' && fieldState.value.trim().length > 0\n          ? fieldState.value\n          : undefined\n\n      acc[key] = rawValue ?? presetDarkMode?.[key] ?? darkModeDefaults[key]\n      return acc\n    }, {} as ColorModeColors)\n  }, [formFields, selectedTheme])\n\n  const activePreset = selectedTheme ? runtimeThemePresets[selectedTheme] : undefined\n  const formTypographySelection = useMemo<TypographySelection | null>(() => {\n    if (!formFields) {\n      return null\n    }\n\n    const getValue = (key: string) => formFields[`themeConfiguration.typography.${key}`]?.value\n\n    return {\n      bodyFont: (getValue('bodyFont') as string | undefined) ?? undefined,\n      headingFont: (getValue('headingFont') as string | undefined) ?? undefined,\n      bodyFontCustom: (getValue('bodyFontCustom') as string | undefined) ?? undefined,\n      headingFontCustom: (getValue('headingFontCustom') as string | undefined) ?? undefined,\n      baseFontSize: (getValue('baseFontSize') as string | undefined) ?? undefined,\n      lineHeight: (getValue('lineHeight') as string | undefined) ?? undefined,\n    }\n  }, [formFields])\n\n  const previewTypography = useMemo<ResolvedTypographyPreview>(() => {\n    return resolveTypographyPreview(formTypographySelection, selectedTheme)\n  }, [formTypographySelection, selectedTheme])\n\n  const borderRadiusValue = formFields?.['themeConfiguration.borderRadius']?.value\n  const presetRadius = activePreset?.borderRadius ?? 'medium'\n  const resolvedBorderRadius = (\n    typeof borderRadiusValue === 'string' && borderRadiusValue.length\n      ? borderRadiusValue\n      : presetRadius\n  ) as keyof typeof borderRadiusPresets\n  const borderRadiusPreset = borderRadiusPresets[resolvedBorderRadius] ?? borderRadiusPresets.medium\n  const borderRadiusCSS =\n    typeof borderRadiusPreset.css === 'string'\n      ? { '--radius-default': borderRadiusPreset.css }\n      : (borderRadiusPreset.css as Record<string, string>)\n  const previewRadius = {\n    card: borderRadiusCSS['--radius-large'] ?? '1rem',\n    chip: borderRadiusCSS['--radius-default'] ?? '0.75rem',\n    pill: borderRadiusCSS['--radius-xl'] ?? borderRadiusCSS['--radius-large'] ?? '999px',\n  }\n\n  const fieldLabel =\n    typeof field.label === 'string' ? field.label : field.label?.en || field.label?.cs || 'Theme'\n\n  return (\n    <div style={{ marginBottom: '24px' }}>\n      <label\n        style={{\n          display: 'block',\n          marginBottom: '10px',\n          fontSize: '13px',\n          fontWeight: 600,\n          color: 'var(--theme-elevation-800)',\n        }}\n      >\n        {fieldLabel}\n      </label>\n\n      <div\n        style={{\n          display: 'flex',\n          flexWrap: 'wrap',\n          gap: '24px',\n          alignItems: 'flex-start',\n        }}\n      >\n        <div\n          style={{\n            flex: '0 0 320px',\n            minWidth: '260px',\n            maxWidth: '420px',\n            display: 'grid',\n            gap: '12px',\n          }}\n        >\n          <div className=\"theme-preset-list\">\n            {Object.entries(runtimeThemePresets).map(([key, preset]) => {\n              const isSelected = key === selectedTheme\n              const swatches = highlightSwatches\n                .map(({ key: colorKey }) => preset.lightMode[colorKey])\n                .filter((color): color is string => Boolean(color))\n\n              return (\n                <button\n                  key={key}\n                  type=\"button\"\n                  onClick={() => handleThemeSelect(key)}\n                  className={`theme-preset-button ${isSelected ? 'selected' : ''}`}\n                >\n                  <div className=\"theme-info\">\n                    <span className=\"theme-label\">{preset.label}</span>\n                    <span className=\"theme-name\">{key}</span>\n                  </div>\n                  <div className=\"theme-swatches\" aria-hidden=\"true\">\n                    {swatches.map((color, index) => (\n                      <span\n                        key={`${key}-swatch-${color}-${index}`}\n                        className=\"color-swatch\"\n                        style={{ backgroundColor: color }}\n                      />\n                    ))}\n                  </div>\n                </button>\n              )\n            })}\n          </div>\n\n          {activePreset && (\n            <div\n              style={{\n                padding: '12px',\n                borderRadius: '10px',\n                border: '1px solid var(--theme-elevation-200)',\n                backgroundColor: 'var(--theme-elevation-50)',\n                display: 'grid',\n                gap: '8px',\n                fontSize: '12px',\n                color: 'var(--theme-elevation-600)',\n              }}\n            >\n              <div style={{ fontWeight: 600, color: 'var(--theme-elevation-800)' }}>\n                {activePreset.label}\n              </div>\n              <div>Primary color: {activePreset.lightMode.primary}</div>\n              <div>Accent color: {activePreset.lightMode.accent}</div>\n              <div\n                style={{\n                  display: 'flex',\n                  flexWrap: 'wrap',\n                  gap: '12px',\n                  marginTop: '4px',\n                }}\n              >\n                {highlightSwatches.map(({ key, label }) => {\n                  const swatchValue = activePreset.lightMode[key]\n\n                  if (!swatchValue) {\n                    return null\n                  }\n\n                  return (\n                    <div\n                      key={key}\n                      style={{\n                        display: 'flex',\n                        alignItems: 'center',\n                        gap: '6px',\n                        minWidth: 'fit-content',\n                      }}\n                    >\n                      <span\n                        style={{\n                          width: '22px',\n                          height: '22px',\n                          borderRadius: '999px',\n                          border: '1px solid rgba(15, 23, 42, 0.12)',\n                          backgroundColor: swatchValue,\n                          boxShadow: 'inset 0 1px 2px rgba(15, 23, 42, 0.08)',\n                        }}\n                        aria-hidden=\"true\"\n                      />\n                      <span style={{ fontSize: '11px', color: 'var(--theme-elevation-700)' }}>\n                        {label}\n                      </span>\n                    </div>\n                  )\n                })}\n              </div>\n            </div>\n          )}\n\n          {field.admin?.description && (\n            <div\n              style={{\n                fontSize: '12px',\n                color: 'var(--theme-elevation-600)',\n                lineHeight: 1.5,\n              }}\n            >\n              {typeof field.admin.description === 'string'\n                ? field.admin.description\n                : field.admin.description?.en || field.admin.description?.cs || ''}\n            </div>\n          )}\n        </div>\n\n        <div\n          style={{\n            flex: '1 1 420px',\n            minWidth: '320px',\n            position: 'sticky',\n            top: '96px',\n            alignSelf: 'flex-start',\n          }}\n        >\n          <div\n            style={{\n              width: '100%',\n              borderRadius: '16px',\n              border: '1px solid var(--theme-elevation-200)',\n              backgroundColor: 'var(--theme-elevation-25)',\n              padding: '20px',\n              display: 'grid',\n              gap: '18px',\n              maxHeight: 'calc(100vh - 140px)',\n              overflowY: 'auto',\n            }}\n          >\n            <div\n              style={{\n                display: 'flex',\n                alignItems: 'center',\n                justifyContent: 'space-between',\n                fontWeight: 600,\n                fontSize: '13px',\n                color: 'var(--theme-elevation-800)',\n              }}\n            >\n              <span>🎨 Live Preview</span>\n              <span style={{ fontSize: '12px', color: 'var(--theme-elevation-600)' }}>\n                {activePreset ? activePreset.label : 'Custom palette'}\n              </span>\n            </div>\n\n            <div\n              style={{\n                display: 'grid',\n                gap: '16px',\n              }}\n            >\n              <ModePreview\n                icon=\"☀️\"\n                title=\"Light Mode\"\n                colors={lightModeColors}\n                typography={previewTypography}\n                radius={previewRadius}\n              />\n              <ModePreview\n                icon=\"🌙\"\n                title=\"Dark Mode\"\n                colors={darkModeColors}\n                typography={previewTypography}\n                radius={previewRadius}\n              />\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"names":["useField","useForm","useFormFields","useCallback","useEffect","useMemo","useRef","resolveTypographyPreview","allThemePresets","borderRadiusPresets","darkModeDefaults","lightModeDefaults","colorKeys","Object","keys","highlightSwatches","key","label","ModePreview","icon","title","colors","typography","radius","background","foreground","borderColor","border","cardBackground","card","cardForeground","primary","primaryForeground","secondary","secondaryForeground","muted","mutedForeground","accent","accentForeground","headingFont","bodyFont","baseFontSize","lineHeight","div","style","display","gap","padding","borderRadius","backgroundColor","color","boxShadow","fontFamily","alignItems","justifyContent","fontSize","fontWeight","letterSpacing","textTransform","opacity","span","toUpperCase","flexWrap","button","type","pill","cursor","chip","gridTemplateColumns","p","margin","bodyLabel","headingLabel","ThemePreviewField","props","field","path","baseThemePresets","admin","custom","themePresets","runtimeThemePresets","reduce","acc","preset","name","lightMode","darkMode","fallbackTheme","value","selectedTheme","setValue","dispatchFields","formFields","formState","hasAppliedInitialPresetRef","applyPreset","presetName","forEach","lightValue","darkValue","handleThemeSelect","current","hasExistingValues","some","lightField","darkField","trim","length","lightModeColors","presetLightMode","undefined","fieldState","rawValue","darkModeColors","presetDarkMode","activePreset","formTypographySelection","getValue","bodyFontCustom","headingFontCustom","previewTypography","borderRadiusValue","presetRadius","resolvedBorderRadius","borderRadiusPreset","medium","borderRadiusCSS","css","previewRadius","fieldLabel","en","cs","marginBottom","flex","minWidth","maxWidth","className","entries","map","isSelected","swatches","colorKey","filter","Boolean","onClick","aria-hidden","index","marginTop","swatchValue","width","height","description","position","top","alignSelf","maxHeight","overflowY"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"themeConfigurationField.d.ts","sourceRoot":"","sources":["../../src/fields/themeConfigurationField.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAS,SAAS,EAAE,MAAM,SAAS,CAAA;AAO/C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAG9C,UAAU,8BAA8B;IACtC,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,YAAY,EAAE,MAAM,CAAA;IACpB,sBAAsB,EAAE,OAAO,CAAA;IAC/B,gBAAgB,EAAE,OAAO,CAAA;IACzB,oBAAoB,EAAE,OAAO,CAAA;IAC7B,sBAAsB,CAAC,EAAE,OAAO,CAAA;CACjC;AAQD,MAAM,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAA;AAE7D;;;GAGG;AACH,wBAAgB,6BAA6B,CAAC,OAAO,EAAE,8BAA8B,GAAG,QAAQ,CAqa/F"}
+{"version":3,"file":"themeConfigurationField.d.ts","sourceRoot":"","sources":["../../src/fields/themeConfigurationField.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAS,SAAS,EAAE,MAAM,SAAS,CAAA;AAO/C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAG9C,UAAU,8BAA8B;IACtC,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,YAAY,EAAE,MAAM,CAAA;IACpB,sBAAsB,EAAE,OAAO,CAAA;IAC/B,gBAAgB,EAAE,OAAO,CAAA;IACzB,oBAAoB,EAAE,OAAO,CAAA;IAC7B,sBAAsB,CAAC,EAAE,OAAO,CAAA;CACjC;AAQD,MAAM,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAA;AAE7D;;;GAGG;AACH,wBAAgB,6BAA6B,CAAC,OAAO,EAAE,8BAA8B,GAAG,QAAQ,CA6a/F"}

package/dist/fields/themeConfigurationField.js

@@ -90,7 +90,8 @@ import { darkModeField, lightModeField } from './colorModeFields.js';
                         cs: 'Výchozí zaoblení rohů pro UI prvky'
                     },
                     width: '50%'
-                }
+                },
+                dbName: 'border_radius'
             },
             {
                 name: 'spacing',
@@ -129,7 +130,8 @@ import { darkModeField, lightModeField } from './colorModeFields.js';
                         cs: 'Globální rozestupy mezi prvky'
                     },
                     width: '50%'
-                }
+                },
+                dbName: 'spacing'
             }
         ]
     });
@@ -189,7 +191,8 @@ import { darkModeField, lightModeField } from './colorModeFields.js';
                                     cs: 'Výchozí barevný režim pro návštěvníky'
                                 },
                                 width: '50%'
-                            }
+                            },
+                            dbName: 'color_mode'
                         },
                         {
                             name: 'allowColorModeToggle',
@@ -252,7 +255,8 @@ import { darkModeField, lightModeField } from './colorModeFields.js';
                                     components: {
                                         Field: '@kilivi/payloadcms-theme-management/fields/FontSelectField'
                                     }
-                                }
+                                },
+                                dbName: 'body_font'
                             },
                             {
                                 name: 'headingFont',
@@ -270,7 +274,8 @@ import { darkModeField, lightModeField } from './colorModeFields.js';
                                     components: {
                                         Field: '@kilivi/payloadcms-theme-management/fields/FontSelectField'
                                     }
-                                }
+                                },
+                                dbName: 'heading_font'
                             }
                         ]
                     },
@@ -330,7 +335,8 @@ import { darkModeField, lightModeField } from './colorModeFields.js';
                                     })),
                                 admin: {
                                     width: '50%'
-                                }
+                                },
+                                dbName: 'base_font_size'
                             },
                             {
                                 name: 'lineHeight',
@@ -346,7 +352,8 @@ import { darkModeField, lightModeField } from './colorModeFields.js';
                                     })),
                                 admin: {
                                     width: '50%'
-                                }
+                                },
+                                dbName: 'line_height'
                             }
                         ]
                     }
@@ -435,7 +442,8 @@ import { darkModeField, lightModeField } from './colorModeFields.js';
                         cs: 'Kontrola animací a přechodů na webu'
                     },
                     width: '50%'
-                }
+                },
+                dbName: 'animation_level'
             }
         ];
         if (includeCustomCSS) {

package/dist/fields/themeConfigurationField.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/fields/themeConfigurationField.ts"],"sourcesContent":["import type { Field, TabsField } from 'payload'\nimport {\n  BASE_FONT_SIZE_OPTIONS,\n  BODY_FONT_OPTIONS,\n  HEADING_FONT_OPTIONS,\n  LINE_HEIGHT_OPTIONS,\n} from '../constants/themeFonts.js'\nimport type { ThemePreset } from '../index.js'\nimport { darkModeField, lightModeField } from './colorModeFields.js'\n\ninterface ThemeConfigurationFieldOptions {\n  themePresets: ThemePreset[]\n  defaultTheme: string\n  includeColorModeToggle: boolean\n  includeCustomCSS: boolean\n  includeBrandIdentity: boolean\n  enableAdvancedFeatures?: boolean\n}\n\n// Type for admin.custom property to avoid ts-expect-error\ninterface ThemeAdminCustom {\n  themePresets?: ThemePreset[]\n}\n\n// Type for a single tab (not the full TabsField)\nexport type ThemeTab = NonNullable<TabsField['tabs']>[number]\n\n/**\n * Theme Configuration Field with Theme Selection as default value setter\n * Theme Selection populates lightMode/darkMode colors automatically\n */\nexport function createThemeConfigurationField(options: ThemeConfigurationFieldOptions): ThemeTab {\n  const {\n    themePresets,\n    defaultTheme,\n    includeColorModeToggle,\n    includeCustomCSS,\n    enableAdvancedFeatures = true,\n  } = options\n\n  const fields: Field[] = [\n    {\n      name: 'theme',\n      type: 'text',\n      required: true,\n      defaultValue: defaultTheme,\n      label: {\n        en: '🎨 Theme Selection',\n        cs: '🎨 Výběr tématu',\n      },\n      validate: (value: unknown) => {\n        if (typeof value === 'string' && value.trim().length > 0) {\n          return true\n        }\n        return 'Select a theme'\n      },\n      admin: {\n        description: {\n          en: 'Select a theme to auto-populate color values. You can customize colors after selection.',\n          cs: 'Vyberte téma pro automatické předvyplnění barev. Po výběru můžete barvy upravit.',\n        },\n        components: {\n          Field: '@kilivi/payloadcms-theme-management/fields/ThemePreviewField',\n        },\n        custom: {\n          themePresets,\n        } as ThemeAdminCustom,\n      },\n    },\n  ]\n\n  // Border Radius Configuration - Always visible\n  fields.push({\n    type: 'row',\n    fields: [\n      {\n        name: 'borderRadius',\n        type: 'select',\n        label: {\n          en: '📐 Border Radius',\n          cs: '📐 Zaoblení rohů',\n        },\n        defaultValue: 'medium',\n        options: [\n          { label: { en: 'None (0px)', cs: 'Žádné (0px)' }, value: 'none' },\n          { label: { en: 'Small (0.25rem)', cs: 'Malé (0.25rem)' }, value: 'small' },\n          { label: { en: 'Medium (0.5rem)', cs: 'Střední (0.5rem)' }, value: 'medium' },\n          { label: { en: 'Large (0.75rem)', cs: 'Velké (0.75rem)' }, value: 'large' },\n          { label: { en: 'XL (1rem)', cs: 'XL (1rem)' }, value: 'xl' },\n        ],\n        admin: {\n          description: {\n            en: 'Default corner rounding for UI elements',\n            cs: 'Výchozí zaoblení rohů pro UI prvky',\n          },\n          width: '50%',\n        },\n      },\n      {\n        name: 'spacing',\n        type: 'select',\n        label: {\n          en: '📏 Spacing Scale',\n          cs: '📏 Škála rozestupů',\n        },\n        defaultValue: 'medium',\n        options: [\n          { label: { en: 'Compact', cs: 'Kompaktní' }, value: 'compact' },\n          { label: { en: 'Medium', cs: 'Střední' }, value: 'medium' },\n          { label: { en: 'Comfortable', cs: 'Pohodlné' }, value: 'comfortable' },\n        ],\n        admin: {\n          description: {\n            en: 'Global spacing between elements',\n            cs: 'Globální rozestupy mezi prvky',\n          },\n          width: '50%',\n        },\n      },\n    ],\n  })\n\n  // Color Mode Settings\n  if (includeColorModeToggle) {\n    fields.push({\n      type: 'collapsible',\n      label: {\n        en: '🌗 Color Mode Settings',\n        cs: '🌗 Nastavení barevného režimu',\n      },\n      admin: {\n        initCollapsed: false,\n        description: {\n          en: 'Configure light and dark mode colors. Changes here override theme selection.',\n          cs: 'Nakonfigurujte barvy světlého a tmavého režimu. Změny zde přepíší výběr tématu.',\n        },\n      },\n      fields: [\n        {\n          type: 'row',\n          fields: [\n            {\n              name: 'colorMode',\n              type: 'select',\n              label: {\n                en: 'Default Color Mode',\n                cs: 'Výchozí barevný režim',\n              },\n              defaultValue: 'auto',\n              options: [\n                {\n                  label: {\n                    en: 'Auto (System)',\n                    cs: 'Automaticky (Systém)',\n                  },\n                  value: 'auto',\n                },\n                {\n                  label: { en: 'Light', cs: 'Světlý' },\n                  value: 'light',\n                },\n                {\n                  label: { en: 'Dark', cs: 'Tmavý' },\n                  value: 'dark',\n                },\n              ],\n              admin: {\n                description: {\n                  en: 'Default color mode for visitors',\n                  cs: 'Výchozí barevný režim pro návštěvníky',\n                },\n                width: '50%',\n              },\n            },\n            {\n              name: 'allowColorModeToggle',\n              type: 'checkbox',\n              label: {\n                en: 'Enable Mode Toggle',\n                cs: 'Povolit přepínač režimu',\n              },\n              defaultValue: true,\n              admin: {\n                description: {\n                  en: 'Let visitors switch modes',\n                  cs: 'Umožnit návštěvníkům přepínat režimy',\n                },\n                width: '50%',\n              },\n            },\n          ],\n        },\n        lightModeField,\n        darkModeField,\n      ],\n    })\n  }\n\n  // Typography - Always visible\n  fields.push({\n    type: 'collapsible',\n    label: {\n      en: '🅰️ Typography',\n      cs: '🅰️ Typografie',\n    },\n    admin: {\n      initCollapsed: true,\n      description: {\n        en: 'Choose font families and base typography settings. Leave fields on \"Use preset\" to inherit the theme defaults.',\n        cs: 'Zvolte rodiny písem a základní typografické nastavení. Hodnota \"Použít výchozí\" zachová nastavení motivu.',\n      },\n    },\n    fields: [\n      {\n        name: 'typography',\n        type: 'group',\n        fields: [\n          {\n            type: 'row',\n            fields: [\n              {\n                name: 'bodyFont',\n                type: 'select',\n                label: {\n                  en: 'Body font',\n                  cs: 'Písmo pro text',\n                },\n                defaultValue: 'preset',\n                options: [...BODY_FONT_OPTIONS],\n                admin: {\n                  width: '50%',\n                  components: {\n                    Field: '@kilivi/payloadcms-theme-management/fields/FontSelectField',\n                  },\n                },\n              },\n              {\n                name: 'headingFont',\n                type: 'select',\n                label: {\n                  en: 'Heading font',\n                  cs: 'Písmo pro nadpisy',\n                },\n                defaultValue: 'preset',\n                options: [...HEADING_FONT_OPTIONS],\n                admin: {\n                  width: '50%',\n                  components: {\n                    Field: '@kilivi/payloadcms-theme-management/fields/FontSelectField',\n                  },\n                },\n              },\n            ],\n          },\n          {\n            type: 'row',\n            fields: [\n              {\n                name: 'bodyFontCustom',\n                type: 'text',\n                label: {\n                  en: 'Custom body font stack',\n                  cs: 'Vlastní písmo pro text',\n                },\n                admin: {\n                  width: '50%',\n                  placeholder: '\"IBM Plex Sans\", sans-serif',\n                  description: {\n                    en: 'Provide full CSS font-family stack when using a custom font.',\n                    cs: 'Při volbě vlastního písma zadejte celý CSS zápis font-family.',\n                  },\n                  condition: (_, siblingData) => siblingData?.bodyFont === 'custom',\n                },\n              },\n              {\n                name: 'headingFontCustom',\n                type: 'text',\n                label: {\n                  en: 'Custom heading font stack',\n                  cs: 'Vlastní písmo pro nadpisy',\n                },\n                admin: {\n                  width: '50%',\n                  placeholder: '\"Cormorant Garamond\", serif',\n                  description: {\n                    en: 'Provide full CSS font-family stack when using a custom heading font.',\n                    cs: 'Při volbě vlastního nadpisového písma zadejte celý CSS zápis font-family.',\n                  },\n                  condition: (_, siblingData) => siblingData?.headingFont === 'custom',\n                },\n              },\n            ],\n          },\n          {\n            type: 'row',\n            fields: [\n              {\n                name: 'baseFontSize',\n                type: 'select',\n                label: {\n                  en: 'Base font size',\n                  cs: 'Základní velikost písma',\n                },\n                defaultValue: 'preset',\n                options: BASE_FONT_SIZE_OPTIONS.map((option) => ({\n                  label: option.label,\n                  value: option.value,\n                })),\n                admin: {\n                  width: '50%',\n                },\n              },\n              {\n                name: 'lineHeight',\n                type: 'select',\n                label: {\n                  en: 'Line height',\n                  cs: 'Řádkování',\n                },\n                defaultValue: 'preset',\n                options: LINE_HEIGHT_OPTIONS.map((option) => ({\n                  label: option.label,\n                  value: option.value,\n                })),\n                admin: {\n                  width: '50%',\n                },\n              },\n            ],\n          },\n        ],\n      },\n    ],\n  })\n\n  const customPresetsField: Field = {\n    type: 'collapsible',\n    label: {\n      en: '🧩 Custom Theme Presets',\n      cs: '🧩 Vlastní motivy',\n    },\n    admin: {\n      initCollapsed: true,\n      description: {\n        en: 'Import additional theme presets via JSON to extend or override the defaults. These presets become available instantly in the Theme Selection above.',\n        cs: 'Importujte další motivy pomocí JSONu a rozšiřte nebo přepište výchozí nabídku. Motivy budou ihned k dispozici ve výběru výše.',\n      },\n    },\n    fields: [\n      {\n        name: 'customThemePresets',\n        type: 'json',\n        label: {\n          en: 'Custom Preset JSON',\n          cs: 'JSON s vlastními motivy',\n        },\n        admin: {\n          description: {\n            en: 'Paste or import an array (or object map) of theme presets. Each entry should include at least a unique \"name\" and \"label\" with optional lightMode/darkMode colors.',\n            cs: 'Vložte nebo importujte pole (či objekt) motivů. Každý motiv musí mít unikátní „name“ a „label“ a volitelně barvy pro světly/tmavý režim.',\n          },\n          components: {\n            Field: '@kilivi/payloadcms-theme-management/fields/ThemePresetImportField',\n          },\n        },\n      },\n    ],\n  }\n\n  fields.push(customPresetsField)\n\n  // Advanced Settings (when using extended theme configuration)\n  if (enableAdvancedFeatures) {\n    const advancedFields: Field[] = [\n      {\n        name: 'animationLevel',\n        type: 'select',\n        label: {\n          en: 'Animation Level',\n          cs: 'Úroveň animací',\n        },\n        defaultValue: 'medium',\n        options: [\n          { label: { en: 'None', cs: 'Žádné' }, value: 'none' },\n          { label: { en: 'Reduced', cs: 'Snížené' }, value: 'reduced' },\n          { label: { en: 'Medium', cs: 'Střední' }, value: 'medium' },\n          { label: { en: 'High', cs: 'Vysoké' }, value: 'high' },\n        ],\n        admin: {\n          description: {\n            en: 'Control website animations and transitions',\n            cs: 'Kontrola animací a přechodů na webu',\n          },\n          width: '50%',\n        },\n      },\n    ]\n\n    if (includeCustomCSS) {\n      advancedFields.push({\n        name: 'customCSS',\n        type: 'code',\n        label: {\n          en: 'Custom CSS',\n          cs: 'Vlastní CSS',\n        },\n        admin: {\n          language: 'css',\n          description: {\n            en: 'Add custom CSS to override default styles',\n            cs: 'Přidejte vlastní CSS pro přepsání výchozích stylů',\n          },\n          // placeholder:\n          //   ':root {\\n  --primary: #your-color;\\n  --border-radius: 8px;\\n  --font-family: \"Your Font\";\\n}\\n\\n.custom-class {\\n  /* Your custom styles */\\n}',\n          // rows: 8,\n        },\n      })\n    }\n\n    fields.push({\n      type: 'collapsible',\n      label: {\n        en: '⚙️ Advanced Settings',\n        cs: '⚙️ Pokročilé nastavení',\n      },\n      admin: {\n        initCollapsed: true,\n      },\n      fields: advancedFields,\n    })\n  }\n\n  // Return as tab configuration to be injected into tabs structure\n  return {\n    label: {\n      en: '🎨 Appearance Settings',\n      cs: '🎨 Nastavení vzhledu',\n    },\n    fields: [\n      {\n        name: 'themeConfiguration',\n        type: 'group',\n        admin: {\n          description: {\n            en: 'Configure website appearance and styling',\n            cs: 'Nakonfigurujte vzhled a stylování webu',\n          },\n        },\n        fields,\n      },\n    ],\n  }\n}\n"],"names":["BASE_FONT_SIZE_OPTIONS","BODY_FONT_OPTIONS","HEADING_FONT_OPTIONS","LINE_HEIGHT_OPTIONS","darkModeField","lightModeField","createThemeConfigurationField","options","themePresets","defaultTheme","includeColorModeToggle","includeCustomCSS","enableAdvancedFeatures","fields","name","type","required","defaultValue","label","en","cs","validate","value","trim","length","admin","description","components","Field","custom","push","width","initCollapsed","placeholder","condition","_","siblingData","bodyFont","headingFont","map","option","customPresetsField","advancedFields","language"],"mappings":"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"}
+{"version":3,"sources":["../../src/fields/themeConfigurationField.ts"],"sourcesContent":["import type { Field, TabsField } from 'payload'\nimport {\n  BASE_FONT_SIZE_OPTIONS,\n  BODY_FONT_OPTIONS,\n  HEADING_FONT_OPTIONS,\n  LINE_HEIGHT_OPTIONS,\n} from '../constants/themeFonts.js'\nimport type { ThemePreset } from '../index.js'\nimport { darkModeField, lightModeField } from './colorModeFields.js'\n\ninterface ThemeConfigurationFieldOptions {\n  themePresets: ThemePreset[]\n  defaultTheme: string\n  includeColorModeToggle: boolean\n  includeCustomCSS: boolean\n  includeBrandIdentity: boolean\n  enableAdvancedFeatures?: boolean\n}\n\n// Type for admin.custom property to avoid ts-expect-error\ninterface ThemeAdminCustom {\n  themePresets?: ThemePreset[]\n}\n\n// Type for a single tab (not the full TabsField)\nexport type ThemeTab = NonNullable<TabsField['tabs']>[number]\n\n/**\n * Theme Configuration Field with Theme Selection as default value setter\n * Theme Selection populates lightMode/darkMode colors automatically\n */\nexport function createThemeConfigurationField(options: ThemeConfigurationFieldOptions): ThemeTab {\n  const {\n    themePresets,\n    defaultTheme,\n    includeColorModeToggle,\n    includeCustomCSS,\n    enableAdvancedFeatures = true,\n  } = options\n\n  const fields: Field[] = [\n    {\n      name: 'theme',\n      type: 'text',\n      required: true,\n      defaultValue: defaultTheme,\n      label: {\n        en: '🎨 Theme Selection',\n        cs: '🎨 Výběr tématu',\n      },\n      validate: (value: unknown) => {\n        if (typeof value === 'string' && value.trim().length > 0) {\n          return true\n        }\n        return 'Select a theme'\n      },\n      admin: {\n        description: {\n          en: 'Select a theme to auto-populate color values. You can customize colors after selection.',\n          cs: 'Vyberte téma pro automatické předvyplnění barev. Po výběru můžete barvy upravit.',\n        },\n        components: {\n          Field: '@kilivi/payloadcms-theme-management/fields/ThemePreviewField',\n        },\n        custom: {\n          themePresets,\n        } as ThemeAdminCustom,\n      },\n    },\n  ]\n\n  // Border Radius Configuration - Always visible\n  fields.push({\n    type: 'row',\n    fields: [\n      {\n        name: 'borderRadius',\n        type: 'select',\n        label: {\n          en: '📐 Border Radius',\n          cs: '📐 Zaoblení rohů',\n        },\n        defaultValue: 'medium',\n        options: [\n          { label: { en: 'None (0px)', cs: 'Žádné (0px)' }, value: 'none' },\n          { label: { en: 'Small (0.25rem)', cs: 'Malé (0.25rem)' }, value: 'small' },\n          { label: { en: 'Medium (0.5rem)', cs: 'Střední (0.5rem)' }, value: 'medium' },\n          { label: { en: 'Large (0.75rem)', cs: 'Velké (0.75rem)' }, value: 'large' },\n          { label: { en: 'XL (1rem)', cs: 'XL (1rem)' }, value: 'xl' },\n        ],\n        admin: {\n          description: {\n            en: 'Default corner rounding for UI elements',\n            cs: 'Výchozí zaoblení rohů pro UI prvky',\n          },\n          width: '50%',\n        },\n        dbName: 'border_radius',\n      },\n      {\n        name: 'spacing',\n        type: 'select',\n        label: {\n          en: '📏 Spacing Scale',\n          cs: '📏 Škála rozestupů',\n        },\n        defaultValue: 'medium',\n        options: [\n          { label: { en: 'Compact', cs: 'Kompaktní' }, value: 'compact' },\n          { label: { en: 'Medium', cs: 'Střední' }, value: 'medium' },\n          { label: { en: 'Comfortable', cs: 'Pohodlné' }, value: 'comfortable' },\n        ],\n        admin: {\n          description: {\n            en: 'Global spacing between elements',\n            cs: 'Globální rozestupy mezi prvky',\n          },\n          width: '50%',\n        },\n        dbName: 'spacing',\n      },\n    ],\n  })\n\n  // Color Mode Settings\n  if (includeColorModeToggle) {\n    fields.push({\n      type: 'collapsible',\n      label: {\n        en: '🌗 Color Mode Settings',\n        cs: '🌗 Nastavení barevného režimu',\n      },\n      admin: {\n        initCollapsed: false,\n        description: {\n          en: 'Configure light and dark mode colors. Changes here override theme selection.',\n          cs: 'Nakonfigurujte barvy světlého a tmavého režimu. Změny zde přepíší výběr tématu.',\n        },\n      },\n      fields: [\n        {\n          type: 'row',\n          fields: [\n            {\n              name: 'colorMode',\n              type: 'select',\n              label: {\n                en: 'Default Color Mode',\n                cs: 'Výchozí barevný režim',\n              },\n              defaultValue: 'auto',\n              options: [\n                {\n                  label: {\n                    en: 'Auto (System)',\n                    cs: 'Automaticky (Systém)',\n                  },\n                  value: 'auto',\n                },\n                {\n                  label: { en: 'Light', cs: 'Světlý' },\n                  value: 'light',\n                },\n                {\n                  label: { en: 'Dark', cs: 'Tmavý' },\n                  value: 'dark',\n                },\n              ],\n              admin: {\n                description: {\n                  en: 'Default color mode for visitors',\n                  cs: 'Výchozí barevný režim pro návštěvníky',\n                },\n                width: '50%',\n              },\n              dbName: 'color_mode',\n            },\n            {\n              name: 'allowColorModeToggle',\n              type: 'checkbox',\n              label: {\n                en: 'Enable Mode Toggle',\n                cs: 'Povolit přepínač režimu',\n              },\n              defaultValue: true,\n              admin: {\n                description: {\n                  en: 'Let visitors switch modes',\n                  cs: 'Umožnit návštěvníkům přepínat režimy',\n                },\n                width: '50%',\n              },\n            },\n          ],\n        },\n        lightModeField,\n        darkModeField,\n      ],\n    })\n  }\n\n  // Typography - Always visible\n  fields.push({\n    type: 'collapsible',\n    label: {\n      en: '🅰️ Typography',\n      cs: '🅰️ Typografie',\n    },\n    admin: {\n      initCollapsed: true,\n      description: {\n        en: 'Choose font families and base typography settings. Leave fields on \"Use preset\" to inherit the theme defaults.',\n        cs: 'Zvolte rodiny písem a základní typografické nastavení. Hodnota \"Použít výchozí\" zachová nastavení motivu.',\n      },\n    },\n    fields: [\n      {\n        name: 'typography',\n        type: 'group',\n        fields: [\n          {\n            type: 'row',\n            fields: [\n              {\n                name: 'bodyFont',\n                type: 'select',\n                label: {\n                  en: 'Body font',\n                  cs: 'Písmo pro text',\n                },\n                defaultValue: 'preset',\n                options: [...BODY_FONT_OPTIONS],\n                admin: {\n                  width: '50%',\n                  components: {\n                    Field: '@kilivi/payloadcms-theme-management/fields/FontSelectField',\n                  },\n                },\n                dbName: 'body_font',\n              },\n              {\n                name: 'headingFont',\n                type: 'select',\n                label: {\n                  en: 'Heading font',\n                  cs: 'Písmo pro nadpisy',\n                },\n                defaultValue: 'preset',\n                options: [...HEADING_FONT_OPTIONS],\n                admin: {\n                  width: '50%',\n                  components: {\n                    Field: '@kilivi/payloadcms-theme-management/fields/FontSelectField',\n                  },\n                },\n                dbName: 'heading_font',\n              },\n            ],\n          },\n          {\n            type: 'row',\n            fields: [\n              {\n                name: 'bodyFontCustom',\n                type: 'text',\n                label: {\n                  en: 'Custom body font stack',\n                  cs: 'Vlastní písmo pro text',\n                },\n                admin: {\n                  width: '50%',\n                  placeholder: '\"IBM Plex Sans\", sans-serif',\n                  description: {\n                    en: 'Provide full CSS font-family stack when using a custom font.',\n                    cs: 'Při volbě vlastního písma zadejte celý CSS zápis font-family.',\n                  },\n                  condition: (_, siblingData) => siblingData?.bodyFont === 'custom',\n                },\n              },\n              {\n                name: 'headingFontCustom',\n                type: 'text',\n                label: {\n                  en: 'Custom heading font stack',\n                  cs: 'Vlastní písmo pro nadpisy',\n                },\n                admin: {\n                  width: '50%',\n                  placeholder: '\"Cormorant Garamond\", serif',\n                  description: {\n                    en: 'Provide full CSS font-family stack when using a custom heading font.',\n                    cs: 'Při volbě vlastního nadpisového písma zadejte celý CSS zápis font-family.',\n                  },\n                  condition: (_, siblingData) => siblingData?.headingFont === 'custom',\n                },\n              },\n            ],\n          },\n          {\n            type: 'row',\n            fields: [\n              {\n                name: 'baseFontSize',\n                type: 'select',\n                label: {\n                  en: 'Base font size',\n                  cs: 'Základní velikost písma',\n                },\n                defaultValue: 'preset',\n                options: BASE_FONT_SIZE_OPTIONS.map((option) => ({\n                  label: option.label,\n                  value: option.value,\n                })),\n                admin: {\n                  width: '50%',\n                },\n                dbName: 'base_font_size',\n              },\n              {\n                name: 'lineHeight',\n                type: 'select',\n                label: {\n                  en: 'Line height',\n                  cs: 'Řádkování',\n                },\n                defaultValue: 'preset',\n                options: LINE_HEIGHT_OPTIONS.map((option) => ({\n                  label: option.label,\n                  value: option.value,\n                })),\n                admin: {\n                  width: '50%',\n                },\n                dbName: 'line_height',\n              },\n            ],\n          },\n        ],\n      },\n    ],\n  })\n\n  const customPresetsField: Field = {\n    type: 'collapsible',\n    label: {\n      en: '🧩 Custom Theme Presets',\n      cs: '🧩 Vlastní motivy',\n    },\n    admin: {\n      initCollapsed: true,\n      description: {\n        en: 'Import additional theme presets via JSON to extend or override the defaults. These presets become available instantly in the Theme Selection above.',\n        cs: 'Importujte další motivy pomocí JSONu a rozšiřte nebo přepište výchozí nabídku. Motivy budou ihned k dispozici ve výběru výše.',\n      },\n    },\n    fields: [\n      {\n        name: 'customThemePresets',\n        type: 'json',\n        label: {\n          en: 'Custom Preset JSON',\n          cs: 'JSON s vlastními motivy',\n        },\n        admin: {\n          description: {\n            en: 'Paste or import an array (or object map) of theme presets. Each entry should include at least a unique \"name\" and \"label\" with optional lightMode/darkMode colors.',\n            cs: 'Vložte nebo importujte pole (či objekt) motivů. Každý motiv musí mít unikátní „name“ a „label“ a volitelně barvy pro světly/tmavý režim.',\n          },\n          components: {\n            Field: '@kilivi/payloadcms-theme-management/fields/ThemePresetImportField',\n          },\n        },\n      },\n    ],\n  }\n\n  fields.push(customPresetsField)\n\n  // Advanced Settings (when using extended theme configuration)\n  if (enableAdvancedFeatures) {\n    const advancedFields: Field[] = [\n      {\n        name: 'animationLevel',\n        type: 'select',\n        label: {\n          en: 'Animation Level',\n          cs: 'Úroveň animací',\n        },\n        defaultValue: 'medium',\n        options: [\n          { label: { en: 'None', cs: 'Žádné' }, value: 'none' },\n          { label: { en: 'Reduced', cs: 'Snížené' }, value: 'reduced' },\n          { label: { en: 'Medium', cs: 'Střední' }, value: 'medium' },\n          { label: { en: 'High', cs: 'Vysoké' }, value: 'high' },\n        ],\n        admin: {\n          description: {\n            en: 'Control website animations and transitions',\n            cs: 'Kontrola animací a přechodů na webu',\n          },\n          width: '50%',\n        },\n        dbName: 'animation_level',\n      },\n    ]\n\n    if (includeCustomCSS) {\n      advancedFields.push({\n        name: 'customCSS',\n        type: 'code',\n        label: {\n          en: 'Custom CSS',\n          cs: 'Vlastní CSS',\n        },\n        admin: {\n          language: 'css',\n          description: {\n            en: 'Add custom CSS to override default styles',\n            cs: 'Přidejte vlastní CSS pro přepsání výchozích stylů',\n          },\n          // placeholder:\n          //   ':root {\\n  --primary: #your-color;\\n  --border-radius: 8px;\\n  --font-family: \"Your Font\";\\n}\\n\\n.custom-class {\\n  /* Your custom styles */\\n}',\n          // rows: 8,\n        },\n      })\n    }\n\n    fields.push({\n      type: 'collapsible',\n      label: {\n        en: '⚙️ Advanced Settings',\n        cs: '⚙️ Pokročilé nastavení',\n      },\n      admin: {\n        initCollapsed: true,\n      },\n      fields: advancedFields,\n    })\n  }\n\n  // Return as tab configuration to be injected into tabs structure\n  return {\n    label: {\n      en: '🎨 Appearance Settings',\n      cs: '🎨 Nastavení vzhledu',\n    },\n    fields: [\n      {\n        name: 'themeConfiguration',\n        type: 'group',\n        admin: {\n          description: {\n            en: 'Configure website appearance and styling',\n            cs: 'Nakonfigurujte vzhled a stylování webu',\n          },\n        },\n        fields,\n      },\n    ],\n  }\n}\n"],"names":["BASE_FONT_SIZE_OPTIONS","BODY_FONT_OPTIONS","HEADING_FONT_OPTIONS","LINE_HEIGHT_OPTIONS","darkModeField","lightModeField","createThemeConfigurationField","options","themePresets","defaultTheme","includeColorModeToggle","includeCustomCSS","enableAdvancedFeatures","fields","name","type","required","defaultValue","label","en","cs","validate","value","trim","length","admin","description","components","Field","custom","push","width","dbName","initCollapsed","placeholder","condition","_","siblingData","bodyFont","headingFont","map","option","customPresetsField","advancedFields","language"],"mappings":"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"}

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { GoogleFont } from '../../../app/api/google-fonts/route';
+export type PreviewVariant = 'h1' | 'h2' | 'h3' | 'body' | 'small' | 'chars' | 'weights' | 'card' | 'row' | 'name';
+export interface FontPreviewProps {
+    font: GoogleFont;
+    variant: PreviewVariant;
+    text?: string;
+    onLoad?: () => void;
+}
+/**
+ * FontPreview component with Shadow DOM isolation
+ *
+ * This component renders font previews in an isolated Shadow DOM
+ * to prevent Payload CMS admin styles from affecting the preview.
+ */
+export declare const FontPreview: React.FC<FontPreviewProps>;
+//# sourceMappingURL=FontPreview.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FontPreview.d.ts","sourceRoot":"","sources":["../../../../src/globals/ThemeSettings/FontPicker/FontPreview.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAA;AAErE,MAAM,MAAM,cAAc,GACtB,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,MAAM,GACN,OAAO,GACP,OAAO,GACP,SAAS,GACT,MAAM,GACN,KAAK,GACL,MAAM,CAAA;AAEV,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,UAAU,CAAA;IAChB,OAAO,EAAE,cAAc,CAAA;IACvB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;CACpB;AAED;;;;;GAKG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA+OlD,CAAA"}