@kilivi/payloadcms-theme-management 0.1.3 → 0.1.5

package/dist/components/ServerThemeInjector.d.ts

@@ -6,6 +6,6 @@ interface ServerThemeInjectorProps {
  * 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 declare function ServerThemeInjector({ siteSettings }: Readonly<ServerThemeInjectorProps>): Promise<import("react").JSX.Element>;
 export {};
 //# sourceMappingURL=ServerThemeInjector.d.ts.map

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

@@ -1 +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,oDA0F7F"}
+{"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,wCA0F7F"}

package/dist/components/{ServerThemeInjector.js → ServerThemeInjector.jsx}

@@ -1,4 +1,3 @@
-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';
@@ -30,7 +29,7 @@ export async function ServerThemeInjector({ siteSettings }) {
         typography: typography ?? undefined,
     };
     let criticalCSS = await getThemeCriticalCSS(theme);
-    criticalCSS ?? (criticalCSS = createFallbackCriticalCSS(theme));
+    criticalCSS ??= createFallbackCriticalCSS(theme);
     const borderRadiusMap = {
         none: 'none',
         small: 'small',
@@ -65,8 +64,12 @@ ${borderRadiusCSS}
         .filter((block) => Boolean(block?.trim?.().length))
         .join('\n\n');
     const themeCSSPath = getThemeCSSPath(theme);
-    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 })] }));
+    return (<>
+      <style id="theme-critical-css" dangerouslySetInnerHTML={{
+            __html: combinedCSS,
+        }}/>
+      <link rel="preload" href={themeCSSPath} as="style"/>
+      <link rel="stylesheet" href={themeCSSPath}/>
+    </>);
 }
-//# sourceMappingURL=ServerThemeInjector.js.map
+//# sourceMappingURL=ServerThemeInjector.jsx.map

package/dist/components/ServerThemeInjector.jsx.map

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

package/dist/components/ThemePreview.d.ts

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

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

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

package/dist/components/ThemePreview.jsx

@@ -0,0 +1,231 @@
+'use client';
+import { useField } from '@payloadcms/ui';
+import React, { 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 (<div className="theme-preview" style={{ marginTop: '20px' }}>
+      <div style={{
+            fontSize: '16px',
+            fontWeight: '600',
+            marginBottom: '16px',
+            color: '#374151',
+        }}>
+        🎨 Live Theme Preview
+      </div>
+
+      <div className="preview-container" style={{
+            border: '2px solid #e5e7eb',
+            borderRadius: '12px',
+            overflow: 'hidden',
+            backgroundColor: currentColors.background,
+            color: currentColors.text,
+            minHeight: '300px',
+        }}>
+        {/* Header */}
+        <div style={{
+            backgroundColor: currentColors.primary,
+            color: currentColors.background,
+            padding: '16px 24px',
+            display: 'flex',
+            justifyContent: 'space-between',
+            alignItems: 'center',
+        }}>
+          <div style={{ fontSize: '20px', fontWeight: '700' }}>Your Website</div>
+          <nav style={{ display: 'flex', gap: '24px', fontSize: '14px' }}>
+            <span>Home</span>
+            <span>About</span>
+            <span>Services</span>
+            <span>Contact</span>
+          </nav>
+        </div>
+
+        {/* Content */}
+        <div style={{ padding: '32px 24px' }}>
+          <h1 style={{
+            fontSize: '32px',
+            fontWeight: '800',
+            marginBottom: '16px',
+            color: currentColors.text,
+        }}>
+            Welcome to Your Site
+          </h1>
+
+          <p style={{
+            fontSize: '16px',
+            lineHeight: '1.6',
+            marginBottom: '24px',
+            color: currentColors.text,
+            opacity: 0.8,
+        }}>
+            This is how your content will look with the selected theme. The colors and styling will
+            be applied across your entire website.
+          </p>
+
+          {/* Buttons */}
+          <div style={{ display: 'flex', gap: '12px', marginBottom: '32px' }}>
+            <button style={{
+            backgroundColor: currentColors.primary,
+            color: currentColors.background,
+            border: 'none',
+            padding: '12px 24px',
+            borderRadius: '6px',
+            fontSize: '14px',
+            fontWeight: '600',
+            cursor: 'pointer',
+        }}>
+              Primary Button
+            </button>
+            <button style={{
+            backgroundColor: 'transparent',
+            color: currentColors.primary,
+            border: `2px solid ${currentColors.primary}`,
+            padding: '10px 24px',
+            borderRadius: '6px',
+            fontSize: '14px',
+            fontWeight: '600',
+            cursor: 'pointer',
+        }}>
+              Secondary Button
+            </button>
+          </div>
+
+          {/* Card */}
+          <div style={{
+            backgroundColor: currentColors.text,
+            color: currentColors.background,
+            padding: '24px',
+            borderRadius: '8px',
+            opacity: 0.05,
+            marginBottom: '16px',
+        }}/>
+          <div style={{
+            border: `1px solid ${currentColors.text}`,
+            padding: '20px',
+            borderRadius: '8px',
+            opacity: 0.1,
+        }}>
+            <h3 style={{
+            fontSize: '18px',
+            fontWeight: '600',
+            marginBottom: '12px',
+            color: currentColors.text,
+        }}>
+              Sample Card
+            </h3>
+            <p style={{
+            fontSize: '14px',
+            color: currentColors.text,
+            opacity: 0.7,
+        }}>
+              This shows how cards and content blocks will appear.
+            </p>
+          </div>
+        </div>
+
+        {/* Footer */}
+        <div style={{
+            backgroundColor: currentColors.accent,
+            color: currentColors.background,
+            padding: '16px 24px',
+            textAlign: 'center',
+            fontSize: '14px',
+            marginTop: 'auto',
+        }}>
+          © 2025 Your Website. Powered by PayloadCMS.
+        </div>
+      </div>
+
+      {/* Theme info */}
+      <div style={{
+            marginTop: '12px',
+            fontSize: '12px',
+            color: '#6b7280',
+            display: 'grid',
+            gridTemplateColumns: 'repeat(2, 1fr)',
+            gap: '8px',
+        }}>
+        <div>
+          <strong>Active Theme:</strong> {currentTheme}
+        </div>
+        <div>
+          <strong>Primary:</strong> {currentColors.primary}
+        </div>
+        <div>
+          <strong>Accent:</strong> {currentColors.accent}
+        </div>
+        <div>
+          <strong>Background:</strong> {currentColors.background}
+        </div>
+      </div>
+
+      {/* Customization indicator */}
+      {hasOverrides && (<div style={{
+                marginTop: '8px',
+                padding: '8px 12px',
+                backgroundColor: '#fef3c7',
+                borderRadius: '6px',
+                fontSize: '11px',
+                color: '#92400e',
+                display: 'flex',
+                alignItems: 'center',
+                gap: '6px',
+            }}>
+          <span>⚡</span>
+          <span>
+            <strong>Custom colors applied</strong> - overriding theme defaults
+          </span>
+        </div>)}
+    </div>);
+}
+//# sourceMappingURL=ThemePreview.jsx.map

package/dist/components/ThemePreview.jsx.map

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

package/dist/fields/ColorPickerField.d.ts

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

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

@@ -1 +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"}
+{"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,+BAqRnE"}

package/dist/fields/ColorPickerField.jsx

@@ -0,0 +1,205 @@
+'use client';
+import { useField } from '@payloadcms/ui';
+import { useCallback, useEffect, useRef, useState } from 'react';
+const colorPresets = {
+    'Theme Colors': ['#3b82f6', '#1e40af', '#b45309', '#78716c', '#8b5cf6', '#f97316'],
+    'Common Colors': ['#ef4444', '#10b981', '#f59e0b', '#06b6d4', '#ec4899', '#6b7280'],
+    'Neutral Tones': ['#000000', '#1f2937', '#6b7280', '#d1d5db', '#f3f4f6', '#ffffff'],
+};
+function resolveLocalizedValue(value) {
+    if (typeof value === 'string') {
+        return value;
+    }
+    if (typeof value === 'object' && value !== null) {
+        const localized = value;
+        const fallback = localized.en ?? localized.cs ?? localized[''];
+        return typeof fallback === 'string' ? fallback : '';
+    }
+    return '';
+}
+export default function ColorPickerField(props) {
+    const { field, path } = props;
+    const { value = '#000000', setValue } = useField({ path });
+    const [isPickerOpen, setIsPickerOpen] = useState(false);
+    const pickerRef = useRef(null);
+    const fieldLabel = resolveLocalizedValue(field.label);
+    const fieldDescription = resolveLocalizedValue(field.admin?.description);
+    const placeholder = resolveLocalizedValue(field.admin?.placeholder) || 'e.g., #3b82f6, hsl(...)';
+    const handleColorChange = useCallback((color) => {
+        setValue(color);
+    }, [setValue]);
+    const handleInputChange = useCallback((event) => {
+        handleColorChange(event.target.value);
+    }, [handleColorChange]);
+    const togglePicker = useCallback(() => {
+        setIsPickerOpen((previous) => !previous);
+    }, []);
+    useEffect(() => {
+        if (!isPickerOpen) {
+            return;
+        }
+        function handleClickOutside(event) {
+            if (!pickerRef.current) {
+                return;
+            }
+            if (!pickerRef.current.contains(event.target)) {
+                setIsPickerOpen(false);
+            }
+        }
+        document.addEventListener('mousedown', handleClickOutside);
+        return () => {
+            document.removeEventListener('mousedown', handleClickOutside);
+        };
+    }, [isPickerOpen]);
+    return (<div className="field-type color-picker-field" style={{ position: 'relative' }}>
+      {fieldLabel && (<label htmlFor={path} className="field-label" style={{ display: 'block', marginBottom: '8px', fontSize: '13px', fontWeight: 600 }}>
+          {fieldLabel}
+          {field.required && (<span className="required" style={{ color: 'var(--theme-error-500)', marginLeft: '4px' }}>
+              *
+            </span>)}
+        </label>)}
+
+      {fieldDescription && (<div className="field-description" style={{
+                marginBottom: '8px',
+                fontSize: '13px',
+                color: 'var(--theme-elevation-500)',
+                lineHeight: 1.5,
+            }}>
+          {fieldDescription}
+        </div>)}
+
+      <div className="color-picker-input-group" style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>
+        <button type="button" onClick={togglePicker} className="color-preview-button" style={{
+            width: '40px',
+            height: '40px',
+            borderRadius: '6px',
+            border: '2px solid #e5e7eb',
+            backgroundColor: value || '#ffffff',
+            cursor: 'pointer',
+            position: 'relative',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+        }} title={value ? `Current color: ${value}` : 'Select a color'}>
+          {!value && <span style={{ fontSize: '20px', color: '#9ca3af' }}>?</span>}
+        </button>
+
+        <input id={path} type="text" value={value || ''} onChange={handleInputChange} placeholder={placeholder} style={{
+            flex: 1,
+            padding: '8px 12px',
+            border: '1px solid var(--theme-elevation-150)',
+            borderRadius: '6px',
+            fontSize: '14px',
+            fontFamily: 'monospace',
+            backgroundColor: 'var(--theme-elevation-0)',
+            color: 'var(--theme-elevation-1000)',
+        }}/>
+
+        <input type="color" value={value?.startsWith('#') ? value : '#3b82f6'} onChange={handleInputChange} title="Pick a color" style={{
+            width: '40px',
+            height: '40px',
+            border: 'none',
+            borderRadius: '6px',
+            cursor: 'pointer',
+        }}/>
+      </div>
+
+      {isPickerOpen && (<div ref={pickerRef} className="color-presets" style={{
+                position: 'absolute',
+                top: '100%',
+                left: 0,
+                right: 0,
+                zIndex: 1000,
+                marginTop: '4px',
+                padding: '16px',
+                border: '1px solid var(--theme-elevation-150)',
+                borderRadius: '8px',
+                backgroundColor: 'var(--theme-elevation-0)',
+                boxShadow: '0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)',
+                maxHeight: '300px',
+                overflowY: 'auto',
+            }}>
+          <div style={{
+                marginBottom: '16px',
+                fontSize: '14px',
+                fontWeight: 600,
+                color: 'var(--theme-elevation-800)',
+            }}>
+            🎨 Professional Color Picker
+          </div>
+
+          {Object.entries(colorPresets).map(([groupName, colors]) => (<div key={groupName} style={{ marginBottom: '16px' }}>
+              <div style={{
+                    marginBottom: '8px',
+                    fontSize: '12px',
+                    fontWeight: 500,
+                    color: 'var(--theme-elevation-600)',
+                    textTransform: 'uppercase',
+                    letterSpacing: '0.05em',
+                }}>
+                {groupName}
+              </div>
+              <div style={{ display: 'grid', gridTemplateColumns: 'repeat(6, 1fr)', gap: '6px' }}>
+                {colors.map((color) => (<button key={color} type="button" onClick={() => handleColorChange(color)} style={{
+                        width: '36px',
+                        height: '36px',
+                        borderRadius: '6px',
+                        border: value === color
+                            ? '3px solid var(--theme-primary-500)'
+                            : '1px solid var(--theme-elevation-150)',
+                        backgroundColor: color,
+                        cursor: 'pointer',
+                        transition: 'all 0.2s ease',
+                        position: 'relative',
+                        overflow: 'hidden',
+                        boxShadow: value === color
+                            ? '0 0 0 2px var(--theme-primary-200)'
+                            : '0 1px 3px rgba(0, 0, 0, 0.1)',
+                    }} title={`${color} - Click to select`} onMouseEnter={(event) => {
+                        event.currentTarget.style.transform = 'scale(1.1)';
+                    }} onMouseLeave={(event) => {
+                        event.currentTarget.style.transform = 'scale(1)';
+                    }}>
+                    {color === '#ffffff' && (<div style={{
+                            position: 'absolute',
+                            inset: 0,
+                            border: '1px solid var(--theme-elevation-150)',
+                            borderRadius: 'inherit',
+                        }}/>)}
+                  </button>))}
+              </div>
+            </div>))}
+
+          <div style={{
+                marginTop: '16px',
+                paddingTop: '16px',
+                borderTop: '1px solid var(--theme-elevation-100)',
+            }}>
+            <div style={{
+                marginBottom: '8px',
+                fontSize: '12px',
+                fontWeight: 500,
+                color: 'var(--theme-elevation-600)',
+            }}>
+              CUSTOM COLOR
+            </div>
+            <div style={{ display: 'flex', gap: '8px', alignItems: 'center' }}>
+              <input type="color" value={value?.startsWith('#') ? value : '#3b82f6'} onChange={handleInputChange} style={{
+                width: '36px',
+                height: '36px',
+                border: 'none',
+                borderRadius: '6px',
+                cursor: 'pointer',
+            }}/>
+              <div style={{ fontSize: '11px', color: '#9ca3af', lineHeight: 1.3 }}>
+                <div>
+                  <strong>Formats:</strong>
+                </div>
+                <div>Hex, RGB, HSL, CSS vars</div>
+              </div>
+            </div>
+          </div>
+        </div>)}
+    </div>);
+}
+//# sourceMappingURL=ColorPickerField.jsx.map

package/dist/fields/ColorPickerField.jsx.map

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

package/dist/fields/RadiusField.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"RadiusField.d.ts","sourceRoot":"","sources":["../../src/fields/RadiusField.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAYrD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,sBAAsB,2CA2J9E"}
+{"version":3,"file":"RadiusField.d.ts","sourceRoot":"","sources":["../../src/fields/RadiusField.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAYrD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,sBAAsB,+BA2J9E"}