@kilivi/payloadcms-theme-management 0.2.2 → 0.2.3

package/dist/tweakcn-special-themes.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tweakcn-special-themes.ts"],"sourcesContent":["/**\n * Special TweakCN Theme Presets\n * Unique, creative themes inspired by TweakCN editor\n * https://tweakcn.com/editor/theme\n */\n\nimport type { ExtendedThemePreset } from './extended-presets.js'\n\nexport const specialThemePresets: Record<string, ExtendedThemePreset> = {\n  'cyberpunk': {\n    label: 'Cyberpunk Neon',\n    value: 'cyberpunk',\n    styles: {\n      light: {\n        background: 'oklch(0.98 0.02 180)',\n        foreground: 'oklch(0.15 0.05 310)',\n        card: 'oklch(0.96 0.03 180)',\n        'card-foreground': 'oklch(0.15 0.05 310)',\n        popover: 'oklch(0.96 0.03 180)',\n        'popover-foreground': 'oklch(0.15 0.05 310)',\n        primary: 'oklch(0.65 0.25 320)',\n        'primary-foreground': 'oklch(0.98 0.01 320)',\n        secondary: 'oklch(0.90 0.05 280)',\n        'secondary-foreground': 'oklch(0.15 0.05 280)',\n        muted: 'oklch(0.92 0.02 180)',\n        'muted-foreground': 'oklch(0.50 0.05 310)',\n        accent: 'oklch(0.75 0.22 290)',\n        'accent-foreground': 'oklch(0.98 0.01 290)',\n        destructive: 'oklch(0.60 0.25 15)',\n        'destructive-foreground': 'oklch(0.98 0.01 15)',\n        border: 'oklch(0.88 0.04 180)',\n        input: 'oklch(0.88 0.04 180)',\n        ring: 'oklch(0.65 0.25 320)',\n        'chart-1': 'oklch(0.65 0.25 320)',\n        'chart-2': 'oklch(0.75 0.22 290)',\n        'chart-3': 'oklch(0.70 0.20 340)',\n        'chart-4': 'oklch(0.68 0.23 270)',\n        'chart-5': 'oklch(0.72 0.18 300)',\n        radius: '0.75rem',\n        'shadow-color': 'hsl(320 100% 50%)',\n        'shadow-opacity': '0.25',\n        'shadow-blur': '8px',\n        'shadow-spread': '0px',\n        'shadow-offset-x': '0px',\n        'shadow-offset-y': '4px',\n      },\n      dark: {\n        background: 'oklch(0.10 0.05 310)',\n        foreground: 'oklch(0.95 0.05 320)',\n        card: 'oklch(0.12 0.06 310)',\n        'card-foreground': 'oklch(0.95 0.05 320)',\n        popover: 'oklch(0.12 0.06 310)',\n        'popover-foreground': 'oklch(0.95 0.05 320)',\n        primary: 'oklch(0.75 0.28 320)',\n        'primary-foreground': 'oklch(0.10 0.05 320)',\n        secondary: 'oklch(0.20 0.08 280)',\n        'secondary-foreground': 'oklch(0.95 0.05 280)',\n        muted: 'oklch(0.18 0.06 310)',\n        'muted-foreground': 'oklch(0.65 0.08 320)',\n        accent: 'oklch(0.65 0.25 290)',\n        'accent-foreground': 'oklch(0.10 0.05 290)',\n        destructive: 'oklch(0.70 0.28 15)',\n        'destructive-foreground': 'oklch(0.10 0.05 15)',\n        border: 'oklch(0.25 0.08 310)',\n        input: 'oklch(0.25 0.08 310)',\n        ring: 'oklch(0.75 0.28 320)',\n        'chart-1': 'oklch(0.75 0.28 320)',\n        'chart-2': 'oklch(0.65 0.25 290)',\n        'chart-3': 'oklch(0.70 0.26 340)',\n        'chart-4': 'oklch(0.68 0.27 270)',\n        'chart-5': 'oklch(0.72 0.24 300)',\n        radius: '0.75rem',\n        'shadow-color': 'hsl(320 100% 50%)',\n        'shadow-opacity': '0.4',\n        'shadow-blur': '12px',\n        'shadow-spread': '0px',\n        'shadow-offset-x': '0px',\n        'shadow-offset-y': '6px',\n      },\n    },\n  },\n\n  'minimal': {\n    label: 'Minimal Clean',\n    value: 'minimal',\n    styles: {\n      light: {\n        background: 'oklch(1 0 0)',\n        foreground: 'oklch(0.12 0 0)',\n        card: 'oklch(1 0 0)',\n        'card-foreground': 'oklch(0.12 0 0)',\n        popover: 'oklch(1 0 0)',\n        'popover-foreground': 'oklch(0.12 0 0)',\n        primary: 'oklch(0.12 0 0)',\n        'primary-foreground': 'oklch(1 0 0)',\n        secondary: 'oklch(0.98 0 0)',\n        'secondary-foreground': 'oklch(0.12 0 0)',\n        muted: 'oklch(0.98 0 0)',\n        'muted-foreground': 'oklch(0.55 0 0)',\n        accent: 'oklch(0.96 0 0)',\n        'accent-foreground': 'oklch(0.12 0 0)',\n        destructive: 'oklch(0.55 0.22 25)',\n        'destructive-foreground': 'oklch(1 0 0)',\n        border: 'oklch(0.94 0 0)',\n        input: 'oklch(0.94 0 0)',\n        ring: 'oklch(0.12 0 0)',\n        'chart-1': 'oklch(0.55 0 0)',\n        'chart-2': 'oklch(0.45 0 0)',\n        'chart-3': 'oklch(0.35 0 0)',\n        'chart-4': 'oklch(0.65 0 0)',\n        'chart-5': 'oklch(0.75 0 0)',\n        radius: '0rem',\n        'shadow-color': 'hsl(0 0% 0%)',\n        'shadow-opacity': '0.08',\n        'shadow-blur': '1px',\n        'shadow-spread': '0px',\n        'shadow-offset-x': '0px',\n        'shadow-offset-y': '1px',\n      },\n      dark: {\n        background: 'oklch(0.12 0 0)',\n        foreground: 'oklch(0.98 0 0)',\n        card: 'oklch(0.16 0 0)',\n        'card-foreground': 'oklch(0.98 0 0)',\n        popover: 'oklch(0.16 0 0)',\n        'popover-foreground': 'oklch(0.98 0 0)',\n        primary: 'oklch(0.98 0 0)',\n        'primary-foreground': 'oklch(0.12 0 0)',\n        secondary: 'oklch(0.22 0 0)',\n        'secondary-foreground': 'oklch(0.98 0 0)',\n        muted: 'oklch(0.22 0 0)',\n        'muted-foreground': 'oklch(0.65 0 0)',\n        accent: 'oklch(0.28 0 0)',\n        'accent-foreground': 'oklch(0.98 0 0)',\n        destructive: 'oklch(0.65 0.25 25)',\n        'destructive-foreground': 'oklch(0.98 0 0)',\n        border: 'oklch(0.26 0 0)',\n        input: 'oklch(0.26 0 0)',\n        ring: 'oklch(0.85 0 0)',\n        'chart-1': 'oklch(0.75 0 0)',\n        'chart-2': 'oklch(0.65 0 0)',\n        'chart-3': 'oklch(0.55 0 0)',\n        'chart-4': 'oklch(0.85 0 0)',\n        'chart-5': 'oklch(0.95 0 0)',\n        radius: '0rem',\n        'shadow-color': 'hsl(0 0% 100%)',\n        'shadow-opacity': '0.05',\n        'shadow-blur': '2px',\n        'shadow-spread': '0px',\n        'shadow-offset-x': '0px',\n        'shadow-offset-y': '1px',\n      },\n    },\n  },\n\n  'retro': {\n    label: 'Retro Vintage',\n    value: 'retro',\n    styles: {\n      light: {\n        background: 'oklch(0.96 0.03 80)',\n        foreground: 'oklch(0.25 0.05 40)',\n        card: 'oklch(0.94 0.04 75)',\n        'card-foreground': 'oklch(0.25 0.05 40)',\n        popover: 'oklch(0.94 0.04 75)',\n        'popover-foreground': 'oklch(0.25 0.05 40)',\n        primary: 'oklch(0.55 0.18 35)',\n        'primary-foreground': 'oklch(0.96 0.02 35)',\n        secondary: 'oklch(0.88 0.06 70)',\n        'secondary-foreground': 'oklch(0.25 0.05 70)',\n        muted: 'oklch(0.90 0.04 80)',\n        'muted-foreground': 'oklch(0.48 0.08 40)',\n        accent: 'oklch(0.68 0.16 50)',\n        'accent-foreground': 'oklch(0.96 0.02 50)',\n        destructive: 'oklch(0.52 0.20 20)',\n        'destructive-foreground': 'oklch(0.96 0.02 20)',\n        border: 'oklch(0.85 0.05 75)',\n        input: 'oklch(0.85 0.05 75)',\n        ring: 'oklch(0.55 0.18 35)',\n        'chart-1': 'oklch(0.55 0.18 35)',\n        'chart-2': 'oklch(0.68 0.16 50)',\n        'chart-3': 'oklch(0.60 0.17 25)',\n        'chart-4': 'oklch(0.62 0.15 60)',\n        'chart-5': 'oklch(0.58 0.19 15)',\n        radius: '0.25rem',\n        'font-sans': 'Georgia, serif',\n        'font-serif': 'Georgia, serif',\n        'font-mono': 'Courier New, monospace',\n        'shadow-color': 'hsl(40 30% 30%)',\n        'shadow-opacity': '0.2',\n        'shadow-blur': '4px',\n        'shadow-spread': '0px',\n        'shadow-offset-x': '2px',\n        'shadow-offset-y': '2px',\n      },\n      dark: {\n        background: 'oklch(0.18 0.04 40)',\n        foreground: 'oklch(0.92 0.04 80)',\n        card: 'oklch(0.22 0.05 40)',\n        'card-foreground': 'oklch(0.92 0.04 80)',\n        popover: 'oklch(0.22 0.05 40)',\n        'popover-foreground': 'oklch(0.92 0.04 80)',\n        primary: 'oklch(0.72 0.20 35)',\n        'primary-foreground': 'oklch(0.18 0.04 35)',\n        secondary: 'oklch(0.30 0.08 70)',\n        'secondary-foreground': 'oklch(0.92 0.04 70)',\n        muted: 'oklch(0.26 0.06 40)',\n        'muted-foreground': 'oklch(0.68 0.08 80)',\n        accent: 'oklch(0.60 0.18 50)',\n        'accent-foreground': 'oklch(0.18 0.04 50)',\n        destructive: 'oklch(0.68 0.22 20)',\n        'destructive-foreground': 'oklch(0.18 0.04 20)',\n        border: 'oklch(0.32 0.06 40)',\n        input: 'oklch(0.32 0.06 40)',\n        ring: 'oklch(0.72 0.20 35)',\n        'chart-1': 'oklch(0.72 0.20 35)',\n        'chart-2': 'oklch(0.60 0.18 50)',\n        'chart-3': 'oklch(0.68 0.19 25)',\n        'chart-4': 'oklch(0.65 0.17 60)',\n        'chart-5': 'oklch(0.70 0.21 15)',\n        radius: '0.25rem',\n        'font-sans': 'Georgia, serif',\n        'font-serif': 'Georgia, serif',\n        'font-mono': 'Courier New, monospace',\n        'shadow-color': 'hsl(80 30% 70%)',\n        'shadow-opacity': '0.15',\n        'shadow-blur': '6px',\n        'shadow-spread': '0px',\n        'shadow-offset-x': '3px',\n        'shadow-offset-y': '3px',\n      },\n    },\n  },\n\n  'brutal': {\n    label: 'Brutal',\n    value: 'brutal',\n    styles: {\n      light: {\n        background: 'oklch(0.99 0 0)',\n        foreground: 'oklch(0 0 0)',\n        card: 'oklch(0.99 0 0)',\n        'card-foreground': 'oklch(0 0 0)',\n        popover: 'oklch(0.99 0 0)',\n        'popover-foreground': 'oklch(0 0 0)',\n        primary: 'oklch(0 0 0)',\n        'primary-foreground': 'oklch(0.99 0 0)',\n        secondary: 'oklch(0.85 0 0)',\n        'secondary-foreground': 'oklch(0 0 0)',\n        muted: 'oklch(0.90 0 0)',\n        'muted-foreground': 'oklch(0.40 0 0)',\n        accent: 'oklch(0.85 0 0)',\n        'accent-foreground': 'oklch(0 0 0)',\n        destructive: 'oklch(0.55 0.25 25)',\n        'destructive-foreground': 'oklch(0.99 0 0)',\n        border: 'oklch(0 0 0)',\n        input: 'oklch(0 0 0)',\n        ring: 'oklch(0 0 0)',\n        'chart-1': 'oklch(0.20 0 0)',\n        'chart-2': 'oklch(0.40 0 0)',\n        'chart-3': 'oklch(0.60 0 0)',\n        'chart-4': 'oklch(0.80 0 0)',\n        'chart-5': 'oklch(0.30 0 0)',\n        radius: '0rem',\n        'shadow-color': 'hsl(0 0% 0%)',\n        'shadow-opacity': '1',\n        'shadow-blur': '0px',\n        'shadow-spread': '0px',\n        'shadow-offset-x': '4px',\n        'shadow-offset-y': '4px',\n      },\n      dark: {\n        background: 'oklch(0.10 0 0)',\n        foreground: 'oklch(0.99 0 0)',\n        card: 'oklch(0.10 0 0)',\n        'card-foreground': 'oklch(0.99 0 0)',\n        popover: 'oklch(0.10 0 0)',\n        'popover-foreground': 'oklch(0.99 0 0)',\n        primary: 'oklch(0.99 0 0)',\n        'primary-foreground': 'oklch(0.10 0 0)',\n        secondary: 'oklch(0.25 0 0)',\n        'secondary-foreground': 'oklch(0.99 0 0)',\n        muted: 'oklch(0.20 0 0)',\n        'muted-foreground': 'oklch(0.70 0 0)',\n        accent: 'oklch(0.25 0 0)',\n        'accent-foreground': 'oklch(0.99 0 0)',\n        destructive: 'oklch(0.65 0.28 25)',\n        'destructive-foreground': 'oklch(0.10 0 0)',\n        border: 'oklch(0.99 0 0)',\n        input: 'oklch(0.99 0 0)',\n        ring: 'oklch(0.99 0 0)',\n        'chart-1': 'oklch(0.80 0 0)',\n        'chart-2': 'oklch(0.60 0 0)',\n        'chart-3': 'oklch(0.40 0 0)',\n        'chart-4': 'oklch(0.90 0 0)',\n        'chart-5': 'oklch(0.70 0 0)',\n        radius: '0rem',\n        'shadow-color': 'hsl(0 0% 100%)',\n        'shadow-opacity': '1',\n        'shadow-blur': '0px',\n        'shadow-spread': '0px',\n        'shadow-offset-x': '4px',\n        'shadow-offset-y': '4px',\n      },\n    },\n  },\n\n  'pastel': {\n    label: 'Pastel Soft',\n    value: 'pastel',\n    styles: {\n      light: {\n        background: 'oklch(0.98 0.01 250)',\n        foreground: 'oklch(0.30 0.04 250)',\n        card: 'oklch(0.96 0.02 240)',\n        'card-foreground': 'oklch(0.30 0.04 250)',\n        popover: 'oklch(0.96 0.02 240)',\n        'popover-foreground': 'oklch(0.30 0.04 250)',\n        primary: 'oklch(0.70 0.12 270)',\n        'primary-foreground': 'oklch(0.98 0.01 270)',\n        secondary: 'oklch(0.90 0.06 200)',\n        'secondary-foreground': 'oklch(0.30 0.04 200)',\n        muted: 'oklch(0.93 0.03 240)',\n        'muted-foreground': 'oklch(0.55 0.06 250)',\n        accent: 'oklch(0.85 0.08 300)',\n        'accent-foreground': 'oklch(0.30 0.04 300)',\n        destructive: 'oklch(0.65 0.15 20)',\n        'destructive-foreground': 'oklch(0.98 0.01 20)',\n        border: 'oklch(0.88 0.05 240)',\n        input: 'oklch(0.88 0.05 240)',\n        ring: 'oklch(0.70 0.12 270)',\n        'chart-1': 'oklch(0.70 0.12 270)',\n        'chart-2': 'oklch(0.85 0.08 300)',\n        'chart-3': 'oklch(0.75 0.10 180)',\n        'chart-4': 'oklch(0.68 0.14 60)',\n        'chart-5': 'oklch(0.80 0.09 330)',\n        radius: '1rem',\n        'shadow-color': 'hsl(270 50% 70%)',\n        'shadow-opacity': '0.12',\n        'shadow-blur': '6px',\n        'shadow-spread': '0px',\n        'shadow-offset-x': '0px',\n        'shadow-offset-y': '2px',\n      },\n      dark: {\n        background: 'oklch(0.20 0.04 250)',\n        foreground: 'oklch(0.95 0.02 270)',\n        card: 'oklch(0.24 0.05 240)',\n        'card-foreground': 'oklch(0.95 0.02 270)',\n        popover: 'oklch(0.24 0.05 240)',\n        'popover-foreground': 'oklch(0.95 0.02 270)',\n        primary: 'oklch(0.75 0.14 270)',\n        'primary-foreground': 'oklch(0.20 0.04 270)',\n        secondary: 'oklch(0.35 0.08 200)',\n        'secondary-foreground': 'oklch(0.95 0.02 200)',\n        muted: 'oklch(0.28 0.06 240)',\n        'muted-foreground': 'oklch(0.70 0.08 270)',\n        accent: 'oklch(0.50 0.10 300)',\n        'accent-foreground': 'oklch(0.95 0.02 300)',\n        destructive: 'oklch(0.70 0.18 20)',\n        'destructive-foreground': 'oklch(0.20 0.04 20)',\n        border: 'oklch(0.32 0.06 240)',\n        input: 'oklch(0.32 0.06 240)',\n        ring: 'oklch(0.75 0.14 270)',\n        'chart-1': 'oklch(0.75 0.14 270)',\n        'chart-2': 'oklch(0.50 0.10 300)',\n        'chart-3': 'oklch(0.65 0.12 180)',\n        'chart-4': 'oklch(0.60 0.16 60)',\n        'chart-5': 'oklch(0.68 0.11 330)',\n        radius: '1rem',\n        'shadow-color': 'hsl(270 50% 30%)',\n        'shadow-opacity': '0.2',\n        'shadow-blur': '8px',\n        'shadow-spread': '0px',\n        'shadow-offset-x': '0px',\n        'shadow-offset-y': '3px',\n      },\n    },\n  },\n  \n  'ocean': {\n    label: 'Ocean Deep',\n    value: 'ocean',\n    styles: {\n      light: {\n        background: 'oklch(0.97 0.02 220)',\n        foreground: 'oklch(0.22 0.06 220)',\n        card: 'oklch(0.95 0.03 215)',\n        'card-foreground': 'oklch(0.22 0.06 220)',\n        popover: 'oklch(0.95 0.03 215)',\n        'popover-foreground': 'oklch(0.22 0.06 220)',\n        primary: 'oklch(0.55 0.18 230)',\n        'primary-foreground': 'oklch(0.97 0.02 230)',\n        secondary: 'oklch(0.88 0.06 200)',\n        'secondary-foreground': 'oklch(0.22 0.06 200)',\n        muted: 'oklch(0.91 0.04 215)',\n        'muted-foreground': 'oklch(0.50 0.08 220)',\n        accent: 'oklch(0.68 0.15 190)',\n        'accent-foreground': 'oklch(0.97 0.02 190)',\n        destructive: 'oklch(0.58 0.22 25)',\n        'destructive-foreground': 'oklch(0.97 0.02 25)',\n        border: 'oklch(0.85 0.05 215)',\n        input: 'oklch(0.85 0.05 215)',\n        ring: 'oklch(0.55 0.18 230)',\n        'chart-1': 'oklch(0.55 0.18 230)',\n        'chart-2': 'oklch(0.68 0.15 190)',\n        'chart-3': 'oklch(0.60 0.16 210)',\n        'chart-4': 'oklch(0.62 0.14 180)',\n        'chart-5': 'oklch(0.58 0.19 240)',\n        radius: '0.5rem',\n      },\n      dark: {\n        background: 'oklch(0.15 0.04 220)',\n        foreground: 'oklch(0.92 0.04 220)',\n        card: 'oklch(0.19 0.05 215)',\n        'card-foreground': 'oklch(0.92 0.04 220)',\n        popover: 'oklch(0.19 0.05 215)',\n        'popover-foreground': 'oklch(0.92 0.04 220)',\n        primary: 'oklch(0.70 0.20 230)',\n        'primary-foreground': 'oklch(0.15 0.04 230)',\n        secondary: 'oklch(0.28 0.08 200)',\n        'secondary-foreground': 'oklch(0.92 0.04 200)',\n        muted: 'oklch(0.24 0.06 215)',\n        'muted-foreground': 'oklch(0.68 0.08 220)',\n        accent: 'oklch(0.58 0.17 190)',\n        'accent-foreground': 'oklch(0.92 0.04 190)',\n        destructive: 'oklch(0.68 0.24 25)',\n        'destructive-foreground': 'oklch(0.15 0.04 25)',\n        border: 'oklch(0.30 0.06 215)',\n        input: 'oklch(0.30 0.06 215)',\n        ring: 'oklch(0.70 0.20 230)',\n        'chart-1': 'oklch(0.70 0.20 230)',\n        'chart-2': 'oklch(0.58 0.17 190)',\n        'chart-3': 'oklch(0.65 0.18 210)',\n        'chart-4': 'oklch(0.62 0.16 180)',\n        'chart-5': 'oklch(0.68 0.21 240)',\n        radius: '0.5rem',\n      },\n    },\n  },\n  \n  'forest': {\n    label: 'Forest Green',\n    value: 'forest',\n    styles: {\n      light: {\n        background: 'oklch(0.97 0.02 145)',\n        foreground: 'oklch(0.20 0.06 145)',\n        card: 'oklch(0.95 0.03 140)',\n        'card-foreground': 'oklch(0.20 0.06 145)',\n        popover: 'oklch(0.95 0.03 140)',\n        'popover-foreground': 'oklch(0.20 0.06 145)',\n        primary: 'oklch(0.52 0.16 145)',\n        'primary-foreground': 'oklch(0.97 0.02 145)',\n        secondary: 'oklch(0.88 0.05 130)',\n        'secondary-foreground': 'oklch(0.20 0.06 130)',\n        muted: 'oklch(0.91 0.03 140)',\n        'muted-foreground': 'oklch(0.48 0.08 145)',\n        accent: 'oklch(0.65 0.14 155)',\n        'accent-foreground': 'oklch(0.97 0.02 155)',\n        destructive: 'oklch(0.58 0.22 25)',\n        'destructive-foreground': 'oklch(0.97 0.02 25)',\n        border: 'oklch(0.85 0.04 140)',\n        input: 'oklch(0.85 0.04 140)',\n        ring: 'oklch(0.52 0.16 145)',\n        'chart-1': 'oklch(0.52 0.16 145)',\n        'chart-2': 'oklch(0.65 0.14 155)',\n        'chart-3': 'oklch(0.58 0.15 135)',\n        'chart-4': 'oklch(0.60 0.13 165)',\n        'chart-5': 'oklch(0.55 0.17 125)',\n        radius: '0.5rem',\n      },\n      dark: {\n        background: 'oklch(0.16 0.04 145)',\n        foreground: 'oklch(0.92 0.03 145)',\n        card: 'oklch(0.20 0.05 140)',\n        'card-foreground': 'oklch(0.92 0.03 145)',\n        popover: 'oklch(0.20 0.05 140)',\n        'popover-foreground': 'oklch(0.92 0.03 145)',\n        primary: 'oklch(0.68 0.18 145)',\n        'primary-foreground': 'oklch(0.16 0.04 145)',\n        secondary: 'oklch(0.30 0.07 130)',\n        'secondary-foreground': 'oklch(0.92 0.03 130)',\n        muted: 'oklch(0.25 0.05 140)',\n        'muted-foreground': 'oklch(0.68 0.07 145)',\n        accent: 'oklch(0.58 0.16 155)',\n        'accent-foreground': 'oklch(0.92 0.03 155)',\n        destructive: 'oklch(0.68 0.24 25)',\n        'destructive-foreground': 'oklch(0.16 0.04 25)',\n        border: 'oklch(0.32 0.06 140)',\n        input: 'oklch(0.32 0.06 140)',\n        ring: 'oklch(0.68 0.18 145)',\n        'chart-1': 'oklch(0.68 0.18 145)',\n        'chart-2': 'oklch(0.58 0.16 155)',\n        'chart-3': 'oklch(0.63 0.17 135)',\n        'chart-4': 'oklch(0.60 0.15 165)',\n        'chart-5': 'oklch(0.65 0.19 125)',\n        radius: '0.5rem',\n      },\n    },\n  },\n  \n  'sunset': {\n    label: 'Sunset Warm',\n    value: 'sunset',\n    styles: {\n      light: {\n        background: 'oklch(0.97 0.03 50)',\n        foreground: 'oklch(0.25 0.06 40)',\n        card: 'oklch(0.95 0.04 45)',\n        'card-foreground': 'oklch(0.25 0.06 40)',\n        popover: 'oklch(0.95 0.04 45)',\n        'popover-foreground': 'oklch(0.25 0.06 40)',\n        primary: 'oklch(0.60 0.20 35)',\n        'primary-foreground': 'oklch(0.97 0.02 35)',\n        secondary: 'oklch(0.88 0.08 55)',\n        'secondary-foreground': 'oklch(0.25 0.06 55)',\n        muted: 'oklch(0.91 0.05 45)',\n        'muted-foreground': 'oklch(0.50 0.09 40)',\n        accent: 'oklch(0.68 0.18 20)',\n        'accent-foreground': 'oklch(0.97 0.02 20)',\n        destructive: 'oklch(0.58 0.24 15)',\n        'destructive-foreground': 'oklch(0.97 0.02 15)',\n        border: 'oklch(0.86 0.06 45)',\n        input: 'oklch(0.86 0.06 45)',\n        ring: 'oklch(0.60 0.20 35)',\n        'chart-1': 'oklch(0.60 0.20 35)',\n        'chart-2': 'oklch(0.68 0.18 20)',\n        'chart-3': 'oklch(0.62 0.19 50)',\n        'chart-4': 'oklch(0.65 0.17 10)',\n        'chart-5': 'oklch(0.58 0.21 60)',\n        radius: '0.625rem',\n      },\n      dark: {\n        background: 'oklch(0.18 0.05 40)',\n        foreground: 'oklch(0.94 0.04 50)',\n        card: 'oklch(0.22 0.06 45)',\n        'card-foreground': 'oklch(0.94 0.04 50)',\n        popover: 'oklch(0.22 0.06 45)',\n        'popover-foreground': 'oklch(0.94 0.04 50)',\n        primary: 'oklch(0.72 0.22 35)',\n        'primary-foreground': 'oklch(0.18 0.05 35)',\n        secondary: 'oklch(0.32 0.10 55)',\n        'secondary-foreground': 'oklch(0.94 0.04 55)',\n        muted: 'oklch(0.26 0.07 45)',\n        'muted-foreground': 'oklch(0.70 0.09 50)',\n        accent: 'oklch(0.62 0.20 20)',\n        'accent-foreground': 'oklch(0.94 0.04 20)',\n        destructive: 'oklch(0.68 0.26 15)',\n        'destructive-foreground': 'oklch(0.18 0.05 15)',\n        border: 'oklch(0.34 0.08 45)',\n        input: 'oklch(0.34 0.08 45)',\n        ring: 'oklch(0.72 0.22 35)',\n        'chart-1': 'oklch(0.72 0.22 35)',\n        'chart-2': 'oklch(0.62 0.20 20)',\n        'chart-3': 'oklch(0.68 0.21 50)',\n        'chart-4': 'oklch(0.65 0.19 10)',\n        'chart-5': 'oklch(0.70 0.23 60)',\n        radius: '0.625rem',\n      },\n    },\n  },\n  \n  'lavender': {\n    label: 'Lavender Dream',\n    value: 'lavender',\n    styles: {\n      light: {\n        background: 'oklch(0.98 0.02 295)',\n        foreground: 'oklch(0.25 0.05 295)',\n        card: 'oklch(0.96 0.03 290)',\n        'card-foreground': 'oklch(0.25 0.05 295)',\n        popover: 'oklch(0.96 0.03 290)',\n        'popover-foreground': 'oklch(0.25 0.05 295)',\n        primary: 'oklch(0.62 0.16 295)',\n        'primary-foreground': 'oklch(0.98 0.01 295)',\n        secondary: 'oklch(0.90 0.06 280)',\n        'secondary-foreground': 'oklch(0.25 0.05 280)',\n        muted: 'oklch(0.93 0.04 290)',\n        'muted-foreground': 'oklch(0.52 0.08 295)',\n        accent: 'oklch(0.72 0.14 310)',\n        'accent-foreground': 'oklch(0.98 0.01 310)',\n        destructive: 'oklch(0.58 0.22 25)',\n        'destructive-foreground': 'oklch(0.98 0.01 25)',\n        border: 'oklch(0.88 0.05 290)',\n        input: 'oklch(0.88 0.05 290)',\n        ring: 'oklch(0.62 0.16 295)',\n        'chart-1': 'oklch(0.62 0.16 295)',\n        'chart-2': 'oklch(0.72 0.14 310)',\n        'chart-3': 'oklch(0.66 0.15 280)',\n        'chart-4': 'oklch(0.68 0.13 270)',\n        'chart-5': 'oklch(0.60 0.17 320)',\n        radius: '0.875rem',\n      },\n      dark: {\n        background: 'oklch(0.17 0.04 295)',\n        foreground: 'oklch(0.93 0.03 295)',\n        card: 'oklch(0.21 0.05 290)',\n        'card-foreground': 'oklch(0.93 0.03 295)',\n        popover: 'oklch(0.21 0.05 290)',\n        'popover-foreground': 'oklch(0.93 0.03 295)',\n        primary: 'oklch(0.70 0.18 295)',\n        'primary-foreground': 'oklch(0.17 0.04 295)',\n        secondary: 'oklch(0.30 0.08 280)',\n        'secondary-foreground': 'oklch(0.93 0.03 280)',\n        muted: 'oklch(0.26 0.06 290)',\n        'muted-foreground': 'oklch(0.70 0.08 295)',\n        accent: 'oklch(0.60 0.16 310)',\n        'accent-foreground': 'oklch(0.93 0.03 310)',\n        destructive: 'oklch(0.68 0.24 25)',\n        'destructive-foreground': 'oklch(0.17 0.04 25)',\n        border: 'oklch(0.32 0.07 290)',\n        input: 'oklch(0.32 0.07 290)',\n        ring: 'oklch(0.70 0.18 295)',\n        'chart-1': 'oklch(0.70 0.18 295)',\n        'chart-2': 'oklch(0.60 0.16 310)',\n        'chart-3': 'oklch(0.65 0.17 280)',\n        'chart-4': 'oklch(0.62 0.15 270)',\n        'chart-5': 'oklch(0.68 0.19 320)',\n        radius: '0.875rem',\n      },\n    },\n  },\n}\n"],"names":["specialThemePresets","label","value","styles","light","background","foreground","card","popover","primary","secondary","muted","accent","destructive","border","input","ring","radius","dark"],"mappings":"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"}

package/dist/views/ThemePreviewView.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Theme Preview View - Server Component
+ * Custom admin view for live theme preview
+ */
+import type { AdminViewServerProps } from 'payload';
+import React from 'react';
+export default function ThemePreviewView({ initPageResult, params, searchParams, }: AdminViewServerProps): Promise<React.JSX.Element>;
+//# sourceMappingURL=ThemePreviewView.d.ts.map

package/dist/views/ThemePreviewView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemePreviewView.d.ts","sourceRoot":"","sources":["../../src/views/ThemePreviewView.tsx"],"names":[],"mappings":"AAEA;;;GAGG;AAEH,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAInD,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,wBAA8B,gBAAgB,CAAC,EAC7C,cAAc,EACd,MAAM,EACN,YAAY,GACb,EAAE,oBAAoB,8BAwBtB"}

package/dist/views/ThemePreviewView.js

@@ -0,0 +1,44 @@
+'use server';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DefaultTemplate } from '@payloadcms/next/templates';
+import { Gutter } from '@payloadcms/ui';
+import React from 'react';
+import { ThemeLivePreviewClient } from './ThemePreviewViewClient.js';
+export default async function ThemePreviewView({ initPageResult, params, searchParams }) {
+    return /*#__PURE__*/ _jsx(DefaultTemplate, {
+        i18n: initPageResult.req.i18n,
+        locale: initPageResult.locale,
+        params: params,
+        payload: initPageResult.req.payload,
+        permissions: initPageResult.permissions,
+        searchParams: searchParams,
+        user: initPageResult.req.user || undefined,
+        visibleEntities: initPageResult.visibleEntities,
+        children: /*#__PURE__*/ _jsxs(Gutter, {
+            children: [
+                /*#__PURE__*/ _jsxs("div", {
+                    style: {
+                        marginBottom: '2rem'
+                    },
+                    children: [
+                        /*#__PURE__*/ _jsx("h1", {
+                            style: {
+                                marginBottom: '0.5rem'
+                            },
+                            children: "Theme Preview"
+                        }),
+                        /*#__PURE__*/ _jsx("p", {
+                            style: {
+                                color: 'var(--theme-elevation-500)'
+                            },
+                            children: "Real-time preview of your theme configuration. Changes are reflected instantly as you edit theme settings."
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsx(ThemeLivePreviewClient, {})
+            ]
+        })
+    });
+}
+
+//# sourceMappingURL=ThemePreviewView.js.map

package/dist/views/ThemePreviewView.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/views/ThemePreviewView.tsx"],"sourcesContent":["'use server'\n\n/**\n * Theme Preview View - Server Component\n * Custom admin view for live theme preview\n */\n\nimport type { AdminViewServerProps } from 'payload'\n\nimport { DefaultTemplate } from '@payloadcms/next/templates'\nimport { Gutter } from '@payloadcms/ui'\nimport React from 'react'\n\nimport { ThemeLivePreviewClient } from './ThemePreviewViewClient.js'\n\nexport default async function ThemePreviewView({\n  initPageResult,\n  params,\n  searchParams,\n}: AdminViewServerProps) {\n  return (\n    <DefaultTemplate\n      i18n={initPageResult.req.i18n}\n      locale={initPageResult.locale}\n      params={params}\n      payload={initPageResult.req.payload}\n      permissions={initPageResult.permissions}\n      searchParams={searchParams}\n      user={initPageResult.req.user || undefined}\n      visibleEntities={initPageResult.visibleEntities}\n    >\n      <Gutter>\n        <div style={{ marginBottom: '2rem' }}>\n          <h1 style={{ marginBottom: '0.5rem' }}>Theme Preview</h1>\n          <p style={{ color: 'var(--theme-elevation-500)' }}>\n            Real-time preview of your theme configuration. Changes are reflected instantly as\n            you edit theme settings.\n          </p>\n        </div>\n        <ThemeLivePreviewClient />\n      </Gutter>\n    </DefaultTemplate>\n  )\n}\n"],"names":["DefaultTemplate","Gutter","React","ThemeLivePreviewClient","ThemePreviewView","initPageResult","params","searchParams","i18n","req","locale","payload","permissions","user","undefined","visibleEntities","div","style","marginBottom","h1","p","color"],"mappings":"AAAA;;AASA,SAASA,eAAe,QAAQ,6BAA4B;AAC5D,SAASC,MAAM,QAAQ,iBAAgB;AACvC,OAAOC,WAAW,QAAO;AAEzB,SAASC,sBAAsB,QAAQ,8BAA6B;AAEpE,eAAe,eAAeC,iBAAiB,EAC7CC,cAAc,EACdC,MAAM,EACNC,YAAY,EACS;IACrB,qBACE,KAACP;QACCQ,MAAMH,eAAeI,GAAG,CAACD,IAAI;QAC7BE,QAAQL,eAAeK,MAAM;QAC7BJ,QAAQA;QACRK,SAASN,eAAeI,GAAG,CAACE,OAAO;QACnCC,aAAaP,eAAeO,WAAW;QACvCL,cAAcA;QACdM,MAAMR,eAAeI,GAAG,CAACI,IAAI,IAAIC;QACjCC,iBAAiBV,eAAeU,eAAe;kBAE/C,cAAA,MAACd;;8BACC,MAACe;oBAAIC,OAAO;wBAAEC,cAAc;oBAAO;;sCACjC,KAACC;4BAAGF,OAAO;gCAAEC,cAAc;4BAAS;sCAAG;;sCACvC,KAACE;4BAAEH,OAAO;gCAAEI,OAAO;4BAA6B;sCAAG;;;;8BAKrD,KAAClB;;;;AAIT"}

package/dist/views/ThemePreviewViewClient.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Theme Preview View - Client Component
+ * Wrapper for ThemeLivePreview to use in admin view
+ */
+import React from 'react';
+export declare function ThemeLivePreviewClient(): React.JSX.Element;
+//# sourceMappingURL=ThemePreviewViewClient.d.ts.map

package/dist/views/ThemePreviewViewClient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemePreviewViewClient.d.ts","sourceRoot":"","sources":["../../src/views/ThemePreviewViewClient.tsx"],"names":[],"mappings":"AAEA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,wBAAgB,sBAAsB,sBAErC"}

package/dist/views/ThemePreviewViewClient.js

@@ -0,0 +1,12 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Theme Preview View - Client Component
+ * Wrapper for ThemeLivePreview to use in admin view
+ */ import React from 'react';
+import { ThemeLivePreview } from '../fields/ThemeLivePreview.js';
+export function ThemeLivePreviewClient() {
+    return /*#__PURE__*/ _jsx(ThemeLivePreview, {});
+}
+
+//# sourceMappingURL=ThemePreviewViewClient.js.map

package/dist/views/ThemePreviewViewClient.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/views/ThemePreviewViewClient.tsx"],"sourcesContent":["'use client'\n\n/**\n * Theme Preview View - Client Component\n * Wrapper for ThemeLivePreview to use in admin view\n */\n\nimport React from 'react'\n\nimport { ThemeLivePreview } from '../fields/ThemeLivePreview.js'\n\nexport function ThemeLivePreviewClient() {\n  return <ThemeLivePreview />\n}\n"],"names":["React","ThemeLivePreview","ThemeLivePreviewClient"],"mappings":"AAAA;;AAEA;;;CAGC,GAED,OAAOA,WAAW,QAAO;AAEzB,SAASC,gBAAgB,QAAQ,gCAA+B;AAEhE,OAAO,SAASC;IACd,qBAAO,KAACD;AACV"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kilivi/payloadcms-theme-management",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "description": "Theme configuration plugin for Payload CMS v3",
   "type": "module",
   "main": "./dist/index.js",
@@ -23,6 +23,10 @@
       "import": "./dist/fields/*.js",
       "types": "./dist/fields/*.d.ts"
     },
+    "./views/*": {
+      "import": "./dist/views/*.js",
+      "types": "./dist/views/*.d.ts"
+    },
     "./utils/*": {
       "import": "./dist/utils/*.js",
       "types": "./dist/utils/*.d.ts"
@@ -75,6 +79,7 @@
     "access": "public"
   },
   "dependencies": {
+    "react-colorful": "^5.6.1",
     "server-only": "^0.0.1"
   },
   "scripts": {