@kilivi/payloadcms-theme-management 0.1.13 → 0.1.16

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"sources":["../../../src/providers/Theme/shared.ts"],"sourcesContent":["import type { Mode, ThemeOption, ThemeDefaults } from './types.js'\n\nexport const themeLocalStorageKey = 'payload-theme'\nexport const modeLocalStorageKey = 'payload-theme-mode'\n\nexport const defaultTheme = 'cool' as ThemeDefaults\nexport const defaultMode = 'auto' as Mode\n\nexport const themeOptions = [\n  { label: 'Cool & Professional', value: 'cool' },\n  { label: 'Modern Brutalism', value: 'brutal' },\n  { label: 'Neon Cyberpunk', value: 'neon' },\n  { label: 'Dealership', value: 'dealership' },\n  { label: 'Solar', value: 'solar' },\n  { label: 'Real Estate Blue', value: 'real-estate' },\n  { label: 'Real Estate Gold', value: 'real-estate-gold' },\n  { label: 'Real Estate Neutral', value: 'real-estate-neutral' },\n] as ThemeOption[]\n\nexport const getImplicitModePreference = (): Mode | null => {\n  const mediaQuery = '(prefers-color-scheme: dark)'\n  const mql = window.matchMedia(mediaQuery)\n  const hasImplicitPreference = typeof mql.matches === 'boolean'\n\n  if (hasImplicitPreference) {\n    return mql.matches ? 'dark' : 'light'\n  }\n\n  return null\n}\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.js.map

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

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

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

package/dist/server.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/server.ts"],"sourcesContent":["import 'server-only'\r\n\r\nexport { 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,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  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"}

package/dist/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/types.ts"],"sourcesContent":["import type { ThemePreset } from './presets.js'\r\n\r\nexport interface ThemeManagementPluginOptions {\r\n\t/** Whether the plugin should register itself */\r\n\tenabled?: boolean\r\n\t/** Collection slug that stores site-level settings (default: `site-settings`) */\r\n\ttargetCollection?: string\r\n\t/** Theme presets available to editors */\r\n\tthemePresets?: ThemePreset[]\r\n\t/** Default preset name when no value is stored */\r\n\tdefaultTheme?: string\r\n\t/** Allow editors to toggle between light / dark / auto modes */\r\n\tincludeColorModeToggle?: boolean\r\n\t/** Expose custom CSS editor */\r\n\tincludeCustomCSS?: boolean\r\n\t/** Reserved for future use, keeps API parity */\r\n\tincludeBrandIdentity?: boolean\r\n\t/** Enable advanced controls such as animation level */\r\n\tenableAdvancedFeatures?: boolean\r\n\t/** Log helpful messages during config mutation */\r\n\tenableLogging?: boolean\r\n}\r\n\r\nexport interface FetchThemeConfigurationOptions {\r\n\t/** Optional tenant identifier if your project is multi-tenant */\r\n\ttenantSlug?: string\r\n\t/** Collection slug override (default: `site-settings`) */\r\n\tcollectionSlug?: string\r\n\t/** Depth parameter passed to Payload REST API */\r\n\tdepth?: number\r\n\t/** Locale parameter passed to Payload REST API */\r\n\tlocale?: string\r\n\t/** Include draft documents */\r\n\tdraft?: boolean\r\n\t/** Extra query parameters to append to the request */\r\n\tqueryParams?: Record<string, string | number | boolean>\r\n}\r\n\r\n"],"names":[],"mappings":"AAuBA,WAaC"}
+{"version":3,"sources":["../src/types.ts"],"sourcesContent":["import type { ThemePreset } from './presets.js'\n\nexport interface ThemeManagementPluginOptions {\n\t/** Whether the plugin should register itself */\n\tenabled?: boolean\n\t/** Collection slug that stores site-level settings (default: `site-settings`) */\n\ttargetCollection?: string\n\t/** Theme presets available to editors */\n\tthemePresets?: ThemePreset[]\n\t/** Default preset name when no value is stored */\n\tdefaultTheme?: string\n\t/** Allow editors to toggle between light / dark / auto modes */\n\tincludeColorModeToggle?: boolean\n\t/** Expose custom CSS editor */\n\tincludeCustomCSS?: boolean\n\t/** Reserved for future use, keeps API parity */\n\tincludeBrandIdentity?: boolean\n\t/** Enable advanced controls such as animation level */\n\tenableAdvancedFeatures?: boolean\n\t/** Log helpful messages during config mutation */\n\tenableLogging?: boolean\n}\n\nexport interface FetchThemeConfigurationOptions {\n\t/** Optional tenant identifier if your project is multi-tenant */\n\ttenantSlug?: string\n\t/** Collection slug override (default: `site-settings`) */\n\tcollectionSlug?: string\n\t/** Depth parameter passed to Payload REST API */\n\tdepth?: number\n\t/** Locale parameter passed to Payload REST API */\n\tlocale?: string\n\t/** Include draft documents */\n\tdraft?: boolean\n\t/** Extra query parameters to append to the request */\n\tqueryParams?: Record<string, string | number | boolean>\n}\n\n"],"names":[],"mappings":"AAuBA,WAaC"}

package/dist/utils/extendedThemeHelpers.d.ts

@@ -0,0 +1,119 @@
+import type { ExtendedThemePreset, ShadcnColorTokens } from '../extended-presets.js';
+/**
+ * Apply an extended theme client-side by setting CSS variables on document.documentElement
+ * Works exactly like silicondeck/shadcn-dashboard-landing-template's useThemeManager
+ *
+ * @example
+ * ```tsx
+ * import { extendedThemePresets, applyExtendedTheme } from '@kilivi/payloadcms-theme-management'
+ *
+ * // In a client component or hook
+ * function useExtendedTheme() {
+ *   const isDark = document.documentElement.classList.contains('dark')
+ *
+ *   useEffect(() => {
+ *     applyExtendedTheme(extendedThemePresets['cool-extended'], isDark ? 'dark' : 'light')
+ *   }, [isDark])
+ * }
+ * ```
+ */
+export declare function applyExtendedTheme(theme: ExtendedThemePreset, mode?: 'light' | 'dark'): void;
+/**
+ * Generate CSS content for globals.css
+ * Add this to your globals.css file to define base theme variables
+ *
+ * @example
+ * ```tsx
+ * import { extendedThemePresets, generateExtendedThemeCSS } from '@kilivi/payloadcms-theme-management'
+ *
+ * // Generate CSS for cool-extended theme
+ * const css = generateExtendedThemeCSS(extendedThemePresets['cool-extended'])
+ *
+ * // Copy this to your globals.css:
+ * // :root {
+ * //   --background: oklch(...);
+ * //   ...
+ * // }
+ * // .dark {
+ * //   --background: oklch(...);
+ * //   ...
+ * // }
+ * ```
+ */
+export declare function generateExtendedThemeCSS(theme: ExtendedThemePreset): string;
+/**
+ * Reset all extended theme CSS variables
+ * Useful when switching between themes or resetting to defaults
+ *
+ * @example
+ * ```tsx
+ * import { resetExtendedTheme } from '@kilivi/payloadcms-theme-management'
+ *
+ * // Remove all extended theme variables
+ * resetExtendedTheme()
+ * ```
+ */
+export declare function resetExtendedTheme(): void;
+/**
+ * Extract specific color tokens from an extended theme
+ * Useful when you only need a subset of theme colors
+ *
+ * @example
+ * ```tsx
+ * import { extendedThemePresets, getExtendedThemeTokens } from '@kilivi/payloadcms-theme-management'
+ *
+ * const chartColors = getExtendedThemeTokens(
+ *   extendedThemePresets['cool-extended'],
+ *   'light',
+ *   ['chart-1', 'chart-2', 'chart-3', 'chart-4', 'chart-5']
+ * )
+ * ```
+ */
+export declare function getExtendedThemeTokens<K extends keyof ShadcnColorTokens>(theme: ExtendedThemePreset, mode: 'light' | 'dark', keys: K[]): Pick<ShadcnColorTokens, K>;
+/**
+ * Create a React hook for theme management
+ * Factory function to create a custom hook tied to your theme system
+ *
+ * @example
+ * ```tsx
+ * import { extendedThemePresets, createUseExtendedTheme } from '@kilivi/payloadcms-theme-management'
+ *
+ * const useExtendedTheme = createUseExtendedTheme(extendedThemePresets)
+ *
+ * function MyComponent() {
+ *   const { applyTheme, currentMode } = useExtendedTheme()
+ *
+ *   return (
+ *     <button onClick={() => applyTheme('neon-extended', 'dark')}>
+ *       Apply Neon Dark
+ *     </button>
+ *   )
+ * }
+ * ```
+ */
+export declare function createUseExtendedTheme(presets: Record<string, ExtendedThemePreset>): () => {
+    currentTheme: string;
+    currentMode: "light" | "dark";
+    applyTheme: (themeKey: string, mode: "light" | "dark") => void;
+    resetTheme: typeof resetExtendedTheme;
+};
+/**
+ * Get Tailwind CSS color references for extended themes
+ * Use this in your tailwind.config.ts to enable semantic color classes
+ *
+ * @example
+ * ```ts
+ * // tailwind.config.ts
+ * import { getTailwindVarReferences } from '@kilivi/payloadcms-theme-management'
+ *
+ * export default {
+ *   theme: {
+ *     extend: {
+ *       colors: getTailwindVarReferences()
+ *     }
+ *   }
+ * }
+ * ```
+ */
+export declare function getTailwindVarReferences(): any;
+//# sourceMappingURL=extendedThemeHelpers.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"extendedThemeHelpers.d.ts","sourceRoot":"","sources":["../../src/utils/extendedThemeHelpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAGpF;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,mBAAmB,EAC1B,IAAI,GAAE,OAAO,GAAG,MAAgB,GAC/B,IAAI,CAaN;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,mBAAmB,GAAG,MAAM,CAU3E;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,kBAAkB,IAAI,IAAI,CAgBzC;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,sBAAsB,CAAC,CAAC,SAAS,MAAM,iBAAiB,EACtE,KAAK,EAAE,mBAAmB,EAC1B,IAAI,EAAE,OAAO,GAAG,MAAM,EACtB,IAAI,EAAE,CAAC,EAAE,GACR,IAAI,CAAC,iBAAiB,EAAE,CAAC,CAAC,CAW5B;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC;;;2BAK/B,MAAM,QAAQ,OAAO,GAAG,MAAM;;EAmBjF;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,wBAAwB,IAAI,GAAG,CA2C9C"}

package/dist/utils/extendedThemeHelpers.js

@@ -0,0 +1,232 @@
+import * as React from 'react';
+/**
+ * Apply an extended theme client-side by setting CSS variables on document.documentElement
+ * Works exactly like silicondeck/shadcn-dashboard-landing-template's useThemeManager
+ * 
+ * @example
+ * ```tsx
+ * import { extendedThemePresets, applyExtendedTheme } from '@kilivi/payloadcms-theme-management'
+ * 
+ * // In a client component or hook
+ * function useExtendedTheme() {
+ *   const isDark = document.documentElement.classList.contains('dark')
+ *   
+ *   useEffect(() => {
+ *     applyExtendedTheme(extendedThemePresets['cool-extended'], isDark ? 'dark' : 'light')
+ *   }, [isDark])
+ * }
+ * ```
+ */ export function applyExtendedTheme(theme, mode = 'light') {
+    if (typeof document === 'undefined') {
+        console.warn('applyExtendedTheme can only be called in browser environment');
+        return;
+    }
+    const tokens = theme.styles[mode];
+    const root = document.documentElement;
+    // Apply CSS variables to document root (same as silicondeck's approach)
+    Object.entries(tokens).forEach(([key, value])=>{
+        root.style.setProperty(`--${key}`, value);
+    });
+}
+/**
+ * Generate CSS content for globals.css
+ * Add this to your globals.css file to define base theme variables
+ * 
+ * @example
+ * ```tsx
+ * import { extendedThemePresets, generateExtendedThemeCSS } from '@kilivi/payloadcms-theme-management'
+ * 
+ * // Generate CSS for cool-extended theme
+ * const css = generateExtendedThemeCSS(extendedThemePresets['cool-extended'])
+ * 
+ * // Copy this to your globals.css:
+ * // :root {
+ * //   --background: oklch(...);
+ * //   ...
+ * // }
+ * // .dark {
+ * //   --background: oklch(...);
+ * //   ...
+ * // }
+ * ```
+ */ export function generateExtendedThemeCSS(theme) {
+    const lightVars = Object.entries(theme.styles.light).map(([key, value])=>`  --${key}: ${value};`).join('\n');
+    const darkVars = Object.entries(theme.styles.dark).map(([key, value])=>`  --${key}: ${value};`).join('\n');
+    return `:root {\n${lightVars}\n}\n\n.dark {\n${darkVars}\n}`;
+}
+/**
+ * Reset all extended theme CSS variables
+ * Useful when switching between themes or resetting to defaults
+ * 
+ * @example
+ * ```tsx
+ * import { resetExtendedTheme } from '@kilivi/payloadcms-theme-management'
+ * 
+ * // Remove all extended theme variables
+ * resetExtendedTheme()
+ * ```
+ */ export function resetExtendedTheme() {
+    if (typeof document === 'undefined') return;
+    const root = document.documentElement;
+    const allVars = [
+        'background',
+        'foreground',
+        'card',
+        'card-foreground',
+        'popover',
+        'popover-foreground',
+        'primary',
+        'primary-foreground',
+        'secondary',
+        'secondary-foreground',
+        'muted',
+        'muted-foreground',
+        'accent',
+        'accent-foreground',
+        'destructive',
+        'destructive-foreground',
+        'border',
+        'input',
+        'ring',
+        'chart-1',
+        'chart-2',
+        'chart-3',
+        'chart-4',
+        'chart-5',
+        'radius',
+        'font-sans',
+        'font-mono'
+    ];
+    allVars.forEach((varName)=>{
+        root.style.removeProperty(`--${varName}`);
+    });
+}
+/**
+ * Extract specific color tokens from an extended theme
+ * Useful when you only need a subset of theme colors
+ * 
+ * @example
+ * ```tsx
+ * import { extendedThemePresets, getExtendedThemeTokens } from '@kilivi/payloadcms-theme-management'
+ * 
+ * const chartColors = getExtendedThemeTokens(
+ *   extendedThemePresets['cool-extended'],
+ *   'light',
+ *   ['chart-1', 'chart-2', 'chart-3', 'chart-4', 'chart-5']
+ * )
+ * ```
+ */ export function getExtendedThemeTokens(theme, mode, keys) {
+    const tokens = theme.styles[mode];
+    const result = {};
+    keys.forEach((key)=>{
+        if (tokens[key]) {
+            result[key] = tokens[key];
+        }
+    });
+    return result;
+}
+/**
+ * Create a React hook for theme management
+ * Factory function to create a custom hook tied to your theme system
+ * 
+ * @example
+ * ```tsx
+ * import { extendedThemePresets, createUseExtendedTheme } from '@kilivi/payloadcms-theme-management'
+ * 
+ * const useExtendedTheme = createUseExtendedTheme(extendedThemePresets)
+ * 
+ * function MyComponent() {
+ *   const { applyTheme, currentMode } = useExtendedTheme()
+ *   
+ *   return (
+ *     <button onClick={() => applyTheme('neon-extended', 'dark')}>
+ *       Apply Neon Dark
+ *     </button>
+ *   )
+ * }
+ * ```
+ */ export function createUseExtendedTheme(presets) {
+    return function useExtendedTheme() {
+        const [currentTheme, setCurrentTheme] = React.useState('default');
+        const [currentMode, setCurrentMode] = React.useState('light');
+        const applyTheme = React.useCallback((themeKey, mode)=>{
+            const theme = presets[themeKey];
+            if (!theme) {
+                console.warn(`Theme "${themeKey}" not found`);
+                return;
+            }
+            applyExtendedTheme(theme, mode);
+            setCurrentTheme(themeKey);
+            setCurrentMode(mode);
+        }, []);
+        return {
+            currentTheme,
+            currentMode,
+            applyTheme,
+            resetTheme: resetExtendedTheme
+        };
+    };
+}
+/**
+ * Get Tailwind CSS color references for extended themes
+ * Use this in your tailwind.config.ts to enable semantic color classes
+ * 
+ * @example
+ * ```ts
+ * // tailwind.config.ts
+ * import { getTailwindVarReferences } from '@kilivi/payloadcms-theme-management'
+ * 
+ * export default {
+ *   theme: {
+ *     extend: {
+ *       colors: getTailwindVarReferences()
+ *     }
+ *   }
+ * }
+ * ```
+ */ export function getTailwindVarReferences() {
+    return {
+        background: 'hsl(var(--background))',
+        foreground: 'hsl(var(--foreground))',
+        card: {
+            DEFAULT: 'hsl(var(--card))',
+            foreground: 'hsl(var(--card-foreground))'
+        },
+        popover: {
+            DEFAULT: 'hsl(var(--popover))',
+            foreground: 'hsl(var(--popover-foreground))'
+        },
+        primary: {
+            DEFAULT: 'hsl(var(--primary))',
+            foreground: 'hsl(var(--primary-foreground))'
+        },
+        secondary: {
+            DEFAULT: 'hsl(var(--secondary))',
+            foreground: 'hsl(var(--secondary-foreground))'
+        },
+        muted: {
+            DEFAULT: 'hsl(var(--muted))',
+            foreground: 'hsl(var(--muted-foreground))'
+        },
+        accent: {
+            DEFAULT: 'hsl(var(--accent))',
+            foreground: 'hsl(var(--accent-foreground))'
+        },
+        destructive: {
+            DEFAULT: 'hsl(var(--destructive))',
+            foreground: 'hsl(var(--destructive-foreground))'
+        },
+        border: 'hsl(var(--border))',
+        input: 'hsl(var(--input))',
+        ring: 'hsl(var(--ring))',
+        chart: {
+            '1': 'hsl(var(--chart-1))',
+            '2': 'hsl(var(--chart-2))',
+            '3': 'hsl(var(--chart-3))',
+            '4': 'hsl(var(--chart-4))',
+            '5': 'hsl(var(--chart-5))'
+        }
+    };
+}
+
+//# sourceMappingURL=extendedThemeHelpers.js.map

package/dist/utils/extendedThemeHelpers.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/extendedThemeHelpers.ts"],"sourcesContent":["import type { ExtendedThemePreset, ShadcnColorTokens } from '../extended-presets.js'\nimport * as React from 'react'\n\n/**\n * Apply an extended theme client-side by setting CSS variables on document.documentElement\n * Works exactly like silicondeck/shadcn-dashboard-landing-template's useThemeManager\n * \n * @example\n * ```tsx\n * import { extendedThemePresets, applyExtendedTheme } from '@kilivi/payloadcms-theme-management'\n * \n * // In a client component or hook\n * function useExtendedTheme() {\n *   const isDark = document.documentElement.classList.contains('dark')\n *   \n *   useEffect(() => {\n *     applyExtendedTheme(extendedThemePresets['cool-extended'], isDark ? 'dark' : 'light')\n *   }, [isDark])\n * }\n * ```\n */\nexport function applyExtendedTheme(\n  theme: ExtendedThemePreset,\n  mode: 'light' | 'dark' = 'light'\n): void {\n  if (typeof document === 'undefined') {\n    console.warn('applyExtendedTheme can only be called in browser environment')\n    return\n  }\n  \n  const tokens = theme.styles[mode]\n  const root = document.documentElement\n  \n  // Apply CSS variables to document root (same as silicondeck's approach)\n  Object.entries(tokens).forEach(([key, value]) => {\n    root.style.setProperty(`--${key}`, value)\n  })\n}\n\n/**\n * Generate CSS content for globals.css\n * Add this to your globals.css file to define base theme variables\n * \n * @example\n * ```tsx\n * import { extendedThemePresets, generateExtendedThemeCSS } from '@kilivi/payloadcms-theme-management'\n * \n * // Generate CSS for cool-extended theme\n * const css = generateExtendedThemeCSS(extendedThemePresets['cool-extended'])\n * \n * // Copy this to your globals.css:\n * // :root {\n * //   --background: oklch(...);\n * //   ...\n * // }\n * // .dark {\n * //   --background: oklch(...);\n * //   ...\n * // }\n * ```\n */\nexport function generateExtendedThemeCSS(theme: ExtendedThemePreset): string {\n  const lightVars = Object.entries(theme.styles.light)\n    .map(([key, value]) => `  --${key}: ${value};`)\n    .join('\\n')\n\n  const darkVars = Object.entries(theme.styles.dark)\n    .map(([key, value]) => `  --${key}: ${value};`)\n    .join('\\n')\n\n  return `:root {\\n${lightVars}\\n}\\n\\n.dark {\\n${darkVars}\\n}`\n}\n\n/**\n * Reset all extended theme CSS variables\n * Useful when switching between themes or resetting to defaults\n * \n * @example\n * ```tsx\n * import { resetExtendedTheme } from '@kilivi/payloadcms-theme-management'\n * \n * // Remove all extended theme variables\n * resetExtendedTheme()\n * ```\n */\nexport function resetExtendedTheme(): void {\n  if (typeof document === 'undefined') return\n\n  const root = document.documentElement\n  const allVars = [\n    'background', 'foreground', 'card', 'card-foreground', 'popover', 'popover-foreground',\n    'primary', 'primary-foreground', 'secondary', 'secondary-foreground',\n    'muted', 'muted-foreground', 'accent', 'accent-foreground',\n    'destructive', 'destructive-foreground', 'border', 'input', 'ring',\n    'chart-1', 'chart-2', 'chart-3', 'chart-4', 'chart-5',\n    'radius', 'font-sans', 'font-mono'\n  ]\n\n  allVars.forEach(varName => {\n    root.style.removeProperty(`--${varName}`)\n  })\n}\n\n/**\n * Extract specific color tokens from an extended theme\n * Useful when you only need a subset of theme colors\n * \n * @example\n * ```tsx\n * import { extendedThemePresets, getExtendedThemeTokens } from '@kilivi/payloadcms-theme-management'\n * \n * const chartColors = getExtendedThemeTokens(\n *   extendedThemePresets['cool-extended'],\n *   'light',\n *   ['chart-1', 'chart-2', 'chart-3', 'chart-4', 'chart-5']\n * )\n * ```\n */\nexport function getExtendedThemeTokens<K extends keyof ShadcnColorTokens>(\n  theme: ExtendedThemePreset,\n  mode: 'light' | 'dark',\n  keys: K[]\n): Pick<ShadcnColorTokens, K> {\n  const tokens = theme.styles[mode]\n  const result = {} as Pick<ShadcnColorTokens, K>\n  \n  keys.forEach(key => {\n    if (tokens[key]) {\n      result[key] = tokens[key]\n    }\n  })\n  \n  return result\n}\n\n/**\n * Create a React hook for theme management\n * Factory function to create a custom hook tied to your theme system\n * \n * @example\n * ```tsx\n * import { extendedThemePresets, createUseExtendedTheme } from '@kilivi/payloadcms-theme-management'\n * \n * const useExtendedTheme = createUseExtendedTheme(extendedThemePresets)\n * \n * function MyComponent() {\n *   const { applyTheme, currentMode } = useExtendedTheme()\n *   \n *   return (\n *     <button onClick={() => applyTheme('neon-extended', 'dark')}>\n *       Apply Neon Dark\n *     </button>\n *   )\n * }\n * ```\n */\nexport function createUseExtendedTheme(presets: Record<string, ExtendedThemePreset>) {\n  return function useExtendedTheme() {\n    const [currentTheme, setCurrentTheme] = React.useState<string>('default')\n    const [currentMode, setCurrentMode] = React.useState<'light' | 'dark'>('light')\n\n    const applyTheme = React.useCallback((themeKey: string, mode: 'light' | 'dark') => {\n      const theme = presets[themeKey]\n      if (!theme) {\n        console.warn(`Theme \"${themeKey}\" not found`)\n        return\n      }\n\n      applyExtendedTheme(theme, mode)\n      setCurrentTheme(themeKey)\n      setCurrentMode(mode)\n    }, [])\n\n    return {\n      currentTheme,\n      currentMode,\n      applyTheme,\n      resetTheme: resetExtendedTheme\n    }\n  }\n}\n\n/**\n * Get Tailwind CSS color references for extended themes\n * Use this in your tailwind.config.ts to enable semantic color classes\n * \n * @example\n * ```ts\n * // tailwind.config.ts\n * import { getTailwindVarReferences } from '@kilivi/payloadcms-theme-management'\n * \n * export default {\n *   theme: {\n *     extend: {\n *       colors: getTailwindVarReferences()\n *     }\n *   }\n * }\n * ```\n */\nexport function getTailwindVarReferences(): any {\n  return {\n    background: 'hsl(var(--background))',\n    foreground: 'hsl(var(--foreground))',\n    card: {\n      DEFAULT: 'hsl(var(--card))',\n      foreground: 'hsl(var(--card-foreground))',\n    },\n    popover: {\n      DEFAULT: 'hsl(var(--popover))',\n      foreground: 'hsl(var(--popover-foreground))',\n    },\n    primary: {\n      DEFAULT: 'hsl(var(--primary))',\n      foreground: 'hsl(var(--primary-foreground))',\n    },\n    secondary: {\n      DEFAULT: 'hsl(var(--secondary))',\n      foreground: 'hsl(var(--secondary-foreground))',\n    },\n    muted: {\n      DEFAULT: 'hsl(var(--muted))',\n      foreground: 'hsl(var(--muted-foreground))',\n    },\n    accent: {\n      DEFAULT: 'hsl(var(--accent))',\n      foreground: 'hsl(var(--accent-foreground))',\n    },\n    destructive: {\n      DEFAULT: 'hsl(var(--destructive))',\n      foreground: 'hsl(var(--destructive-foreground))',\n    },\n    border: 'hsl(var(--border))',\n    input: 'hsl(var(--input))',\n    ring: 'hsl(var(--ring))',\n    chart: {\n      '1': 'hsl(var(--chart-1))',\n      '2': 'hsl(var(--chart-2))',\n      '3': 'hsl(var(--chart-3))',\n      '4': 'hsl(var(--chart-4))',\n      '5': 'hsl(var(--chart-5))',\n    },\n  }\n}\n"],"names":["React","applyExtendedTheme","theme","mode","document","console","warn","tokens","styles","root","documentElement","Object","entries","forEach","key","value","style","setProperty","generateExtendedThemeCSS","lightVars","light","map","join","darkVars","dark","resetExtendedTheme","allVars","varName","removeProperty","getExtendedThemeTokens","keys","result","createUseExtendedTheme","presets","useExtendedTheme","currentTheme","setCurrentTheme","useState","currentMode","setCurrentMode","applyTheme","useCallback","themeKey","resetTheme","getTailwindVarReferences","background","foreground","card","DEFAULT","popover","primary","secondary","muted","accent","destructive","border","input","ring","chart"],"mappings":"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"}

package/dist/utils/resolveThemeConfiguration.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/resolveThemeConfiguration.ts"],"sourcesContent":["import { FONT_VALUE_TO_CSS } from '../constants/themeFonts.js'\r\nimport type { Mode, ThemeDefaults } from '../providers/Theme/types.js'\r\nimport { themeIsValid } from '../providers/Theme/types.js'\r\nimport type { ThemeTypographyPreset } from '../presets.js'\r\nimport { defaultThemePresets } from '../presets.js'\r\n\r\n/**\r\n * Generic theme configuration structure that matches Payload's generated types\r\n * without depending on specific payload-types versions\r\n */\r\ninterface ThemeTypographyOverride {\r\n  bodyFont?: string | null\r\n  headingFont?: string | null\r\n  bodyFontCustom?: string | null\r\n  headingFontCustom?: string | null\r\n  baseFontSize?: string | null\r\n  lineHeight?: string | null\r\n}\r\n\r\n/**\r\n * Generic theme configuration interface that accepts any compatible structure\r\n * This avoids type conflicts between different versions of payload-types\r\n */\r\ninterface GenericThemeConfiguration {\r\n  theme?: string | null\r\n  colorMode?: string | null\r\n  allowColorModeToggle?: boolean | null\r\n  borderRadius?: string | null\r\n  fontScale?: string | null\r\n  spacing?: string | null\r\n  animationLevel?: string | null\r\n  customCSS?: string | null\r\n  lightMode?: {\r\n    primary?: string | null\r\n    secondary?: string | null\r\n    accent?: string | null\r\n    neutral?: string | null\r\n    success?: string | null\r\n    warning?: string | null\r\n    error?: string | null\r\n    info?: string | null\r\n  } | null\r\n  darkMode?: {\r\n    primary?: string | null\r\n    secondary?: string | null\r\n    accent?: string | null\r\n    neutral?: string | null\r\n    success?: string | null\r\n    warning?: string | null\r\n    error?: string | null\r\n    info?: string | null\r\n  } | null\r\n  typography?: ThemeTypographyOverride | null\r\n}\r\n\r\nconst BORDER_RADIUS_VALUES = ['none', 'small', 'medium', 'large', 'xl'] as const\r\nconst LEGACY_BORDER_RADIUS_ALIASES: Record<string, (typeof BORDER_RADIUS_VALUES)[number]> = {\r\n  full: 'xl',\r\n}\r\nconst FONT_SCALE_VALUES = ['small', 'medium', 'large'] as const\r\nconst SPACING_VALUES = ['compact', 'medium', 'spacious'] as const\r\nconst ANIMATION_LEVEL_VALUES = ['none', 'reduced', 'medium', 'high'] as const\r\nconst LEGACY_ANIMATION_ALIASES: Record<string, (typeof ANIMATION_LEVEL_VALUES)[number]> = {\r\n  full: 'high',\r\n}\r\nconst MODE_VALUES = ['auto', 'light', 'dark'] as const\r\n\r\ntype BorderRadiusOption = (typeof BORDER_RADIUS_VALUES)[number]\r\ntype FontScaleOption = (typeof FONT_SCALE_VALUES)[number]\r\ntype SpacingOption = (typeof SPACING_VALUES)[number]\r\ntype AnimationLevelOption = (typeof ANIMATION_LEVEL_VALUES)[number]\r\n\r\ntype ThemeModeOption = (typeof MODE_VALUES)[number]\r\n\r\ntype ThemeColorConfiguration = NonNullable<GenericThemeConfiguration['lightMode']>\r\n\r\nconst DEFAULT_THEME_NAME: ThemeDefaults = 'cool'\r\nconst DEFAULT_THEME_PRESET = defaultThemePresets.find(\r\n  (preset) => preset.name === DEFAULT_THEME_NAME,\r\n)\r\n\r\nexport interface ResolvedThemeConfiguration {\r\n  theme: ThemeDefaults\r\n  colorMode: Mode\r\n  allowColorModeToggle: boolean\r\n  borderRadius: BorderRadiusOption\r\n  fontScale: FontScaleOption\r\n  spacing: SpacingOption\r\n  animationLevel: AnimationLevelOption\r\n  customCSS: string | null\r\n  lightMode?: ThemeColorConfiguration\r\n  darkMode?: ThemeColorConfiguration\r\n  typography: ThemeTypographyPreset | null\r\n}\r\n\r\nexport const DEFAULT_THEME_CONFIGURATION: ResolvedThemeConfiguration = {\r\n  theme: DEFAULT_THEME_NAME,\r\n  colorMode: 'auto',\r\n  allowColorModeToggle: true,\r\n  borderRadius: 'medium',\r\n  fontScale: 'medium',\r\n  spacing: 'medium',\r\n  animationLevel: 'medium',\r\n  customCSS: null,\r\n  lightMode: DEFAULT_THEME_PRESET?.lightMode,\r\n  darkMode: DEFAULT_THEME_PRESET?.darkMode,\r\n  typography: DEFAULT_THEME_PRESET?.typography ?? null,\r\n}\r\n\r\nfunction resolveBorderRadius(value: unknown): BorderRadiusOption {\r\n  if (typeof value === 'string') {\r\n    if (BORDER_RADIUS_VALUES.includes(value as BorderRadiusOption)) {\r\n      return value as BorderRadiusOption\r\n    }\r\n\r\n    const legacyMatch = LEGACY_BORDER_RADIUS_ALIASES[value]\r\n    if (legacyMatch) {\r\n      return legacyMatch\r\n    }\r\n  }\r\n\r\n  return DEFAULT_THEME_CONFIGURATION.borderRadius\r\n}\r\n\r\nfunction isFontScale(value: unknown): value is FontScaleOption {\r\n  return typeof value === 'string' && FONT_SCALE_VALUES.includes(value as FontScaleOption)\r\n}\r\n\r\nfunction isSpacing(value: unknown): value is SpacingOption {\r\n  return typeof value === 'string' && SPACING_VALUES.includes(value as SpacingOption)\r\n}\r\n\r\nfunction resolveAnimationLevel(value: unknown): AnimationLevelOption {\r\n  if (typeof value === 'string') {\r\n    if (ANIMATION_LEVEL_VALUES.includes(value as AnimationLevelOption)) {\r\n      return value as AnimationLevelOption\r\n    }\r\n\r\n    const legacyMatch = LEGACY_ANIMATION_ALIASES[value]\r\n    if (legacyMatch) {\r\n      return legacyMatch\r\n    }\r\n  }\r\n\r\n  return DEFAULT_THEME_CONFIGURATION.animationLevel\r\n}\r\n\r\nfunction isMode(value: unknown): value is ThemeModeOption {\r\n  return typeof value === 'string' && MODE_VALUES.includes(value as ThemeModeOption)\r\n}\r\n\r\nexport function resolveThemeConfiguration(\r\n  themeConfiguration?: GenericThemeConfiguration | null,\r\n): ResolvedThemeConfiguration {\r\n  if (!themeConfiguration) {\r\n    return DEFAULT_THEME_CONFIGURATION\r\n  }\r\n\r\n  const {\r\n    theme,\r\n    colorMode,\r\n    allowColorModeToggle,\r\n    borderRadius,\r\n    fontScale,\r\n    spacing,\r\n    animationLevel,\r\n    customCSS,\r\n    lightMode,\r\n    darkMode,\r\n    typography,\r\n  } = themeConfiguration\r\n\r\n  const resolvedTheme =\r\n    typeof theme === 'string' && themeIsValid(theme)\r\n      ? (theme as ThemeDefaults)\r\n      : DEFAULT_THEME_CONFIGURATION.theme\r\n  const resolvedMode = isMode(colorMode)\r\n    ? (colorMode as Mode)\r\n    : DEFAULT_THEME_CONFIGURATION.colorMode\r\n  const resolvedBorderRadius = resolveBorderRadius(borderRadius)\r\n  const resolvedFontScale = isFontScale(fontScale)\r\n    ? fontScale\r\n    : DEFAULT_THEME_CONFIGURATION.fontScale\r\n  const resolvedSpacing = isSpacing(spacing) ? spacing : DEFAULT_THEME_CONFIGURATION.spacing\r\n  const resolvedAnimationLevel = resolveAnimationLevel(animationLevel)\r\n  const resolvedAllowToggle =\r\n    typeof allowColorModeToggle === 'boolean'\r\n      ? allowColorModeToggle\r\n      : DEFAULT_THEME_CONFIGURATION.allowColorModeToggle\r\n  const resolvedCustomCSS = typeof customCSS === 'string' ? customCSS : null\r\n  const preset = defaultThemePresets.find((candidate) => candidate.name === resolvedTheme)\r\n  const baseLightMode = preset?.lightMode ?? DEFAULT_THEME_CONFIGURATION.lightMode\r\n  const baseDarkMode = preset?.darkMode ?? DEFAULT_THEME_CONFIGURATION.darkMode\r\n  const resolvedLightMode = mergeColorModes(baseLightMode, lightMode)\r\n  const resolvedDarkMode = mergeColorModes(baseDarkMode, darkMode)\r\n  const resolvedTypography =\r\n    mergeTypography(preset?.typography, typography) ?? preset?.typography ?? null\r\n\r\n  return {\r\n    theme: resolvedTheme,\r\n    colorMode: resolvedMode,\r\n    allowColorModeToggle: resolvedAllowToggle,\r\n    borderRadius: resolvedBorderRadius,\r\n    fontScale: resolvedFontScale,\r\n    spacing: resolvedSpacing,\r\n    animationLevel: resolvedAnimationLevel,\r\n    customCSS: resolvedCustomCSS,\r\n    lightMode: resolvedLightMode,\r\n    darkMode: resolvedDarkMode,\r\n    typography: resolvedTypography,\r\n  }\r\n}\r\n\r\nfunction mergeColorModes(\r\n  base?: ThemeColorConfiguration,\r\n  overrides?: GenericThemeConfiguration['lightMode'],\r\n): ThemeColorConfiguration | undefined {\r\n  const merged: Record<string, string> = {}\r\n\r\n  if (base) {\r\n    Object.entries(base).forEach(([key, value]) => {\r\n      if (typeof value === 'string' && value.trim().length > 0) {\r\n        merged[key] = value\r\n      }\r\n    })\r\n  }\r\n\r\n  if (overrides) {\r\n    Object.entries(overrides).forEach(([key, value]) => {\r\n      if (typeof value === 'string' && value.trim().length > 0) {\r\n        merged[key] = value\r\n      } else if (value === null) {\r\n        delete merged[key]\r\n      }\r\n    })\r\n  }\r\n\r\n  return Object.keys(merged).length > 0 ? (merged as ThemeColorConfiguration) : undefined\r\n}\r\n\r\nfunction mergeTypography(\r\n  base?: ThemeTypographyPreset | null,\r\n  overrides?: ThemeTypographyOverride | null,\r\n): ThemeTypographyPreset | null {\r\n  if (!base && !overrides) {\r\n    return base ?? null\r\n  }\r\n\r\n  const result: ThemeTypographyPreset = {\r\n    fontFamily: base?.fontFamily ?? 'var(--font-geist-sans)',\r\n    headingFamily: base?.headingFamily ?? 'var(--font-geist-sans)',\r\n    baseFontSize: base?.baseFontSize ?? '16px',\r\n    lineHeight: base?.lineHeight ?? '1.6',\r\n    fontWeights: { ...(base?.fontWeights ?? {}) },\r\n    letterSpacing: { ...(base?.letterSpacing ?? {}) },\r\n  }\r\n\r\n  if (overrides) {\r\n    const resolvedBodyFont = resolveFontSelection(\r\n      overrides.bodyFont,\r\n      overrides.bodyFontCustom,\r\n      base?.fontFamily,\r\n    )\r\n    if (resolvedBodyFont) {\r\n      result.fontFamily = resolvedBodyFont\r\n    }\r\n\r\n    const resolvedHeadingFont = resolveFontSelection(\r\n      overrides.headingFont,\r\n      overrides.headingFontCustom,\r\n      base?.headingFamily,\r\n    )\r\n    if (resolvedHeadingFont) {\r\n      result.headingFamily = resolvedHeadingFont\r\n    }\r\n\r\n    if (overrides.baseFontSize && overrides.baseFontSize !== 'preset') {\r\n      result.baseFontSize = overrides.baseFontSize\r\n    }\r\n\r\n    if (overrides.lineHeight && overrides.lineHeight !== 'preset') {\r\n      result.lineHeight = overrides.lineHeight\r\n    }\r\n  }\r\n\r\n  return result\r\n}\r\n\r\nfunction resolveFontSelection(\r\n  selection?: string | null,\r\n  custom?: string | null,\r\n  fallback?: string | null,\r\n): string | null {\r\n  if (!selection || selection === 'preset') {\r\n    return fallback ?? null\r\n  }\r\n\r\n  if (selection === 'custom') {\r\n    const trimmed = custom?.trim()\r\n    return trimmed && trimmed.length > 0 ? trimmed : (fallback ?? null)\r\n  }\r\n\r\n  const mapped = FONT_VALUE_TO_CSS[selection]\r\n  return mapped ?? fallback ?? null\r\n}\r\n"],"names":["FONT_VALUE_TO_CSS","themeIsValid","defaultThemePresets","BORDER_RADIUS_VALUES","LEGACY_BORDER_RADIUS_ALIASES","full","FONT_SCALE_VALUES","SPACING_VALUES","ANIMATION_LEVEL_VALUES","LEGACY_ANIMATION_ALIASES","MODE_VALUES","DEFAULT_THEME_NAME","DEFAULT_THEME_PRESET","find","preset","name","DEFAULT_THEME_CONFIGURATION","theme","colorMode","allowColorModeToggle","borderRadius","fontScale","spacing","animationLevel","customCSS","lightMode","darkMode","typography","resolveBorderRadius","value","includes","legacyMatch","isFontScale","isSpacing","resolveAnimationLevel","isMode","resolveThemeConfiguration","themeConfiguration","resolvedTheme","resolvedMode","resolvedBorderRadius","resolvedFontScale","resolvedSpacing","resolvedAnimationLevel","resolvedAllowToggle","resolvedCustomCSS","candidate","baseLightMode","baseDarkMode","resolvedLightMode","mergeColorModes","resolvedDarkMode","resolvedTypography","mergeTypography","base","overrides","merged","Object","entries","forEach","key","trim","length","keys","undefined","result","fontFamily","headingFamily","baseFontSize","lineHeight","fontWeights","letterSpacing","resolvedBodyFont","resolveFontSelection","bodyFont","bodyFontCustom","resolvedHeadingFont","headingFont","headingFontCustom","selection","custom","fallback","trimmed","mapped"],"mappings":"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"}
+{"version":3,"sources":["../../src/utils/resolveThemeConfiguration.ts"],"sourcesContent":["import { FONT_VALUE_TO_CSS } from '../constants/themeFonts.js'\nimport type { Mode, ThemeDefaults } from '../providers/Theme/types.js'\nimport { themeIsValid } from '../providers/Theme/types.js'\nimport type { ThemeTypographyPreset } from '../presets.js'\nimport { defaultThemePresets } from '../presets.js'\n\n/**\n * Generic theme configuration structure that matches Payload's generated types\n * without depending on specific payload-types versions\n */\ninterface ThemeTypographyOverride {\n  bodyFont?: string | null\n  headingFont?: string | null\n  bodyFontCustom?: string | null\n  headingFontCustom?: string | null\n  baseFontSize?: string | null\n  lineHeight?: string | null\n}\n\n/**\n * Generic theme configuration interface that accepts any compatible structure\n * This avoids type conflicts between different versions of payload-types\n */\ninterface GenericThemeConfiguration {\n  theme?: string | null\n  colorMode?: string | null\n  allowColorModeToggle?: boolean | null\n  borderRadius?: string | null\n  fontScale?: string | null\n  spacing?: string | null\n  animationLevel?: string | null\n  customCSS?: string | null\n  lightMode?: {\n    primary?: string | null\n    secondary?: string | null\n    accent?: string | null\n    neutral?: string | null\n    success?: string | null\n    warning?: string | null\n    error?: string | null\n    info?: string | null\n  } | null\n  darkMode?: {\n    primary?: string | null\n    secondary?: string | null\n    accent?: string | null\n    neutral?: string | null\n    success?: string | null\n    warning?: string | null\n    error?: string | null\n    info?: string | null\n  } | null\n  typography?: ThemeTypographyOverride | null\n}\n\nconst BORDER_RADIUS_VALUES = ['none', 'small', 'medium', 'large', 'xl'] as const\nconst LEGACY_BORDER_RADIUS_ALIASES: Record<string, (typeof BORDER_RADIUS_VALUES)[number]> = {\n  full: 'xl',\n}\nconst FONT_SCALE_VALUES = ['small', 'medium', 'large'] as const\nconst SPACING_VALUES = ['compact', 'medium', 'spacious'] as const\nconst ANIMATION_LEVEL_VALUES = ['none', 'reduced', 'medium', 'high'] as const\nconst LEGACY_ANIMATION_ALIASES: Record<string, (typeof ANIMATION_LEVEL_VALUES)[number]> = {\n  full: 'high',\n}\nconst MODE_VALUES = ['auto', 'light', 'dark'] as const\n\ntype BorderRadiusOption = (typeof BORDER_RADIUS_VALUES)[number]\ntype FontScaleOption = (typeof FONT_SCALE_VALUES)[number]\ntype SpacingOption = (typeof SPACING_VALUES)[number]\ntype AnimationLevelOption = (typeof ANIMATION_LEVEL_VALUES)[number]\n\ntype ThemeModeOption = (typeof MODE_VALUES)[number]\n\ntype ThemeColorConfiguration = NonNullable<GenericThemeConfiguration['lightMode']>\n\nconst DEFAULT_THEME_NAME: ThemeDefaults = 'cool'\nconst DEFAULT_THEME_PRESET = defaultThemePresets.find(\n  (preset) => preset.name === DEFAULT_THEME_NAME,\n)\n\nexport interface ResolvedThemeConfiguration {\n  theme: ThemeDefaults\n  colorMode: Mode\n  allowColorModeToggle: boolean\n  borderRadius: BorderRadiusOption\n  fontScale: FontScaleOption\n  spacing: SpacingOption\n  animationLevel: AnimationLevelOption\n  customCSS: string | null\n  lightMode?: ThemeColorConfiguration\n  darkMode?: ThemeColorConfiguration\n  typography: ThemeTypographyPreset | null\n}\n\nexport const DEFAULT_THEME_CONFIGURATION: ResolvedThemeConfiguration = {\n  theme: DEFAULT_THEME_NAME,\n  colorMode: 'auto',\n  allowColorModeToggle: true,\n  borderRadius: 'medium',\n  fontScale: 'medium',\n  spacing: 'medium',\n  animationLevel: 'medium',\n  customCSS: null,\n  lightMode: DEFAULT_THEME_PRESET?.lightMode,\n  darkMode: DEFAULT_THEME_PRESET?.darkMode,\n  typography: DEFAULT_THEME_PRESET?.typography ?? null,\n}\n\nfunction resolveBorderRadius(value: unknown): BorderRadiusOption {\n  if (typeof value === 'string') {\n    if (BORDER_RADIUS_VALUES.includes(value as BorderRadiusOption)) {\n      return value as BorderRadiusOption\n    }\n\n    const legacyMatch = LEGACY_BORDER_RADIUS_ALIASES[value]\n    if (legacyMatch) {\n      return legacyMatch\n    }\n  }\n\n  return DEFAULT_THEME_CONFIGURATION.borderRadius\n}\n\nfunction isFontScale(value: unknown): value is FontScaleOption {\n  return typeof value === 'string' && FONT_SCALE_VALUES.includes(value as FontScaleOption)\n}\n\nfunction isSpacing(value: unknown): value is SpacingOption {\n  return typeof value === 'string' && SPACING_VALUES.includes(value as SpacingOption)\n}\n\nfunction resolveAnimationLevel(value: unknown): AnimationLevelOption {\n  if (typeof value === 'string') {\n    if (ANIMATION_LEVEL_VALUES.includes(value as AnimationLevelOption)) {\n      return value as AnimationLevelOption\n    }\n\n    const legacyMatch = LEGACY_ANIMATION_ALIASES[value]\n    if (legacyMatch) {\n      return legacyMatch\n    }\n  }\n\n  return DEFAULT_THEME_CONFIGURATION.animationLevel\n}\n\nfunction isMode(value: unknown): value is ThemeModeOption {\n  return typeof value === 'string' && MODE_VALUES.includes(value as ThemeModeOption)\n}\n\nexport function resolveThemeConfiguration(\n  themeConfiguration?: GenericThemeConfiguration | null,\n): ResolvedThemeConfiguration {\n  if (!themeConfiguration) {\n    return DEFAULT_THEME_CONFIGURATION\n  }\n\n  const {\n    theme,\n    colorMode,\n    allowColorModeToggle,\n    borderRadius,\n    fontScale,\n    spacing,\n    animationLevel,\n    customCSS,\n    lightMode,\n    darkMode,\n    typography,\n  } = themeConfiguration\n\n  const resolvedTheme =\n    typeof theme === 'string' && themeIsValid(theme)\n      ? (theme as ThemeDefaults)\n      : DEFAULT_THEME_CONFIGURATION.theme\n  const resolvedMode = isMode(colorMode)\n    ? (colorMode as Mode)\n    : DEFAULT_THEME_CONFIGURATION.colorMode\n  const resolvedBorderRadius = resolveBorderRadius(borderRadius)\n  const resolvedFontScale = isFontScale(fontScale)\n    ? fontScale\n    : DEFAULT_THEME_CONFIGURATION.fontScale\n  const resolvedSpacing = isSpacing(spacing) ? spacing : DEFAULT_THEME_CONFIGURATION.spacing\n  const resolvedAnimationLevel = resolveAnimationLevel(animationLevel)\n  const resolvedAllowToggle =\n    typeof allowColorModeToggle === 'boolean'\n      ? allowColorModeToggle\n      : DEFAULT_THEME_CONFIGURATION.allowColorModeToggle\n  const resolvedCustomCSS = typeof customCSS === 'string' ? customCSS : null\n  const preset = defaultThemePresets.find((candidate) => candidate.name === resolvedTheme)\n  const baseLightMode = preset?.lightMode ?? DEFAULT_THEME_CONFIGURATION.lightMode\n  const baseDarkMode = preset?.darkMode ?? DEFAULT_THEME_CONFIGURATION.darkMode\n  const resolvedLightMode = mergeColorModes(baseLightMode, lightMode)\n  const resolvedDarkMode = mergeColorModes(baseDarkMode, darkMode)\n  const resolvedTypography =\n    mergeTypography(preset?.typography, typography) ?? preset?.typography ?? null\n\n  return {\n    theme: resolvedTheme,\n    colorMode: resolvedMode,\n    allowColorModeToggle: resolvedAllowToggle,\n    borderRadius: resolvedBorderRadius,\n    fontScale: resolvedFontScale,\n    spacing: resolvedSpacing,\n    animationLevel: resolvedAnimationLevel,\n    customCSS: resolvedCustomCSS,\n    lightMode: resolvedLightMode,\n    darkMode: resolvedDarkMode,\n    typography: resolvedTypography,\n  }\n}\n\nfunction mergeColorModes(\n  base?: ThemeColorConfiguration,\n  overrides?: GenericThemeConfiguration['lightMode'],\n): ThemeColorConfiguration | undefined {\n  const merged: Record<string, string> = {}\n\n  if (base) {\n    Object.entries(base).forEach(([key, value]) => {\n      if (typeof value === 'string' && value.trim().length > 0) {\n        merged[key] = value\n      }\n    })\n  }\n\n  if (overrides) {\n    Object.entries(overrides).forEach(([key, value]) => {\n      if (typeof value === 'string' && value.trim().length > 0) {\n        merged[key] = value\n      } else if (value === null) {\n        delete merged[key]\n      }\n    })\n  }\n\n  return Object.keys(merged).length > 0 ? (merged as ThemeColorConfiguration) : undefined\n}\n\nfunction mergeTypography(\n  base?: ThemeTypographyPreset | null,\n  overrides?: ThemeTypographyOverride | null,\n): ThemeTypographyPreset | null {\n  if (!base && !overrides) {\n    return base ?? null\n  }\n\n  const result: ThemeTypographyPreset = {\n    fontFamily: base?.fontFamily ?? 'var(--font-geist-sans)',\n    headingFamily: base?.headingFamily ?? 'var(--font-geist-sans)',\n    baseFontSize: base?.baseFontSize ?? '16px',\n    lineHeight: base?.lineHeight ?? '1.6',\n    fontWeights: { ...(base?.fontWeights ?? {}) },\n    letterSpacing: { ...(base?.letterSpacing ?? {}) },\n  }\n\n  if (overrides) {\n    const resolvedBodyFont = resolveFontSelection(\n      overrides.bodyFont,\n      overrides.bodyFontCustom,\n      base?.fontFamily,\n    )\n    if (resolvedBodyFont) {\n      result.fontFamily = resolvedBodyFont\n    }\n\n    const resolvedHeadingFont = resolveFontSelection(\n      overrides.headingFont,\n      overrides.headingFontCustom,\n      base?.headingFamily,\n    )\n    if (resolvedHeadingFont) {\n      result.headingFamily = resolvedHeadingFont\n    }\n\n    if (overrides.baseFontSize && overrides.baseFontSize !== 'preset') {\n      result.baseFontSize = overrides.baseFontSize\n    }\n\n    if (overrides.lineHeight && overrides.lineHeight !== 'preset') {\n      result.lineHeight = overrides.lineHeight\n    }\n  }\n\n  return result\n}\n\nfunction resolveFontSelection(\n  selection?: string | null,\n  custom?: string | null,\n  fallback?: string | null,\n): string | null {\n  if (!selection || selection === 'preset') {\n    return fallback ?? null\n  }\n\n  if (selection === 'custom') {\n    const trimmed = custom?.trim()\n    return trimmed && trimmed.length > 0 ? trimmed : (fallback ?? null)\n  }\n\n  const mapped = FONT_VALUE_TO_CSS[selection]\n  return mapped ?? fallback ?? null\n}\n"],"names":["FONT_VALUE_TO_CSS","themeIsValid","defaultThemePresets","BORDER_RADIUS_VALUES","LEGACY_BORDER_RADIUS_ALIASES","full","FONT_SCALE_VALUES","SPACING_VALUES","ANIMATION_LEVEL_VALUES","LEGACY_ANIMATION_ALIASES","MODE_VALUES","DEFAULT_THEME_NAME","DEFAULT_THEME_PRESET","find","preset","name","DEFAULT_THEME_CONFIGURATION","theme","colorMode","allowColorModeToggle","borderRadius","fontScale","spacing","animationLevel","customCSS","lightMode","darkMode","typography","resolveBorderRadius","value","includes","legacyMatch","isFontScale","isSpacing","resolveAnimationLevel","isMode","resolveThemeConfiguration","themeConfiguration","resolvedTheme","resolvedMode","resolvedBorderRadius","resolvedFontScale","resolvedSpacing","resolvedAnimationLevel","resolvedAllowToggle","resolvedCustomCSS","candidate","baseLightMode","baseDarkMode","resolvedLightMode","mergeColorModes","resolvedDarkMode","resolvedTypography","mergeTypography","base","overrides","merged","Object","entries","forEach","key","trim","length","keys","undefined","result","fontFamily","headingFamily","baseFontSize","lineHeight","fontWeights","letterSpacing","resolvedBodyFont","resolveFontSelection","bodyFont","bodyFontCustom","resolvedHeadingFont","headingFont","headingFontCustom","selection","custom","fallback","trimmed","mapped"],"mappings":"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"}

package/dist/utils/themeAssets.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/themeAssets.ts"],"sourcesContent":["import { readFile } from 'fs/promises'\r\nimport { join } from 'path'\r\nimport type { ThemeDefaults } from '../providers/Theme/types.js'\r\n\r\nconst themeCriticalFiles: Record<string, string> = {\r\n  cool: 'cool-critical.css',\r\n  brutal: 'brutal-critical.css',\r\n  neon: 'neon-critical.css',\r\n  solar: 'solar-critical.css',\r\n  dealership: 'dealership-critical.css',\r\n  'real-estate': 'real-estate-critical.css',\r\n  'real-estate-gold': 'real-estate-gold-critical.css',\r\n  'real-estate-neutral': 'real-estate-neutral-critical.css',\r\n}\r\n\r\nconst themeFullFiles: Record<string, string> = {\r\n  cool: 'cool.css',\r\n  brutal: 'brutal.css',\r\n  neon: 'neon.css',\r\n  solar: 'solar.css',\r\n  dealership: 'dealership.css',\r\n  'real-estate': 'real-estate.css',\r\n  'real-estate-gold': 'real-estate-gold.css',\r\n  'real-estate-neutral': 'real-estate-neutral.css',\r\n}\r\n\r\nexport async function getThemeCriticalCSS(theme: ThemeDefaults): Promise<string | null> {\r\n  try {\r\n    const filename = themeCriticalFiles[theme]\r\n    if (!filename) {\r\n      console.warn(`Critical CSS file not found for theme: ${theme}`)\r\n      return null\r\n    }\r\n\r\n    const filePath = join(process.cwd(), 'public', 'themes', filename)\r\n    const css = await readFile(filePath, 'utf-8')\r\n\r\n    return css.replace(/\\r\\n/g, '\\n').replace(/\\r/g, '\\n')\r\n  } catch (error) {\r\n    console.error(`Error reading critical CSS for theme ${theme}:`, error)\r\n    return null\r\n  }\r\n}\r\n\r\nexport function getThemeCSSPath(theme: ThemeDefaults): string {\r\n  const filename = themeFullFiles[theme]\r\n  return `/themes/${filename}`\r\n}\r\n\r\nexport function generateThemePreloadLinks(theme: ThemeDefaults): string {\r\n  const cssPath = getThemeCSSPath(theme)\r\n  return `<link rel=\"preload\" href=\"${cssPath}\" as=\"style\" onload=\"this.onload=null;this.rel='stylesheet'\">`\r\n}\r\n\r\nexport function createFallbackCriticalCSS(theme: ThemeDefaults): string {\r\n  return `\r\n/* Fallback critical CSS for ${theme} theme */\r\n[data-theme=\"${theme}\"] {\r\n  --background: hsl(0 0% 100%);\r\n  --foreground: hsl(222 47% 11%);\r\n  --primary: hsl(221 83% 53%);\r\n  --primary-foreground: hsl(210 40% 98%);\r\n  color-scheme: light;\r\n}\r\n\r\n[data-theme=\"${theme}\"][data-theme-mode=\"dark\"] {\r\n  --background: hsl(222 47% 11%);\r\n  --foreground: hsl(210 40% 98%);\r\n  --primary: hsl(217 91% 60%);\r\n  --primary-foreground: hsl(222 47% 11%);\r\n  color-scheme: dark;\r\n}\r\n`.trim()\r\n}\r\n"],"names":["readFile","join","themeCriticalFiles","cool","brutal","neon","solar","dealership","themeFullFiles","getThemeCriticalCSS","theme","filename","console","warn","filePath","process","cwd","css","replace","error","getThemeCSSPath","generateThemePreloadLinks","cssPath","createFallbackCriticalCSS","trim"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,cAAa;AACtC,SAASC,IAAI,QAAQ,OAAM;AAG3B,MAAMC,qBAA6C;IACjDC,MAAM;IACNC,QAAQ;IACRC,MAAM;IACNC,OAAO;IACPC,YAAY;IACZ,eAAe;IACf,oBAAoB;IACpB,uBAAuB;AACzB;AAEA,MAAMC,iBAAyC;IAC7CL,MAAM;IACNC,QAAQ;IACRC,MAAM;IACNC,OAAO;IACPC,YAAY;IACZ,eAAe;IACf,oBAAoB;IACpB,uBAAuB;AACzB;AAEA,OAAO,eAAeE,oBAAoBC,KAAoB;IAC5D,IAAI;QACF,MAAMC,WAAWT,kBAAkB,CAACQ,MAAM;QAC1C,IAAI,CAACC,UAAU;YACbC,QAAQC,IAAI,CAAC,CAAC,uCAAuC,EAAEH,OAAO;YAC9D,OAAO;QACT;QAEA,MAAMI,WAAWb,KAAKc,QAAQC,GAAG,IAAI,UAAU,UAAUL;QACzD,MAAMM,MAAM,MAAMjB,SAASc,UAAU;QAErC,OAAOG,IAAIC,OAAO,CAAC,SAAS,MAAMA,OAAO,CAAC,OAAO;IACnD,EAAE,OAAOC,OAAO;QACdP,QAAQO,KAAK,CAAC,CAAC,qCAAqC,EAAET,MAAM,CAAC,CAAC,EAAES;QAChE,OAAO;IACT;AACF;AAEA,OAAO,SAASC,gBAAgBV,KAAoB;IAClD,MAAMC,WAAWH,cAAc,CAACE,MAAM;IACtC,OAAO,CAAC,QAAQ,EAAEC,UAAU;AAC9B;AAEA,OAAO,SAASU,0BAA0BX,KAAoB;IAC5D,MAAMY,UAAUF,gBAAgBV;IAChC,OAAO,CAAC,0BAA0B,EAAEY,QAAQ,6DAA6D,CAAC;AAC5G;AAEA,OAAO,SAASC,0BAA0Bb,KAAoB;IAC5D,OAAO,CAAC;6BACmB,EAAEA,MAAM;aACxB,EAAEA,MAAM;;;;;;;;aAQR,EAAEA,MAAM;;;;;;;AAOrB,CAAC,CAACc,IAAI;AACN"}
+{"version":3,"sources":["../../src/utils/themeAssets.ts"],"sourcesContent":["import { readFile } from 'fs/promises'\nimport { join } from 'path'\nimport type { ThemeDefaults } from '../providers/Theme/types.js'\n\nconst themeCriticalFiles: Record<string, string> = {\n  cool: 'cool-critical.css',\n  brutal: 'brutal-critical.css',\n  neon: 'neon-critical.css',\n  solar: 'solar-critical.css',\n  dealership: 'dealership-critical.css',\n  'real-estate': 'real-estate-critical.css',\n  'real-estate-gold': 'real-estate-gold-critical.css',\n  'real-estate-neutral': 'real-estate-neutral-critical.css',\n}\n\nconst themeFullFiles: Record<string, string> = {\n  cool: 'cool.css',\n  brutal: 'brutal.css',\n  neon: 'neon.css',\n  solar: 'solar.css',\n  dealership: 'dealership.css',\n  'real-estate': 'real-estate.css',\n  'real-estate-gold': 'real-estate-gold.css',\n  'real-estate-neutral': 'real-estate-neutral.css',\n}\n\nexport async function getThemeCriticalCSS(theme: ThemeDefaults): Promise<string | null> {\n  try {\n    const filename = themeCriticalFiles[theme]\n    if (!filename) {\n      console.warn(`Critical CSS file not found for theme: ${theme}`)\n      return null\n    }\n\n    const filePath = join(process.cwd(), 'public', 'themes', filename)\n    const css = await readFile(filePath, 'utf-8')\n\n    return css.replace(/\\r\\n/g, '\\n').replace(/\\r/g, '\\n')\n  } catch (error) {\n    console.error(`Error reading critical CSS for theme ${theme}:`, error)\n    return null\n  }\n}\n\nexport function getThemeCSSPath(theme: ThemeDefaults): string {\n  const filename = themeFullFiles[theme]\n  return `/themes/${filename}`\n}\n\nexport function generateThemePreloadLinks(theme: ThemeDefaults): string {\n  const cssPath = getThemeCSSPath(theme)\n  return `<link rel=\"preload\" href=\"${cssPath}\" as=\"style\" onload=\"this.onload=null;this.rel='stylesheet'\">`\n}\n\nexport function createFallbackCriticalCSS(theme: ThemeDefaults): string {\n  return `\n/* Fallback critical CSS for ${theme} theme */\n[data-theme=\"${theme}\"] {\n  --background: hsl(0 0% 100%);\n  --foreground: hsl(222 47% 11%);\n  --primary: hsl(221 83% 53%);\n  --primary-foreground: hsl(210 40% 98%);\n  color-scheme: light;\n}\n\n[data-theme=\"${theme}\"][data-theme-mode=\"dark\"] {\n  --background: hsl(222 47% 11%);\n  --foreground: hsl(210 40% 98%);\n  --primary: hsl(217 91% 60%);\n  --primary-foreground: hsl(222 47% 11%);\n  color-scheme: dark;\n}\n`.trim()\n}\n"],"names":["readFile","join","themeCriticalFiles","cool","brutal","neon","solar","dealership","themeFullFiles","getThemeCriticalCSS","theme","filename","console","warn","filePath","process","cwd","css","replace","error","getThemeCSSPath","generateThemePreloadLinks","cssPath","createFallbackCriticalCSS","trim"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,cAAa;AACtC,SAASC,IAAI,QAAQ,OAAM;AAG3B,MAAMC,qBAA6C;IACjDC,MAAM;IACNC,QAAQ;IACRC,MAAM;IACNC,OAAO;IACPC,YAAY;IACZ,eAAe;IACf,oBAAoB;IACpB,uBAAuB;AACzB;AAEA,MAAMC,iBAAyC;IAC7CL,MAAM;IACNC,QAAQ;IACRC,MAAM;IACNC,OAAO;IACPC,YAAY;IACZ,eAAe;IACf,oBAAoB;IACpB,uBAAuB;AACzB;AAEA,OAAO,eAAeE,oBAAoBC,KAAoB;IAC5D,IAAI;QACF,MAAMC,WAAWT,kBAAkB,CAACQ,MAAM;QAC1C,IAAI,CAACC,UAAU;YACbC,QAAQC,IAAI,CAAC,CAAC,uCAAuC,EAAEH,OAAO;YAC9D,OAAO;QACT;QAEA,MAAMI,WAAWb,KAAKc,QAAQC,GAAG,IAAI,UAAU,UAAUL;QACzD,MAAMM,MAAM,MAAMjB,SAASc,UAAU;QAErC,OAAOG,IAAIC,OAAO,CAAC,SAAS,MAAMA,OAAO,CAAC,OAAO;IACnD,EAAE,OAAOC,OAAO;QACdP,QAAQO,KAAK,CAAC,CAAC,qCAAqC,EAAET,MAAM,CAAC,CAAC,EAAES;QAChE,OAAO;IACT;AACF;AAEA,OAAO,SAASC,gBAAgBV,KAAoB;IAClD,MAAMC,WAAWH,cAAc,CAACE,MAAM;IACtC,OAAO,CAAC,QAAQ,EAAEC,UAAU;AAC9B;AAEA,OAAO,SAASU,0BAA0BX,KAAoB;IAC5D,MAAMY,UAAUF,gBAAgBV;IAChC,OAAO,CAAC,0BAA0B,EAAEY,QAAQ,6DAA6D,CAAC;AAC5G;AAEA,OAAO,SAASC,0BAA0Bb,KAAoB;IAC5D,OAAO,CAAC;6BACmB,EAAEA,MAAM;aACxB,EAAEA,MAAM;;;;;;;;aAQR,EAAEA,MAAM;;;;;;;AAOrB,CAAC,CAACc,IAAI;AACN"}