@kilivi/payloadcms-theme-management 0.1.1

package/README.md

@@ -0,0 +1,97 @@
+# Theme Configuration Plugin for Payload CMS
+
+A flexible theme configuration plugin for Payload CMS v3 that allows you to manage theme settings through the admin UI.
+
+## Features
+
+- 🎨 **Theme Management** - Configure primary and secondary colors
+- 🔤 **Typography Control** - Set custom font families
+- 📐 **Layout Settings** - Adjust header height and other layout properties
+- 🌓 **Theme Switcher** - Optional theme switching capability (light/dark/auto)
+- ⚙️ **Configurable** - Exclude specific collections or globals as needed
+
+## Installation
+
+```bash
+npm install @payloadcms-plugins/theme-management
+# or
+yarn add @payloadcms-plugins/theme-management
+# or
+pnpm add @payloadcms-plugins/theme-management
+```
+
+## Usage
+
+Add the plugin to your Payload config:
+
+```typescript
+import { buildConfig } from 'payload';
+import { ThemeConfigurationPlugin } from '@payloadcms-plugins/theme-management';
+
+export default buildConfig({
+  // ... other config
+  plugins: [
+    ThemeConfigurationPlugin({
+      enableThemeSwitcher: true,
+      defaultTheme: 'auto',
+      excludedCollections: [], // Collections to exclude
+      excludedGlobals: [], // Globals to exclude
+    }),
+  ],
+});
+```
+
+## Configuration Options
+
+### `ThemeConfigurationPluginConfig`
+
+| Option | Type | Default | Description |
+|--------|------|---------|-------------|
+| `excludedCollections` | `string[]` | `[]` | Array of collection slugs to exclude |
+| `excludedGlobals` | `string[]` | `[]` | Array of global slugs to exclude |
+| `enableThemeSwitcher` | `boolean` | `true` | Enable theme switcher in admin UI |
+| `defaultTheme` | `'light' \| 'dark' \| 'auto'` | `'auto'` | Default theme |
+
+## Theme Configuration Fields
+
+The plugin adds a global called `theme-management` with the following fields:
+
+- **Primary Color** - Main theme color (e.g., #3B82F6)
+- **Secondary Color** - Secondary theme color (e.g., #10B981)
+- **Font Family** - Primary font family for the site
+- **Header Height** - Height of the site header in pixels
+
+## Accessing Theme Configuration
+
+You can access the theme configuration in your application:
+
+```typescript
+const payload = await getPayloadClient();
+
+const themeConfig = await payload.findGlobal({
+  slug: 'theme-management',
+});
+
+console.log(themeConfig.primaryColor); // e.g., "#3B82F6"
+```
+
+## Development
+
+```bash
+# Install dependencies
+pnpm install
+
+# Build the plugin
+pnpm build
+
+# Watch mode for development
+pnpm dev
+```
+
+## License
+
+Apache-2.0
+
+## Contributing
+
+Contributions are welcome! Please feel free to submit a Pull Request.

package/dist/components/ServerThemeInjector.d.ts

@@ -0,0 +1,11 @@
+import type { SiteSetting } from '@/payload-types';
+interface ServerThemeInjectorProps {
+    siteSettings: SiteSetting | null;
+}
+/**
+ * Server-side theme CSS injector to prevent FOUC
+ * This component injects critical theme CSS directly into the HTML head during SSR
+ */
+export declare function ServerThemeInjector({ siteSettings }: Readonly<ServerThemeInjectorProps>): Promise<import("react/jsx-runtime").JSX.Element>;
+export {};
+//# sourceMappingURL=ServerThemeInjector.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ServerThemeInjector.d.ts","sourceRoot":"","sources":["../../src/components/ServerThemeInjector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAalD,UAAU,wBAAwB;IAChC,YAAY,EAAE,WAAW,GAAG,IAAI,CAAA;CACjC;AAMD;;;GAGG;AACH,wBAAsB,mBAAmB,CAAC,EAAE,YAAY,EAAE,EAAE,QAAQ,CAAC,wBAAwB,CAAC,oDA2F7F"}

package/dist/components/ServerThemeInjector.js

@@ -0,0 +1,73 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { getBorderRadiusConfig } from '@/providers/Theme/themeConfig';
+import { resolveThemeConfiguration } from '../utils/resolveThemeConfiguration';
+import { createFallbackCriticalCSS, getThemeCriticalCSS, getThemeCSSPath, } from '../utils/themeAssets';
+import { generateThemeColorsCss } from '../utils/themeColors';
+import { generateThemeCSS } from '../utils/themeUtils';
+/**
+ * Server-side theme CSS injector to prevent FOUC
+ * This component injects critical theme CSS directly into the HTML head during SSR
+ */
+export async function ServerThemeInjector({ siteSettings }) {
+    const resolvedConfiguration = resolveThemeConfiguration(siteSettings?.themeConfiguration);
+    const { theme, borderRadius, customCSS, lightMode, darkMode, fontScale, spacing, animationLevel, allowColorModeToggle, colorMode, typography, } = resolvedConfiguration;
+    const baseThemeConfiguration = { ...(siteSettings?.themeConfiguration ?? {}) };
+    if ('typography' in baseThemeConfiguration) {
+        delete baseThemeConfiguration.typography;
+    }
+    const normalizedThemeConfiguration = {
+        ...baseThemeConfiguration,
+        theme,
+        colorMode,
+        allowColorModeToggle,
+        borderRadius,
+        fontScale,
+        spacing,
+        animationLevel,
+        customCSS: customCSS ?? undefined,
+        lightMode,
+        darkMode,
+        typography: typography ?? undefined,
+    };
+    let criticalCSS = await getThemeCriticalCSS(theme);
+    criticalCSS ?? (criticalCSS = createFallbackCriticalCSS(theme));
+    const borderRadiusMap = {
+        none: 'none',
+        small: 'small',
+        medium: 'medium',
+        large: 'large',
+        full: 'full',
+        xl: 'xl',
+    };
+    const mappedBorderRadius = borderRadiusMap[borderRadius ?? 'medium'] || 'medium';
+    const borderRadiusConfig = getBorderRadiusConfig(mappedBorderRadius);
+    const cssRecord = typeof borderRadiusConfig?.css === 'string'
+        ? { '--radius-default': borderRadiusConfig.css }
+        : borderRadiusConfig?.css ?? {};
+    const borderRadiusCSS = Object.entries(cssRecord)
+        .map(([property, value]) => `  ${property}: ${value};`)
+        .join('\n');
+    const borderRadiusBlock = borderRadiusCSS
+        ? `:root {
+${borderRadiusCSS}
+}`
+        : '';
+    const themeConfigurationCSS = generateThemeCSS(normalizedThemeConfiguration);
+    const colorModesCSS = generateThemeColorsCss({ themeName: theme, lightMode, darkMode });
+    const customCSSBlock = typeof customCSS === 'string' ? customCSS.trim() : '';
+    const combinedCSS = [
+        criticalCSS,
+        borderRadiusBlock,
+        themeConfigurationCSS,
+        colorModesCSS,
+        customCSSBlock,
+    ]
+        .filter((block) => Boolean(block?.trim?.().length))
+        .join('\n\n');
+    const themeCSSPath = getThemeCSSPath(theme);
+    console.log('<<< themeCSSPath >>>', themeCSSPath, '<<< combinedCSS', combinedCSS);
+    return (_jsxs(_Fragment, { children: [_jsx("style", { id: "theme-critical-css", dangerouslySetInnerHTML: {
+                    __html: combinedCSS,
+                } }), _jsx("link", { rel: "preload", href: themeCSSPath, as: "style" }), _jsx("link", { rel: "stylesheet", href: themeCSSPath })] }));
+}
+//# sourceMappingURL=ServerThemeInjector.js.map

package/dist/components/ServerThemeInjector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ServerThemeInjector.js","sourceRoot":"","sources":["../../src/components/ServerThemeInjector.tsx"],"names":[],"mappings":"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"}

package/dist/components/ThemePreview.d.ts

@@ -0,0 +1,2 @@
+export default function ThemePreview(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ThemePreview.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThemePreview.d.ts","sourceRoot":"","sources":["../../src/components/ThemePreview.tsx"],"names":[],"mappings":"AAuBA,MAAM,CAAC,OAAO,UAAU,YAAY,4CA8PnC"}

package/dist/components/ThemePreview.js

@@ -0,0 +1,153 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useField } from '@payloadcms/ui';
+import { useMemo } from 'react';
+import { themeIsValid } from '@/providers/Theme/types';
+import { defaultThemePresets } from '../presets';
+const DEFAULT_THEME_KEY = 'cool';
+const basePresetMap = defaultThemePresets.reduce((accumulator, preset) => {
+    accumulator[preset.name] = preset;
+    return accumulator;
+}, {});
+const fallbackPreset = basePresetMap[DEFAULT_THEME_KEY] ?? defaultThemePresets[0];
+const fallbackLightMode = fallbackPreset?.lightMode ?? {
+    primary: '#3b82f6',
+    accent: '#06b6d4',
+    background: '#ffffff',
+    foreground: '#1f2937',
+};
+export default function ThemePreview() {
+    // Get individual field values using useField hooks
+    const { value: selectedTheme } = useField({ path: 'themeConfiguration.theme' });
+    const { value: primaryColor } = useField({
+        path: 'themeConfiguration.customization.primaryColor',
+    });
+    const { value: accentColor } = useField({
+        path: 'themeConfiguration.customization.accentColor',
+    });
+    const { value: backgroundColor } = useField({
+        path: 'themeConfiguration.customization.backgroundColor',
+    });
+    const { value: textColor } = useField({
+        path: 'themeConfiguration.customization.textColor',
+    });
+    // Determine current theme and if overrides are active
+    const currentTheme = themeIsValid(selectedTheme)
+        ? selectedTheme
+        : (fallbackPreset?.name ?? 'cool');
+    const hasOverrides = Boolean(primaryColor || accentColor || backgroundColor || textColor);
+    const themeColors = useMemo(() => {
+        const preset = basePresetMap[currentTheme] ?? fallbackPreset;
+        const lightMode = preset?.lightMode ?? fallbackLightMode;
+        return {
+            primary: lightMode?.primary ?? fallbackLightMode.primary,
+            accent: lightMode?.accent ??
+                lightMode?.secondary ??
+                fallbackLightMode.accent ??
+                fallbackLightMode.primary,
+            background: lightMode?.background ?? fallbackLightMode.background,
+            text: lightMode?.foreground ?? fallbackLightMode.foreground,
+        };
+    }, [currentTheme]);
+    const currentColors = useMemo(() => ({
+        primary: primaryColor || themeColors.primary,
+        accent: accentColor || themeColors.accent,
+        background: backgroundColor || themeColors.background,
+        text: textColor || themeColors.text,
+    }), [primaryColor, accentColor, backgroundColor, textColor, themeColors]);
+    return (_jsxs("div", { className: "theme-preview", style: { marginTop: '20px' }, children: [_jsx("div", { style: {
+                    fontSize: '16px',
+                    fontWeight: '600',
+                    marginBottom: '16px',
+                    color: '#374151',
+                }, children: "\uD83C\uDFA8 Live Theme Preview" }), _jsxs("div", { className: "preview-container", style: {
+                    border: '2px solid #e5e7eb',
+                    borderRadius: '12px',
+                    overflow: 'hidden',
+                    backgroundColor: currentColors.background,
+                    color: currentColors.text,
+                    minHeight: '300px',
+                }, children: [_jsxs("div", { style: {
+                            backgroundColor: currentColors.primary,
+                            color: currentColors.background,
+                            padding: '16px 24px',
+                            display: 'flex',
+                            justifyContent: 'space-between',
+                            alignItems: 'center',
+                        }, children: [_jsx("div", { style: { fontSize: '20px', fontWeight: '700' }, children: "Your Website" }), _jsxs("nav", { style: { display: 'flex', gap: '24px', fontSize: '14px' }, children: [_jsx("span", { children: "Home" }), _jsx("span", { children: "About" }), _jsx("span", { children: "Services" }), _jsx("span", { children: "Contact" })] })] }), _jsxs("div", { style: { padding: '32px 24px' }, children: [_jsx("h1", { style: {
+                                    fontSize: '32px',
+                                    fontWeight: '800',
+                                    marginBottom: '16px',
+                                    color: currentColors.text,
+                                }, children: "Welcome to Your Site" }), _jsx("p", { style: {
+                                    fontSize: '16px',
+                                    lineHeight: '1.6',
+                                    marginBottom: '24px',
+                                    color: currentColors.text,
+                                    opacity: 0.8,
+                                }, children: "This is how your content will look with the selected theme. The colors and styling will be applied across your entire website." }), _jsxs("div", { style: { display: 'flex', gap: '12px', marginBottom: '32px' }, children: [_jsx("button", { style: {
+                                            backgroundColor: currentColors.primary,
+                                            color: currentColors.background,
+                                            border: 'none',
+                                            padding: '12px 24px',
+                                            borderRadius: '6px',
+                                            fontSize: '14px',
+                                            fontWeight: '600',
+                                            cursor: 'pointer',
+                                        }, children: "Primary Button" }), _jsx("button", { style: {
+                                            backgroundColor: 'transparent',
+                                            color: currentColors.primary,
+                                            border: `2px solid ${currentColors.primary}`,
+                                            padding: '10px 24px',
+                                            borderRadius: '6px',
+                                            fontSize: '14px',
+                                            fontWeight: '600',
+                                            cursor: 'pointer',
+                                        }, children: "Secondary Button" })] }), _jsx("div", { style: {
+                                    backgroundColor: currentColors.text,
+                                    color: currentColors.background,
+                                    padding: '24px',
+                                    borderRadius: '8px',
+                                    opacity: 0.05,
+                                    marginBottom: '16px',
+                                } }), _jsxs("div", { style: {
+                                    border: `1px solid ${currentColors.text}`,
+                                    padding: '20px',
+                                    borderRadius: '8px',
+                                    opacity: 0.1,
+                                }, children: [_jsx("h3", { style: {
+                                            fontSize: '18px',
+                                            fontWeight: '600',
+                                            marginBottom: '12px',
+                                            color: currentColors.text,
+                                        }, children: "Sample Card" }), _jsx("p", { style: {
+                                            fontSize: '14px',
+                                            color: currentColors.text,
+                                            opacity: 0.7,
+                                        }, children: "This shows how cards and content blocks will appear." })] })] }), _jsx("div", { style: {
+                            backgroundColor: currentColors.accent,
+                            color: currentColors.background,
+                            padding: '16px 24px',
+                            textAlign: 'center',
+                            fontSize: '14px',
+                            marginTop: 'auto',
+                        }, children: "\u00A9 2025 Your Website. Powered by PayloadCMS." })] }), _jsxs("div", { style: {
+                    marginTop: '12px',
+                    fontSize: '12px',
+                    color: '#6b7280',
+                    display: 'grid',
+                    gridTemplateColumns: 'repeat(2, 1fr)',
+                    gap: '8px',
+                }, children: [_jsxs("div", { children: [_jsx("strong", { children: "Active Theme:" }), " ", currentTheme] }), _jsxs("div", { children: [_jsx("strong", { children: "Primary:" }), " ", currentColors.primary] }), _jsxs("div", { children: [_jsx("strong", { children: "Accent:" }), " ", currentColors.accent] }), _jsxs("div", { children: [_jsx("strong", { children: "Background:" }), " ", currentColors.background] })] }), hasOverrides && (_jsxs("div", { style: {
+                    marginTop: '8px',
+                    padding: '8px 12px',
+                    backgroundColor: '#fef3c7',
+                    borderRadius: '6px',
+                    fontSize: '11px',
+                    color: '#92400e',
+                    display: 'flex',
+                    alignItems: 'center',
+                    gap: '6px',
+                }, children: [_jsx("span", { children: "\u26A1" }), _jsxs("span", { children: [_jsx("strong", { children: "Custom colors applied" }), " - overriding theme defaults"] })] }))] }));
+}
+//# sourceMappingURL=ThemePreview.js.map

package/dist/components/ThemePreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemePreview.js","sourceRoot":"","sources":["../../src/components/ThemePreview.tsx"],"names":[],"mappings":"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"}

package/dist/components/typographyPreviewUtils.d.ts

@@ -0,0 +1,18 @@
+export interface TypographySelection {
+    bodyFont?: string | null;
+    headingFont?: string | null;
+    bodyFontCustom?: string | null;
+    headingFontCustom?: string | null;
+    baseFontSize?: string | null;
+    lineHeight?: string | null;
+}
+export interface ResolvedTypographyPreview {
+    bodyFont: string;
+    headingFont: string;
+    baseFontSize: string;
+    lineHeight: string;
+    bodyLabel: string;
+    headingLabel: string;
+}
+export declare function resolveTypographyPreview(selection: TypographySelection | null | undefined, themeName?: string): ResolvedTypographyPreview;
+//# sourceMappingURL=typographyPreviewUtils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"typographyPreviewUtils.d.ts","sourceRoot":"","sources":["../../src/components/typographyPreviewUtils.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACjC,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAC3B;AAED,MAAM,WAAW,yBAAyB;IACxC,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,MAAM,CAAA;IACpB,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,MAAM,CAAA;IACjB,YAAY,EAAE,MAAM,CAAA;CACrB;AAyED,wBAAgB,wBAAwB,CACtC,SAAS,EAAE,mBAAmB,GAAG,IAAI,GAAG,SAAS,EACjD,SAAS,CAAC,EAAE,MAAM,GACjB,yBAAyB,CAmC3B"}

package/dist/components/typographyPreviewUtils.js

@@ -0,0 +1,80 @@
+import { BODY_FONT_OPTIONS, FONT_VALUE_TO_CSS, HEADING_FONT_OPTIONS } from '@/constants/themeFonts';
+import { defaultThemePresets } from '../presets';
+const FALLBACK_THEME = defaultThemePresets[0]?.name ?? 'cool';
+const fallbackPreset = defaultThemePresets.find((preset) => preset.name === FALLBACK_THEME) ?? defaultThemePresets[0];
+const FONT_VAR_FALLBACK = {
+    'var(--font-geist-sans)': '"Geist Sans", system-ui, sans-serif',
+    'var(--font-geist-mono)': '"Geist Mono", SFMono-Regular, ui-monospace, monospace',
+    'var(--font-inter)': '"Inter", system-ui, sans-serif',
+    'var(--font-outfit)': '"Outfit", system-ui, sans-serif',
+    'var(--font-playfair)': '"Playfair Display", "Times New Roman", serif',
+    'var(--font-lora)': '"Lora", "Times New Roman", serif',
+    'var(--font-manrope)': '"Manrope", system-ui, sans-serif',
+    'var(--font-urbanist)': '"Urbanist", system-ui, sans-serif',
+};
+function withFallback(fontFamily, fallback) {
+    if (!fontFamily)
+        return fallback;
+    if (fontFamily.startsWith('var(')) {
+        const mappedFallback = FONT_VAR_FALLBACK[fontFamily] ?? fallback;
+        return `${fontFamily}, ${mappedFallback}`;
+    }
+    return fontFamily;
+}
+function getPresetTypography(themeName) {
+    const preset = defaultThemePresets.find((item) => item.name === themeName) ?? fallbackPreset;
+    return preset?.typography;
+}
+function resolveFontFamily(value, customValue, fallback) {
+    if (!value || value === 'preset') {
+        return withFallback(fallback, fallbackPreset?.typography?.fontFamily ?? 'system-ui, sans-serif');
+    }
+    if (value === 'custom') {
+        if (customValue && customValue.trim().length > 0) {
+            return customValue.trim();
+        }
+        return withFallback(fallback, fallbackPreset?.typography?.fontFamily ?? 'system-ui, sans-serif');
+    }
+    const preconfigured = FONT_VALUE_TO_CSS[value];
+    if (preconfigured) {
+        return withFallback(preconfigured, fallbackPreset?.typography?.fontFamily ?? 'system-ui, sans-serif');
+    }
+    return withFallback(fallback, fallbackPreset?.typography?.fontFamily ?? 'system-ui, sans-serif');
+}
+function resolveOptionLabel(options, value, locale = 'en') {
+    const option = options.find((item) => item.value === value);
+    if (!option)
+        return value ?? '';
+    if (typeof option.label === 'string') {
+        return option.label;
+    }
+    return option.label?.[locale] ?? Object.values(option.label)[0] ?? option.value;
+}
+export function resolveTypographyPreview(selection, themeName) {
+    const presetTypography = getPresetTypography(themeName);
+    const fallbackBody = presetTypography?.fontFamily ?? 'system-ui, sans-serif';
+    const fallbackHeading = presetTypography?.headingFamily ?? fallbackBody;
+    const fallbackSize = presetTypography?.baseFontSize ?? '16px';
+    const fallbackLineHeight = presetTypography?.lineHeight ?? '1.6';
+    const bodyFontValue = selection?.bodyFont ?? 'preset';
+    const headingFontValue = selection?.headingFont ?? 'preset';
+    const bodyFontCustom = selection?.bodyFontCustom ?? undefined;
+    const headingFontCustom = selection?.headingFontCustom ?? undefined;
+    const resolvedBodyFont = resolveFontFamily(bodyFontValue, bodyFontCustom, fallbackBody);
+    const resolvedHeadingFont = resolveFontFamily(headingFontValue, headingFontCustom, fallbackHeading);
+    const baseFontSize = selection?.baseFontSize && selection.baseFontSize !== 'preset'
+        ? selection.baseFontSize
+        : fallbackSize;
+    const lineHeight = selection?.lineHeight && selection.lineHeight !== 'preset'
+        ? selection.lineHeight
+        : fallbackLineHeight;
+    return {
+        bodyFont: resolvedBodyFont,
+        headingFont: resolvedHeadingFont,
+        baseFontSize,
+        lineHeight,
+        bodyLabel: resolveOptionLabel(BODY_FONT_OPTIONS, bodyFontValue),
+        headingLabel: resolveOptionLabel(HEADING_FONT_OPTIONS, headingFontValue),
+    };
+}
+//# sourceMappingURL=typographyPreviewUtils.js.map

package/dist/components/typographyPreviewUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typographyPreviewUtils.js","sourceRoot":"","sources":["../../src/components/typographyPreviewUtils.ts"],"names":[],"mappings":"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"}

package/dist/constants/themeFonts.d.ts

@@ -0,0 +1,75 @@
+export declare const BODY_FONT_OPTIONS: readonly [{
+    readonly label: "System";
+    readonly value: "system-ui";
+}, {
+    readonly label: "Inter";
+    readonly value: "Inter";
+}, {
+    readonly label: "Roboto";
+    readonly value: "Roboto";
+}, {
+    readonly label: "Open Sans";
+    readonly value: "Open Sans";
+}, {
+    readonly label: "Lato";
+    readonly value: "Lato";
+}, {
+    readonly label: "Montserrat";
+    readonly value: "Montserrat";
+}, {
+    readonly label: "Poppins";
+    readonly value: "Poppins";
+}];
+export declare const HEADING_FONT_OPTIONS: readonly [{
+    readonly label: "System";
+    readonly value: "system-ui";
+}, {
+    readonly label: "Inter";
+    readonly value: "Inter";
+}, {
+    readonly label: "Playfair Display";
+    readonly value: "Playfair Display";
+}, {
+    readonly label: "Merriweather";
+    readonly value: "Merriweather";
+}, {
+    readonly label: "Montserrat";
+    readonly value: "Montserrat";
+}, {
+    readonly label: "Raleway";
+    readonly value: "Raleway";
+}];
+export declare const BASE_FONT_SIZE_OPTIONS: readonly [{
+    readonly label: "14px";
+    readonly value: "14";
+}, {
+    readonly label: "15px";
+    readonly value: "15";
+}, {
+    readonly label: "16px";
+    readonly value: "16";
+}, {
+    readonly label: "17px";
+    readonly value: "17";
+}, {
+    readonly label: "18px";
+    readonly value: "18";
+}];
+export declare const LINE_HEIGHT_OPTIONS: readonly [{
+    readonly label: "1.4";
+    readonly value: "1.4";
+}, {
+    readonly label: "1.5";
+    readonly value: "1.5";
+}, {
+    readonly label: "1.6";
+    readonly value: "1.6";
+}, {
+    readonly label: "1.7";
+    readonly value: "1.7";
+}, {
+    readonly label: "1.8";
+    readonly value: "1.8";
+}];
+export declare const FONT_VALUE_TO_CSS: Record<string, string>;
+//# sourceMappingURL=themeFonts.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"themeFonts.d.ts","sourceRoot":"","sources":["../../src/constants/themeFonts.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;EAQpB,CAAC;AAEX,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;EAOvB,CAAC;AAEX,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;EAMzB,CAAC;AAEX,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;EAMtB,CAAC;AAEX,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAWpD,CAAC"}

package/dist/constants/themeFonts.js

@@ -0,0 +1,45 @@
+// Theme font constants for the plugin
+export const BODY_FONT_OPTIONS = [
+    { label: 'System', value: 'system-ui' },
+    { label: 'Inter', value: 'Inter' },
+    { label: 'Roboto', value: 'Roboto' },
+    { label: 'Open Sans', value: 'Open Sans' },
+    { label: 'Lato', value: 'Lato' },
+    { label: 'Montserrat', value: 'Montserrat' },
+    { label: 'Poppins', value: 'Poppins' },
+];
+export const HEADING_FONT_OPTIONS = [
+    { label: 'System', value: 'system-ui' },
+    { label: 'Inter', value: 'Inter' },
+    { label: 'Playfair Display', value: 'Playfair Display' },
+    { label: 'Merriweather', value: 'Merriweather' },
+    { label: 'Montserrat', value: 'Montserrat' },
+    { label: 'Raleway', value: 'Raleway' },
+];
+export const BASE_FONT_SIZE_OPTIONS = [
+    { label: '14px', value: '14' },
+    { label: '15px', value: '15' },
+    { label: '16px', value: '16' },
+    { label: '17px', value: '17' },
+    { label: '18px', value: '18' },
+];
+export const LINE_HEIGHT_OPTIONS = [
+    { label: '1.4', value: '1.4' },
+    { label: '1.5', value: '1.5' },
+    { label: '1.6', value: '1.6' },
+    { label: '1.7', value: '1.7' },
+    { label: '1.8', value: '1.8' },
+];
+export const FONT_VALUE_TO_CSS = {
+    'system-ui': 'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
+    'Inter': '"Inter", sans-serif',
+    'Roboto': '"Roboto", sans-serif',
+    'Open Sans': '"Open Sans", sans-serif',
+    'Lato': '"Lato", sans-serif',
+    'Montserrat': '"Montserrat", sans-serif',
+    'Poppins': '"Poppins", sans-serif',
+    'Playfair Display': '"Playfair Display", serif',
+    'Merriweather': '"Merriweather", serif',
+    'Raleway': '"Raleway", sans-serif',
+};
+//# sourceMappingURL=themeFonts.js.map

package/dist/constants/themeFonts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"themeFonts.js","sourceRoot":"","sources":["../../src/constants/themeFonts.ts"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE;IACvC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAClC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;IACpC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE;IAC1C,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;IAChC,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;IAC5C,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;CAC9B,CAAC;AAEX,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAClC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE;IACvC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAClC,EAAE,KAAK,EAAE,kBAAkB,EAAE,KAAK,EAAE,kBAAkB,EAAE;IACxD,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,cAAc,EAAE;IAChD,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;IAC5C,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;CAC9B,CAAC;AAEX,MAAM,CAAC,MAAM,sBAAsB,GAAG;IACpC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE;IAC9B,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE;IAC9B,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE;IAC9B,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE;IAC9B,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE;CACtB,CAAC;AAEX,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;IAC9B,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;IAC9B,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;IAC9B,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;IAC9B,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;CACtB,CAAC;AAEX,MAAM,CAAC,MAAM,iBAAiB,GAA2B;IACvD,WAAW,EAAE,sEAAsE;IACnF,OAAO,EAAE,qBAAqB;IAC9B,QAAQ,EAAE,sBAAsB;IAChC,WAAW,EAAE,yBAAyB;IACtC,MAAM,EAAE,oBAAoB;IAC5B,YAAY,EAAE,0BAA0B;IACxC,SAAS,EAAE,uBAAuB;IAClC,kBAAkB,EAAE,2BAA2B;IAC/C,cAAc,EAAE,uBAAuB;IACvC,SAAS,EAAE,uBAAuB;CACnC,CAAC"}

package/dist/fields/ColorPickerField.d.ts

@@ -0,0 +1,3 @@
+import type { TextFieldClientProps } from 'payload';
+export default function ColorPickerField(props: TextFieldClientProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ColorPickerField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPickerField.d.ts","sourceRoot":"","sources":["../../src/fields/ColorPickerField.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAuBnD,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAAE,oBAAoB,2CAqRnE"}