@kilivi/payloadcms-theme-management 2.0.0 → 2.2.0

package/dist/endpoints/themeFonts.js

@@ -0,0 +1,138 @@
+import { buildGoogleFontsHref, parseFontFamilies, THEME_FONTS_CSS_PATH, THEME_FONTS_FILE_PATH } from '../constants/themeFonts.js';
+/**
+ * Self-hosted theme fonts.
+ *
+ * The visitor's browser never talks to Google: these endpoints fetch the
+ * Google Fonts stylesheet and font files on the server, cache them in memory and
+ * serve them from the site's own origin (GDPR-friendly). Only fonts from
+ * FONT_CATALOG are served, and only files from fonts.gstatic.com are proxied, so
+ * the endpoints cannot be used as an open proxy.
+ *
+ *   GET {api}/theme-fonts/css?f=Inter,Playfair%20Display  → @font-face CSS
+ *   GET {api}/theme-fonts/file?p=s/inter/v19/….woff2      → font file
+ */ // A current desktop browser UA makes Google return woff2 with unicode-range subsets.
+const BROWSER_UA = 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/124.0 Safari/537.36';
+const CSS_TTL_MS = 24 * 60 * 60 * 1000;
+const MAX_CACHED_FILES = 300;
+const FONT_FILE_PATTERN = /^s\/[a-z0-9]+\/v\d+\/[A-Za-z0-9_\-.]+\.woff2$/;
+const cssCache = new Map();
+const fileCache = new Map();
+function rememberFile(key, data) {
+    if (fileCache.size >= MAX_CACHED_FILES) {
+        const oldest = fileCache.keys().next().value;
+        if (oldest !== undefined) fileCache.delete(oldest);
+    }
+    fileCache.set(key, data);
+}
+const apiRouteOf = (req)=>req.payload?.config?.routes?.api ?? '/api';
+const queryValue = (req, key)=>{
+    const fromSearchParams = req.searchParams?.get?.(key);
+    if (fromSearchParams) return fromSearchParams;
+    const fromQuery = req.query?.[key];
+    return typeof fromQuery === 'string' ? fromQuery : null;
+};
+/** Rewrites fonts.gstatic.com URLs in Google's CSS to the self-hosted file endpoint. */ export function rewriteFontUrls(css, fileEndpoint) {
+    return css.replace(/https:\/\/fonts\.gstatic\.com\/([^)\s'"]+)/g, (match, path)=>FONT_FILE_PATTERN.test(path) ? `${fileEndpoint}?p=${encodeURIComponent(path)}` : match);
+}
+const cssEndpoint = {
+    path: THEME_FONTS_CSS_PATH,
+    method: 'get',
+    handler: async (req)=>{
+        const families = parseFontFamilies(queryValue(req, 'f'));
+        const href = buildGoogleFontsHref(families);
+        if (!href) {
+            return new Response('/* no fonts requested */', {
+                status: 200,
+                headers: {
+                    'Content-Type': 'text/css; charset=utf-8'
+                }
+            });
+        }
+        const cacheKey = families.join(',');
+        const cached = cssCache.get(cacheKey);
+        if (cached && cached.expires > Date.now()) {
+            return new Response(cached.css, {
+                headers: {
+                    'Content-Type': 'text/css; charset=utf-8',
+                    'Cache-Control': 'public, max-age=86400, stale-while-revalidate=604800'
+                }
+            });
+        }
+        try {
+            const upstream = await fetch(href, {
+                headers: {
+                    'User-Agent': BROWSER_UA
+                }
+            });
+            if (!upstream.ok) throw new Error(`Google Fonts responded ${upstream.status}`);
+            const css = rewriteFontUrls(await upstream.text(), `${apiRouteOf(req)}${THEME_FONTS_FILE_PATH}`);
+            cssCache.set(cacheKey, {
+                css,
+                expires: Date.now() + CSS_TTL_MS
+            });
+            return new Response(css, {
+                headers: {
+                    'Content-Type': 'text/css; charset=utf-8',
+                    'Cache-Control': 'public, max-age=86400, stale-while-revalidate=604800'
+                }
+            });
+        } catch (error) {
+            req.payload?.logger?.warn?.(`Theme Management Plugin: could not load fonts (${cacheKey}): ${String(error)}`);
+            // Fall back to the CSS font stacks; never break the page over a font.
+            return new Response('/* fonts unavailable — falling back to system fonts */', {
+                status: 200,
+                headers: {
+                    'Content-Type': 'text/css; charset=utf-8',
+                    'Cache-Control': 'no-store'
+                }
+            });
+        }
+    }
+};
+const fileEndpoint = {
+    path: THEME_FONTS_FILE_PATH,
+    method: 'get',
+    handler: async (req)=>{
+        const path = queryValue(req, 'p');
+        if (!path || !FONT_FILE_PATTERN.test(path)) {
+            return new Response('Not found', {
+                status: 404
+            });
+        }
+        const headers = {
+            'Content-Type': 'font/woff2',
+            // gstatic paths are versioned, so a file never changes.
+            'Cache-Control': 'public, max-age=31536000, immutable',
+            'Access-Control-Allow-Origin': '*'
+        };
+        const cached = fileCache.get(path);
+        if (cached) return new Response(cached, {
+            headers
+        });
+        try {
+            const upstream = await fetch(`https://fonts.gstatic.com/${path}`, {
+                headers: {
+                    'User-Agent': BROWSER_UA
+                }
+            });
+            if (!upstream.ok) return new Response('Not found', {
+                status: 404
+            });
+            const data = await upstream.arrayBuffer();
+            rememberFile(path, data);
+            return new Response(data, {
+                headers
+            });
+        } catch  {
+            return new Response('Font unavailable', {
+                status: 502
+            });
+        }
+    }
+};
+export const themeFontEndpoints = [
+    cssEndpoint,
+    fileEndpoint
+];
+
+//# sourceMappingURL=themeFonts.js.map

package/dist/endpoints/themeFonts.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/endpoints/themeFonts.ts"],"sourcesContent":["import type { Endpoint, PayloadRequest } from 'payload'\nimport {\n  buildGoogleFontsHref,\n  parseFontFamilies,\n  THEME_FONTS_CSS_PATH,\n  THEME_FONTS_FILE_PATH,\n} from '../constants/themeFonts.js'\n\n/**\n * Self-hosted theme fonts.\n *\n * The visitor's browser never talks to Google: these endpoints fetch the\n * Google Fonts stylesheet and font files on the server, cache them in memory and\n * serve them from the site's own origin (GDPR-friendly). Only fonts from\n * FONT_CATALOG are served, and only files from fonts.gstatic.com are proxied, so\n * the endpoints cannot be used as an open proxy.\n *\n *   GET {api}/theme-fonts/css?f=Inter,Playfair%20Display  → @font-face CSS\n *   GET {api}/theme-fonts/file?p=s/inter/v19/….woff2      → font file\n */\n\n// A current desktop browser UA makes Google return woff2 with unicode-range subsets.\nconst BROWSER_UA =\n  'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/124.0 Safari/537.36'\nconst CSS_TTL_MS = 24 * 60 * 60 * 1000\nconst MAX_CACHED_FILES = 300\nconst FONT_FILE_PATTERN = /^s\\/[a-z0-9]+\\/v\\d+\\/[A-Za-z0-9_\\-.]+\\.woff2$/\n\nconst cssCache = new Map<string, { css: string; expires: number }>()\nconst fileCache = new Map<string, ArrayBuffer>()\n\nfunction rememberFile(key: string, data: ArrayBuffer) {\n  if (fileCache.size >= MAX_CACHED_FILES) {\n    const oldest = fileCache.keys().next().value\n    if (oldest !== undefined) fileCache.delete(oldest)\n  }\n  fileCache.set(key, data)\n}\n\nconst apiRouteOf = (req: PayloadRequest) => req.payload?.config?.routes?.api ?? '/api'\n\nconst queryValue = (req: PayloadRequest, key: string): string | null => {\n  const fromSearchParams = req.searchParams?.get?.(key)\n  if (fromSearchParams) return fromSearchParams\n  const fromQuery = (req.query as Record<string, unknown> | undefined)?.[key]\n  return typeof fromQuery === 'string' ? fromQuery : null\n}\n\n/** Rewrites fonts.gstatic.com URLs in Google's CSS to the self-hosted file endpoint. */\nexport function rewriteFontUrls(css: string, fileEndpoint: string): string {\n  return css.replace(/https:\\/\\/fonts\\.gstatic\\.com\\/([^)\\s'\"]+)/g, (match, path: string) =>\n    FONT_FILE_PATTERN.test(path) ? `${fileEndpoint}?p=${encodeURIComponent(path)}` : match,\n  )\n}\n\nconst cssEndpoint: Endpoint = {\n  path: THEME_FONTS_CSS_PATH,\n  method: 'get',\n  handler: async (req) => {\n    const families = parseFontFamilies(queryValue(req, 'f'))\n    const href = buildGoogleFontsHref(families)\n    if (!href) {\n      return new Response('/* no fonts requested */', {\n        status: 200,\n        headers: { 'Content-Type': 'text/css; charset=utf-8' },\n      })\n    }\n\n    const cacheKey = families.join(',')\n    const cached = cssCache.get(cacheKey)\n    if (cached && cached.expires > Date.now()) {\n      return new Response(cached.css, {\n        headers: {\n          'Content-Type': 'text/css; charset=utf-8',\n          'Cache-Control': 'public, max-age=86400, stale-while-revalidate=604800',\n        },\n      })\n    }\n\n    try {\n      const upstream = await fetch(href, { headers: { 'User-Agent': BROWSER_UA } })\n      if (!upstream.ok) throw new Error(`Google Fonts responded ${upstream.status}`)\n      const css = rewriteFontUrls(await upstream.text(), `${apiRouteOf(req)}${THEME_FONTS_FILE_PATH}`)\n      cssCache.set(cacheKey, { css, expires: Date.now() + CSS_TTL_MS })\n      return new Response(css, {\n        headers: {\n          'Content-Type': 'text/css; charset=utf-8',\n          'Cache-Control': 'public, max-age=86400, stale-while-revalidate=604800',\n        },\n      })\n    } catch (error) {\n      req.payload?.logger?.warn?.(\n        `Theme Management Plugin: could not load fonts (${cacheKey}): ${String(error)}`,\n      )\n      // Fall back to the CSS font stacks; never break the page over a font.\n      return new Response('/* fonts unavailable — falling back to system fonts */', {\n        status: 200,\n        headers: { 'Content-Type': 'text/css; charset=utf-8', 'Cache-Control': 'no-store' },\n      })\n    }\n  },\n}\n\nconst fileEndpoint: Endpoint = {\n  path: THEME_FONTS_FILE_PATH,\n  method: 'get',\n  handler: async (req) => {\n    const path = queryValue(req, 'p')\n    if (!path || !FONT_FILE_PATTERN.test(path)) {\n      return new Response('Not found', { status: 404 })\n    }\n\n    const headers = {\n      'Content-Type': 'font/woff2',\n      // gstatic paths are versioned, so a file never changes.\n      'Cache-Control': 'public, max-age=31536000, immutable',\n      'Access-Control-Allow-Origin': '*',\n    }\n\n    const cached = fileCache.get(path)\n    if (cached) return new Response(cached, { headers })\n\n    try {\n      const upstream = await fetch(`https://fonts.gstatic.com/${path}`, {\n        headers: { 'User-Agent': BROWSER_UA },\n      })\n      if (!upstream.ok) return new Response('Not found', { status: 404 })\n      const data = await upstream.arrayBuffer()\n      rememberFile(path, data)\n      return new Response(data, { headers })\n    } catch {\n      return new Response('Font unavailable', { status: 502 })\n    }\n  },\n}\n\nexport const themeFontEndpoints: Endpoint[] = [cssEndpoint, fileEndpoint]\n"],"names":["buildGoogleFontsHref","parseFontFamilies","THEME_FONTS_CSS_PATH","THEME_FONTS_FILE_PATH","BROWSER_UA","CSS_TTL_MS","MAX_CACHED_FILES","FONT_FILE_PATTERN","cssCache","Map","fileCache","rememberFile","key","data","size","oldest","keys","next","value","undefined","delete","set","apiRouteOf","req","payload","config","routes","api","queryValue","fromSearchParams","searchParams","get","fromQuery","query","rewriteFontUrls","css","fileEndpoint","replace","match","path","test","encodeURIComponent","cssEndpoint","method","handler","families","href","Response","status","headers","cacheKey","join","cached","expires","Date","now","upstream","fetch","ok","Error","text","error","logger","warn","String","arrayBuffer","themeFontEndpoints"],"mappings":"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"}

package/dist/extended-presets.d.ts

@@ -70,8 +70,4 @@ export declare const allExtendedThemePresets: {
  * Convert extended theme to CSS variables
  */
 export declare function extendedThemeToCSSVariables(theme: ExtendedThemePreset, mode?: 'light' | 'dark'): string;
-/**
- * Generate complete CSS for an extended theme
- */
-export declare function generateExtendedThemeCSS(theme: ExtendedThemePreset): string;
 //# sourceMappingURL=extended-presets.d.ts.map

package/dist/extended-presets.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"extended-presets.d.ts","sourceRoot":"","sources":["../src/extended-presets.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAIH,MAAM,WAAW,iBAAiB;IAEhC,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAGlB,IAAI,EAAE,MAAM,CAAA;IACZ,iBAAiB,EAAE,MAAM,CAAA;IAGzB,OAAO,EAAE,MAAM,CAAA;IACf,oBAAoB,EAAE,MAAM,CAAA;IAG5B,OAAO,EAAE,MAAM,CAAA;IACf,oBAAoB,EAAE,MAAM,CAAA;IAG5B,SAAS,EAAE,MAAM,CAAA;IACjB,sBAAsB,EAAE,MAAM,CAAA;IAG9B,KAAK,EAAE,MAAM,CAAA;IACb,kBAAkB,EAAE,MAAM,CAAA;IAG1B,MAAM,EAAE,MAAM,CAAA;IACd,mBAAmB,EAAE,MAAM,CAAA;IAG3B,WAAW,EAAE,MAAM,CAAA;IACnB,wBAAwB,EAAE,MAAM,CAAA;IAGhC,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IAGZ,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IAGjB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAG1B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IAGpB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,OAAO,CAAC,EAAE,MAAM,CAAA;IAGhB,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE;QACN,KAAK,EAAE,iBAAiB,CAAA;QACxB,IAAI,EAAE,iBAAiB,CAAA;KACxB,CAAA;CACF;AAED;;;GAGG;AACH,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAuLpE,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,uBAAuB;;CAGnC,CAAA;AAED;;GAEG;AACH,wBAAgB,2BAA2B,CACzC,KAAK,EAAE,mBAAmB,EAC1B,IAAI,GAAE,OAAO,GAAG,MAAgB,GAC/B,MAAM,CASR;AAED;;GAEG;AACH,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,mBAAmB,GAAG,MAAM,CAe3E"}
+{"version":3,"file":"extended-presets.d.ts","sourceRoot":"","sources":["../src/extended-presets.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAIH,MAAM,WAAW,iBAAiB;IAEhC,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAGlB,IAAI,EAAE,MAAM,CAAA;IACZ,iBAAiB,EAAE,MAAM,CAAA;IAGzB,OAAO,EAAE,MAAM,CAAA;IACf,oBAAoB,EAAE,MAAM,CAAA;IAG5B,OAAO,EAAE,MAAM,CAAA;IACf,oBAAoB,EAAE,MAAM,CAAA;IAG5B,SAAS,EAAE,MAAM,CAAA;IACjB,sBAAsB,EAAE,MAAM,CAAA;IAG9B,KAAK,EAAE,MAAM,CAAA;IACb,kBAAkB,EAAE,MAAM,CAAA;IAG1B,MAAM,EAAE,MAAM,CAAA;IACd,mBAAmB,EAAE,MAAM,CAAA;IAG3B,WAAW,EAAE,MAAM,CAAA;IACnB,wBAAwB,EAAE,MAAM,CAAA;IAGhC,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IAGZ,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IAGjB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAG1B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IAGpB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,OAAO,CAAC,EAAE,MAAM,CAAA;IAGhB,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE;QACN,KAAK,EAAE,iBAAiB,CAAA;QACxB,IAAI,EAAE,iBAAiB,CAAA;KACxB,CAAA;CACF;AAED;;;GAGG;AACH,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAuLpE,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,uBAAuB;;CAGnC,CAAA;AAED;;GAEG;AACH,wBAAgB,2BAA2B,CACzC,KAAK,EAAE,mBAAmB,EAC1B,IAAI,GAAE,OAAO,GAAG,MAAgB,GAC/B,MAAM,CASR"}

package/dist/extended-presets.js

@@ -1,7 +1,7 @@
 /**
  * Extended Shadcn-style theme presets with full color token support
  * Inspired by https://ui.shadcn.com/themes and https://tweakcn.com/editor/theme
- * 
+ *
  * This extends the existing theme system with:
  * - Full shadcn/ui color tokens
  * - OKLCH color format support
@@ -210,22 +210,5 @@
     });
     return cssVars.join('\n');
 }
-/**
- * Generate complete CSS for an extended theme
- */ export function generateExtendedThemeCSS(theme) {
-    const lightCSS = extendedThemeToCSSVariables(theme, 'light');
-    const darkCSS = extendedThemeToCSSVariables(theme, 'dark');
-    return `:root {
-${lightCSS}
-}
-
-.dark {
-${darkCSS}
-}
-
-[data-theme-mode="dark"] {
-${darkCSS}
-}`;
-}
 
 //# sourceMappingURL=extended-presets.js.map

package/dist/extended-presets.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/extended-presets.ts"],"sourcesContent":["/**\n * Extended Shadcn-style theme presets with full color token support\n * Inspired by https://ui.shadcn.com/themes and https://tweakcn.com/editor/theme\n * \n * This extends the existing theme system with:\n * - Full shadcn/ui color tokens\n * - OKLCH color format support\n * - Chart colors (chart-1 through chart-5)\n * - Semantic color tokens (destructive, muted, accent, etc.)\n * - CSS variable generation for Tailwind integration\n */\n\nimport { tweakcnThemePresets } from './tweakcn-presets.js'\n\nexport interface ShadcnColorTokens {\n  // Base colors\n  background: string\n  foreground: string\n  \n  // Card colors\n  card: string\n  'card-foreground': string\n  \n  // Popover colors\n  popover: string\n  'popover-foreground': string\n  \n  // Primary colors\n  primary: string\n  'primary-foreground': string\n  \n  // Secondary colors\n  secondary: string\n  'secondary-foreground': string\n  \n  // Muted colors\n  muted: string\n  'muted-foreground': string\n  \n  // Accent colors\n  accent: string\n  'accent-foreground': string\n  \n  // Destructive colors\n  destructive: string\n  'destructive-foreground': string\n  \n  // Border & Input\n  border: string\n  input: string\n  ring: string\n  \n  // Chart colors (for data visualization)\n  'chart-1': string\n  'chart-2': string\n  'chart-3': string\n  'chart-4': string\n  'chart-5': string\n  \n  // Shadow controls (TweakCN)\n  'shadow-color'?: string\n  'shadow-opacity'?: string\n  'shadow-blur'?: string\n  'shadow-spread'?: string\n  'shadow-offset-x'?: string\n  'shadow-offset-y'?: string\n  \n  // Font families (TweakCN)\n  'font-sans'?: string\n  'font-serif'?: string\n  'font-mono'?: string\n  \n  // Advanced typography (TweakCN)\n  'letter-spacing'?: string\n  spacing?: string\n  \n  // Border radius\n  radius?: string\n}\n\nexport interface ExtendedThemePreset {\n  label: string\n  value: string\n  styles: {\n    light: ShadcnColorTokens\n    dark: ShadcnColorTokens\n  }\n}\n\n/**\n * Extended theme presets with full shadcn/ui token support\n * These work alongside the existing default presets\n */\nexport const extendedThemePresets: Record<string, ExtendedThemePreset> = {\n  'cool-extended': {\n    label: 'Cool & Professional (Extended)',\n    value: 'cool-extended',\n    styles: {\n      light: {\n        background: 'oklch(1 0 0)',\n        foreground: 'oklch(0.145 0 0)',\n        card: 'oklch(1 0 0)',\n        'card-foreground': 'oklch(0.145 0 0)',\n        popover: 'oklch(1 0 0)',\n        'popover-foreground': 'oklch(0.145 0 0)',\n        primary: 'oklch(0.549 0.184 250.847)',\n        'primary-foreground': 'oklch(0.985 0.005 250.847)',\n        secondary: 'oklch(0.97 0 0)',\n        'secondary-foreground': 'oklch(0.205 0 0)',\n        muted: 'oklch(0.97 0 0)',\n        'muted-foreground': 'oklch(0.556 0 0)',\n        accent: 'oklch(0.97 0 0)',\n        'accent-foreground': 'oklch(0.205 0 0)',\n        destructive: 'oklch(0.577 0.245 27.325)',\n        'destructive-foreground': 'oklch(0.98 0 0)',\n        border: 'oklch(0.922 0 0)',\n        input: 'oklch(0.922 0 0)',\n        ring: 'oklch(0.549 0.184 250.847)',\n        'chart-1': 'oklch(0.549 0.184 250.847)',\n        'chart-2': 'oklch(0.645 0.168 250.847)',\n        'chart-3': 'oklch(0.445 0.204 250.847)',\n        'chart-4': 'oklch(0.349 0.184 250.847)',\n        'chart-5': 'oklch(0.749 0.124 250.847)',\n        radius: '0.5rem',\n      },\n      dark: {\n        background: 'oklch(0.145 0 0)',\n        foreground: 'oklch(0.985 0 0)',\n        card: 'oklch(0.205 0 0)',\n        'card-foreground': 'oklch(0.985 0 0)',\n        popover: 'oklch(0.269 0 0)',\n        'popover-foreground': 'oklch(0.985 0 0)',\n        primary: 'oklch(0.645 0.168 250.847)',\n        'primary-foreground': 'oklch(0.145 0.005 250.847)',\n        secondary: 'oklch(0.269 0 0)',\n        'secondary-foreground': 'oklch(0.985 0 0)',\n        muted: 'oklch(0.269 0 0)',\n        'muted-foreground': 'oklch(0.708 0 0)',\n        accent: 'oklch(0.371 0 0)',\n        'accent-foreground': 'oklch(0.985 0 0)',\n        destructive: 'oklch(0.704 0.191 22.216)',\n        'destructive-foreground': 'oklch(0.98 0 0)',\n        border: 'oklch(1 0 0 / 10%)',\n        input: 'oklch(1 0 0 / 15%)',\n        ring: 'oklch(0.645 0.168 250.847)',\n        'chart-1': 'oklch(0.645 0.168 250.847)',\n        'chart-2': 'oklch(0.549 0.184 250.847)',\n        'chart-3': 'oklch(0.445 0.204 250.847)',\n        'chart-4': 'oklch(0.749 0.124 250.847)',\n        'chart-5': 'oklch(0.849 0.084 250.847)',\n        radius: '0.5rem',\n      },\n    },\n  },\n  \n  'neon-extended': {\n    label: 'Neon Cyberpunk (Extended)',\n    value: 'neon-extended',\n    styles: {\n      light: {\n        background: 'oklch(1 0 0)',\n        foreground: 'oklch(0.145 0 0)',\n        card: 'oklch(1 0 0)',\n        'card-foreground': 'oklch(0.145 0 0)',\n        popover: 'oklch(1 0 0)',\n        'popover-foreground': 'oklch(0.145 0 0)',\n        primary: 'oklch(0.628 0.258 328.363)',\n        'primary-foreground': 'oklch(0.985 0.015 328.363)',\n        secondary: 'oklch(0.97 0 0)',\n        'secondary-foreground': 'oklch(0.205 0 0)',\n        muted: 'oklch(0.97 0 0)',\n        'muted-foreground': 'oklch(0.556 0 0)',\n        accent: 'oklch(0.749 0.168 305.365)',\n        'accent-foreground': 'oklch(0.985 0.015 305.365)',\n        destructive: 'oklch(0.577 0.245 27.325)',\n        'destructive-foreground': 'oklch(0.98 0 0)',\n        border: 'oklch(0.922 0 0)',\n        input: 'oklch(0.922 0 0)',\n        ring: 'oklch(0.628 0.258 328.363)',\n        'chart-1': 'oklch(0.628 0.258 328.363)',\n        'chart-2': 'oklch(0.749 0.168 305.365)',\n        'chart-3': 'oklch(0.645 0.234 286.897)',\n        'chart-4': 'oklch(0.545 0.298 328.363)',\n        'chart-5': 'oklch(0.845 0.118 305.365)',\n        radius: '0.75rem',\n      },\n      dark: {\n        background: 'oklch(0.125 0.028 305.365)',\n        foreground: 'oklch(0.985 0.015 305.365)',\n        card: 'oklch(0.185 0.028 305.365)',\n        'card-foreground': 'oklch(0.985 0.015 305.365)',\n        popover: 'oklch(0.245 0.028 305.365)',\n        'popover-foreground': 'oklch(0.985 0.015 305.365)',\n        primary: 'oklch(0.749 0.168 305.365)',\n        'primary-foreground': 'oklch(0.125 0.028 305.365)',\n        secondary: 'oklch(0.245 0.028 305.365)',\n        'secondary-foreground': 'oklch(0.985 0.015 305.365)',\n        muted: 'oklch(0.245 0.028 305.365)',\n        'muted-foreground': 'oklch(0.708 0.015 305.365)',\n        accent: 'oklch(0.628 0.258 328.363)',\n        'accent-foreground': 'oklch(0.125 0.028 328.363)',\n        destructive: 'oklch(0.704 0.191 22.216)',\n        'destructive-foreground': 'oklch(0.98 0 0)',\n        border: 'oklch(1 0 0 / 15%)',\n        input: 'oklch(1 0 0 / 20%)',\n        ring: 'oklch(0.749 0.168 305.365)',\n        'chart-1': 'oklch(0.749 0.168 305.365)',\n        'chart-2': 'oklch(0.628 0.258 328.363)',\n        'chart-3': 'oklch(0.645 0.234 286.897)',\n        'chart-4': 'oklch(0.845 0.118 305.365)',\n        'chart-5': 'oklch(0.945 0.068 305.365)',\n        radius: '0.75rem',\n      },\n    },\n  },\n  \n  'solar-extended': {\n    label: 'Solar Warmth (Extended)',\n    value: 'solar-extended',\n    styles: {\n      light: {\n        background: 'oklch(0.985 0.01 83.124)',\n        foreground: 'oklch(0.145 0 0)',\n        card: 'oklch(1 0 0)',\n        'card-foreground': 'oklch(0.145 0 0)',\n        popover: 'oklch(1 0 0)',\n        'popover-foreground': 'oklch(0.145 0 0)',\n        primary: 'oklch(0.656 0.214 53.877)',\n        'primary-foreground': 'oklch(0.985 0.015 53.877)',\n        secondary: 'oklch(0.97 0 0)',\n        'secondary-foreground': 'oklch(0.205 0 0)',\n        muted: 'oklch(0.97 0 0)',\n        'muted-foreground': 'oklch(0.556 0 0)',\n        accent: 'oklch(0.745 0.188 83.124)',\n        'accent-foreground': 'oklch(0.145 0 0)',\n        destructive: 'oklch(0.577 0.245 27.325)',\n        'destructive-foreground': 'oklch(0.98 0 0)',\n        border: 'oklch(0.922 0 0)',\n        input: 'oklch(0.922 0 0)',\n        ring: 'oklch(0.656 0.214 53.877)',\n        'chart-1': 'oklch(0.656 0.214 53.877)',\n        'chart-2': 'oklch(0.745 0.188 83.124)',\n        'chart-3': 'oklch(0.556 0.234 53.877)',\n        'chart-4': 'oklch(0.845 0.148 83.124)',\n        'chart-5': 'oklch(0.456 0.254 53.877)',\n        radius: '0.625rem',\n      },\n      dark: {\n        background: 'oklch(0.125 0.015 53.877)',\n        foreground: 'oklch(0.985 0.015 83.124)',\n        card: 'oklch(0.185 0.015 53.877)',\n        'card-foreground': 'oklch(0.985 0.015 83.124)',\n        popover: 'oklch(0.245 0.015 53.877)',\n        'popover-foreground': 'oklch(0.985 0.015 83.124)',\n        primary: 'oklch(0.745 0.188 83.124)',\n        'primary-foreground': 'oklch(0.125 0.015 83.124)',\n        secondary: 'oklch(0.245 0.015 53.877)',\n        'secondary-foreground': 'oklch(0.985 0.015 83.124)',\n        muted: 'oklch(0.245 0.015 53.877)',\n        'muted-foreground': 'oklch(0.708 0.015 83.124)',\n        accent: 'oklch(0.656 0.214 53.877)',\n        'accent-foreground': 'oklch(0.985 0.015 53.877)',\n        destructive: 'oklch(0.704 0.191 22.216)',\n        'destructive-foreground': 'oklch(0.98 0 0)',\n        border: 'oklch(1 0 0 / 12%)',\n        input: 'oklch(1 0 0 / 18%)',\n        ring: 'oklch(0.745 0.188 83.124)',\n        'chart-1': 'oklch(0.745 0.188 83.124)',\n        'chart-2': 'oklch(0.656 0.214 53.877)',\n        'chart-3': 'oklch(0.845 0.148 83.124)',\n        'chart-4': 'oklch(0.556 0.234 53.877)',\n        'chart-5': 'oklch(0.945 0.088 83.124)',\n        radius: '0.625rem',\n      },\n    },\n  },\n}\n\n/**\n * All available extended theme presets (original + TweakCN)\n */\nexport const allExtendedThemePresets = {\n  ...extendedThemePresets,\n  ...tweakcnThemePresets,\n}\n\n/**\n * Convert extended theme to CSS variables\n */\nexport function extendedThemeToCSSVariables(\n  theme: ExtendedThemePreset,\n  mode: 'light' | 'dark' = 'light'\n): string {\n  const tokens = theme.styles[mode]\n  const cssVars: string[] = []\n  \n  Object.entries(tokens).forEach(([key, value]) => {\n    cssVars.push(`  --${key}: ${value};`)\n  })\n  \n  return cssVars.join('\\n')\n}\n\n/**\n * Generate complete CSS for an extended theme\n */\nexport function generateExtendedThemeCSS(theme: ExtendedThemePreset): string {\n  const lightCSS = extendedThemeToCSSVariables(theme, 'light')\n  const darkCSS = extendedThemeToCSSVariables(theme, 'dark')\n  \n  return `:root {\n${lightCSS}\n}\n\n.dark {\n${darkCSS}\n}\n\n[data-theme-mode=\"dark\"] {\n${darkCSS}\n}`\n}\n"],"names":["tweakcnThemePresets","extendedThemePresets","label","value","styles","light","background","foreground","card","popover","primary","secondary","muted","accent","destructive","border","input","ring","radius","dark","allExtendedThemePresets","extendedThemeToCSSVariables","theme","mode","tokens","cssVars","Object","entries","forEach","key","push","join","generateExtendedThemeCSS","lightCSS","darkCSS"],"mappings":"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"}
+{"version":3,"sources":["../src/extended-presets.ts"],"sourcesContent":["/**\n * Extended Shadcn-style theme presets with full color token support\n * Inspired by https://ui.shadcn.com/themes and https://tweakcn.com/editor/theme\n *\n * This extends the existing theme system with:\n * - Full shadcn/ui color tokens\n * - OKLCH color format support\n * - Chart colors (chart-1 through chart-5)\n * - Semantic color tokens (destructive, muted, accent, etc.)\n * - CSS variable generation for Tailwind integration\n */\n\nimport { tweakcnThemePresets } from './tweakcn-presets.js'\n\nexport interface ShadcnColorTokens {\n  // Base colors\n  background: string\n  foreground: string\n\n  // Card colors\n  card: string\n  'card-foreground': string\n\n  // Popover colors\n  popover: string\n  'popover-foreground': string\n\n  // Primary colors\n  primary: string\n  'primary-foreground': string\n\n  // Secondary colors\n  secondary: string\n  'secondary-foreground': string\n\n  // Muted colors\n  muted: string\n  'muted-foreground': string\n\n  // Accent colors\n  accent: string\n  'accent-foreground': string\n\n  // Destructive colors\n  destructive: string\n  'destructive-foreground': string\n\n  // Border & Input\n  border: string\n  input: string\n  ring: string\n\n  // Chart colors (for data visualization)\n  'chart-1': string\n  'chart-2': string\n  'chart-3': string\n  'chart-4': string\n  'chart-5': string\n\n  // Shadow controls (TweakCN)\n  'shadow-color'?: string\n  'shadow-opacity'?: string\n  'shadow-blur'?: string\n  'shadow-spread'?: string\n  'shadow-offset-x'?: string\n  'shadow-offset-y'?: string\n\n  // Font families (TweakCN)\n  'font-sans'?: string\n  'font-serif'?: string\n  'font-mono'?: string\n\n  // Advanced typography (TweakCN)\n  'letter-spacing'?: string\n  spacing?: string\n\n  // Border radius\n  radius?: string\n}\n\nexport interface ExtendedThemePreset {\n  label: string\n  value: string\n  styles: {\n    light: ShadcnColorTokens\n    dark: ShadcnColorTokens\n  }\n}\n\n/**\n * Extended theme presets with full shadcn/ui token support\n * These work alongside the existing default presets\n */\nexport const extendedThemePresets: Record<string, ExtendedThemePreset> = {\n  'cool-extended': {\n    label: 'Cool & Professional (Extended)',\n    value: 'cool-extended',\n    styles: {\n      light: {\n        background: 'oklch(1 0 0)',\n        foreground: 'oklch(0.145 0 0)',\n        card: 'oklch(1 0 0)',\n        'card-foreground': 'oklch(0.145 0 0)',\n        popover: 'oklch(1 0 0)',\n        'popover-foreground': 'oklch(0.145 0 0)',\n        primary: 'oklch(0.549 0.184 250.847)',\n        'primary-foreground': 'oklch(0.985 0.005 250.847)',\n        secondary: 'oklch(0.97 0 0)',\n        'secondary-foreground': 'oklch(0.205 0 0)',\n        muted: 'oklch(0.97 0 0)',\n        'muted-foreground': 'oklch(0.556 0 0)',\n        accent: 'oklch(0.97 0 0)',\n        'accent-foreground': 'oklch(0.205 0 0)',\n        destructive: 'oklch(0.577 0.245 27.325)',\n        'destructive-foreground': 'oklch(0.98 0 0)',\n        border: 'oklch(0.922 0 0)',\n        input: 'oklch(0.922 0 0)',\n        ring: 'oklch(0.549 0.184 250.847)',\n        'chart-1': 'oklch(0.549 0.184 250.847)',\n        'chart-2': 'oklch(0.645 0.168 250.847)',\n        'chart-3': 'oklch(0.445 0.204 250.847)',\n        'chart-4': 'oklch(0.349 0.184 250.847)',\n        'chart-5': 'oklch(0.749 0.124 250.847)',\n        radius: '0.5rem',\n      },\n      dark: {\n        background: 'oklch(0.145 0 0)',\n        foreground: 'oklch(0.985 0 0)',\n        card: 'oklch(0.205 0 0)',\n        'card-foreground': 'oklch(0.985 0 0)',\n        popover: 'oklch(0.269 0 0)',\n        'popover-foreground': 'oklch(0.985 0 0)',\n        primary: 'oklch(0.645 0.168 250.847)',\n        'primary-foreground': 'oklch(0.145 0.005 250.847)',\n        secondary: 'oklch(0.269 0 0)',\n        'secondary-foreground': 'oklch(0.985 0 0)',\n        muted: 'oklch(0.269 0 0)',\n        'muted-foreground': 'oklch(0.708 0 0)',\n        accent: 'oklch(0.371 0 0)',\n        'accent-foreground': 'oklch(0.985 0 0)',\n        destructive: 'oklch(0.704 0.191 22.216)',\n        'destructive-foreground': 'oklch(0.98 0 0)',\n        border: 'oklch(1 0 0 / 10%)',\n        input: 'oklch(1 0 0 / 15%)',\n        ring: 'oklch(0.645 0.168 250.847)',\n        'chart-1': 'oklch(0.645 0.168 250.847)',\n        'chart-2': 'oklch(0.549 0.184 250.847)',\n        'chart-3': 'oklch(0.445 0.204 250.847)',\n        'chart-4': 'oklch(0.749 0.124 250.847)',\n        'chart-5': 'oklch(0.849 0.084 250.847)',\n        radius: '0.5rem',\n      },\n    },\n  },\n\n  'neon-extended': {\n    label: 'Neon Cyberpunk (Extended)',\n    value: 'neon-extended',\n    styles: {\n      light: {\n        background: 'oklch(1 0 0)',\n        foreground: 'oklch(0.145 0 0)',\n        card: 'oklch(1 0 0)',\n        'card-foreground': 'oklch(0.145 0 0)',\n        popover: 'oklch(1 0 0)',\n        'popover-foreground': 'oklch(0.145 0 0)',\n        primary: 'oklch(0.628 0.258 328.363)',\n        'primary-foreground': 'oklch(0.985 0.015 328.363)',\n        secondary: 'oklch(0.97 0 0)',\n        'secondary-foreground': 'oklch(0.205 0 0)',\n        muted: 'oklch(0.97 0 0)',\n        'muted-foreground': 'oklch(0.556 0 0)',\n        accent: 'oklch(0.749 0.168 305.365)',\n        'accent-foreground': 'oklch(0.985 0.015 305.365)',\n        destructive: 'oklch(0.577 0.245 27.325)',\n        'destructive-foreground': 'oklch(0.98 0 0)',\n        border: 'oklch(0.922 0 0)',\n        input: 'oklch(0.922 0 0)',\n        ring: 'oklch(0.628 0.258 328.363)',\n        'chart-1': 'oklch(0.628 0.258 328.363)',\n        'chart-2': 'oklch(0.749 0.168 305.365)',\n        'chart-3': 'oklch(0.645 0.234 286.897)',\n        'chart-4': 'oklch(0.545 0.298 328.363)',\n        'chart-5': 'oklch(0.845 0.118 305.365)',\n        radius: '0.75rem',\n      },\n      dark: {\n        background: 'oklch(0.125 0.028 305.365)',\n        foreground: 'oklch(0.985 0.015 305.365)',\n        card: 'oklch(0.185 0.028 305.365)',\n        'card-foreground': 'oklch(0.985 0.015 305.365)',\n        popover: 'oklch(0.245 0.028 305.365)',\n        'popover-foreground': 'oklch(0.985 0.015 305.365)',\n        primary: 'oklch(0.749 0.168 305.365)',\n        'primary-foreground': 'oklch(0.125 0.028 305.365)',\n        secondary: 'oklch(0.245 0.028 305.365)',\n        'secondary-foreground': 'oklch(0.985 0.015 305.365)',\n        muted: 'oklch(0.245 0.028 305.365)',\n        'muted-foreground': 'oklch(0.708 0.015 305.365)',\n        accent: 'oklch(0.628 0.258 328.363)',\n        'accent-foreground': 'oklch(0.125 0.028 328.363)',\n        destructive: 'oklch(0.704 0.191 22.216)',\n        'destructive-foreground': 'oklch(0.98 0 0)',\n        border: 'oklch(1 0 0 / 15%)',\n        input: 'oklch(1 0 0 / 20%)',\n        ring: 'oklch(0.749 0.168 305.365)',\n        'chart-1': 'oklch(0.749 0.168 305.365)',\n        'chart-2': 'oklch(0.628 0.258 328.363)',\n        'chart-3': 'oklch(0.645 0.234 286.897)',\n        'chart-4': 'oklch(0.845 0.118 305.365)',\n        'chart-5': 'oklch(0.945 0.068 305.365)',\n        radius: '0.75rem',\n      },\n    },\n  },\n\n  'solar-extended': {\n    label: 'Solar Warmth (Extended)',\n    value: 'solar-extended',\n    styles: {\n      light: {\n        background: 'oklch(0.985 0.01 83.124)',\n        foreground: 'oklch(0.145 0 0)',\n        card: 'oklch(1 0 0)',\n        'card-foreground': 'oklch(0.145 0 0)',\n        popover: 'oklch(1 0 0)',\n        'popover-foreground': 'oklch(0.145 0 0)',\n        primary: 'oklch(0.656 0.214 53.877)',\n        'primary-foreground': 'oklch(0.985 0.015 53.877)',\n        secondary: 'oklch(0.97 0 0)',\n        'secondary-foreground': 'oklch(0.205 0 0)',\n        muted: 'oklch(0.97 0 0)',\n        'muted-foreground': 'oklch(0.556 0 0)',\n        accent: 'oklch(0.745 0.188 83.124)',\n        'accent-foreground': 'oklch(0.145 0 0)',\n        destructive: 'oklch(0.577 0.245 27.325)',\n        'destructive-foreground': 'oklch(0.98 0 0)',\n        border: 'oklch(0.922 0 0)',\n        input: 'oklch(0.922 0 0)',\n        ring: 'oklch(0.656 0.214 53.877)',\n        'chart-1': 'oklch(0.656 0.214 53.877)',\n        'chart-2': 'oklch(0.745 0.188 83.124)',\n        'chart-3': 'oklch(0.556 0.234 53.877)',\n        'chart-4': 'oklch(0.845 0.148 83.124)',\n        'chart-5': 'oklch(0.456 0.254 53.877)',\n        radius: '0.625rem',\n      },\n      dark: {\n        background: 'oklch(0.125 0.015 53.877)',\n        foreground: 'oklch(0.985 0.015 83.124)',\n        card: 'oklch(0.185 0.015 53.877)',\n        'card-foreground': 'oklch(0.985 0.015 83.124)',\n        popover: 'oklch(0.245 0.015 53.877)',\n        'popover-foreground': 'oklch(0.985 0.015 83.124)',\n        primary: 'oklch(0.745 0.188 83.124)',\n        'primary-foreground': 'oklch(0.125 0.015 83.124)',\n        secondary: 'oklch(0.245 0.015 53.877)',\n        'secondary-foreground': 'oklch(0.985 0.015 83.124)',\n        muted: 'oklch(0.245 0.015 53.877)',\n        'muted-foreground': 'oklch(0.708 0.015 83.124)',\n        accent: 'oklch(0.656 0.214 53.877)',\n        'accent-foreground': 'oklch(0.985 0.015 53.877)',\n        destructive: 'oklch(0.704 0.191 22.216)',\n        'destructive-foreground': 'oklch(0.98 0 0)',\n        border: 'oklch(1 0 0 / 12%)',\n        input: 'oklch(1 0 0 / 18%)',\n        ring: 'oklch(0.745 0.188 83.124)',\n        'chart-1': 'oklch(0.745 0.188 83.124)',\n        'chart-2': 'oklch(0.656 0.214 53.877)',\n        'chart-3': 'oklch(0.845 0.148 83.124)',\n        'chart-4': 'oklch(0.556 0.234 53.877)',\n        'chart-5': 'oklch(0.945 0.088 83.124)',\n        radius: '0.625rem',\n      },\n    },\n  },\n}\n\n/**\n * All available extended theme presets (original + TweakCN)\n */\nexport const allExtendedThemePresets = {\n  ...extendedThemePresets,\n  ...tweakcnThemePresets,\n}\n\n/**\n * Convert extended theme to CSS variables\n */\nexport function extendedThemeToCSSVariables(\n  theme: ExtendedThemePreset,\n  mode: 'light' | 'dark' = 'light',\n): string {\n  const tokens = theme.styles[mode]\n  const cssVars: string[] = []\n\n  Object.entries(tokens).forEach(([key, value]) => {\n    cssVars.push(`  --${key}: ${value};`)\n  })\n\n  return cssVars.join('\\n')\n}\n"],"names":["tweakcnThemePresets","extendedThemePresets","label","value","styles","light","background","foreground","card","popover","primary","secondary","muted","accent","destructive","border","input","ring","radius","dark","allExtendedThemePresets","extendedThemeToCSSVariables","theme","mode","tokens","cssVars","Object","entries","forEach","key","push","join"],"mappings":"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"}

package/dist/extended-themes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"extended-themes.d.ts","sourceRoot":"","sources":["../src/extended-themes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAE/C;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,WAAW,EAyjCvC,CAAA"}
+{"version":3,"file":"extended-themes.d.ts","sourceRoot":"","sources":["../src/extended-themes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAE/C;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,WAAW,EAq+CvC,CAAA"}