@kilivi/payloadcms-theme-management 0.5.6 → 0.5.7

package/dist/providers/Theme/themeConfig.js

@@ -3,7 +3,7 @@ export const themeConfigs = {
         name: 'cool',
         label: 'Cool & Professional',
         borderRadius: 'medium',
-        cssFile: '/themes/cool.css',
+        dynamicCSS: true,
         preview: {
             colors: {
                 primary: 'hsl(221 83% 53%)',
@@ -16,7 +16,7 @@ export const themeConfigs = {
         name: 'brutal',
         label: 'Modern Brutalism',
         borderRadius: 'none',
-        cssFile: '/themes/brutal.css',
+        dynamicCSS: true,
         preview: {
             colors: {
                 primary: 'hsl(0 0% 0%)',
@@ -29,7 +29,7 @@ export const themeConfigs = {
         name: 'neon',
         label: 'Neon Cyberpunk',
         borderRadius: 'medium',
-        cssFile: '/themes/neon.css',
+        dynamicCSS: true,
         preview: {
             colors: {
                 primary: 'hsl(263 90% 51%)',
@@ -42,7 +42,7 @@ export const themeConfigs = {
         name: 'solar',
         label: 'Solar',
         borderRadius: 'large',
-        cssFile: '/themes/solar.css',
+        dynamicCSS: true,
         preview: {
             colors: {
                 primary: 'hsl(20 90% 45%)',
@@ -55,7 +55,7 @@ export const themeConfigs = {
         name: 'dealership',
         label: 'Dealership',
         borderRadius: 'medium',
-        cssFile: '/themes/dealership.css',
+        dynamicCSS: true,
         preview: {
             colors: {
                 primary: 'hsl(225 25% 25%)',
@@ -68,7 +68,7 @@ export const themeConfigs = {
         name: 'real-estate',
         label: 'Real Estate Blue',
         borderRadius: 'large',
-        cssFile: '/themes/real-estate.css',
+        dynamicCSS: true,
         preview: {
             colors: {
                 primary: 'hsl(220 90% 48%)',
@@ -81,7 +81,7 @@ export const themeConfigs = {
         name: 'real-estate-gold',
         label: 'Real Estate Gold',
         borderRadius: 'large',
-        cssFile: '/themes/real-estate-gold.css',
+        dynamicCSS: true,
         preview: {
             colors: {
                 primary: 'hsl(38 75% 45%)',
@@ -94,7 +94,7 @@ export const themeConfigs = {
         name: 'real-estate-neutral',
         label: 'Real Estate Neutral',
         borderRadius: 'large',
-        cssFile: '/themes/real-estate-neutral.css',
+        dynamicCSS: true,
         preview: {
             colors: {
                 primary: 'hsl(25 35% 25%)',
@@ -102,6 +102,254 @@ export const themeConfigs = {
                 accent: 'hsl(35 25% 45%)'
             }
         }
+    },
+    // Extended 20 color themes (Dynamic CSS generation)
+    cyberpunk: {
+        name: 'cyberpunk',
+        label: 'Cyberpunk Neon',
+        borderRadius: 'large',
+        dynamicCSS: true,
+        preview: {
+            colors: {
+                primary: 'hsl(320, 25%, 65%)',
+                background: 'hsl(180, 2%, 98%)',
+                accent: 'hsl(290, 22%, 75%)'
+            }
+        }
+    },
+    minimal: {
+        name: 'minimal',
+        label: 'Minimal Clean',
+        borderRadius: 'none',
+        dynamicCSS: true,
+        preview: {
+            colors: {
+                primary: 'hsl(0, 0%, 12%)',
+                background: 'hsl(0, 0%, 100%)',
+                accent: 'hsl(0, 0%, 96%)'
+            }
+        }
+    },
+    retro: {
+        name: 'retro',
+        label: 'Retro Vintage',
+        borderRadius: 'small',
+        dynamicCSS: true,
+        preview: {
+            colors: {
+                primary: 'hsl(35, 18%, 55%)',
+                background: 'hsl(80, 3%, 96%)',
+                accent: 'hsl(50, 16%, 68%)'
+            }
+        }
+    },
+    pastel: {
+        name: 'pastel',
+        label: 'Pastel Soft',
+        borderRadius: 'xl',
+        dynamicCSS: true,
+        preview: {
+            colors: {
+                primary: 'hsl(270, 12%, 70%)',
+                background: 'hsl(250, 1%, 98%)',
+                accent: 'hsl(300, 8%, 85%)'
+            }
+        }
+    },
+    ocean: {
+        name: 'ocean',
+        label: 'Ocean Deep',
+        borderRadius: 'medium',
+        dynamicCSS: true,
+        preview: {
+            colors: {
+                primary: 'hsl(230, 18%, 55%)',
+                background: 'hsl(220, 2%, 97%)',
+                accent: 'hsl(190, 15%, 68%)'
+            }
+        }
+    },
+    forest: {
+        name: 'forest',
+        label: 'Forest Green',
+        borderRadius: 'medium',
+        dynamicCSS: true,
+        preview: {
+            colors: {
+                primary: 'hsl(145, 16%, 52%)',
+                background: 'hsl(145, 2%, 97%)',
+                accent: 'hsl(155, 14%, 65%)'
+            }
+        }
+    },
+    sunset: {
+        name: 'sunset',
+        label: 'Sunset Warm',
+        borderRadius: 'large',
+        dynamicCSS: true,
+        preview: {
+            colors: {
+                primary: 'hsl(35, 20%, 60%)',
+                background: 'hsl(50, 3%, 97%)',
+                accent: 'hsl(20, 18%, 68%)'
+            }
+        }
+    },
+    lavender: {
+        name: 'lavender',
+        label: 'Lavender Dream',
+        borderRadius: 'xl',
+        dynamicCSS: true,
+        preview: {
+            colors: {
+                primary: 'hsl(295, 16%, 62%)',
+                background: 'hsl(295, 2%, 98%)',
+                accent: 'hsl(310, 14%, 72%)'
+            }
+        }
+    },
+    neutral: {
+        name: 'neutral',
+        label: 'Neutral',
+        borderRadius: 'medium',
+        dynamicCSS: true,
+        preview: {
+            colors: {
+                primary: 'hsl(0, 0%, 0%)',
+                background: 'hsl(0, 0%, 99%)',
+                accent: 'hsl(0, 0%, 94%)'
+            }
+        }
+    },
+    blue: {
+        name: 'blue',
+        label: 'Blue',
+        borderRadius: 'large',
+        dynamicCSS: true,
+        preview: {
+            colors: {
+                primary: 'hsl(221, 83%, 53%)',
+                background: 'hsl(0, 0%, 100%)',
+                accent: 'hsl(0, 0%, 97%)'
+            }
+        }
+    },
+    green: {
+        name: 'green',
+        label: 'Green',
+        borderRadius: 'large',
+        dynamicCSS: true,
+        preview: {
+            colors: {
+                primary: 'hsl(85, 85%, 35%)',
+                background: 'hsl(0, 0%, 100%)',
+                accent: 'hsl(0, 0%, 97%)'
+            }
+        }
+    },
+    red: {
+        name: 'red',
+        label: 'Red',
+        borderRadius: 'large',
+        dynamicCSS: true,
+        preview: {
+            colors: {
+                primary: 'hsl(0, 72%, 51%)',
+                background: 'hsl(0, 0%, 100%)',
+                accent: 'hsl(0, 0%, 97%)'
+            }
+        }
+    },
+    orange: {
+        name: 'orange',
+        label: 'Orange',
+        borderRadius: 'large',
+        dynamicCSS: true,
+        preview: {
+            colors: {
+                primary: 'hsl(21, 90%, 48%)',
+                background: 'hsl(0, 0%, 100%)',
+                accent: 'hsl(0, 0%, 97%)'
+            }
+        }
+    },
+    rose: {
+        name: 'rose',
+        label: 'Rose',
+        borderRadius: 'large',
+        dynamicCSS: true,
+        preview: {
+            colors: {
+                primary: 'hsl(347, 77%, 50%)',
+                background: 'hsl(0, 0%, 100%)',
+                accent: 'hsl(0, 0%, 97%)'
+            }
+        }
+    },
+    violet: {
+        name: 'violet',
+        label: 'Violet',
+        borderRadius: 'large',
+        dynamicCSS: true,
+        preview: {
+            colors: {
+                primary: 'hsl(262, 83%, 58%)',
+                background: 'hsl(0, 0%, 100%)',
+                accent: 'hsl(0, 0%, 97%)'
+            }
+        }
+    },
+    zinc: {
+        name: 'zinc',
+        label: 'Zinc',
+        borderRadius: 'medium',
+        dynamicCSS: true,
+        preview: {
+            colors: {
+                primary: 'hsl(286.375, 1%, 14%)',
+                background: 'hsl(0, 0%, 100%)',
+                accent: 'hsl(286.375, 0%, 96%)'
+            }
+        }
+    },
+    slate: {
+        name: 'slate',
+        label: 'Slate',
+        borderRadius: 'medium',
+        dynamicCSS: true,
+        preview: {
+            colors: {
+                primary: 'hsl(254.624, 1%, 15%)',
+                background: 'hsl(0, 0%, 100%)',
+                accent: 'hsl(254.624, 0%, 96%)'
+            }
+        }
+    },
+    stone: {
+        name: 'stone',
+        label: 'Stone',
+        borderRadius: 'medium',
+        dynamicCSS: true,
+        preview: {
+            colors: {
+                primary: 'hsl(56.365, 1%, 14%)',
+                background: 'hsl(0, 0%, 100%)',
+                accent: 'hsl(60, 0%, 96%)'
+            }
+        }
+    },
+    gray: {
+        name: 'gray',
+        label: 'Gray',
+        borderRadius: 'medium',
+        dynamicCSS: true,
+        preview: {
+            colors: {
+                primary: 'hsl(0, 0%, 14%)',
+                background: 'hsl(0, 0%, 100%)',
+                accent: 'hsl(0, 0%, 96%)'
+            }
+        }
     }
 };
 export const borderRadiusPresets = {

package/dist/providers/Theme/themeConfig.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/providers/Theme/themeConfig.ts"],"sourcesContent":["import type { ThemeConfig, ThemeDefaults } from './types.js'\n\nexport const themeConfigs: Record<ThemeDefaults, ThemeConfig> = {\n  cool: {\n    name: 'cool',\n    label: 'Cool & Professional',\n    borderRadius: 'medium',\n    cssFile: '/themes/cool.css',\n    preview: {\n      colors: {\n        primary: 'hsl(221 83% 53%)',\n        background: 'hsl(0 0% 100%)',\n        accent: 'hsl(210 40% 95%)',\n      },\n    },\n  },\n  brutal: {\n    name: 'brutal',\n    label: 'Modern Brutalism',\n    borderRadius: 'none',\n    cssFile: '/themes/brutal.css',\n    preview: {\n      colors: {\n        primary: 'hsl(0 0% 0%)',\n        background: 'hsl(0 0% 100%)',\n        accent: 'hsl(0 72% 51%)',\n      },\n    },\n  },\n  neon: {\n    name: 'neon',\n    label: 'Neon Cyberpunk',\n    borderRadius: 'medium',\n    cssFile: '/themes/neon.css',\n    preview: {\n      colors: {\n        primary: 'hsl(263 90% 51%)',\n        background: 'hsl(230 25% 5%)',\n        accent: 'hsl(180 100% 50%)',\n      },\n    },\n  },\n  solar: {\n    name: 'solar',\n    label: 'Solar',\n    borderRadius: 'large',\n    cssFile: '/themes/solar.css',\n    preview: {\n      colors: {\n        primary: 'hsl(20 90% 45%)',\n        background: 'hsl(40 30% 95%)',\n        accent: 'hsl(40 100% 50%)',\n      },\n    },\n  },\n  dealership: {\n    name: 'dealership',\n    label: 'Dealership',\n    borderRadius: 'medium',\n    cssFile: '/themes/dealership.css',\n    preview: {\n      colors: {\n        primary: 'hsl(225 25% 25%)',\n        background: 'hsl(0 0% 98%)',\n        accent: 'hsl(15 85% 55%)',\n      },\n    },\n  },\n  'real-estate': {\n    name: 'real-estate',\n    label: 'Real Estate Blue',\n    borderRadius: 'large',\n    cssFile: '/themes/real-estate.css',\n    preview: {\n      colors: {\n        primary: 'hsl(220 90% 48%)',\n        background: 'hsl(220 40% 98.5%)',\n        accent: 'hsl(210 85% 55%)',\n      },\n    },\n  },\n  'real-estate-gold': {\n    name: 'real-estate-gold',\n    label: 'Real Estate Gold',\n    borderRadius: 'large',\n    cssFile: '/themes/real-estate-gold.css',\n    preview: {\n      colors: {\n        primary: 'hsl(38 75% 45%)',\n        background: 'hsl(45 25% 97%)',\n        accent: 'hsl(42 85% 55%)',\n      },\n    },\n  },\n  'real-estate-neutral': {\n    name: 'real-estate-neutral',\n    label: 'Real Estate Neutral',\n    borderRadius: 'large',\n    cssFile: '/themes/real-estate-neutral.css',\n    preview: {\n      colors: {\n        primary: 'hsl(25 35% 25%)',\n        background: 'hsl(30 8% 98%)',\n        accent: 'hsl(35 25% 45%)',\n      },\n    },\n  },\n}\n\nexport const borderRadiusPresets = {\n  none: {\n    label: 'None',\n    value: 'none',\n    css: {\n      '--radius-xs': '0',\n      '--radius-small': '0',\n      '--radius-default': '0',\n      '--radius-medium': '0',\n      '--radius-large': '0',\n      '--radius-xl': '0',\n    },\n  },\n  small: {\n    label: 'Small',\n    value: 'small',\n    css: {\n      '--radius-xs': '0.125rem',\n      '--radius-small': '0.25rem',\n      '--radius-default': '0.375rem',\n      '--radius-medium': '0.5rem',\n      '--radius-large': '0.75rem',\n      '--radius-xl': '1rem',\n    },\n  },\n  medium: {\n    label: 'Medium',\n    value: 'medium',\n    css: {\n      '--radius-xs': '0.25rem',\n      '--radius-small': '0.5rem',\n      '--radius-default': '0.75rem',\n      '--radius-medium': '1rem',\n      '--radius-large': '1.5rem',\n      '--radius-xl': '2rem',\n    },\n  },\n  large: {\n    label: 'Large',\n    value: 'large',\n    css: {\n      '--radius-xs': '0.5rem',\n      '--radius-small': '0.75rem',\n      '--radius-default': '1rem',\n      '--radius-medium': '1.5rem',\n      '--radius-large': '2rem',\n      '--radius-xl': '2.5rem',\n    },\n  },\n  xl: {\n    label: 'Extra Large',\n    value: 'xl',\n    css: {\n      '--radius-xs': '0.75rem',\n      '--radius-small': '1rem',\n      '--radius-default': '1.5rem',\n      '--radius-medium': '2rem',\n      '--radius-large': '2.5rem',\n      '--radius-xl': '3rem',\n    },\n  },\n} as const\n\nexport function getThemeConfig(theme: ThemeDefaults): ThemeConfig {\n  return themeConfigs[theme]\n}\n\nexport function getBorderRadiusConfig(preset: keyof typeof borderRadiusPresets) {\n  return borderRadiusPresets[preset]\n}\n"],"names":["themeConfigs","cool","name","label","borderRadius","cssFile","preview","colors","primary","background","accent","brutal","neon","solar","dealership","borderRadiusPresets","none","value","css","small","medium","large","xl","getThemeConfig","theme","getBorderRadiusConfig","preset"],"mappings":"AAEA,OAAO,MAAMA,eAAmD;IAC9DC,MAAM;QACJC,MAAM;QACNC,OAAO;QACPC,cAAc;QACdC,SAAS;QACTC,SAAS;YACPC,QAAQ;gBACNC,SAAS;gBACTC,YAAY;gBACZC,QAAQ;YACV;QACF;IACF;IACAC,QAAQ;QACNT,MAAM;QACNC,OAAO;QACPC,cAAc;QACdC,SAAS;QACTC,SAAS;YACPC,QAAQ;gBACNC,SAAS;gBACTC,YAAY;gBACZC,QAAQ;YACV;QACF;IACF;IACAE,MAAM;QACJV,MAAM;QACNC,OAAO;QACPC,cAAc;QACdC,SAAS;QACTC,SAAS;YACPC,QAAQ;gBACNC,SAAS;gBACTC,YAAY;gBACZC,QAAQ;YACV;QACF;IACF;IACAG,OAAO;QACLX,MAAM;QACNC,OAAO;QACPC,cAAc;QACdC,SAAS;QACTC,SAAS;YACPC,QAAQ;gBACNC,SAAS;gBACTC,YAAY;gBACZC,QAAQ;YACV;QACF;IACF;IACAI,YAAY;QACVZ,MAAM;QACNC,OAAO;QACPC,cAAc;QACdC,SAAS;QACTC,SAAS;YACPC,QAAQ;gBACNC,SAAS;gBACTC,YAAY;gBACZC,QAAQ;YACV;QACF;IACF;IACA,eAAe;QACbR,MAAM;QACNC,OAAO;QACPC,cAAc;QACdC,SAAS;QACTC,SAAS;YACPC,QAAQ;gBACNC,SAAS;gBACTC,YAAY;gBACZC,QAAQ;YACV;QACF;IACF;IACA,oBAAoB;QAClBR,MAAM;QACNC,OAAO;QACPC,cAAc;QACdC,SAAS;QACTC,SAAS;YACPC,QAAQ;gBACNC,SAAS;gBACTC,YAAY;gBACZC,QAAQ;YACV;QACF;IACF;IACA,uBAAuB;QACrBR,MAAM;QACNC,OAAO;QACPC,cAAc;QACdC,SAAS;QACTC,SAAS;YACPC,QAAQ;gBACNC,SAAS;gBACTC,YAAY;gBACZC,QAAQ;YACV;QACF;IACF;AACF,EAAC;AAED,OAAO,MAAMK,sBAAsB;IACjCC,MAAM;QACJb,OAAO;QACPc,OAAO;QACPC,KAAK;YACH,eAAe;YACf,kBAAkB;YAClB,oBAAoB;YACpB,mBAAmB;YACnB,kBAAkB;YAClB,eAAe;QACjB;IACF;IACAC,OAAO;QACLhB,OAAO;QACPc,OAAO;QACPC,KAAK;YACH,eAAe;YACf,kBAAkB;YAClB,oBAAoB;YACpB,mBAAmB;YACnB,kBAAkB;YAClB,eAAe;QACjB;IACF;IACAE,QAAQ;QACNjB,OAAO;QACPc,OAAO;QACPC,KAAK;YACH,eAAe;YACf,kBAAkB;YAClB,oBAAoB;YACpB,mBAAmB;YACnB,kBAAkB;YAClB,eAAe;QACjB;IACF;IACAG,OAAO;QACLlB,OAAO;QACPc,OAAO;QACPC,KAAK;YACH,eAAe;YACf,kBAAkB;YAClB,oBAAoB;YACpB,mBAAmB;YACnB,kBAAkB;YAClB,eAAe;QACjB;IACF;IACAI,IAAI;QACFnB,OAAO;QACPc,OAAO;QACPC,KAAK;YACH,eAAe;YACf,kBAAkB;YAClB,oBAAoB;YACpB,mBAAmB;YACnB,kBAAkB;YAClB,eAAe;QACjB;IACF;AACF,EAAU;AAEV,OAAO,SAASK,eAAeC,KAAoB;IACjD,OAAOxB,YAAY,CAACwB,MAAM;AAC5B;AAEA,OAAO,SAASC,sBAAsBC,MAAwC;IAC5E,OAAOX,mBAAmB,CAACW,OAAO;AACpC"}
+{"version":3,"sources":["../../../src/providers/Theme/themeConfig.ts"],"sourcesContent":["import type { ThemeConfig, ThemeDefaults } from './types.js'\n\nexport const themeConfigs: Record<ThemeDefaults, ThemeConfig> = {\n  cool: {\n    name: 'cool',\n    label: 'Cool & Professional',\n    borderRadius: 'medium',\n    dynamicCSS: true,\n    preview: {\n      colors: {\n        primary: 'hsl(221 83% 53%)',\n        background: 'hsl(0 0% 100%)',\n        accent: 'hsl(210 40% 95%)',\n      },\n    },\n  },\n  brutal: {\n    name: 'brutal',\n    label: 'Modern Brutalism',\n    borderRadius: 'none',\n    dynamicCSS: true,\n    preview: {\n      colors: {\n        primary: 'hsl(0 0% 0%)',\n        background: 'hsl(0 0% 100%)',\n        accent: 'hsl(0 72% 51%)',\n      },\n    },\n  },\n  neon: {\n    name: 'neon',\n    label: 'Neon Cyberpunk',\n    borderRadius: 'medium',\n    dynamicCSS: true,\n    preview: {\n      colors: {\n        primary: 'hsl(263 90% 51%)',\n        background: 'hsl(230 25% 5%)',\n        accent: 'hsl(180 100% 50%)',\n      },\n    },\n  },\n  solar: {\n    name: 'solar',\n    label: 'Solar',\n    borderRadius: 'large',\n    dynamicCSS: true,\n    preview: {\n      colors: {\n        primary: 'hsl(20 90% 45%)',\n        background: 'hsl(40 30% 95%)',\n        accent: 'hsl(40 100% 50%)',\n      },\n    },\n  },\n  dealership: {\n    name: 'dealership',\n    label: 'Dealership',\n    borderRadius: 'medium',\n    dynamicCSS: true,\n    preview: {\n      colors: {\n        primary: 'hsl(225 25% 25%)',\n        background: 'hsl(0 0% 98%)',\n        accent: 'hsl(15 85% 55%)',\n      },\n    },\n  },\n  'real-estate': {\n    name: 'real-estate',\n    label: 'Real Estate Blue',\n    borderRadius: 'large',\n    dynamicCSS: true,\n    preview: {\n      colors: {\n        primary: 'hsl(220 90% 48%)',\n        background: 'hsl(220 40% 98.5%)',\n        accent: 'hsl(210 85% 55%)',\n      },\n    },\n  },\n  'real-estate-gold': {\n    name: 'real-estate-gold',\n    label: 'Real Estate Gold',\n    borderRadius: 'large',\n    dynamicCSS: true,\n    preview: {\n      colors: {\n        primary: 'hsl(38 75% 45%)',\n        background: 'hsl(45 25% 97%)',\n        accent: 'hsl(42 85% 55%)',\n      },\n    },\n  },\n  'real-estate-neutral': {\n    name: 'real-estate-neutral',\n    label: 'Real Estate Neutral',\n    borderRadius: 'large',\n    dynamicCSS: true,\n    preview: {\n      colors: {\n        primary: 'hsl(25 35% 25%)',\n        background: 'hsl(30 8% 98%)',\n        accent: 'hsl(35 25% 45%)',\n      },\n    },\n  },\n  // Extended 20 color themes (Dynamic CSS generation)\n  cyberpunk: {\n    name: 'cyberpunk',\n    label: 'Cyberpunk Neon',\n    borderRadius: 'large',\n    dynamicCSS: true,\n    preview: {\n      colors: {\n        primary: 'hsl(320, 25%, 65%)',\n        background: 'hsl(180, 2%, 98%)',\n        accent: 'hsl(290, 22%, 75%)',\n      },\n    },\n  },\n  minimal: {\n    name: 'minimal',\n    label: 'Minimal Clean',\n    borderRadius: 'none',\n    dynamicCSS: true,\n    preview: {\n      colors: {\n        primary: 'hsl(0, 0%, 12%)',\n        background: 'hsl(0, 0%, 100%)',\n        accent: 'hsl(0, 0%, 96%)',\n      },\n    },\n  },\n  retro: {\n    name: 'retro',\n    label: 'Retro Vintage',\n    borderRadius: 'small',\n    dynamicCSS: true,\n    preview: {\n      colors: {\n        primary: 'hsl(35, 18%, 55%)',\n        background: 'hsl(80, 3%, 96%)',\n        accent: 'hsl(50, 16%, 68%)',\n      },\n    },\n  },\n  pastel: {\n    name: 'pastel',\n    label: 'Pastel Soft',\n    borderRadius: 'xl',\n    dynamicCSS: true,\n    preview: {\n      colors: {\n        primary: 'hsl(270, 12%, 70%)',\n        background: 'hsl(250, 1%, 98%)',\n        accent: 'hsl(300, 8%, 85%)',\n      },\n    },\n  },\n  ocean: {\n    name: 'ocean',\n    label: 'Ocean Deep',\n    borderRadius: 'medium',\n    dynamicCSS: true,\n    preview: {\n      colors: {\n        primary: 'hsl(230, 18%, 55%)',\n        background: 'hsl(220, 2%, 97%)',\n        accent: 'hsl(190, 15%, 68%)',\n      },\n    },\n  },\n  forest: {\n    name: 'forest',\n    label: 'Forest Green',\n    borderRadius: 'medium',\n    dynamicCSS: true,\n    preview: {\n      colors: {\n        primary: 'hsl(145, 16%, 52%)',\n        background: 'hsl(145, 2%, 97%)',\n        accent: 'hsl(155, 14%, 65%)',\n      },\n    },\n  },\n  sunset: {\n    name: 'sunset',\n    label: 'Sunset Warm',\n    borderRadius: 'large',\n    dynamicCSS: true,\n    preview: {\n      colors: {\n        primary: 'hsl(35, 20%, 60%)',\n        background: 'hsl(50, 3%, 97%)',\n        accent: 'hsl(20, 18%, 68%)',\n      },\n    },\n  },\n  lavender: {\n    name: 'lavender',\n    label: 'Lavender Dream',\n    borderRadius: 'xl',\n    dynamicCSS: true,\n    preview: {\n      colors: {\n        primary: 'hsl(295, 16%, 62%)',\n        background: 'hsl(295, 2%, 98%)',\n        accent: 'hsl(310, 14%, 72%)',\n      },\n    },\n  },\n  neutral: {\n    name: 'neutral',\n    label: 'Neutral',\n    borderRadius: 'medium',\n    dynamicCSS: true,\n    preview: {\n      colors: {\n        primary: 'hsl(0, 0%, 0%)',\n        background: 'hsl(0, 0%, 99%)',\n        accent: 'hsl(0, 0%, 94%)',\n      },\n    },\n  },\n  blue: {\n    name: 'blue',\n    label: 'Blue',\n    borderRadius: 'large',\n    dynamicCSS: true,\n    preview: {\n      colors: {\n        primary: 'hsl(221, 83%, 53%)',\n        background: 'hsl(0, 0%, 100%)',\n        accent: 'hsl(0, 0%, 97%)',\n      },\n    },\n  },\n  green: {\n    name: 'green',\n    label: 'Green',\n    borderRadius: 'large',\n    dynamicCSS: true,\n    preview: {\n      colors: {\n        primary: 'hsl(85, 85%, 35%)',\n        background: 'hsl(0, 0%, 100%)',\n        accent: 'hsl(0, 0%, 97%)',\n      },\n    },\n  },\n  red: {\n    name: 'red',\n    label: 'Red',\n    borderRadius: 'large',\n    dynamicCSS: true,\n    preview: {\n      colors: {\n        primary: 'hsl(0, 72%, 51%)',\n        background: 'hsl(0, 0%, 100%)',\n        accent: 'hsl(0, 0%, 97%)',\n      },\n    },\n  },\n  orange: {\n    name: 'orange',\n    label: 'Orange',\n    borderRadius: 'large',\n    dynamicCSS: true,\n    preview: {\n      colors: {\n        primary: 'hsl(21, 90%, 48%)',\n        background: 'hsl(0, 0%, 100%)',\n        accent: 'hsl(0, 0%, 97%)',\n      },\n    },\n  },\n  rose: {\n    name: 'rose',\n    label: 'Rose',\n    borderRadius: 'large',\n    dynamicCSS: true,\n    preview: {\n      colors: {\n        primary: 'hsl(347, 77%, 50%)',\n        background: 'hsl(0, 0%, 100%)',\n        accent: 'hsl(0, 0%, 97%)',\n      },\n    },\n  },\n  violet: {\n    name: 'violet',\n    label: 'Violet',\n    borderRadius: 'large',\n    dynamicCSS: true,\n    preview: {\n      colors: {\n        primary: 'hsl(262, 83%, 58%)',\n        background: 'hsl(0, 0%, 100%)',\n        accent: 'hsl(0, 0%, 97%)',\n      },\n    },\n  },\n  zinc: {\n    name: 'zinc',\n    label: 'Zinc',\n    borderRadius: 'medium',\n    dynamicCSS: true,\n    preview: {\n      colors: {\n        primary: 'hsl(286.375, 1%, 14%)',\n        background: 'hsl(0, 0%, 100%)',\n        accent: 'hsl(286.375, 0%, 96%)',\n      },\n    },\n  },\n  slate: {\n    name: 'slate',\n    label: 'Slate',\n    borderRadius: 'medium',\n    dynamicCSS: true,\n    preview: {\n      colors: {\n        primary: 'hsl(254.624, 1%, 15%)',\n        background: 'hsl(0, 0%, 100%)',\n        accent: 'hsl(254.624, 0%, 96%)',\n      },\n    },\n  },\n  stone: {\n    name: 'stone',\n    label: 'Stone',\n    borderRadius: 'medium',\n    dynamicCSS: true,\n    preview: {\n      colors: {\n        primary: 'hsl(56.365, 1%, 14%)',\n        background: 'hsl(0, 0%, 100%)',\n        accent: 'hsl(60, 0%, 96%)',\n      },\n    },\n  },\n  gray: {\n    name: 'gray',\n    label: 'Gray',\n    borderRadius: 'medium',\n    dynamicCSS: true,\n    preview: {\n      colors: {\n        primary: 'hsl(0, 0%, 14%)',\n        background: 'hsl(0, 0%, 100%)',\n        accent: 'hsl(0, 0%, 96%)',\n      },\n    },\n  },\n}\n\nexport const borderRadiusPresets = {\n  none: {\n    label: 'None',\n    value: 'none',\n    css: {\n      '--radius-xs': '0',\n      '--radius-small': '0',\n      '--radius-default': '0',\n      '--radius-medium': '0',\n      '--radius-large': '0',\n      '--radius-xl': '0',\n    },\n  },\n  small: {\n    label: 'Small',\n    value: 'small',\n    css: {\n      '--radius-xs': '0.125rem',\n      '--radius-small': '0.25rem',\n      '--radius-default': '0.375rem',\n      '--radius-medium': '0.5rem',\n      '--radius-large': '0.75rem',\n      '--radius-xl': '1rem',\n    },\n  },\n  medium: {\n    label: 'Medium',\n    value: 'medium',\n    css: {\n      '--radius-xs': '0.25rem',\n      '--radius-small': '0.5rem',\n      '--radius-default': '0.75rem',\n      '--radius-medium': '1rem',\n      '--radius-large': '1.5rem',\n      '--radius-xl': '2rem',\n    },\n  },\n  large: {\n    label: 'Large',\n    value: 'large',\n    css: {\n      '--radius-xs': '0.5rem',\n      '--radius-small': '0.75rem',\n      '--radius-default': '1rem',\n      '--radius-medium': '1.5rem',\n      '--radius-large': '2rem',\n      '--radius-xl': '2.5rem',\n    },\n  },\n  xl: {\n    label: 'Extra Large',\n    value: 'xl',\n    css: {\n      '--radius-xs': '0.75rem',\n      '--radius-small': '1rem',\n      '--radius-default': '1.5rem',\n      '--radius-medium': '2rem',\n      '--radius-large': '2.5rem',\n      '--radius-xl': '3rem',\n    },\n  },\n} as const\n\nexport function getThemeConfig(theme: ThemeDefaults): ThemeConfig {\n  return themeConfigs[theme]\n}\n\nexport function getBorderRadiusConfig(preset: keyof typeof borderRadiusPresets) {\n  return borderRadiusPresets[preset]\n}\n"],"names":["themeConfigs","cool","name","label","borderRadius","dynamicCSS","preview","colors","primary","background","accent","brutal","neon","solar","dealership","cyberpunk","minimal","retro","pastel","ocean","forest","sunset","lavender","neutral","blue","green","red","orange","rose","violet","zinc","slate","stone","gray","borderRadiusPresets","none","value","css","small","medium","large","xl","getThemeConfig","theme","getBorderRadiusConfig","preset"],"mappings":"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"}

package/dist/providers/Theme/types.d.ts

@@ -1,4 +1,5 @@
-export type ThemeDefaults = 'cool' | 'brutal' | 'neon' | 'solar' | 'dealership' | 'real-estate' | 'real-estate-gold' | 'real-estate-neutral';
+export declare const THEME_DEFAULTS: readonly ["cool", "brutal", "neon", "solar", "dealership", "real-estate", "real-estate-gold", "real-estate-neutral", "cyberpunk", "minimal", "retro", "pastel", "ocean", "forest", "sunset", "lavender", "neutral", "blue", "green", "red", "orange", "rose", "violet", "zinc", "slate", "stone", "gray"];
+export type ThemeDefaults = (typeof THEME_DEFAULTS)[number];
 export type Mode = 'dark' | 'light' | 'auto';
 export type BorderRadiusPreset = 'none' | 'small' | 'medium' | 'large' | 'xl';
 export type FontScalePreset = 'small' | 'medium' | 'large' | 'xl';
@@ -9,7 +10,8 @@ export interface ThemeConfig {
     name: string;
     label: string;
     borderRadius: BorderRadiusPreset;
-    cssFile: string;
+    cssFile?: string;
+    dynamicCSS?: boolean;
     preview?: {
         colors: {
             primary: string;
@@ -35,7 +37,7 @@ export interface ThemeContextType {
     setAnimationLevel?: (level: AnimationLevelPreset) => void;
     preloadTheme?: (theme: ThemeDefaults) => Promise<boolean>;
     isThemeLoaded?: (theme: ThemeDefaults) => boolean;
-    themeConfig?: any;
+    themeConfig?: unknown;
 }
 export interface ThemeOption {
     label: string;

package/dist/providers/Theme/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/providers/Theme/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GACrB,MAAM,GACN,QAAQ,GACR,MAAM,GACN,OAAO,GACP,YAAY,GACZ,aAAa,GACb,kBAAkB,GAClB,qBAAqB,CAAC;AAE1B,MAAM,MAAM,IAAI,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AAE7C,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,IAAI,CAAC;AAE9E,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,IAAI,CAAC;AAElE,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC;AAE9D,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE1E,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AAExD,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,kBAAkB,CAAC;IACjC,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE;QACR,MAAM,EAAE;YACN,OAAO,EAAE,MAAM,CAAC;YAChB,UAAU,EAAE,MAAM,CAAC;YACnB,MAAM,EAAE,MAAM,CAAC;SAChB,CAAC;KACH,CAAC;CACH;AAED,MAAM,WAAW,gBAAgB;IAE/B,KAAK,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IAC7B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC1C,YAAY,EAAE,MAAM,IAAI,CAAC;IAGzB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IACrC,wBAAwB,CAAC,EAAE,OAAO,CAAC;IAGnC,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAClC,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACvD,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAChD,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C,cAAc,CAAC,EAAE,oBAAoB,CAAC;IACtC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAG1D,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAC1D,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,OAAO,CAAC;IAGlD,WAAW,CAAC,EAAE,GAAG,CAAC;CACnB;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,aAAa,CAAC;IACrB,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAED,wBAAgB,YAAY,CAAC,MAAM,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,IAAI,aAAa,CAa3E;AAED,wBAAgB,WAAW,CAAC,MAAM,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,IAAI,IAAI,CAEjE"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/providers/Theme/types.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,2SA4BjB,CAAA;AAEV,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAA;AAE3D,MAAM,MAAM,IAAI,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAA;AAE5C,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,IAAI,CAAA;AAE7E,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,IAAI,CAAA;AAEjE,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAA;AAE7D,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAA;AAEzE,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAA;AAEvD,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,YAAY,EAAE,kBAAkB,CAAA;IAChC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,EAAE;QACR,MAAM,EAAE;YACN,OAAO,EAAE,MAAM,CAAA;YACf,UAAU,EAAE,MAAM,CAAA;YAClB,MAAM,EAAE,MAAM,CAAA;SACf,CAAA;KACF,CAAA;CACF;AAED,MAAM,WAAW,gBAAgB;IAE/B,KAAK,CAAC,EAAE,aAAa,GAAG,IAAI,CAAA;IAC5B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;IACzC,YAAY,EAAE,MAAM,IAAI,CAAA;IAGxB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IAClB,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAA;IACpC,wBAAwB,CAAC,EAAE,OAAO,CAAA;IAGlC,YAAY,CAAC,EAAE,kBAAkB,CAAA;IACjC,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAA;IACtD,SAAS,CAAC,EAAE,eAAe,CAAA;IAC3B,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAA;IAC/C,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAA;IAC7C,cAAc,CAAC,EAAE,oBAAoB,CAAA;IACrC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAA;IAGzD,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,OAAO,CAAC,OAAO,CAAC,CAAA;IACzD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,OAAO,CAAA;IAGjD,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,aAAa,CAAA;IACpB,MAAM,CAAC,EAAE,WAAW,CAAA;CACrB;AAED,wBAAgB,YAAY,CAAC,MAAM,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,IAAI,aAAa,CAE3E;AAED,wBAAgB,WAAW,CAAC,MAAM,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,IAAI,IAAI,CAEjE"}

package/dist/providers/Theme/types.js

@@ -1,20 +1,41 @@
+export const THEME_DEFAULTS = [
+    'cool',
+    'brutal',
+    'neon',
+    'solar',
+    'dealership',
+    'real-estate',
+    'real-estate-gold',
+    'real-estate-neutral',
+    'cyberpunk',
+    'minimal',
+    'retro',
+    'pastel',
+    'ocean',
+    'forest',
+    'sunset',
+    'lavender',
+    'neutral',
+    'blue',
+    'green',
+    'red',
+    'orange',
+    'rose',
+    'violet',
+    'zinc',
+    'slate',
+    'stone',
+    'gray'
+];
 export function themeIsValid(string) {
-    return string ? [
-        'cool',
-        'brutal',
-        'neon',
-        'solar',
-        'dealership',
-        'real-estate',
-        'real-estate-gold',
-        'real-estate-neutral'
-    ].includes(string) : false;
+    return typeof string === 'string' && THEME_DEFAULTS.includes(string);
 }
 export function modeIsValid(string) {
-    return string ? [
+    return typeof string === 'string' && [
         'dark',
-        'light'
-    ].includes(string) : false;
+        'light',
+        'auto'
+    ].includes(string);
 }
 
 //# sourceMappingURL=types.js.map

package/dist/providers/Theme/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/providers/Theme/types.ts"],"sourcesContent":["export type ThemeDefaults =\n  | 'cool'\n  | 'brutal'\n  | 'neon'\n  | 'solar'\n  | 'dealership'\n  | 'real-estate'\n  | 'real-estate-gold'\n  | 'real-estate-neutral';\n\nexport type Mode = 'dark' | 'light' | 'auto';\n\nexport type BorderRadiusPreset = 'none' | 'small' | 'medium' | 'large' | 'xl';\n\nexport type FontScalePreset = 'small' | 'medium' | 'large' | 'xl';\n\nexport type SpacingPreset = 'compact' | 'medium' | 'spacious';\n\nexport type AnimationLevelPreset = 'none' | 'reduced' | 'medium' | 'high';\n\nexport type ColorModePreset = 'auto' | 'light' | 'dark';\n\nexport interface ThemeConfig {\n  name: string;\n  label: string;\n  borderRadius: BorderRadiusPreset;\n  cssFile: string;\n  preview?: {\n    colors: {\n      primary: string;\n      background: string;\n      accent: string;\n    };\n  };\n}\n\nexport interface ThemeContextType {\n  // Theme management\n  theme?: ThemeDefaults | null;\n  setTheme?: (theme: ThemeDefaults) => void; // Add setTheme for enhanced functionality\n  refreshTheme: () => void; // Refresh theme (now handled server-side)\n\n  // Color mode\n  mode?: Mode | null;\n  setMode: (mode: Mode | null) => void;\n  isColorModeToggleAllowed?: boolean; // Whether admin allows color mode changes\n\n  // Design controls\n  borderRadius?: BorderRadiusPreset;\n  setBorderRadius?: (radius: BorderRadiusPreset) => void;\n  fontScale?: FontScalePreset;\n  setFontScale?: (scale: FontScalePreset) => void;\n  spacing?: SpacingPreset;\n  setSpacing?: (spacing: SpacingPreset) => void;\n  animationLevel?: AnimationLevelPreset;\n  setAnimationLevel?: (level: AnimationLevelPreset) => void;\n\n  // Theme loading\n  preloadTheme?: (theme: ThemeDefaults) => Promise<boolean>;\n  isThemeLoaded?: (theme: ThemeDefaults) => boolean;\n\n  // Enhanced configuration\n  themeConfig?: any; // Enhanced theme configuration from plugin\n}\n\nexport interface ThemeOption {\n  label: string;\n  value: ThemeDefaults;\n  config?: ThemeConfig;\n}\n\nexport function themeIsValid(string: null | string): string is ThemeDefaults {\n  return string\n    ? [\n        'cool',\n        'brutal',\n        'neon',\n        'solar',\n        'dealership',\n        'real-estate',\n        'real-estate-gold',\n        'real-estate-neutral',\n      ].includes(string)\n    : false;\n}\n\nexport function modeIsValid(string: null | string): string is Mode {\n  return string ? ['dark', 'light'].includes(string) : false;\n}\n"],"names":["themeIsValid","string","includes","modeIsValid"],"mappings":"AAuEA,OAAO,SAASA,aAAaC,MAAqB;IAChD,OAAOA,SACH;QACE;QACA;QACA;QACA;QACA;QACA;QACA;QACA;KACD,CAACC,QAAQ,CAACD,UACX;AACN;AAEA,OAAO,SAASE,YAAYF,MAAqB;IAC/C,OAAOA,SAAS;QAAC;QAAQ;KAAQ,CAACC,QAAQ,CAACD,UAAU;AACvD"}
+{"version":3,"sources":["../../../src/providers/Theme/types.ts"],"sourcesContent":["export const THEME_DEFAULTS = [\n  'cool',\n  'brutal',\n  'neon',\n  'solar',\n  'dealership',\n  'real-estate',\n  'real-estate-gold',\n  'real-estate-neutral',\n  'cyberpunk',\n  'minimal',\n  'retro',\n  'pastel',\n  'ocean',\n  'forest',\n  'sunset',\n  'lavender',\n  'neutral',\n  'blue',\n  'green',\n  'red',\n  'orange',\n  'rose',\n  'violet',\n  'zinc',\n  'slate',\n  'stone',\n  'gray',\n] as const\n\nexport type ThemeDefaults = (typeof THEME_DEFAULTS)[number]\n\nexport type Mode = 'dark' | 'light' | 'auto'\n\nexport type BorderRadiusPreset = 'none' | 'small' | 'medium' | 'large' | 'xl'\n\nexport type FontScalePreset = 'small' | 'medium' | 'large' | 'xl'\n\nexport type SpacingPreset = 'compact' | 'medium' | 'spacious'\n\nexport type AnimationLevelPreset = 'none' | 'reduced' | 'medium' | 'high'\n\nexport type ColorModePreset = 'auto' | 'light' | 'dark'\n\nexport interface ThemeConfig {\n  name: string\n  label: string\n  borderRadius: BorderRadiusPreset\n  cssFile?: string // Optional - if not provided, CSS is generated dynamically\n  dynamicCSS?: boolean // If true, CSS is generated from theme preset\n  preview?: {\n    colors: {\n      primary: string\n      background: string\n      accent: string\n    }\n  }\n}\n\nexport interface ThemeContextType {\n  // Theme management\n  theme?: ThemeDefaults | null\n  setTheme?: (theme: ThemeDefaults) => void // Add setTheme for enhanced functionality\n  refreshTheme: () => void // Refresh theme (now handled server-side)\n\n  // Color mode\n  mode?: Mode | null\n  setMode: (mode: Mode | null) => void\n  isColorModeToggleAllowed?: boolean // Whether admin allows color mode changes\n\n  // Design controls\n  borderRadius?: BorderRadiusPreset\n  setBorderRadius?: (radius: BorderRadiusPreset) => void\n  fontScale?: FontScalePreset\n  setFontScale?: (scale: FontScalePreset) => void\n  spacing?: SpacingPreset\n  setSpacing?: (spacing: SpacingPreset) => void\n  animationLevel?: AnimationLevelPreset\n  setAnimationLevel?: (level: AnimationLevelPreset) => void\n\n  // Theme loading\n  preloadTheme?: (theme: ThemeDefaults) => Promise<boolean>\n  isThemeLoaded?: (theme: ThemeDefaults) => boolean\n\n  // Enhanced configuration\n  themeConfig?: unknown // Enhanced theme configuration from plugin\n}\n\nexport interface ThemeOption {\n  label: string\n  value: ThemeDefaults\n  config?: ThemeConfig\n}\n\nexport function themeIsValid(string: null | string): string is ThemeDefaults {\n  return typeof string === 'string' && (THEME_DEFAULTS as readonly string[]).includes(string)\n}\n\nexport function modeIsValid(string: null | string): string is Mode {\n  return typeof string === 'string' && ['dark', 'light', 'auto'].includes(string)\n}\n"],"names":["THEME_DEFAULTS","themeIsValid","string","includes","modeIsValid"],"mappings":"AAAA,OAAO,MAAMA,iBAAiB;IAC5B;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;CACD,CAAS;AAkEV,OAAO,SAASC,aAAaC,MAAqB;IAChD,OAAO,OAAOA,WAAW,YAAY,AAACF,eAAqCG,QAAQ,CAACD;AACtF;AAEA,OAAO,SAASE,YAAYF,MAAqB;IAC/C,OAAO,OAAOA,WAAW,YAAY;QAAC;QAAQ;QAAS;KAAO,CAACC,QAAQ,CAACD;AAC1E"}

package/dist/server.d.ts

@@ -1,4 +1,4 @@
 import 'server-only';
 export { ServerThemeInjector } from './components/ServerThemeInjector.js';
-export { createFallbackCriticalCSS, generateThemePreloadLinks, getThemeCriticalCSS, getThemeCSSPath, } from './utils/themeAssets.js';
+export { createFallbackCriticalCSS, getThemeCriticalCSS, getThemeCSS, generateThemePreloadLinks, getThemeCSSPath, } from './utils/themeAssets.js';
 //# sourceMappingURL=server.d.ts.map

package/dist/server.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../src/server.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAEpB,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAA;AAEzE,OAAO,EACL,yBAAyB,EACzB,yBAAyB,EACzB,mBAAmB,EACnB,eAAe,GAChB,MAAM,wBAAwB,CAAA"}
+{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../src/server.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAEpB,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAA;AAEzE,OAAO,EACL,yBAAyB,EACzB,mBAAmB,EACnB,WAAW,EACX,yBAAyB,EACzB,eAAe,GAChB,MAAM,wBAAwB,CAAA"}

package/dist/server.js

@@ -1,5 +1,5 @@
 import 'server-only';
 export { ServerThemeInjector } from './components/ServerThemeInjector.js';
-export { createFallbackCriticalCSS, generateThemePreloadLinks, getThemeCriticalCSS, getThemeCSSPath } from './utils/themeAssets.js';
+export { createFallbackCriticalCSS, getThemeCriticalCSS, getThemeCSS, generateThemePreloadLinks, getThemeCSSPath } from './utils/themeAssets.js';
 
 //# sourceMappingURL=server.js.map

package/dist/server.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/server.ts"],"sourcesContent":["import 'server-only'\n\nexport { ServerThemeInjector } from './components/ServerThemeInjector.js'\n\nexport {\n  createFallbackCriticalCSS,\n  generateThemePreloadLinks,\n  getThemeCriticalCSS,\n  getThemeCSSPath,\n} from './utils/themeAssets.js'\n"],"names":["ServerThemeInjector","createFallbackCriticalCSS","generateThemePreloadLinks","getThemeCriticalCSS","getThemeCSSPath"],"mappings":"AAAA,OAAO,cAAa;AAEpB,SAASA,mBAAmB,QAAQ,sCAAqC;AAEzE,SACEC,yBAAyB,EACzBC,yBAAyB,EACzBC,mBAAmB,EACnBC,eAAe,QACV,yBAAwB"}
+{"version":3,"sources":["../src/server.ts"],"sourcesContent":["import 'server-only'\n\nexport { ServerThemeInjector } from './components/ServerThemeInjector.js'\n\nexport {\n  createFallbackCriticalCSS,\n  getThemeCriticalCSS,\n  getThemeCSS,\n  generateThemePreloadLinks,\n  getThemeCSSPath,\n} from './utils/themeAssets.js'\n"],"names":["ServerThemeInjector","createFallbackCriticalCSS","getThemeCriticalCSS","getThemeCSS","generateThemePreloadLinks","getThemeCSSPath"],"mappings":"AAAA,OAAO,cAAa;AAEpB,SAASA,mBAAmB,QAAQ,sCAAqC;AAEzE,SACEC,yBAAyB,EACzBC,mBAAmB,EACnBC,WAAW,EACXC,yBAAyB,EACzBC,eAAe,QACV,yBAAwB"}

package/dist/utils/generateThemeCSS.d.ts

@@ -0,0 +1,11 @@
+import type { ThemePreset } from '../presets.js';
+/**
+ * Generates complete CSS for a theme preset
+ * Creates both light and dark mode CSS variables
+ */
+export declare function generateThemeCSS(preset: ThemePreset): string;
+/**
+ * Generate CSS for all themes
+ */
+export declare function generateAllThemesCSS(presets: ThemePreset[]): string;
+//# sourceMappingURL=generateThemeCSS.d.ts.map

package/dist/utils/generateThemeCSS.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generateThemeCSS.d.ts","sourceRoot":"","sources":["../../src/utils/generateThemeCSS.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAGhD;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,WAAW,GAAG,MAAM,CAuC5D;AAuSD;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,WAAW,EAAE,GAAG,MAAM,CAEnE"}