@kilivi/payloadcms-theme-management 0.1.5 → 0.1.7

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

@@ -1,4 +1,4 @@
-import type { Mode, ThemeOption, ThemeDefaults } from './types';
+import type { Mode, ThemeOption, ThemeDefaults } from './types.js';
 export declare const themeLocalStorageKey = "payload-theme";
 export declare const modeLocalStorageKey = "payload-theme-mode";
 export declare const defaultTheme: ThemeDefaults;

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

@@ -1 +1 @@
-{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../src/providers/Theme/shared.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAE/D,eAAO,MAAM,oBAAoB,kBAAkB,CAAA;AACnD,eAAO,MAAM,mBAAmB,uBAAuB,CAAA;AAEvD,eAAO,MAAM,YAAY,EAAa,aAAa,CAAA;AACnD,eAAO,MAAM,WAAW,EAAa,IAAI,CAAA;AAEzC,eAAO,MAAM,YAAY,EASpB,WAAW,EAAE,CAAA;AAElB,eAAO,MAAM,yBAAyB,QAAO,IAAI,GAAG,IAUnD,CAAA"}
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../src/providers/Theme/shared.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAElE,eAAO,MAAM,oBAAoB,kBAAkB,CAAA;AACnD,eAAO,MAAM,mBAAmB,uBAAuB,CAAA;AAEvD,eAAO,MAAM,YAAY,EAAa,aAAa,CAAA;AACnD,eAAO,MAAM,WAAW,EAAa,IAAI,CAAA;AAEzC,eAAO,MAAM,YAAY,EASpB,WAAW,EAAE,CAAA;AAElB,eAAO,MAAM,yBAAyB,QAAO,IAAI,GAAG,IAUnD,CAAA"}

package/dist/providers/Theme/shared.js

@@ -3,16 +3,40 @@ export const modeLocalStorageKey = 'payload-theme-mode';
 export const defaultTheme = 'cool';
 export const defaultMode = 'auto';
 export const themeOptions = [
-    { label: 'Cool & Professional', value: 'cool' },
-    { label: 'Modern Brutalism', value: 'brutal' },
-    { label: 'Neon Cyberpunk', value: 'neon' },
-    { label: 'Dealership', value: 'dealership' },
-    { label: 'Solar', value: 'solar' },
-    { label: 'Real Estate Blue', value: 'real-estate' },
-    { label: 'Real Estate Gold', value: 'real-estate-gold' },
-    { label: 'Real Estate Neutral', value: 'real-estate-neutral' },
+    {
+        label: 'Cool & Professional',
+        value: 'cool'
+    },
+    {
+        label: 'Modern Brutalism',
+        value: 'brutal'
+    },
+    {
+        label: 'Neon Cyberpunk',
+        value: 'neon'
+    },
+    {
+        label: 'Dealership',
+        value: 'dealership'
+    },
+    {
+        label: 'Solar',
+        value: 'solar'
+    },
+    {
+        label: 'Real Estate Blue',
+        value: 'real-estate'
+    },
+    {
+        label: 'Real Estate Gold',
+        value: 'real-estate-gold'
+    },
+    {
+        label: 'Real Estate Neutral',
+        value: 'real-estate-neutral'
+    }
 ];
-export const getImplicitModePreference = () => {
+export const getImplicitModePreference = ()=>{
     const mediaQuery = '(prefers-color-scheme: dark)';
     const mql = window.matchMedia(mediaQuery);
     const hasImplicitPreference = typeof mql.matches === 'boolean';
@@ -21,4 +45,5 @@ export const getImplicitModePreference = () => {
     }
     return null;
 };
+
 //# sourceMappingURL=shared.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"shared.js","sourceRoot":"","sources":["../../../src/providers/Theme/shared.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,oBAAoB,GAAG,eAAe,CAAA;AACnD,MAAM,CAAC,MAAM,mBAAmB,GAAG,oBAAoB,CAAA;AAEvD,MAAM,CAAC,MAAM,YAAY,GAAG,MAAuB,CAAA;AACnD,MAAM,CAAC,MAAM,WAAW,GAAG,MAAc,CAAA;AAEzC,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,EAAE,KAAK,EAAE,qBAAqB,EAAE,KAAK,EAAE,MAAM,EAAE;IAC/C,EAAE,KAAK,EAAE,kBAAkB,EAAE,KAAK,EAAE,QAAQ,EAAE;IAC9C,EAAE,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,EAAE;IAC1C,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;IAC5C,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAClC,EAAE,KAAK,EAAE,kBAAkB,EAAE,KAAK,EAAE,aAAa,EAAE;IACnD,EAAE,KAAK,EAAE,kBAAkB,EAAE,KAAK,EAAE,kBAAkB,EAAE;IACxD,EAAE,KAAK,EAAE,qBAAqB,EAAE,KAAK,EAAE,qBAAqB,EAAE;CAC9C,CAAA;AAElB,MAAM,CAAC,MAAM,yBAAyB,GAAG,GAAgB,EAAE;IACzD,MAAM,UAAU,GAAG,8BAA8B,CAAA;IACjD,MAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,UAAU,CAAC,CAAA;IACzC,MAAM,qBAAqB,GAAG,OAAO,GAAG,CAAC,OAAO,KAAK,SAAS,CAAA;IAE9D,IAAI,qBAAqB,EAAE,CAAC;QAC1B,OAAO,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAA;IACvC,CAAC;IAED,OAAO,IAAI,CAAA;AACb,CAAC,CAAA"}
+{"version":3,"sources":["../../../src/providers/Theme/shared.ts"],"sourcesContent":["import type { Mode, ThemeOption, ThemeDefaults } from './types.js'\r\n\r\nexport const themeLocalStorageKey = 'payload-theme'\r\nexport const modeLocalStorageKey = 'payload-theme-mode'\r\n\r\nexport const defaultTheme = 'cool' as ThemeDefaults\r\nexport const defaultMode = 'auto' as Mode\r\n\r\nexport const themeOptions = [\r\n  { label: 'Cool & Professional', value: 'cool' },\r\n  { label: 'Modern Brutalism', value: 'brutal' },\r\n  { label: 'Neon Cyberpunk', value: 'neon' },\r\n  { label: 'Dealership', value: 'dealership' },\r\n  { label: 'Solar', value: 'solar' },\r\n  { label: 'Real Estate Blue', value: 'real-estate' },\r\n  { label: 'Real Estate Gold', value: 'real-estate-gold' },\r\n  { label: 'Real Estate Neutral', value: 'real-estate-neutral' },\r\n] as ThemeOption[]\r\n\r\nexport const getImplicitModePreference = (): Mode | null => {\r\n  const mediaQuery = '(prefers-color-scheme: dark)'\r\n  const mql = window.matchMedia(mediaQuery)\r\n  const hasImplicitPreference = typeof mql.matches === 'boolean'\r\n\r\n  if (hasImplicitPreference) {\r\n    return mql.matches ? 'dark' : 'light'\r\n  }\r\n\r\n  return null\r\n}\r\n"],"names":["themeLocalStorageKey","modeLocalStorageKey","defaultTheme","defaultMode","themeOptions","label","value","getImplicitModePreference","mediaQuery","mql","window","matchMedia","hasImplicitPreference","matches"],"mappings":"AAEA,OAAO,MAAMA,uBAAuB,gBAAe;AACnD,OAAO,MAAMC,sBAAsB,qBAAoB;AAEvD,OAAO,MAAMC,eAAe,OAAuB;AACnD,OAAO,MAAMC,cAAc,OAAc;AAEzC,OAAO,MAAMC,eAAe;IAC1B;QAAEC,OAAO;QAAuBC,OAAO;IAAO;IAC9C;QAAED,OAAO;QAAoBC,OAAO;IAAS;IAC7C;QAAED,OAAO;QAAkBC,OAAO;IAAO;IACzC;QAAED,OAAO;QAAcC,OAAO;IAAa;IAC3C;QAAED,OAAO;QAASC,OAAO;IAAQ;IACjC;QAAED,OAAO;QAAoBC,OAAO;IAAc;IAClD;QAAED,OAAO;QAAoBC,OAAO;IAAmB;IACvD;QAAED,OAAO;QAAuBC,OAAO;IAAsB;CAC9D,CAAiB;AAElB,OAAO,MAAMC,4BAA4B;IACvC,MAAMC,aAAa;IACnB,MAAMC,MAAMC,OAAOC,UAAU,CAACH;IAC9B,MAAMI,wBAAwB,OAAOH,IAAII,OAAO,KAAK;IAErD,IAAID,uBAAuB;QACzB,OAAOH,IAAII,OAAO,GAAG,SAAS;IAChC;IAEA,OAAO;AACT,EAAC"}

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

@@ -1,4 +1,4 @@
-import type { ThemeConfig, ThemeDefaults } from './types';
+import type { ThemeConfig, ThemeDefaults } from './types.js';
 export declare const themeConfigs: Record<ThemeDefaults, ThemeConfig>;
 export declare const borderRadiusPresets: {
     readonly none: {

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

@@ -1 +1 @@
-{"version":3,"file":"themeConfig.d.ts","sourceRoot":"","sources":["../../../src/providers/Theme/themeConfig.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAEzD,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,aAAa,EAAE,WAAW,CAyG3D,CAAA;AAED,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6DtB,CAAA;AAEV,wBAAgB,cAAc,CAAC,KAAK,EAAE,aAAa,GAAG,WAAW,CAEhE;AAED,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,MAAM,OAAO,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAE7E"}
+{"version":3,"file":"themeConfig.d.ts","sourceRoot":"","sources":["../../../src/providers/Theme/themeConfig.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAE5D,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,aAAa,EAAE,WAAW,CAyG3D,CAAA;AAED,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6DtB,CAAA;AAEV,wBAAgB,cAAc,CAAC,KAAK,EAAE,aAAa,GAAG,WAAW,CAEhE;AAED,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,MAAM,OAAO,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAE7E"}

package/dist/providers/Theme/themeConfig.js

@@ -8,9 +8,9 @@ export const themeConfigs = {
             colors: {
                 primary: 'hsl(221 83% 53%)',
                 background: 'hsl(0 0% 100%)',
-                accent: 'hsl(210 40% 95%)',
-            },
-        },
+                accent: 'hsl(210 40% 95%)'
+            }
+        }
     },
     brutal: {
         name: 'brutal',
@@ -21,9 +21,9 @@ export const themeConfigs = {
             colors: {
                 primary: 'hsl(0 0% 0%)',
                 background: 'hsl(0 0% 100%)',
-                accent: 'hsl(0 72% 51%)',
-            },
-        },
+                accent: 'hsl(0 72% 51%)'
+            }
+        }
     },
     neon: {
         name: 'neon',
@@ -34,9 +34,9 @@ export const themeConfigs = {
             colors: {
                 primary: 'hsl(263 90% 51%)',
                 background: 'hsl(230 25% 5%)',
-                accent: 'hsl(180 100% 50%)',
-            },
-        },
+                accent: 'hsl(180 100% 50%)'
+            }
+        }
     },
     solar: {
         name: 'solar',
@@ -47,9 +47,9 @@ export const themeConfigs = {
             colors: {
                 primary: 'hsl(20 90% 45%)',
                 background: 'hsl(40 30% 95%)',
-                accent: 'hsl(40 100% 50%)',
-            },
-        },
+                accent: 'hsl(40 100% 50%)'
+            }
+        }
     },
     dealership: {
         name: 'dealership',
@@ -60,9 +60,9 @@ export const themeConfigs = {
             colors: {
                 primary: 'hsl(225 25% 25%)',
                 background: 'hsl(0 0% 98%)',
-                accent: 'hsl(15 85% 55%)',
-            },
-        },
+                accent: 'hsl(15 85% 55%)'
+            }
+        }
     },
     'real-estate': {
         name: 'real-estate',
@@ -73,9 +73,9 @@ export const themeConfigs = {
             colors: {
                 primary: 'hsl(220 90% 48%)',
                 background: 'hsl(220 40% 98.5%)',
-                accent: 'hsl(210 85% 55%)',
-            },
-        },
+                accent: 'hsl(210 85% 55%)'
+            }
+        }
     },
     'real-estate-gold': {
         name: 'real-estate-gold',
@@ -86,9 +86,9 @@ export const themeConfigs = {
             colors: {
                 primary: 'hsl(38 75% 45%)',
                 background: 'hsl(45 25% 97%)',
-                accent: 'hsl(42 85% 55%)',
-            },
-        },
+                accent: 'hsl(42 85% 55%)'
+            }
+        }
     },
     'real-estate-neutral': {
         name: 'real-estate-neutral',
@@ -99,10 +99,10 @@ export const themeConfigs = {
             colors: {
                 primary: 'hsl(25 35% 25%)',
                 background: 'hsl(30 8% 98%)',
-                accent: 'hsl(35 25% 45%)',
-            },
-        },
-    },
+                accent: 'hsl(35 25% 45%)'
+            }
+        }
+    }
 };
 export const borderRadiusPresets = {
     none: {
@@ -114,8 +114,8 @@ export const borderRadiusPresets = {
             '--radius-default': '0',
             '--radius-medium': '0',
             '--radius-large': '0',
-            '--radius-xl': '0',
-        },
+            '--radius-xl': '0'
+        }
     },
     small: {
         label: 'Small',
@@ -126,8 +126,8 @@ export const borderRadiusPresets = {
             '--radius-default': '0.375rem',
             '--radius-medium': '0.5rem',
             '--radius-large': '0.75rem',
-            '--radius-xl': '1rem',
-        },
+            '--radius-xl': '1rem'
+        }
     },
     medium: {
         label: 'Medium',
@@ -138,8 +138,8 @@ export const borderRadiusPresets = {
             '--radius-default': '0.75rem',
             '--radius-medium': '1rem',
             '--radius-large': '1.5rem',
-            '--radius-xl': '2rem',
-        },
+            '--radius-xl': '2rem'
+        }
     },
     large: {
         label: 'Large',
@@ -150,8 +150,8 @@ export const borderRadiusPresets = {
             '--radius-default': '1rem',
             '--radius-medium': '1.5rem',
             '--radius-large': '2rem',
-            '--radius-xl': '2.5rem',
-        },
+            '--radius-xl': '2.5rem'
+        }
     },
     xl: {
         label: 'Extra Large',
@@ -162,9 +162,9 @@ export const borderRadiusPresets = {
             '--radius-default': '1.5rem',
             '--radius-medium': '2rem',
             '--radius-large': '2.5rem',
-            '--radius-xl': '3rem',
-        },
-    },
+            '--radius-xl': '3rem'
+        }
+    }
 };
 export function getThemeConfig(theme) {
     return themeConfigs[theme];
@@ -172,4 +172,5 @@ export function getThemeConfig(theme) {
 export function getBorderRadiusConfig(preset) {
     return borderRadiusPresets[preset];
 }
+
 //# sourceMappingURL=themeConfig.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"themeConfig.js","sourceRoot":"","sources":["../../../src/providers/Theme/themeConfig.ts"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../src/providers/Theme/themeConfig.ts"],"sourcesContent":["import type { ThemeConfig, ThemeDefaults } from './types.js'\r\n\r\nexport const themeConfigs: Record<ThemeDefaults, ThemeConfig> = {\r\n  cool: {\r\n    name: 'cool',\r\n    label: 'Cool & Professional',\r\n    borderRadius: 'medium',\r\n    cssFile: '/themes/cool.css',\r\n    preview: {\r\n      colors: {\r\n        primary: 'hsl(221 83% 53%)',\r\n        background: 'hsl(0 0% 100%)',\r\n        accent: 'hsl(210 40% 95%)',\r\n      },\r\n    },\r\n  },\r\n  brutal: {\r\n    name: 'brutal',\r\n    label: 'Modern Brutalism',\r\n    borderRadius: 'none',\r\n    cssFile: '/themes/brutal.css',\r\n    preview: {\r\n      colors: {\r\n        primary: 'hsl(0 0% 0%)',\r\n        background: 'hsl(0 0% 100%)',\r\n        accent: 'hsl(0 72% 51%)',\r\n      },\r\n    },\r\n  },\r\n  neon: {\r\n    name: 'neon',\r\n    label: 'Neon Cyberpunk',\r\n    borderRadius: 'medium',\r\n    cssFile: '/themes/neon.css',\r\n    preview: {\r\n      colors: {\r\n        primary: 'hsl(263 90% 51%)',\r\n        background: 'hsl(230 25% 5%)',\r\n        accent: 'hsl(180 100% 50%)',\r\n      },\r\n    },\r\n  },\r\n  solar: {\r\n    name: 'solar',\r\n    label: 'Solar',\r\n    borderRadius: 'large',\r\n    cssFile: '/themes/solar.css',\r\n    preview: {\r\n      colors: {\r\n        primary: 'hsl(20 90% 45%)',\r\n        background: 'hsl(40 30% 95%)',\r\n        accent: 'hsl(40 100% 50%)',\r\n      },\r\n    },\r\n  },\r\n  dealership: {\r\n    name: 'dealership',\r\n    label: 'Dealership',\r\n    borderRadius: 'medium',\r\n    cssFile: '/themes/dealership.css',\r\n    preview: {\r\n      colors: {\r\n        primary: 'hsl(225 25% 25%)',\r\n        background: 'hsl(0 0% 98%)',\r\n        accent: 'hsl(15 85% 55%)',\r\n      },\r\n    },\r\n  },\r\n  'real-estate': {\r\n    name: 'real-estate',\r\n    label: 'Real Estate Blue',\r\n    borderRadius: 'large',\r\n    cssFile: '/themes/real-estate.css',\r\n    preview: {\r\n      colors: {\r\n        primary: 'hsl(220 90% 48%)',\r\n        background: 'hsl(220 40% 98.5%)',\r\n        accent: 'hsl(210 85% 55%)',\r\n      },\r\n    },\r\n  },\r\n  'real-estate-gold': {\r\n    name: 'real-estate-gold',\r\n    label: 'Real Estate Gold',\r\n    borderRadius: 'large',\r\n    cssFile: '/themes/real-estate-gold.css',\r\n    preview: {\r\n      colors: {\r\n        primary: 'hsl(38 75% 45%)',\r\n        background: 'hsl(45 25% 97%)',\r\n        accent: 'hsl(42 85% 55%)',\r\n      },\r\n    },\r\n  },\r\n  'real-estate-neutral': {\r\n    name: 'real-estate-neutral',\r\n    label: 'Real Estate Neutral',\r\n    borderRadius: 'large',\r\n    cssFile: '/themes/real-estate-neutral.css',\r\n    preview: {\r\n      colors: {\r\n        primary: 'hsl(25 35% 25%)',\r\n        background: 'hsl(30 8% 98%)',\r\n        accent: 'hsl(35 25% 45%)',\r\n      },\r\n    },\r\n  },\r\n}\r\n\r\nexport const borderRadiusPresets = {\r\n  none: {\r\n    label: 'None',\r\n    value: 'none',\r\n    css: {\r\n      '--radius-xs': '0',\r\n      '--radius-small': '0',\r\n      '--radius-default': '0',\r\n      '--radius-medium': '0',\r\n      '--radius-large': '0',\r\n      '--radius-xl': '0',\r\n    },\r\n  },\r\n  small: {\r\n    label: 'Small',\r\n    value: 'small',\r\n    css: {\r\n      '--radius-xs': '0.125rem',\r\n      '--radius-small': '0.25rem',\r\n      '--radius-default': '0.375rem',\r\n      '--radius-medium': '0.5rem',\r\n      '--radius-large': '0.75rem',\r\n      '--radius-xl': '1rem',\r\n    },\r\n  },\r\n  medium: {\r\n    label: 'Medium',\r\n    value: 'medium',\r\n    css: {\r\n      '--radius-xs': '0.25rem',\r\n      '--radius-small': '0.5rem',\r\n      '--radius-default': '0.75rem',\r\n      '--radius-medium': '1rem',\r\n      '--radius-large': '1.5rem',\r\n      '--radius-xl': '2rem',\r\n    },\r\n  },\r\n  large: {\r\n    label: 'Large',\r\n    value: 'large',\r\n    css: {\r\n      '--radius-xs': '0.5rem',\r\n      '--radius-small': '0.75rem',\r\n      '--radius-default': '1rem',\r\n      '--radius-medium': '1.5rem',\r\n      '--radius-large': '2rem',\r\n      '--radius-xl': '2.5rem',\r\n    },\r\n  },\r\n  xl: {\r\n    label: 'Extra Large',\r\n    value: 'xl',\r\n    css: {\r\n      '--radius-xs': '0.75rem',\r\n      '--radius-small': '1rem',\r\n      '--radius-default': '1.5rem',\r\n      '--radius-medium': '2rem',\r\n      '--radius-large': '2.5rem',\r\n      '--radius-xl': '3rem',\r\n    },\r\n  },\r\n} as const\r\n\r\nexport function getThemeConfig(theme: ThemeDefaults): ThemeConfig {\r\n  return themeConfigs[theme]\r\n}\r\n\r\nexport function getBorderRadiusConfig(preset: keyof typeof borderRadiusPresets) {\r\n  return borderRadiusPresets[preset]\r\n}\r\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"}

package/dist/providers/Theme/types.js

@@ -1,18 +1,20 @@
 export function themeIsValid(string) {
-    return string
-        ? [
-            'cool',
-            'brutal',
-            'neon',
-            'solar',
-            'dealership',
-            'real-estate',
-            'real-estate-gold',
-            'real-estate-neutral',
-        ].includes(string)
-        : false;
+    return string ? [
+        'cool',
+        'brutal',
+        'neon',
+        'solar',
+        'dealership',
+        'real-estate',
+        'real-estate-gold',
+        'real-estate-neutral'
+    ].includes(string) : false;
 }
 export function modeIsValid(string) {
-    return string ? ['dark', 'light'].includes(string) : false;
+    return string ? [
+        'dark',
+        'light'
+    ].includes(string) : false;
 }
+
 //# sourceMappingURL=types.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/providers/Theme/types.ts"],"names":[],"mappings":"AAuEA,MAAM,UAAU,YAAY,CAAC,MAAqB;IAChD,OAAO,MAAM;QACX,CAAC,CAAC;YACE,MAAM;YACN,QAAQ;YACR,MAAM;YACN,OAAO;YACP,YAAY;YACZ,aAAa;YACb,kBAAkB;YAClB,qBAAqB;SACtB,CAAC,QAAQ,CAAC,MAAM,CAAC;QACpB,CAAC,CAAC,KAAK,CAAC;AACZ,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,MAAqB;IAC/C,OAAO,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;AAC7D,CAAC"}
+{"version":3,"sources":["../../../src/providers/Theme/types.ts"],"sourcesContent":["export type ThemeDefaults =\r\n  | 'cool'\r\n  | 'brutal'\r\n  | 'neon'\r\n  | 'solar'\r\n  | 'dealership'\r\n  | 'real-estate'\r\n  | 'real-estate-gold'\r\n  | 'real-estate-neutral';\r\n\r\nexport type Mode = 'dark' | 'light' | 'auto';\r\n\r\nexport type BorderRadiusPreset = 'none' | 'small' | 'medium' | 'large' | 'xl';\r\n\r\nexport type FontScalePreset = 'small' | 'medium' | 'large' | 'xl';\r\n\r\nexport type SpacingPreset = 'compact' | 'medium' | 'spacious';\r\n\r\nexport type AnimationLevelPreset = 'none' | 'reduced' | 'medium' | 'high';\r\n\r\nexport type ColorModePreset = 'auto' | 'light' | 'dark';\r\n\r\nexport interface ThemeConfig {\r\n  name: string;\r\n  label: string;\r\n  borderRadius: BorderRadiusPreset;\r\n  cssFile: string;\r\n  preview?: {\r\n    colors: {\r\n      primary: string;\r\n      background: string;\r\n      accent: string;\r\n    };\r\n  };\r\n}\r\n\r\nexport interface ThemeContextType {\r\n  // Theme management\r\n  theme?: ThemeDefaults | null;\r\n  setTheme?: (theme: ThemeDefaults) => void; // Add setTheme for enhanced functionality\r\n  refreshTheme: () => void; // Refresh theme (now handled server-side)\r\n\r\n  // Color mode\r\n  mode?: Mode | null;\r\n  setMode: (mode: Mode | null) => void;\r\n  isColorModeToggleAllowed?: boolean; // Whether admin allows color mode changes\r\n\r\n  // Design controls\r\n  borderRadius?: BorderRadiusPreset;\r\n  setBorderRadius?: (radius: BorderRadiusPreset) => void;\r\n  fontScale?: FontScalePreset;\r\n  setFontScale?: (scale: FontScalePreset) => void;\r\n  spacing?: SpacingPreset;\r\n  setSpacing?: (spacing: SpacingPreset) => void;\r\n  animationLevel?: AnimationLevelPreset;\r\n  setAnimationLevel?: (level: AnimationLevelPreset) => void;\r\n\r\n  // Theme loading\r\n  preloadTheme?: (theme: ThemeDefaults) => Promise<boolean>;\r\n  isThemeLoaded?: (theme: ThemeDefaults) => boolean;\r\n\r\n  // Enhanced configuration\r\n  themeConfig?: any; // Enhanced theme configuration from plugin\r\n}\r\n\r\nexport interface ThemeOption {\r\n  label: string;\r\n  value: ThemeDefaults;\r\n  config?: ThemeConfig;\r\n}\r\n\r\nexport function themeIsValid(string: null | string): string is ThemeDefaults {\r\n  return string\r\n    ? [\r\n        'cool',\r\n        'brutal',\r\n        'neon',\r\n        'solar',\r\n        'dealership',\r\n        'real-estate',\r\n        'real-estate-gold',\r\n        'real-estate-neutral',\r\n      ].includes(string)\r\n    : false;\r\n}\r\n\r\nexport function modeIsValid(string: null | string): string is Mode {\r\n  return string ? ['dark', 'light'].includes(string) : false;\r\n}\r\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"}

package/dist/server.d.ts

@@ -1,3 +1,3 @@
-export { ServerThemeInjector } from './components/ServerThemeInjector';
-export { createFallbackCriticalCSS, generateThemePreloadLinks, getThemeCriticalCSS, getThemeCSSPath, } from './utils/themeAssets';
+export { ServerThemeInjector } from './components/ServerThemeInjector.js';
+export { createFallbackCriticalCSS, generateThemePreloadLinks, getThemeCriticalCSS, 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,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAA;AAEtE,OAAO,EACL,yBAAyB,EACzB,yBAAyB,EACzB,mBAAmB,EACnB,eAAe,GAChB,MAAM,qBAAqB,CAAA"}
+{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../src/server.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAA;AAEzE,OAAO,EACL,yBAAyB,EACzB,yBAAyB,EACzB,mBAAmB,EACnB,eAAe,GAChB,MAAM,wBAAwB,CAAA"}

package/dist/server.js

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

package/dist/server.js.map

@@ -1 +1 @@
-{"version":3,"file":"server.js","sourceRoot":"","sources":["../src/server.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAA;AAEtE,OAAO,EACL,yBAAyB,EACzB,yBAAyB,EACzB,mBAAmB,EACnB,eAAe,GAChB,MAAM,qBAAqB,CAAA"}
+{"version":3,"sources":["../src/server.ts"],"sourcesContent":["export { ServerThemeInjector } from './components/ServerThemeInjector.js'\r\n\r\nexport {\r\n  createFallbackCriticalCSS,\r\n  generateThemePreloadLinks,\r\n  getThemeCriticalCSS,\r\n  getThemeCSSPath,\r\n} from './utils/themeAssets.js'\r\n"],"names":["ServerThemeInjector","createFallbackCriticalCSS","generateThemePreloadLinks","getThemeCriticalCSS","getThemeCSSPath"],"mappings":"AAAA,SAASA,mBAAmB,QAAQ,sCAAqC;AAEzE,SACEC,yBAAyB,EACzBC,yBAAyB,EACzBC,mBAAmB,EACnBC,eAAe,QACV,yBAAwB"}

package/dist/src/--verbose/dist/fields/ThemeColorPickerField.scss

@@ -0,0 +1,138 @@
+.theme-color-picker-field {
+  margin-bottom: 1rem;
+
+  .field-header {
+    margin-bottom: 0.5rem;
+  }
+
+  .field-label {
+    display: block;
+    font-weight: 500;
+    font-size: 0.875rem;
+    color: var(--theme-text);
+    margin-bottom: 0.25rem;
+  }
+
+  .field-description {
+    font-size: 0.75rem;
+    color: var(--theme-elevation-400);
+    margin-top: 0.25rem;
+  }
+
+  .color-picker-container {
+    display: flex;
+    gap: 0.75rem;
+    align-items: center;
+  }
+
+  .color-input-wrapper {
+    display: flex;
+    gap: 0.5rem;
+    flex: 1;
+  }
+
+  .color-input {
+    width: 60px;
+    height: 38px;
+    border: 1px solid var(--theme-elevation-200);
+    border-radius: 4px;
+    cursor: pointer;
+    padding: 2px;
+
+    &:hover {
+      border-color: var(--theme-elevation-400);
+    }
+
+    &:focus {
+      outline: 2px solid var(--theme-elevation-500);
+      outline-offset: 1px;
+    }
+  }
+
+  .text-input {
+    flex: 1;
+    height: 38px;
+    padding: 0 0.75rem;
+    border: 1px solid var(--theme-elevation-200);
+    border-radius: 4px;
+    font-family: monospace;
+    font-size: 0.875rem;
+    background: var(--theme-elevation-0);
+    color: var(--theme-text);
+
+    &:hover {
+      border-color: var(--theme-elevation-400);
+    }
+
+    &:focus {
+      outline: 2px solid var(--theme-elevation-500);
+      outline-offset: 1px;
+      border-color: var(--theme-elevation-500);
+    }
+
+    &::placeholder {
+      color: var(--theme-elevation-400);
+    }
+
+    &:invalid {
+      border-color: #ef4444;
+    }
+  }
+
+  .color-preview {
+    width: 120px;
+    height: 38px;
+    border-radius: 4px;
+    border: 1px solid var(--theme-elevation-200);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: relative;
+    overflow: hidden;
+
+    .preview-label {
+      font-size: 0.75rem;
+      font-family: monospace;
+      padding: 0.25rem 0.5rem;
+      background: rgba(255, 255, 255, 0.9);
+      border-radius: 2px;
+      backdrop-filter: blur(4px);
+      color: #000;
+      font-weight: 500;
+    }
+  }
+
+  .mini-preview {
+    margin-top: 1rem;
+    padding: 1rem;
+    border-radius: 6px;
+    border: 1px solid;
+
+    .preview-card {
+      padding: 1rem;
+      border-radius: 4px;
+      border: 1px solid;
+      display: flex;
+      gap: 0.5rem;
+      flex-wrap: wrap;
+    }
+
+    .preview-button {
+      padding: 0.5rem 1rem;
+      border-radius: 4px;
+      border: none;
+      font-size: 0.875rem;
+      font-weight: 500;
+      cursor: pointer;
+      transition: opacity 0.2s;
+
+      &:hover {
+        opacity: 0.9;
+      }
+
+      &.secondary {
+        border: 1px solid currentColor;
+      }
+    }
+  }
+}

package/dist/src/dist/fields/ThemeColorPickerField.scss

@@ -0,0 +1,138 @@
+.theme-color-picker-field {
+  margin-bottom: 1rem;
+
+  .field-header {
+    margin-bottom: 0.5rem;
+  }
+
+  .field-label {
+    display: block;
+    font-weight: 500;
+    font-size: 0.875rem;
+    color: var(--theme-text);
+    margin-bottom: 0.25rem;
+  }
+
+  .field-description {
+    font-size: 0.75rem;
+    color: var(--theme-elevation-400);
+    margin-top: 0.25rem;
+  }
+
+  .color-picker-container {
+    display: flex;
+    gap: 0.75rem;
+    align-items: center;
+  }
+
+  .color-input-wrapper {
+    display: flex;
+    gap: 0.5rem;
+    flex: 1;
+  }
+
+  .color-input {
+    width: 60px;
+    height: 38px;
+    border: 1px solid var(--theme-elevation-200);
+    border-radius: 4px;
+    cursor: pointer;
+    padding: 2px;
+
+    &:hover {
+      border-color: var(--theme-elevation-400);
+    }
+
+    &:focus {
+      outline: 2px solid var(--theme-elevation-500);
+      outline-offset: 1px;
+    }
+  }
+
+  .text-input {
+    flex: 1;
+    height: 38px;
+    padding: 0 0.75rem;
+    border: 1px solid var(--theme-elevation-200);
+    border-radius: 4px;
+    font-family: monospace;
+    font-size: 0.875rem;
+    background: var(--theme-elevation-0);
+    color: var(--theme-text);
+
+    &:hover {
+      border-color: var(--theme-elevation-400);
+    }
+
+    &:focus {
+      outline: 2px solid var(--theme-elevation-500);
+      outline-offset: 1px;
+      border-color: var(--theme-elevation-500);
+    }
+
+    &::placeholder {
+      color: var(--theme-elevation-400);
+    }
+
+    &:invalid {
+      border-color: #ef4444;
+    }
+  }
+
+  .color-preview {
+    width: 120px;
+    height: 38px;
+    border-radius: 4px;
+    border: 1px solid var(--theme-elevation-200);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: relative;
+    overflow: hidden;
+
+    .preview-label {
+      font-size: 0.75rem;
+      font-family: monospace;
+      padding: 0.25rem 0.5rem;
+      background: rgba(255, 255, 255, 0.9);
+      border-radius: 2px;
+      backdrop-filter: blur(4px);
+      color: #000;
+      font-weight: 500;
+    }
+  }
+
+  .mini-preview {
+    margin-top: 1rem;
+    padding: 1rem;
+    border-radius: 6px;
+    border: 1px solid;
+
+    .preview-card {
+      padding: 1rem;
+      border-radius: 4px;
+      border: 1px solid;
+      display: flex;
+      gap: 0.5rem;
+      flex-wrap: wrap;
+    }
+
+    .preview-button {
+      padding: 0.5rem 1rem;
+      border-radius: 4px;
+      border: none;
+      font-size: 0.875rem;
+      font-weight: 500;
+      cursor: pointer;
+      transition: opacity 0.2s;
+
+      &:hover {
+        opacity: 0.9;
+      }
+
+      &.secondary {
+        border: 1px solid currentColor;
+      }
+    }
+  }
+}

package/dist/types.d.ts

@@ -1,5 +1,5 @@
-import type { ThemePreset } from './presets';
-export interface ThemeConfigurationPluginOptions {
+import type { ThemePreset } from './presets.js';
+export interface ThemeManagementPluginOptions {
     /** Whether the plugin should register itself */
     enabled?: boolean;
     /** Collection slug that stores site-level settings (default: `site-settings`) */