previewcn 0.1.2 → 0.1.4

package/dist/index.js

@@ -1,14 +1,14 @@
 #!/usr/bin/env node
-import {Command}from'commander';import*as C from'fs/promises';import C__default from'fs/promises';import*as l from'path';import l__default from'path';import u from'chalk';import G from'ora';import we from'prompts';async function h(e){let t={isNextJs:false,isAppRouter:false};try{let r=l__default.join(e,"package.json"),s=await C__default.readFile(r,"utf-8"),n=JSON.parse(s);t.isNextJs=!!(n.dependencies?.next||n.devDependencies?.next);}catch{return t}let o=[l__default.join(e,"app"),l__default.join(e,"src","app")];for(let r of o)try{if((await C__default.stat(r)).isDirectory()){t.isAppRouter=!0;break}}catch{}return t}async function k(e){let t=[l__default.join(e,"app","layout.tsx"),l__default.join(e,"app","layout.ts"),l__default.join(e,"app","layout.jsx"),l__default.join(e,"app","layout.js"),l__default.join(e,"src","app","layout.tsx"),l__default.join(e,"src","app","layout.ts"),l__default.join(e,"src","app","layout.jsx"),l__default.join(e,"src","app","layout.js")];for(let o of t)try{return await C__default.access(o),o}catch{}return null}var a={info:e=>console.log(u.blue("info"),e),success:e=>console.log(u.green("success"),e),warn:e=>console.log(u.yellow("warn"),e),error:e=>console.log(u.red("error"),e),hint:e=>console.log(u.gray("hint"),e)};var re=/^import[\s\S]*?;\s*$/gm,ne=/^import[\s\S]*?@previewcn\/devtools(?:\/styles\.css)?["'][\s\S]*?;\s*$/gm,se=/import\s+\{[^}]*\bPreviewcnDevtools\b[^}]*\}\s+from\s+["'][^"']+["'];?/,ae="@/components/ui/previewcn",le='{process.env.NODE_ENV === "development" && <PreviewcnDevtools />}';function ie(e){return `import { PreviewcnDevtools } from "${e}";`}function ce(e){return e.replace(ne,"").replace(/\n{3,}/g,`
+import {Command}from'commander';import*as w from'fs/promises';import w__default from'fs/promises';import*as s from'path';import s__default from'path';import u from'chalk';import V from'ora';import Pe from'prompts';async function m(e){let r={isNextJs:false,isAppRouter:false};try{let a=s__default.join(e,"package.json"),f=await w__default.readFile(a,"utf-8"),t=JSON.parse(f);r.isNextJs=!!(t.dependencies?.next||t.devDependencies?.next);}catch{return r}let o=[s__default.join(e,"app"),s__default.join(e,"src","app")];for(let a of o)try{if((await w__default.stat(a)).isDirectory()){r.isAppRouter=!0;break}}catch{}return r}async function h(e){let r=[s__default.join(e,"app","layout.tsx"),s__default.join(e,"app","layout.ts"),s__default.join(e,"app","layout.jsx"),s__default.join(e,"app","layout.js"),s__default.join(e,"src","app","layout.tsx"),s__default.join(e,"src","app","layout.ts"),s__default.join(e,"src","app","layout.jsx"),s__default.join(e,"src","app","layout.js")];for(let o of r)try{return await w__default.access(o),o}catch{}return null}var n={info:e=>console.log(u.blue("info"),e),success:e=>console.log(u.green("success"),e),warn:e=>console.log(u.yellow("warn"),e),error:e=>console.log(u.red("error"),e),hint:e=>console.log(u.gray("hint"),e)};var ae=/^import[\s\S]*?;\s*$/gm,te=/^import[\s\S]*?@previewcn\/devtools(?:\/styles\.css)?["'][\s\S]*?;\s*$/gm,fe=/import\s+\{[^}]*\bPreviewcnDevtools\b[^}]*\}\s+from\s+["'][^"']+["'];?/,ne="@/components/ui/previewcn",se='{process.env.NODE_ENV === "development" && <PreviewcnDevtools />}';function de(e){return `import { PreviewcnDevtools } from "${e}";`}function ce(e){return e.replace(te,"").replace(/\n{3,}/g,`
 
-`)}function pe(e){return se.test(e)}function de(e,t){if(t.length===0)return e;let o=`
-${t.join(`
-`)}`,r=[...e.matchAll(re)];if(r.length===0)return `${t.join(`
+`)}function ie(e){return fe.test(e)}function le(e,r){if(r.length===0)return e;let o=`
+${r.join(`
+`)}`,a=[...e.matchAll(ae)];if(a.length===0)return `${r.join(`
 `)}
 
-${e}`;let s=r[r.length-1],n=s.index+s[0].length;return e.slice(0,n)+o+e.slice(n)}function ue(e,t){let o=e.match(/<body[^>]*>/);if(!o)return e;let r=o.index+o[0].length;return e.slice(0,r)+`
-        `+t+e.slice(r)}async function z(e,t=ae){let o=await C__default.readFile(e,"utf-8"),r=ce(o),s=[];pe(r)||s.push(ie(t));let n=de(r,s);n.includes("<PreviewcnDevtools")||(n=ue(n,le)),await C__default.writeFile(e,n,"utf-8");}async function W(e){try{return (await C__default.readFile(e,"utf-8")).includes("PreviewcnDevtools")}catch{return  false}}var Y=".json";async function fe(e){try{let t=await C.readFile(e,"utf-8");return JSON.parse(t)}catch{return null}}function H(e){return e.endsWith(Y)?e:`${e}${Y}`}function ge(e,t){return t.startsWith(".")?l.resolve(l.dirname(e),H(t)):l.isAbsolute(t)?H(t):null}function me(e,t,o){if(!e)return {};let r=o?l.resolve(t,o):t,s={};for(let[n,c]of Object.entries(e))s[n]=c.map(d=>l.resolve(r,d));return s}async function _(e,t=new Set){if(t.has(e))return {};t.add(e);let o=await fe(e);if(!o)return {};let r=l.dirname(e),s=me(o.compilerOptions?.paths,r,o.compilerOptions?.baseUrl);if(!o.extends)return s;let n=ge(e,o.extends);return n?{...await _(n,t),...s}:s}async function he(e){let t=l.join(e,"tsconfig.json"),o=l.join(e,"jsconfig.json"),r=await _(t);return Object.keys(r).length>0?r:_(o)}function ke(e,t){let o=t.indexOf("*");if(o===-1)return e===t?"":null;let r=t.slice(0,o),s=t.slice(o+1);return !e.startsWith(r)||!e.endsWith(s)?null:e.slice(r.length,e.length-s.length)}function ye(e,t){for(let[o,r]of Object.entries(t)){let s=ke(e,o);if(s===null)continue;let n=r[0];if(n)return o.includes("*")?n.replace("*",s):n}return null}async function be(e,t){if(l.isAbsolute(t))return t;if(t.startsWith("./")||t.startsWith("../"))return l.resolve(e,t);let o=await he(e),r=ye(t,o);if(r)return r;if(t.startsWith("@/")){let s=t.replace(/^@\//,"");try{return await C.access(l.join(e,"src")),l.join(e,"src",s)}catch{return l.join(e,s)}}return l.join(e,t)}async function ve(e){let t=l.join(e,"components.json");try{let o=await C.readFile(t,"utf-8"),r=JSON.parse(o);if(r.aliases?.ui)return r.aliases.ui;if(r.aliases?.components)return `${r.aliases.components}/ui`}catch{}return "@/components/ui"}async function y(e){let t=await ve(e),o=await be(e,t);return {uiAlias:t,importPath:`${t}/previewcn`,targetDir:l.join(o,"previewcn")}}async function Ce(e){try{let t=l__default.join(e,"index.ts");return await C__default.access(t),!0}catch{return  false}}async function X(){a.info(`Running PreviewCN diagnostics...
-`);let e=process.cwd(),t=[],o=await h(e);t.push({name:"Next.js App Router",pass:o.isNextJs&&o.isAppRouter,message:o.isNextJs?o.isAppRouter?"Detected":"App Router not found (using Pages Router?)":"Not a Next.js project"});let{targetDir:r}=await y(e),s=await Ce(r),n=l__default.relative(e,r);t.push({name:"PreviewCN components",pass:s,message:s?`Found in ${n}`:"Not found (run `npx previewcn init`)"});let c=false,d=await k(e);d&&(c=await W(d)),t.push({name:"PreviewcnDevtools in layout",pass:c,message:c?"Found":"Not found in layout (run `npx previewcn init`)"}),console.log();for(let p of t){let te=p.pass?u.green("\u2713"):u.red("\u2717"),oe=p.pass?u.green(p.message):u.red(p.message);console.log(`  ${te} ${p.name}: ${oe}`);}console.log(),t.every(p=>p.pass)?(a.success("All checks passed! PreviewCN devtools is ready to use."),a.info("Run your dev server and click the theme icon to open the editor.")):a.warn("Some checks failed. Run `npx previewcn init` to set up.");}function w(){return `"use client";
+${e}`;let f=a[a.length-1],t=f.index+f[0].length;return e.slice(0,t)+o+e.slice(t)}function ue(e,r){let o=e.match(/<body[^>]*>/);if(!o)return e;let a=o.index+o[0].length;return e.slice(0,a)+`
+        `+r+e.slice(a)}async function z(e,r=ne){let o=await w__default.readFile(e,"utf-8"),a=ce(o),f=[];ie(a)||f.push(de(r));let t=le(a,f);t.includes("<PreviewcnDevtools")||(t=ue(t,se)),await w__default.writeFile(e,t,"utf-8");}async function W(e){try{return (await w__default.readFile(e,"utf-8")).includes("PreviewcnDevtools")}catch{return  false}}var H=".json";async function pe(e){try{let r=await w.readFile(e,"utf-8");return JSON.parse(r)}catch{return null}}function Y(e){return e.endsWith(H)?e:`${e}${H}`}function ge(e,r){return r.startsWith(".")?s.resolve(s.dirname(e),Y(r)):s.isAbsolute(r)?Y(r):null}function be(e,r,o){if(!e)return {};let a=o?s.resolve(r,o):r,f={};for(let[t,c]of Object.entries(e))f[t]=c.map(l=>s.resolve(a,l));return f}async function F(e,r=new Set){if(r.has(e))return {};r.add(e);let o=await pe(e);if(!o)return {};let a=s.dirname(e),f=be(o.compilerOptions?.paths,a,o.compilerOptions?.baseUrl);if(!o.extends)return f;let t=ge(e,o.extends);return t?{...await F(t,r),...f}:f}async function me(e){let r=s.join(e,"tsconfig.json"),o=s.join(e,"jsconfig.json"),a=await F(r);return Object.keys(a).length>0?a:F(o)}function he(e,r){let o=r.indexOf("*");if(o===-1)return e===r?"":null;let a=r.slice(0,o),f=r.slice(o+1);return !e.startsWith(a)||!e.endsWith(f)?null:e.slice(a.length,e.length-f.length)}function ye(e,r){for(let[o,a]of Object.entries(r)){let f=he(e,o);if(f===null)continue;let t=a[0];if(t)return o.includes("*")?t.replace("*",f):t}return null}async function ve(e,r){if(s.isAbsolute(r))return r;if(r.startsWith("./")||r.startsWith("../"))return s.resolve(e,r);let o=await me(e),a=ye(r,o);if(a)return a;if(r.startsWith("@/")){let f=r.replace(/^@\//,"");try{return await w.access(s.join(e,"src")),s.join(e,"src",f)}catch{return s.join(e,f)}}return s.join(e,r)}async function ke(e){let r=s.join(e,"components.json");try{let o=await w.readFile(r,"utf-8"),a=JSON.parse(o);if(a.aliases?.ui)return a.aliases.ui;if(a.aliases?.components)return `${a.aliases.components}/ui`}catch{}return "@/components/ui"}async function y(e){let r=await ke(e),o=await ve(e,r);return {uiAlias:r,importPath:`${r}/previewcn`,targetDir:s.join(o,"previewcn")}}async function we(e){try{let r=s__default.join(e,"index.ts");return await w__default.access(r),!0}catch{return  false}}async function X(){n.info(`Running PreviewCN diagnostics...
+`);let e=process.cwd(),r=[],o=await m(e);r.push({name:"Next.js App Router",pass:o.isNextJs&&o.isAppRouter,message:o.isNextJs?o.isAppRouter?"Detected":"App Router not found (using Pages Router?)":"Not a Next.js project"});let{targetDir:a}=await y(e),f=await we(a),t=s__default.relative(e,a);r.push({name:"PreviewCN components",pass:f,message:f?`Found in ${t}`:"Not found (run `npx previewcn init`)"});let c=false,l=await h(e);l&&(c=await W(l)),r.push({name:"PreviewcnDevtools in layout",pass:c,message:c?"Found":"Not found in layout (run `npx previewcn init`)"}),console.log();for(let i of r){let re=i.pass?u.green("\u2713"):u.red("\u2717"),oe=i.pass?u.green(i.message):u.red(i.message);console.log(`  ${re} ${i.name}: ${oe}`);}console.log(),r.every(i=>i.pass)?(n.success("All checks passed! PreviewCN devtools is ready to use."),n.info("Run your dev server and click the theme icon to open the editor.")):n.warn("Some checks failed. Run `npx previewcn init` to set up.");}function P(){return `"use client";
 
 import { colorPresets } from "./presets/colors";
 
@@ -55,7 +55,7 @@ export function ColorPicker({ value, onChange }: ColorPickerProps) {
     </div>
   );
 }
-`}function T(){return `"use client";
+`}function S(){return `"use client";
 
 import { useEffect, useRef, useState } from "react";
 
@@ -156,7 +156,7 @@ export function CssExportButton({ config }: CssExportButtonProps) {
     </button>
   );
 }
-`}function S(){return `// CSS Export utilities for generating shadcn/ui compatible CSS
+`}function _(){return `// CSS Export utilities for generating shadcn/ui compatible CSS
 
 import { getColorPreset } from "./presets/colors";
 import { getThemePreset } from "./presets/theme-presets";
@@ -248,7 +248,7 @@ export async function copyToClipboard(text: string): Promise<boolean> {
     }
   }
 }
-`}function F(){return `"use client";
+`}function T(){return `"use client";
 
 import { lazy, Suspense, useState } from "react";
 
@@ -283,7 +283,7 @@ export function PreviewcnDevtools() {
 
   return <DevtoolsInner />;
 }
-`}function R(){return `"use client";
+`}function M(){return `"use client";
 
 import { useState } from "react";
 
@@ -387,7 +387,7 @@ export function FontSelector({ value, onChange }: FontSelectorProps) {
     </div>
   );
 }
-`}function N(){return `"use client";
+`}function E(){return `"use client";
 
 type ModeToggleProps = {
   value: boolean | null;
@@ -481,9 +481,9 @@ export function ModeToggle({ value, onChange }: ModeToggleProps) {
     </div>
   );
 }
-`}function E(){return `"use client";
+`}function N(){return `"use client";
 
-import { useEffect, useRef, type ReactNode } from "react";
+import { useEffect, type ReactNode } from "react";
 
 import { useThemeState } from "./use-theme-state";
 import { applyTheme } from "./theme-applier";
@@ -730,12 +730,10 @@ export default function Panel({ onClose }: PanelProps) {
     resetTheme,
   } = useThemeState();
 
-  const didApplyOnOpenRef = useRef(false);
+  // Apply stored theme only when the panel opens
   useEffect(() => {
-    if (didApplyOnOpenRef.current) return;
-    didApplyOnOpenRef.current = true;
     applyTheme(config);
-  }, [config]);
+  }, []);
 
   usePanelKeyframes();
 
@@ -754,7 +752,7 @@ export default function Panel({ onClose }: PanelProps) {
     </div>
   );
 }
-`}function I(){return `"use client";
+`}function D(){return `"use client";
 
 import { themePresets } from "./presets/theme-presets";
 
@@ -812,7 +810,7 @@ export function PresetSelector({ value, onChange }: PresetSelectorProps) {
     </div>
   );
 }
-`}function D(){return `// Color preset data used by the devtools color picker.
+`}function R(){return `// Color preset data used by the devtools color picker.
 // Kept in a separate file to keep logic files small.
 
 export type PresetSpec = {
@@ -830,6 +828,10 @@ export type PresetSpec = {
     light?: string;
     dark?: string;
   };
+  destructiveForeground?: {
+    light?: string;
+    dark?: string;
+  };
 };
 
 export const colorPresetSpecs: PresetSpec[] = [
@@ -1024,7 +1026,7 @@ export const colorPresetSpecs: PresetSpec[] = [
     },
   },
 ];
-`}function j(){return `// Color presets compatible with shadcn/ui
+`}function A(){return `// Color presets compatible with shadcn/ui
 // Uses OKLCH color space for better perceptual uniformity
 
 import { colorPresetSpecs, type PresetSpec } from "./color-preset-specs";
@@ -1086,6 +1088,11 @@ const defaultPrimaryForeground = {
   dark: "oklch(0.985 0 0)",
 };
 
+const defaultDestructiveForeground = {
+  light: "oklch(0.985 0 0)",
+  dark: "oklch(0.985 0 0)",
+};
+
 function createColorPreset(spec: PresetSpec): ColorPreset {
   return {
     name: spec.name,
@@ -1097,6 +1104,8 @@ function createColorPreset(spec: PresetSpec): ColorPreset {
         "primary-foreground":
           spec.primaryForeground?.light ?? defaultPrimaryForeground.light,
         destructive: spec.destructive?.light ?? defaultDestructive.light,
+        "destructive-foreground":
+          spec.destructiveForeground?.light ?? defaultDestructiveForeground.light,
       },
       dark: {
         ...neutralColors.dark,
@@ -1104,6 +1113,8 @@ function createColorPreset(spec: PresetSpec): ColorPreset {
         "primary-foreground":
           spec.primaryForeground?.dark ?? defaultPrimaryForeground.dark,
         destructive: spec.destructive?.dark ?? defaultDestructive.dark,
+        "destructive-foreground":
+          spec.destructiveForeground?.dark ?? defaultDestructiveForeground.dark,
       },
     },
   };
@@ -1115,7 +1126,7 @@ export const colorPresets: ColorPreset[] =
 export function getColorPreset(name: string): ColorPreset | undefined {
   return colorPresets.find((p) => p.name === name);
 }
-`}function M(){return `// Font presets using Google Fonts
+`}function I(){return `// Font presets using Google Fonts
 
 export type FontPreset = {
   label: string;
@@ -1195,17 +1206,80 @@ export const fontPresets: FontPreset[] = [
     googleFontsUrl:
       "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap",
   },
+  {
+    label: "Plus Jakarta Sans",
+    value: "plus-jakarta-sans",
+    fontFamily: '"Plus Jakarta Sans", sans-serif',
+    googleFontsUrl:
+      "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap",
+  },
+  {
+    label: "Poppins",
+    value: "poppins",
+    fontFamily: '"Poppins", sans-serif',
+    googleFontsUrl:
+      "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap",
+  },
+  {
+    label: "Open Sans",
+    value: "open-sans",
+    fontFamily: '"Open Sans", sans-serif',
+    googleFontsUrl:
+      "https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap",
+  },
+  {
+    label: "Montserrat",
+    value: "montserrat",
+    fontFamily: '"Montserrat", sans-serif',
+    googleFontsUrl:
+      "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap",
+  },
+  {
+    label: "Oxanium",
+    value: "oxanium",
+    fontFamily: '"Oxanium", sans-serif',
+    googleFontsUrl:
+      "https://fonts.googleapis.com/css2?family=Oxanium:wght@400;500;600;700&display=swap",
+  },
+  {
+    label: "Libre Baskerville",
+    value: "libre-baskerville",
+    fontFamily: '"Libre Baskerville", serif',
+    googleFontsUrl:
+      "https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&display=swap",
+  },
+  {
+    label: "Merriweather",
+    value: "merriweather",
+    fontFamily: '"Merriweather", serif',
+    googleFontsUrl:
+      "https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&display=swap",
+  },
+  {
+    label: "Architects Daughter",
+    value: "architects-daughter",
+    fontFamily: '"Architects Daughter", cursive',
+    googleFontsUrl:
+      "https://fonts.googleapis.com/css2?family=Architects+Daughter&display=swap",
+  },
+  {
+    label: "Antic",
+    value: "antic",
+    fontFamily: '"Antic", sans-serif',
+    googleFontsUrl:
+      "https://fonts.googleapis.com/css2?family=Antic&display=swap",
+  },
 ];
 
 export function getFontPreset(value: string): FontPreset | undefined {
   return fontPresets.find((f) => f.value === value);
 }
-`}function O(){return `export * from "./colors";
+`}function B(){return `export * from "./colors";
 export * from "./color-preset-specs";
 export * from "./fonts";
 export * from "./radius";
 export * from "./theme-presets";
-`}function L(){return `// Radius presets for border-radius customization
+`}function O(){return `// Radius presets for border-radius customization
 
 export type RadiusPreset = {
   name: string;
@@ -1225,7 +1299,7 @@ export const radiusPresets: RadiusPreset[] = [
 export function getRadiusPreset(name: string): RadiusPreset | undefined {
   return radiusPresets.find((p) => p.name === name);
 }
-`}function A(){return `// Theme presets adapted from tweakcn (Apache License 2.0)
+`}function j(){return `// Theme presets adapted from tweakcn (Apache License 2.0)
 // https://github.com/jnsahaj/tweakcn
 // Original presets by Sahaj Jain
 
@@ -1484,222 +1558,3728 @@ export const themePresets: ThemePreset[] = [
     },
     radius: "0.5rem",
   },
-];
-
-const themePresetByName = new Map(
-  themePresets.map((preset) => [preset.name, preset])
-);
-
-export function getThemePreset(name: string): ThemePreset | undefined {
-  return themePresetByName.get(name);
-}
-`}function $(){return `"use client";
-
-import { radiusPresets } from "./presets/radius";
-
-type RadiusSelectorProps = {
-  value: string | null;
-  onChange: (radius: string) => void;
-};
-
-const baseButtonClass =
-  "inline-flex flex-col items-center justify-center gap-1.5 w-full min-h-[52px] px-2.5 py-1.5 rounded-[10px] border text-xs font-medium tracking-[0.01em] cursor-pointer transition-all duration-[160ms]";
-
-const defaultButtonClass =
-  "border-[oklch(1_0_0/0.08)] bg-[oklch(0.2_0.02_260/0.9)] text-[oklch(0.96_0_0)] hover:bg-[oklch(0.24_0.02_260/0.95)] hover:border-[oklch(1_0_0/0.18)]";
-
-const selectedButtonClass =
-  "bg-[oklch(0.24_0.02_260/0.95)] border-[oklch(0.72_0.15_265)] shadow-[0_0_0_1px_oklch(0.72_0.15_265),0_10px_24px_oklch(0_0_0/0.35)]";
-
-export function RadiusSelector({ value, onChange }: RadiusSelectorProps) {
-  return (
-    <div
-      className="relative grid gap-2.5 p-3 rounded-xl border border-[oklch(1_0_0/0.08)] bg-[oklch(0.2_0.02_260/0.9)]"
-      style={{ boxShadow: "inset 0 1px 0 oklch(1 0 0 / 0.04)" }}
-    >
-      <label className="block text-[10.5px] font-semibold tracking-[0.16em] uppercase text-[oklch(0.72_0_0)]">
-        Radius
-      </label>
-      <div className="grid grid-cols-3 gap-2">
-        {radiusPresets.map((preset) => {
-          const isSelected = value === preset.value;
-
-          return (
-            <button
-              key={preset.name}
-              onClick={() => onChange(preset.value)}
-              className={\`\${baseButtonClass} \${isSelected ? selectedButtonClass : defaultButtonClass}\`}
-              style={isSelected ? undefined : { boxShadow: "inset 0 1px 0 oklch(1 0 0 / 0.04)" }}
-              title={preset.label}
-            >
-              <span
-                className="w-7 h-[18px] border border-[oklch(1_0_0/0.12)]"
-                style={{
-                  borderRadius: preset.value,
-                  background:
-                    "linear-gradient(180deg, oklch(0.8 0 0 / 0.45), oklch(0.6 0 0 / 0.2))",
-                }}
-              />
-              <span className="text-[11px] text-[oklch(0.72_0_0)]">
-                {preset.label}
-              </span>
-            </button>
-          );
-        })}
-      </div>
-    </div>
-  );
-}
-`}function B(){return `// Direct DOM theme application (no postMessage needed)
-
-import { getColorPreset } from "./presets/colors";
-import { getFontPreset } from "./presets/fonts";
-import {
-  getThemePreset,
-  type ThemePreset,
-  type ThemePresetFont,
-} from "./presets/theme-presets";
-
-const THEME_COLOR_STYLE_ID = "previewcn-devtools-theme-colors";
-const THEME_FONT_STYLE_ID = "previewcn-devtools-theme-font";
-
-export type ThemeConfig = {
-  colorPreset: string | null;
-  radius: string | null;
-  darkMode: boolean | null;
-  font: string | null;
-  preset: string | null;
-};
-
-type ThemeColors = {
-  light: Record<string, string>;
-  dark: Record<string, string>;
-};
-
-function getOrCreateStyleElement(id: string): HTMLStyleElement {
-  const existing = document.getElementById(id);
-  if (existing instanceof HTMLStyleElement) {
-    return existing;
-  }
-
-  if (existing) {
-    existing.remove();
-  }
-
-  const styleEl = document.createElement("style");
-  styleEl.id = id;
-  document.head.appendChild(styleEl);
-  return styleEl;
-}
-
-function serializeCssVars(cssVars: Record<string, string>): string {
-  return Object.entries(cssVars)
-    .map(([key, value]) => \`--\${key}: \${value};\`)
-    .join(" ");
-}
-
-function applyThemeColors(colors: ThemeColors) {
-  const styleEl = getOrCreateStyleElement(THEME_COLOR_STYLE_ID);
-
-  const lightCss = serializeCssVars(colors.light);
-  const darkCss = serializeCssVars(colors.dark);
-
-  styleEl.textContent = \`:root { \${lightCss} } .dark { \${darkCss} }\`;
-}
-
-// Apply dark mode class to document
-export function applyDarkMode(darkMode: boolean) {
-  const root = document.documentElement;
-
-  if (darkMode) {
-    root.classList.remove("light");
-    root.classList.add("dark");
-  } else {
-    root.classList.remove("dark");
-    root.classList.add("light");
-  }
-
-  root.style.colorScheme = darkMode ? "dark" : "light";
-}
-
-// Apply radius to document
-export function applyRadius(radius: string) {
-  const root = document.documentElement;
-  root.style.setProperty("--radius", radius);
-}
-
-// Apply color preset to document
-export function applyColors(colorPresetName: string) {
-  const preset = getColorPreset(colorPresetName);
-  if (!preset) return;
-
-  applyThemeColors(preset.colors);
-}
-
-// Apply theme preset colors directly (bypasses colorPreset lookup)
-export function applyPresetColors(preset: ThemePreset) {
-  applyThemeColors(preset.colors);
-}
-
-function applyFontConfig(font: ThemePresetFont) {
-  const { fontFamily, googleFontsUrl, value: fontId } = font;
-
-  // Validate Google Fonts URL to prevent XSS attacks
-  if (!googleFontsUrl.startsWith("https://fonts.googleapis.com/")) {
-    console.warn("[PreviewCN] Invalid font URL");
-    return;
-  }
-
-  // Inject Google Fonts link if not already present
-  const linkId = \`previewcn-font-\${fontId}\`;
-  if (!document.getElementById(linkId)) {
-    const link = document.createElement("link");
-    link.id = linkId;
-    link.rel = "stylesheet";
-    link.href = googleFontsUrl;
-    document.head.appendChild(link);
-  }
-
-  // Use multiple strategies to ensure font override works universally
-  // This covers various Tailwind v4 and next/font configurations
-  const styleEl = getOrCreateStyleElement(THEME_FONT_STYLE_ID);
-  styleEl.textContent = \`
-    :root {
-      --font-sans: \${fontFamily} !important;
-      --font-sans-override: \${fontFamily} !important;
-      --font-geist-sans: \${fontFamily} !important;
-    }
-    html, body, .font-sans {
-      font-family: \${fontFamily} !important;
-    }
-  \`;
-}
-
-// Apply font to document
-export function applyFont(fontId: string) {
-  const fontPreset = getFontPreset(fontId);
-  if (!fontPreset) return;
-
-  applyFontConfig(fontPreset);
-}
-
-// Apply font from theme preset (using preset's font config directly)
-export function applyPresetFont(font: ThemePresetFont) {
-  applyFontConfig(font);
-}
-
-// Apply a complete theme preset (colors, radius, and optionally font)
-export function applyPreset(presetName: string) {
-  const preset = getThemePreset(presetName);
-  if (!preset) return;
-
-  applyPresetColors(preset);
-  applyRadius(preset.radius);
-
-  if (preset.font) {
-    applyFontConfig(preset.font);
-  }
-}
+  {
+    name: "modern-minimal",
+    label: "Modern Minimal",
+    colors: {
+      light: {
+        "background": "#ffffff",
+        "foreground": "#333333",
+        "card": "#ffffff",
+        "card-foreground": "#333333",
+        "popover": "#ffffff",
+        "popover-foreground": "#333333",
+        "primary": "#3b82f6",
+        "primary-foreground": "#ffffff",
+        "secondary": "#f3f4f6",
+        "secondary-foreground": "#4b5563",
+        "muted": "#f9fafb",
+        "muted-foreground": "#6b7280",
+        "accent": "#e0f2fe",
+        "accent-foreground": "#1e3a8a",
+        "destructive": "#ef4444",
+        "destructive-foreground": "#ffffff",
+        "border": "#e5e7eb",
+        "input": "#e5e7eb",
+        "ring": "#3b82f6",
+        "chart-1": "#3b82f6",
+        "chart-2": "#2563eb",
+        "chart-3": "#1d4ed8",
+        "chart-4": "#1e40af",
+        "chart-5": "#1e3a8a",
+        "sidebar": "#f9fafb",
+        "sidebar-foreground": "#333333",
+        "sidebar-primary": "#3b82f6",
+        "sidebar-primary-foreground": "#ffffff",
+        "sidebar-accent": "#e0f2fe",
+        "sidebar-accent-foreground": "#1e3a8a",
+        "sidebar-border": "#e5e7eb",
+        "sidebar-ring": "#3b82f6",
+        "font-sans": "Inter, sans-serif",
+        "font-serif": "Source Serif 4, serif",
+        "font-mono": "JetBrains Mono, monospace",
+      },
+      dark: {
+        "background": "#171717",
+        "foreground": "#e5e5e5",
+        "card": "#262626",
+        "card-foreground": "#e5e5e5",
+        "popover": "#262626",
+        "popover-foreground": "#e5e5e5",
+        "primary": "#3b82f6",
+        "primary-foreground": "#ffffff",
+        "secondary": "#262626",
+        "secondary-foreground": "#e5e5e5",
+        "muted": "#1f1f1f",
+        "muted-foreground": "#a3a3a3",
+        "accent": "#1e3a8a",
+        "accent-foreground": "#bfdbfe",
+        "destructive": "#ef4444",
+        "destructive-foreground": "#ffffff",
+        "border": "#404040",
+        "input": "#404040",
+        "ring": "#3b82f6",
+        "chart-1": "#60a5fa",
+        "chart-2": "#3b82f6",
+        "chart-3": "#2563eb",
+        "chart-4": "#1d4ed8",
+        "chart-5": "#1e40af",
+        "sidebar": "#171717",
+        "sidebar-foreground": "#e5e5e5",
+        "sidebar-primary": "#3b82f6",
+        "sidebar-primary-foreground": "#ffffff",
+        "sidebar-accent": "#1e3a8a",
+        "sidebar-accent-foreground": "#bfdbfe",
+        "sidebar-border": "#404040",
+        "sidebar-ring": "#3b82f6",
+      },
+    },
+    radius: "0.375rem",
+    font: {
+      value: "inter",
+      fontFamily: '"Inter", sans-serif',
+      googleFontsUrl:
+        "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap",
+    },
+  },
+  {
+    name: "violet-bloom",
+    label: "Violet Bloom",
+    colors: {
+      light: {
+        "background": "#fdfdfd",
+        "foreground": "#000000",
+        "card": "#fdfdfd",
+        "card-foreground": "#000000",
+        "popover": "#fcfcfc",
+        "popover-foreground": "#000000",
+        "primary": "#7033ff",
+        "primary-foreground": "#ffffff",
+        "secondary": "#edf0f4",
+        "secondary-foreground": "#080808",
+        "muted": "#f5f5f5",
+        "muted-foreground": "#525252",
+        "accent": "#e2ebff",
+        "accent-foreground": "#1e69dc",
+        "destructive": "#e54b4f",
+        "destructive-foreground": "#ffffff",
+        "border": "#e7e7ee",
+        "input": "#ebebeb",
+        "ring": "#000000",
+        "chart-1": "#4ac885",
+        "chart-2": "#7033ff",
+        "chart-3": "#fd822b",
+        "chart-4": "#3276e4",
+        "chart-5": "#747474",
+        "sidebar": "#f5f8fb",
+        "sidebar-foreground": "#000000",
+        "sidebar-primary": "#000000",
+        "sidebar-primary-foreground": "#ffffff",
+        "sidebar-accent": "#ebebeb",
+        "sidebar-accent-foreground": "#000000",
+        "sidebar-border": "#ebebeb",
+        "sidebar-ring": "#000000",
+        "font-sans": "Plus Jakarta Sans, sans-serif",
+        "font-serif": "Lora, serif",
+        "font-mono": "IBM Plex Mono, monospace",
+        "shadow-color": "hsl(0 0% 0%)",
+        "shadow-opacity": "0.16",
+        "shadow-blur": "3px",
+        "shadow-spread": "0px",
+        "shadow-offset-x": "0px",
+        "shadow-offset-y": "2px",
+        "letter-spacing": "-0.025em",
+        "spacing": "0.27rem",
+      },
+      dark: {
+        "background": "#1a1b1e",
+        "foreground": "#f0f0f0",
+        "card": "#222327",
+        "card-foreground": "#f0f0f0",
+        "popover": "#222327",
+        "popover-foreground": "#f0f0f0",
+        "primary": "#8c5cff",
+        "primary-foreground": "#ffffff",
+        "secondary": "#2a2c33",
+        "secondary-foreground": "#f0f0f0",
+        "muted": "#2a2c33",
+        "muted-foreground": "#a0a0a0",
+        "accent": "#1e293b",
+        "accent-foreground": "#79c0ff",
+        "destructive": "#f87171",
+        "destructive-foreground": "#ffffff",
+        "border": "#33353a",
+        "input": "#33353a",
+        "ring": "#8c5cff",
+        "chart-1": "#4ade80",
+        "chart-2": "#8c5cff",
+        "chart-3": "#fca5a5",
+        "chart-4": "#5993f4",
+        "chart-5": "#a0a0a0",
+        "sidebar": "#161618",
+        "sidebar-foreground": "#f0f0f0",
+        "sidebar-primary": "#8c5cff",
+        "sidebar-primary-foreground": "#ffffff",
+        "sidebar-accent": "#2a2c33",
+        "sidebar-accent-foreground": "#8c5cff",
+        "sidebar-border": "#33353a",
+        "sidebar-ring": "#8c5cff",
+        "font-sans": "Plus Jakarta Sans, sans-serif",
+        "font-serif": "Lora, serif",
+        "font-mono": "IBM Plex Mono, monospace",
+        "shadow-color": "hsl(0 0% 0%)",
+        "shadow-opacity": "0.16",
+        "shadow-blur": "3px",
+        "shadow-spread": "0px",
+        "shadow-offset-x": "0px",
+        "shadow-offset-y": "2px",
+        "letter-spacing": "-0.025em",
+        "spacing": "0.27rem",
+      },
+    },
+    radius: "1.4rem",
+    font: {
+      value: "plus-jakarta-sans",
+      fontFamily: '"Plus Jakarta Sans", sans-serif',
+      googleFontsUrl:
+        "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap",
+    },
+  },
+  {
+    name: "t3-chat",
+    label: "T3 Chat",
+    colors: {
+      light: {
+        "background": "#faf5fa",
+        "foreground": "#501854",
+        "card": "#faf5fa",
+        "card-foreground": "#501854",
+        "popover": "#ffffff",
+        "popover-foreground": "#501854",
+        "primary": "#a84370",
+        "primary-foreground": "#ffffff",
+        "secondary": "#f1c4e6",
+        "secondary-foreground": "#77347c",
+        "muted": "#f6e5f3",
+        "muted-foreground": "#834588",
+        "accent": "#f1c4e6",
+        "accent-foreground": "#77347c",
+        "destructive": "#ab4347",
+        "destructive-foreground": "#ffffff",
+        "border": "#efbdeb",
+        "input": "#e7c1dc",
+        "ring": "#db2777",
+        "chart-1": "#d926a2",
+        "chart-2": "#6c12b9",
+        "chart-3": "#274754",
+        "chart-4": "#e8c468",
+        "chart-5": "#f4a462",
+        "sidebar": "#f3e4f6",
+        "sidebar-foreground": "#ac1668",
+        "sidebar-primary": "#454554",
+        "sidebar-primary-foreground": "#faf1f7",
+        "sidebar-accent": "#f8f8f7",
+        "sidebar-accent-foreground": "#454554",
+        "sidebar-border": "#eceae9",
+        "sidebar-ring": "#db2777",
+      },
+      dark: {
+        "background": "#221d27",
+        "foreground": "#d2c4de",
+        "card": "#2c2632",
+        "card-foreground": "#dbc5d2",
+        "popover": "#100a0e",
+        "popover-foreground": "#f8f1f5",
+        "primary": "#a3004c",
+        "primary-foreground": "#efc0d8",
+        "secondary": "#362d3d",
+        "secondary-foreground": "#d4c7e1",
+        "muted": "#28222d",
+        "muted-foreground": "#c2b6cf",
+        "accent": "#463753",
+        "accent-foreground": "#f8f1f5",
+        "destructive": "#301015",
+        "destructive-foreground": "#ffffff",
+        "border": "#3b3237",
+        "input": "#3e343c",
+        "ring": "#db2777",
+        "chart-1": "#a84370",
+        "chart-2": "#934dcb",
+        "chart-3": "#e88c30",
+        "chart-4": "#af57db",
+        "chart-5": "#e23670",
+        "sidebar": "#181117",
+        "sidebar-foreground": "#e0cad6",
+        "sidebar-primary": "#1d4ed8",
+        "sidebar-primary-foreground": "#ffffff",
+        "sidebar-accent": "#261922",
+        "sidebar-accent-foreground": "#f4f4f5",
+        "sidebar-border": "#000000",
+        "sidebar-ring": "#db2777",
+      },
+    },
+    radius: "0.5rem",
+  },
+  {
+    name: "twitter",
+    label: "Twitter",
+    colors: {
+      light: {
+        "background": "#ffffff",
+        "foreground": "#0f1419",
+        "card": "#f7f8f8",
+        "card-foreground": "#0f1419",
+        "popover": "#ffffff",
+        "popover-foreground": "#0f1419",
+        "primary": "#1e9df1",
+        "primary-foreground": "#ffffff",
+        "secondary": "#0f1419",
+        "secondary-foreground": "#ffffff",
+        "muted": "#E5E5E6",
+        "muted-foreground": "#0f1419",
+        "accent": "#E3ECF6",
+        "accent-foreground": "#1e9df1",
+        "destructive": "#f4212e",
+        "destructive-foreground": "#ffffff",
+        "border": "#e1eaef",
+        "input": "#f7f9fa",
+        "ring": "#1da1f2",
+        "chart-1": "#1e9df1",
+        "chart-2": "#00b87a",
+        "chart-3": "#f7b928",
+        "chart-4": "#17bf63",
+        "chart-5": "#e0245e",
+        "sidebar": "#f7f8f8",
+        "sidebar-foreground": "#0f1419",
+        "sidebar-primary": "#1e9df1",
+        "sidebar-primary-foreground": "#ffffff",
+        "sidebar-accent": "#E3ECF6",
+        "sidebar-accent-foreground": "#1e9df1",
+        "sidebar-border": "#e1e8ed",
+        "sidebar-ring": "#1da1f2",
+        "font-sans": "Open Sans, sans-serif",
+        "font-serif": "Georgia, serif",
+        "font-mono": "Menlo, monospace",
+        "shadow-color": "rgba(29,161,242,0.15)",
+        "shadow-opacity": "0",
+        "shadow-blur": "0px",
+        "shadow-spread": "0px",
+        "shadow-offset-x": "0px",
+        "shadow-offset-y": "2px",
+      },
+      dark: {
+        "background": "#000000",
+        "foreground": "#e7e9ea",
+        "card": "#17181c",
+        "card-foreground": "#d9d9d9",
+        "popover": "#000000",
+        "popover-foreground": "#e7e9ea",
+        "primary": "#1c9cf0",
+        "primary-foreground": "#ffffff",
+        "secondary": "#f0f3f4",
+        "secondary-foreground": "#0f1419",
+        "muted": "#181818",
+        "muted-foreground": "#72767a",
+        "accent": "#061622",
+        "accent-foreground": "#1c9cf0",
+        "destructive": "#f4212e",
+        "destructive-foreground": "#ffffff",
+        "border": "#242628",
+        "input": "#22303c",
+        "ring": "#1da1f2",
+        "chart-1": "#1e9df1",
+        "chart-2": "#00b87a",
+        "chart-3": "#f7b928",
+        "chart-4": "#17bf63",
+        "chart-5": "#e0245e",
+        "sidebar": "#17181c",
+        "sidebar-foreground": "#d9d9d9",
+        "sidebar-primary": "#1da1f2",
+        "sidebar-primary-foreground": "#ffffff",
+        "sidebar-accent": "#061622",
+        "sidebar-accent-foreground": "#1c9cf0",
+        "sidebar-border": "#38444d",
+        "sidebar-ring": "#1da1f2",
+        "shadow-color": "rgba(29,161,242,0.25)",
+      },
+    },
+    radius: "1.3rem",
+    font: {
+      value: "open-sans",
+      fontFamily: '"Open Sans", sans-serif',
+      googleFontsUrl:
+        "https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap",
+    },
+  },
+  {
+    name: "mocha-mousse",
+    label: "Mocha Mousse",
+    colors: {
+      light: {
+        "background": "#F1F0E5",
+        "foreground": "#56453F",
+        "card": "#F1F0E5",
+        "card-foreground": "#56453F",
+        "popover": "#FFFFFF",
+        "popover-foreground": "#56453F",
+        "primary": "#A37764",
+        "primary-foreground": "#FFFFFF",
+        "secondary": "#BAAB92",
+        "secondary-foreground": "#ffffff",
+        "muted": "#E4C7B8",
+        "muted-foreground": "#8A655A",
+        "accent": "#E4C7B8",
+        "accent-foreground": "#56453F",
+        "destructive": "#1f1a17",
+        "destructive-foreground": "#FFFFFF",
+        "border": "#BAAB92",
+        "input": "#BAAB92",
+        "ring": "#A37764",
+        "chart-1": "#A37764",
+        "chart-2": "#8A655A",
+        "chart-3": "#C39E88",
+        "chart-4": "#BAAB92",
+        "chart-5": "#A28777",
+        "sidebar": "#ebd6cb",
+        "sidebar-foreground": "#56453F",
+        "sidebar-primary": "#A37764",
+        "sidebar-primary-foreground": "#FFFFFF",
+        "sidebar-accent": "#C39E88",
+        "sidebar-accent-foreground": "#ffffff",
+        "sidebar-border": "#A28777",
+        "sidebar-ring": "#A37764",
+        "font-sans": "DM Sans, sans-serif",
+        "font-serif": "Georgia, serif",
+        "font-mono": "Menlo, monospace",
+        "shadow-color": "hsl(20 18% 51% / 0.4)",
+        "shadow-opacity": "0.11",
+        "shadow-blur": "0px",
+        "shadow-spread": "0px",
+        "shadow-offset-x": "2px",
+        "shadow-offset-y": "2px",
+      },
+      dark: {
+        "background": "#2d2521",
+        "foreground": "#F1F0E5",
+        "card": "#3c332e",
+        "card-foreground": "#F1F0E5",
+        "popover": "#3c332e",
+        "popover-foreground": "#F1F0E5",
+        "primary": "#C39E88",
+        "primary-foreground": "#2d2521",
+        "secondary": "#8A655A",
+        "secondary-foreground": "#F1F0E5",
+        "muted": "#56453F",
+        "muted-foreground": "#c5aa9b",
+        "accent": "#BAAB92",
+        "accent-foreground": "#2d2521",
+        "destructive": "#E57373",
+        "destructive-foreground": "#2d2521",
+        "border": "#56453F",
+        "input": "#56453F",
+        "ring": "#C39E88",
+        "chart-1": "#C39E88",
+        "chart-2": "#BAAB92",
+        "chart-3": "#A37764",
+        "chart-4": "#8A655A",
+        "chart-5": "#A28777",
+        "sidebar": "#1f1a17",
+        "sidebar-foreground": "#F1F0E5",
+        "sidebar-primary": "#C39E88",
+        "sidebar-primary-foreground": "#1f1a17",
+        "sidebar-accent": "#BAAB92",
+        "sidebar-accent-foreground": "#1f1a17",
+        "sidebar-border": "#56453F",
+        "sidebar-ring": "#C39E88",
+        "shadow-color": "hsl(20 18% 30% / 0.5)",
+      },
+    },
+    radius: "0.5rem",
+    font: {
+      value: "dm-sans",
+      fontFamily: '"DM Sans", sans-serif',
+      googleFontsUrl:
+        "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap",
+    },
+  },
+  {
+    name: "bubblegum",
+    label: "Bubblegum",
+    colors: {
+      light: {
+        "background": "#f6e6ee",
+        "foreground": "#5b5b5b",
+        "card": "#fdedc9",
+        "card-foreground": "#5b5b5b",
+        "popover": "#ffffff",
+        "popover-foreground": "#5b5b5b",
+        "primary": "#d04f99",
+        "primary-foreground": "#ffffff",
+        "secondary": "#8acfd1",
+        "secondary-foreground": "#333333",
+        "muted": "#b2e1eb",
+        "muted-foreground": "#7a7a7a",
+        "accent": "#fbe2a7",
+        "accent-foreground": "#333333",
+        "destructive": "#f96f70",
+        "destructive-foreground": "#ffffff",
+        "border": "#d04f99",
+        "input": "#e4e4e4",
+        "ring": "#e670ab",
+        "chart-1": "#e670ab",
+        "chart-2": "#84d2e2",
+        "chart-3": "#fbe2a7",
+        "chart-4": "#f3a0ca",
+        "chart-5": "#d7488e",
+        "sidebar": "#f8d8ea",
+        "sidebar-foreground": "#333333",
+        "sidebar-primary": "#ec4899",
+        "sidebar-primary-foreground": "#ffffff",
+        "sidebar-accent": "#f9a8d4",
+        "sidebar-accent-foreground": "#333333",
+        "sidebar-border": "#f3e8ff",
+        "sidebar-ring": "#ec4899",
+        "font-sans": "Poppins, sans-serif",
+        "font-serif": "Lora, serif",
+        "font-mono": "Fira Code, monospace",
+        "shadow-color": "hsl(325.78 58.18% 56.86% / 0.5)",
+        "shadow-opacity": "1.0",
+        "shadow-blur": "0px",
+        "shadow-spread": "0px",
+        "shadow-offset-x": "3px",
+        "shadow-offset-y": "3px",
+      },
+      dark: {
+        "background": "#12242e",
+        "foreground": "#f3e3ea",
+        "card": "#1c2e38",
+        "card-foreground": "#f3e3ea",
+        "popover": "#1c2e38",
+        "popover-foreground": "#f3e3ea",
+        "primary": "#fbe2a7",
+        "primary-foreground": "#12242e",
+        "secondary": "#e4a2b1",
+        "secondary-foreground": "#12242e",
+        "muted": "#24272b",
+        "muted-foreground": "#e4a2b1",
+        "accent": "#c67b96",
+        "accent-foreground": "#f3e3ea",
+        "destructive": "#e35ea4",
+        "destructive-foreground": "#12242e",
+        "border": "#324859",
+        "input": "#20333d",
+        "ring": "#50afb6",
+        "chart-1": "#50afb6",
+        "chart-2": "#e4a2b1",
+        "chart-3": "#c67b96",
+        "chart-4": "#175c6c",
+        "chart-5": "#24272b",
+        "sidebar": "#101f28",
+        "sidebar-foreground": "#f3f4f6",
+        "sidebar-primary": "#ec4899",
+        "sidebar-primary-foreground": "#ffffff",
+        "sidebar-accent": "#f9a8d4",
+        "sidebar-accent-foreground": "#1f2937",
+        "sidebar-border": "#374151",
+        "sidebar-ring": "#ec4899",
+        "font-sans": "Poppins, sans-serif",
+        "font-serif": "Lora, serif",
+        "font-mono": "Fira Code, monospace",
+        "shadow-color": "#324859",
+      },
+    },
+    radius: "0.4rem",
+    font: {
+      value: "poppins",
+      fontFamily: '"Poppins", sans-serif',
+      googleFontsUrl:
+        "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap",
+    },
+  },
+  {
+    name: "amethyst-haze",
+    label: "Amethyst Haze",
+    colors: {
+      light: {
+        "background": "#f8f7fa",
+        "foreground": "#3d3c4f",
+        "card": "#ffffff",
+        "card-foreground": "#3d3c4f",
+        "popover": "#ffffff",
+        "popover-foreground": "#3d3c4f",
+        "primary": "#8a79ab",
+        "primary-foreground": "#f8f7fa",
+        "secondary": "#dfd9ec",
+        "secondary-foreground": "#3d3c4f",
+        "muted": "#dcd9e3",
+        "muted-foreground": "#6b6880",
+        "accent": "#e6a5b8",
+        "accent-foreground": "#4b2e36",
+        "destructive": "#d95c5c",
+        "destructive-foreground": "#f8f7fa",
+        "border": "#cec9d9",
+        "input": "#eae7f0",
+        "ring": "#8a79ab",
+        "chart-1": "#8a79ab",
+        "chart-2": "#e6a5b8",
+        "chart-3": "#77b8a1",
+        "chart-4": "#f0c88d",
+        "chart-5": "#a0bbe3",
+        "sidebar": "#f1eff5",
+        "sidebar-foreground": "#3d3c4f",
+        "sidebar-primary": "#8a79ab",
+        "sidebar-primary-foreground": "#f8f7fa",
+        "sidebar-accent": "#e6a5b8",
+        "sidebar-accent-foreground": "#4b2e36",
+        "sidebar-border": "#d7d2e0",
+        "sidebar-ring": "#8a79ab",
+        "font-sans": "Geist, sans-serif",
+        "font-serif": "\\"Lora\\", Georgia, serif",
+        "font-mono": "\\"Fira Code\\", \\"Courier New\\", monospace",
+        "shadow-color": "hsl(0 0% 0%)",
+        "shadow-opacity": "0.06",
+        "shadow-blur": "5px",
+        "shadow-spread": "1px",
+        "shadow-offset-x": "1px",
+        "shadow-offset-y": "2px",
+        "letter-spacing": "0em",
+        "spacing": "0.25rem",
+      },
+      dark: {
+        "background": "#1a1823",
+        "foreground": "#e0ddef",
+        "card": "#232030",
+        "card-foreground": "#e0ddef",
+        "popover": "#232030",
+        "popover-foreground": "#e0ddef",
+        "primary": "#a995c9",
+        "primary-foreground": "#1a1823",
+        "secondary": "#5a5370",
+        "secondary-foreground": "#e0ddef",
+        "muted": "#242031",
+        "muted-foreground": "#a09aad",
+        "accent": "#372e3f",
+        "accent-foreground": "#f2b8c6",
+        "destructive": "#e57373",
+        "destructive-foreground": "#1a1823",
+        "border": "#302c40",
+        "input": "#2a273a",
+        "ring": "#a995c9",
+        "chart-1": "#a995c9",
+        "chart-2": "#f2b8c6",
+        "chart-3": "#77b8a1",
+        "chart-4": "#f0c88d",
+        "chart-5": "#a0bbe3",
+        "sidebar": "#16141e",
+        "sidebar-foreground": "#e0ddef",
+        "sidebar-primary": "#a995c9",
+        "sidebar-primary-foreground": "#1a1823",
+        "sidebar-accent": "#372e3f",
+        "sidebar-accent-foreground": "#f2b8c6",
+        "sidebar-border": "#2a273a",
+        "sidebar-ring": "#a995c9",
+      },
+    },
+    radius: "0.5rem",
+  },
+  {
+    name: "notebook",
+    label: "Notebook",
+    colors: {
+      light: {
+        "background": "#f9f9f9",
+        "foreground": "#3a3a3a",
+        "card": "#ffffff",
+        "card-foreground": "#3a3a3a",
+        "popover": "#ffffff",
+        "popover-foreground": "#3a3a3a",
+        "primary": "#606060",
+        "primary-foreground": "#f0f0f0",
+        "secondary": "#dedede",
+        "secondary-foreground": "#3a3a3a",
+        "muted": "#e3e3e3",
+        "muted-foreground": "#505050",
+        "accent": "#f3eac8",
+        "accent-foreground": "#5d4037",
+        "destructive": "#c87a7a",
+        "destructive-foreground": "#ffffff",
+        "border": "#747272",
+        "input": "#ffffff",
+        "ring": "#a0a0a0",
+        "chart-1": "#333333",
+        "chart-2": "#555555",
+        "chart-3": "#777777",
+        "chart-4": "#999999",
+        "chart-5": "#bbbbbb",
+        "sidebar": "#f0f0f0",
+        "sidebar-foreground": "#3a3a3a",
+        "sidebar-primary": "#606060",
+        "sidebar-primary-foreground": "#f0f0f0",
+        "sidebar-accent": "#f3eac8",
+        "sidebar-accent-foreground": "#5d4037",
+        "sidebar-border": "#c0c0c0",
+        "sidebar-ring": "#a0a0a0",
+        "font-sans": "Architects Daughter, sans-serif",
+        "font-serif": "\\"Times New Roman\\", Times, serif",
+        "font-mono": "\\"Courier New\\", Courier, monospace",
+        "shadow-color": "#000000",
+        "shadow-opacity": "0.03",
+        "shadow-blur": "5px",
+        "shadow-spread": "0px",
+        "shadow-offset-x": "1px",
+        "shadow-offset-y": "4px",
+        "letter-spacing": "0.5px",
+        "spacing": "0.25rem",
+      },
+      dark: {
+        "background": "#2b2b2b",
+        "foreground": "#dcdcdc",
+        "card": "#333333",
+        "card-foreground": "#dcdcdc",
+        "popover": "#333333",
+        "popover-foreground": "#dcdcdc",
+        "primary": "#b0b0b0",
+        "primary-foreground": "#2b2b2b",
+        "secondary": "#5a5a5a",
+        "secondary-foreground": "#c0c0c0",
+        "muted": "#454545",
+        "muted-foreground": "#a0a0a0",
+        "accent": "#e0e0e0",
+        "accent-foreground": "#333333",
+        "destructive": "#d9afaf",
+        "destructive-foreground": "#2b2b2b",
+        "border": "#4f4f4f",
+        "input": "#333333",
+        "ring": "#c0c0c0",
+        "chart-1": "#efefef",
+        "chart-2": "#d0d0d0",
+        "chart-3": "#b0b0b0",
+        "chart-4": "#909090",
+        "chart-5": "#707070",
+        "sidebar": "#212121",
+        "sidebar-foreground": "#dcdcdc",
+        "sidebar-primary": "#b0b0b0",
+        "sidebar-primary-foreground": "#212121",
+        "sidebar-accent": "#e0e0e0",
+        "sidebar-accent-foreground": "#333333",
+        "sidebar-border": "#4f4f4f",
+        "sidebar-ring": "#c0c0c0",
+        "font-sans": "Architects Daughter, sans-serif",
+        "font-serif": "Georgia, serif",
+        "font-mono": "\\"Fira Code\\", \\"Courier New\\", monospace",
+        "shadow-color": "#000000",
+        "shadow-opacity": "0.03",
+        "shadow-blur": "5px",
+        "shadow-spread": "0px",
+        "shadow-offset-x": "1px",
+        "shadow-offset-y": "4px",
+        "letter-spacing": "0.5px",
+        "spacing": "0.25rem",
+      },
+    },
+    radius: "0.625rem",
+    font: {
+      value: "architects-daughter",
+      fontFamily: '"Architects Daughter", sans-serif',
+      googleFontsUrl:
+        "https://fonts.googleapis.com/css2?family=Architects+Daughter&display=swap",
+    },
+  },
+  {
+    name: "doom-64",
+    label: "Doom 64",
+    colors: {
+      light: {
+        "background": "#cccccc",
+        "foreground": "#1f1f1f",
+        "card": "#b0b0b0",
+        "card-foreground": "#1f1f1f",
+        "popover": "#b0b0b0",
+        "popover-foreground": "#1f1f1f",
+        "primary": "#b71c1c",
+        "primary-foreground": "#ffffff",
+        "secondary": "#556b2f",
+        "secondary-foreground": "#ffffff",
+        "muted": "#b8b8b8",
+        "muted-foreground": "#4a4a4a",
+        "accent": "#4682b4",
+        "accent-foreground": "#ffffff",
+        "destructive": "#ff6f00",
+        "destructive-foreground": "#000000",
+        "border": "#505050",
+        "input": "#505050",
+        "ring": "#b71c1c",
+        "chart-1": "#b71c1c",
+        "chart-2": "#556b2f",
+        "chart-3": "#4682b4",
+        "chart-4": "#ff6f00",
+        "chart-5": "#8d6e63",
+        "sidebar": "#b0b0b0",
+        "sidebar-foreground": "#1f1f1f",
+        "sidebar-primary": "#b71c1c",
+        "sidebar-primary-foreground": "#ffffff",
+        "sidebar-accent": "#4682b4",
+        "sidebar-accent-foreground": "#ffffff",
+        "sidebar-border": "#505050",
+        "sidebar-ring": "#b71c1c",
+        "font-sans": "\\"Oxanium\\", sans-serif",
+        "font-serif": "ui-serif, Georgia, Cambria, \\"Times New Roman\\", Times, serif",
+        "font-mono": "\\"Source Code Pro\\", monospace",
+        "shadow-color": "hsl(0 0% 0%)",
+        "shadow-opacity": "0.4",
+        "shadow-blur": "4px",
+        "shadow-spread": "0px",
+        "shadow-offset-x": "0px",
+        "shadow-offset-y": "2px",
+        "letter-spacing": "0em",
+        "spacing": "0.25rem",
+      },
+      dark: {
+        "background": "#1a1a1a",
+        "foreground": "#e0e0e0",
+        "card": "#2a2a2a",
+        "card-foreground": "#e0e0e0",
+        "popover": "#2a2a2a",
+        "popover-foreground": "#e0e0e0",
+        "primary": "#e53935",
+        "primary-foreground": "#ffffff",
+        "secondary": "#689f38",
+        "secondary-foreground": "#000000",
+        "muted": "#252525",
+        "muted-foreground": "#a0a0a0",
+        "accent": "#64b5f6",
+        "accent-foreground": "#000000",
+        "destructive": "#ffa000",
+        "destructive-foreground": "#000000",
+        "border": "#4a4a4a",
+        "input": "#4a4a4a",
+        "ring": "#e53935",
+        "chart-1": "#e53935",
+        "chart-2": "#689f38",
+        "chart-3": "#64b5f6",
+        "chart-4": "#ffa000",
+        "chart-5": "#a1887f",
+        "sidebar": "#141414",
+        "sidebar-foreground": "#e0e0e0",
+        "sidebar-primary": "#e53935",
+        "sidebar-primary-foreground": "#ffffff",
+        "sidebar-accent": "#64b5f6",
+        "sidebar-accent-foreground": "#000000",
+        "sidebar-border": "#4a4a4a",
+        "sidebar-ring": "#e53935",
+        "font-sans": "\\"Oxanium\\", sans-serif",
+        "font-serif": "ui-serif, Georgia, Cambria, \\"Times New Roman\\", Times, serif",
+        "font-mono": "\\"Source Code Pro\\", monospace",
+        "shadow-color": "hsl(0 0% 0%)",
+        "shadow-opacity": "0.6",
+        "shadow-blur": "5px",
+        "shadow-spread": "0px",
+        "shadow-offset-x": "0px",
+        "shadow-offset-y": "2px",
+        "letter-spacing": "0em",
+        "spacing": "0.25rem",
+      },
+    },
+    radius: "0px",
+    font: {
+      value: "oxanium",
+      fontFamily: '"Oxanium", sans-serif',
+      googleFontsUrl:
+        "https://fonts.googleapis.com/css2?family=Oxanium:wght@400;500;600;700&display=swap",
+    },
+  },
+  {
+    name: "catppuccin",
+    label: "Catppuccin",
+    colors: {
+      light: {
+        "background": "#eff1f5",
+        "foreground": "#4c4f69",
+        "card": "#ffffff",
+        "card-foreground": "#4c4f69",
+        "popover": "#ccd0da",
+        "popover-foreground": "#4c4f69",
+        "primary": "#8839ef",
+        "primary-foreground": "#ffffff",
+        "secondary": "#ccd0da",
+        "secondary-foreground": "#4c4f69",
+        "muted": "#dce0e8",
+        "muted-foreground": "#6c6f85",
+        "accent": "#04a5e5",
+        "accent-foreground": "#ffffff",
+        "destructive": "#d20f39",
+        "destructive-foreground": "#ffffff",
+        "border": "#bcc0cc",
+        "input": "#ccd0da",
+        "ring": "#8839ef",
+        "chart-1": "#8839ef",
+        "chart-2": "#04a5e5",
+        "chart-3": "#40a02b",
+        "chart-4": "#fe640b",
+        "chart-5": "#dc8a78",
+        "sidebar": "#e6e9ef",
+        "sidebar-foreground": "#4c4f69",
+        "sidebar-primary": "#8839ef",
+        "sidebar-primary-foreground": "#ffffff",
+        "sidebar-accent": "#04a5e5",
+        "sidebar-accent-foreground": "#ffffff",
+        "sidebar-border": "#bcc0cc",
+        "sidebar-ring": "#8839ef",
+        "font-sans": "Montserrat, sans-serif",
+        "font-serif": "Georgia, serif",
+        "font-mono": "Fira Code, monospace",
+        "shadow-color": "hsl(240 30% 25%)",
+        "shadow-opacity": "0.12",
+        "shadow-blur": "6px",
+        "shadow-spread": "0px",
+        "shadow-offset-x": "0px",
+        "shadow-offset-y": "4px",
+      },
+      dark: {
+        "background": "#181825",
+        "foreground": "#cdd6f4",
+        "card": "#1e1e2e",
+        "card-foreground": "#cdd6f4",
+        "popover": "#45475a",
+        "popover-foreground": "#cdd6f4",
+        "primary": "#cba6f7",
+        "primary-foreground": "#1e1e2e",
+        "secondary": "#585b70",
+        "secondary-foreground": "#cdd6f4",
+        "muted": "#292c3c",
+        "muted-foreground": "#a6adc8",
+        "accent": "#89dceb",
+        "accent-foreground": "#1e1e2e",
+        "destructive": "#f38ba8",
+        "destructive-foreground": "#1e1e2e",
+        "border": "#313244",
+        "input": "#313244",
+        "ring": "#cba6f7",
+        "chart-1": "#cba6f7",
+        "chart-2": "#89dceb",
+        "chart-3": "#a6e3a1",
+        "chart-4": "#fab387",
+        "chart-5": "#f5e0dc",
+        "sidebar": "#11111b",
+        "sidebar-foreground": "#cdd6f4",
+        "sidebar-primary": "#cba6f7",
+        "sidebar-primary-foreground": "#1e1e2e",
+        "sidebar-accent": "#89dceb",
+        "sidebar-accent-foreground": "#1e1e2e",
+        "sidebar-border": "#45475a",
+        "sidebar-ring": "#cba6f7",
+      },
+    },
+    radius: "0.35rem",
+    font: {
+      value: "montserrat",
+      fontFamily: '"Montserrat", sans-serif',
+      googleFontsUrl:
+        "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap",
+    },
+  },
+  {
+    name: "graphite",
+    label: "Graphite",
+    colors: {
+      light: {
+        "background": "#f0f0f0",
+        "foreground": "#333333",
+        "card": "#f5f5f5",
+        "card-foreground": "#333333",
+        "popover": "#f5f5f5",
+        "popover-foreground": "#333333",
+        "primary": "#606060",
+        "primary-foreground": "#ffffff",
+        "secondary": "#e0e0e0",
+        "secondary-foreground": "#333333",
+        "muted": "#d9d9d9",
+        "muted-foreground": "#666666",
+        "accent": "#c0c0c0",
+        "accent-foreground": "#333333",
+        "destructive": "#cc3333",
+        "destructive-foreground": "#ffffff",
+        "border": "#d0d0d0",
+        "input": "#e0e0e0",
+        "ring": "#606060",
+        "chart-1": "#606060",
+        "chart-2": "#476666",
+        "chart-3": "#909090",
+        "chart-4": "#a8a8a8",
+        "chart-5": "#c0c0c0",
+        "sidebar": "#eaeaea",
+        "sidebar-foreground": "#333333",
+        "sidebar-primary": "#606060",
+        "sidebar-primary-foreground": "#ffffff",
+        "sidebar-accent": "#c0c0c0",
+        "sidebar-accent-foreground": "#333333",
+        "sidebar-border": "#d0d0d0",
+        "sidebar-ring": "#606060",
+        "font-sans": "Montserrat, sans-serif",
+        "font-serif": "Georgia, serif",
+        "font-mono": "Fira Code, monospace",
+        "shadow-color": "hsl(0 0% 20% / 0.1)",
+        "shadow-opacity": "0.15",
+        "shadow-blur": "0px",
+        "shadow-spread": "0px",
+        "shadow-offset-x": "0px",
+        "shadow-offset-y": "2px",
+      },
+      dark: {
+        "background": "#1a1a1a",
+        "foreground": "#d9d9d9",
+        "card": "#202020",
+        "card-foreground": "#d9d9d9",
+        "popover": "#202020",
+        "popover-foreground": "#d9d9d9",
+        "primary": "#a0a0a0",
+        "primary-foreground": "#1a1a1a",
+        "secondary": "#303030",
+        "secondary-foreground": "#d9d9d9",
+        "muted": "#2a2a2a",
+        "muted-foreground": "#808080",
+        "accent": "#404040",
+        "accent-foreground": "#d9d9d9",
+        "destructive": "#e06666",
+        "destructive-foreground": "#ffffff",
+        "border": "#353535",
+        "input": "#303030",
+        "ring": "#a0a0a0",
+        "chart-1": "#a0a0a0",
+        "chart-2": "#7e9ca0",
+        "chart-3": "#707070",
+        "chart-4": "#585858",
+        "chart-5": "#404040",
+        "sidebar": "#1f1f1f",
+        "sidebar-foreground": "#d9d9d9",
+        "sidebar-primary": "#a0a0a0",
+        "sidebar-primary-foreground": "#1a1a1a",
+        "sidebar-accent": "#404040",
+        "sidebar-accent-foreground": "#d9d9d9",
+        "sidebar-border": "#353535",
+        "sidebar-ring": "#a0a0a0",
+        "font-sans": "Inter, sans-serif",
+        "font-serif": "Georgia, serif",
+        "font-mono": "Fira Code, monospace",
+      },
+    },
+    radius: "0.35rem",
+    font: {
+      value: "montserrat",
+      fontFamily: '"Montserrat", sans-serif',
+      googleFontsUrl:
+        "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap",
+    },
+  },
+  {
+    name: "perpetuity",
+    label: "Perpetuity",
+    colors: {
+      light: {
+        "background": "#e8f0f0",
+        "foreground": "#0a4a55",
+        "card": "#f2f7f7",
+        "card-foreground": "#0a4a55",
+        "popover": "#f2f7f7",
+        "popover-foreground": "#0a4a55",
+        "primary": "#06858e",
+        "primary-foreground": "#ffffff",
+        "secondary": "#d9eaea",
+        "secondary-foreground": "#0a4a55",
+        "muted": "#e0eaea",
+        "muted-foreground": "#427a7e",
+        "accent": "#c9e5e7",
+        "accent-foreground": "#0a4a55",
+        "destructive": "#d13838",
+        "destructive-foreground": "#ffffff",
+        "border": "#cde0e2",
+        "input": "#d9eaea",
+        "ring": "#06858e",
+        "chart-1": "#06858e",
+        "chart-2": "#1e9ea6",
+        "chart-3": "#37b6be",
+        "chart-4": "#5dc7ce",
+        "chart-5": "#8ad8dd",
+        "sidebar": "#daebed",
+        "sidebar-foreground": "#0a4a55",
+        "sidebar-primary": "#06858e",
+        "sidebar-primary-foreground": "#ffffff",
+        "sidebar-accent": "#c9e5e7",
+        "sidebar-accent-foreground": "#0a4a55",
+        "sidebar-border": "#cde0e2",
+        "sidebar-ring": "#06858e",
+        "font-sans": "Courier New, monospace",
+        "font-serif": "Courier New, monospace",
+        "font-mono": "Courier New, monospace",
+        "shadow-color": "hsl(185 70% 30% / 0.15)",
+        "shadow-opacity": "0.15",
+        "shadow-blur": "2px",
+        "shadow-spread": "0px",
+        "shadow-offset-x": "1px",
+        "shadow-offset-y": "1px",
+      },
+      dark: {
+        "background": "#0a1a20",
+        "foreground": "#4de8e8",
+        "card": "#0c2025",
+        "card-foreground": "#4de8e8",
+        "popover": "#0c2025",
+        "popover-foreground": "#4de8e8",
+        "primary": "#4de8e8",
+        "primary-foreground": "#0a1a20",
+        "secondary": "#164955",
+        "secondary-foreground": "#4de8e8",
+        "muted": "#0f3039",
+        "muted-foreground": "#36a5a5",
+        "accent": "#164955",
+        "accent-foreground": "#4de8e8",
+        "destructive": "#e83c3c",
+        "destructive-foreground": "#f2f2f2",
+        "border": "#164955",
+        "input": "#164955",
+        "ring": "#4de8e8",
+        "chart-1": "#4de8e8",
+        "chart-2": "#36a5a5",
+        "chart-3": "#2d8a8a",
+        "chart-4": "#19595e",
+        "chart-5": "#0e383c",
+        "sidebar": "#0a1a20",
+        "sidebar-foreground": "#4de8e8",
+        "sidebar-primary": "#4de8e8",
+        "sidebar-primary-foreground": "#0a1a20",
+        "sidebar-accent": "#164955",
+        "sidebar-accent-foreground": "#4de8e8",
+        "sidebar-border": "#164955",
+        "sidebar-ring": "#4de8e8",
+        "font-sans": "Source Code Pro, monospace",
+        "font-serif": "Source Code Pro, monospace",
+        "font-mono": "Source Code Pro, monospace",
+        "shadow-color": "hsl(180 70% 60% / 0.2)",
+        "shadow-opacity": "0.2",
+        "shadow-blur": "2px",
+        "shadow-spread": "0px",
+        "shadow-offset-x": "1px",
+        "shadow-offset-y": "1px",
+      },
+    },
+    radius: "0.125rem",
+  },
+  {
+    name: "kodama-grove",
+    label: "Kodama Grove",
+    colors: {
+      light: {
+        "background": "#e4d7b0",
+        "foreground": "#5c4b3e",
+        "card": "#e7dbbf",
+        "card-foreground": "#5c4b3e",
+        "popover": "#f3ead2",
+        "popover-foreground": "#5c4b3e",
+        "primary": "#8d9d4f",
+        "primary-foreground": "#fdfbf6",
+        "secondary": "#decea0",
+        "secondary-foreground": "#5c4b3e",
+        "muted": "#decea0",
+        "muted-foreground": "#85766a",
+        "accent": "#dbc894",
+        "accent-foreground": "#5c4b3e",
+        "destructive": "#d98b7e",
+        "destructive-foreground": "#faf8f2",
+        "border": "#b19681",
+        "input": "#dbc894",
+        "ring": "#9db18c",
+        "chart-1": "#9db18c",
+        "chart-2": "#8a9f7b",
+        "chart-3": "#bac9b4",
+        "chart-4": "#71856a",
+        "chart-5": "#5e6e58",
+        "sidebar": "#e2d1a2",
+        "sidebar-foreground": "#5c4b3e",
+        "sidebar-primary": "#9db18c",
+        "sidebar-primary-foreground": "#fdfbf6",
+        "sidebar-accent": "#eae5d9",
+        "sidebar-accent-foreground": "#5c4b3e",
+        "sidebar-border": "#e5e0d4",
+        "sidebar-ring": "#9db18c",
+        "font-sans": "Merriweather, serif",
+        "font-serif": "Source Serif 4, serif",
+        "font-mono": "JetBrains Mono, monospace",
+        "shadow-color": "hsl(88 22% 35% / 0.15)",
+        "shadow-opacity": "0.15",
+        "shadow-blur": "2px",
+        "shadow-spread": "0px",
+        "shadow-offset-x": "3px",
+        "shadow-offset-y": "3px",
+      },
+      dark: {
+        "background": "#3a3529",
+        "foreground": "#ede4d4",
+        "card": "#413c33",
+        "card-foreground": "#ede4d4",
+        "popover": "#413c33",
+        "popover-foreground": "#ede4d4",
+        "primary": "#8a9f7b",
+        "primary-foreground": "#2a2521",
+        "secondary": "#5a5345",
+        "secondary-foreground": "#ede4d4",
+        "muted": "#4a4439",
+        "muted-foreground": "#a8a096",
+        "accent": "#a18f5c",
+        "accent-foreground": "#2a2521",
+        "destructive": "#b5766a",
+        "destructive-foreground": "#f0e9db",
+        "border": "#5a5345",
+        "input": "#5a5345",
+        "ring": "#8a9f7b",
+        "chart-1": "#8a9f7b",
+        "chart-2": "#9db18c",
+        "chart-3": "#71856a",
+        "chart-4": "#a18f5c",
+        "chart-5": "#5e6e58",
+        "sidebar": "#3a3529",
+        "sidebar-foreground": "#ede4d4",
+        "sidebar-primary": "#8a9f7b",
+        "sidebar-primary-foreground": "#2a2521",
+        "sidebar-accent": "#a18f5c",
+        "sidebar-accent-foreground": "#2a2521",
+        "sidebar-border": "#5a5345",
+        "sidebar-ring": "#8a9f7b",
+      },
+    },
+    radius: "0.425rem",
+    font: {
+      value: "merriweather",
+      fontFamily: '"Merriweather", sans-serif',
+      googleFontsUrl:
+        "https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&display=swap",
+    },
+  },
+  {
+    name: "cosmic-night",
+    label: "Cosmic Night",
+    colors: {
+      light: {
+        "background": "#f5f5ff",
+        "foreground": "#2a2a4a",
+        "card": "#ffffff",
+        "card-foreground": "#2a2a4a",
+        "popover": "#ffffff",
+        "popover-foreground": "#2a2a4a",
+        "primary": "#6e56cf",
+        "primary-foreground": "#ffffff",
+        "secondary": "#e4dfff",
+        "secondary-foreground": "#4a4080",
+        "muted": "#f0f0fa",
+        "muted-foreground": "#6c6c8a",
+        "accent": "#d8e6ff",
+        "accent-foreground": "#2a2a4a",
+        "destructive": "#ff5470",
+        "destructive-foreground": "#ffffff",
+        "border": "#e0e0f0",
+        "input": "#e0e0f0",
+        "ring": "#6e56cf",
+        "chart-1": "#6e56cf",
+        "chart-2": "#9e8cfc",
+        "chart-3": "#5d5fef",
+        "chart-4": "#7c75fa",
+        "chart-5": "#4740b3",
+        "sidebar": "#f0f0fa",
+        "sidebar-foreground": "#2a2a4a",
+        "sidebar-primary": "#6e56cf",
+        "sidebar-primary-foreground": "#ffffff",
+        "sidebar-accent": "#d8e6ff",
+        "sidebar-accent-foreground": "#2a2a4a",
+        "sidebar-border": "#e0e0f0",
+        "sidebar-ring": "#6e56cf",
+        "font-sans": "Inter, sans-serif",
+        "font-serif": "Georgia, serif",
+        "font-mono": "JetBrains Mono, monospace",
+        "shadow-color": "hsl(240 30% 25%)",
+        "shadow-opacity": "0.12",
+        "shadow-blur": "10px",
+        "shadow-spread": "0px",
+        "shadow-offset-x": "0px",
+        "shadow-offset-y": "4px",
+      },
+      dark: {
+        "background": "#0f0f1a",
+        "foreground": "#e2e2f5",
+        "card": "#1a1a2e",
+        "card-foreground": "#e2e2f5",
+        "popover": "#1a1a2e",
+        "popover-foreground": "#e2e2f5",
+        "primary": "#a48fff",
+        "primary-foreground": "#0f0f1a",
+        "secondary": "#2d2b55",
+        "secondary-foreground": "#c4c2ff",
+        "muted": "#222244",
+        "muted-foreground": "#a0a0c0",
+        "accent": "#303060",
+        "accent-foreground": "#e2e2f5",
+        "destructive": "#ff5470",
+        "destructive-foreground": "#ffffff",
+        "border": "#303052",
+        "input": "#303052",
+        "ring": "#a48fff",
+        "chart-1": "#a48fff",
+        "chart-2": "#7986cb",
+        "chart-3": "#64b5f6",
+        "chart-4": "#4db6ac",
+        "chart-5": "#ff79c6",
+        "sidebar": "#1a1a2e",
+        "sidebar-foreground": "#e2e2f5",
+        "sidebar-primary": "#a48fff",
+        "sidebar-primary-foreground": "#0f0f1a",
+        "sidebar-accent": "#303060",
+        "sidebar-accent-foreground": "#e2e2f5",
+        "sidebar-border": "#303052",
+        "sidebar-ring": "#a48fff",
+      },
+    },
+    radius: "0.5rem",
+    font: {
+      value: "inter",
+      fontFamily: '"Inter", sans-serif',
+      googleFontsUrl:
+        "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap",
+    },
+  },
+  {
+    name: "tangerine",
+    label: "Tangerine",
+    colors: {
+      light: {
+        "background": "#e8ebed",
+        "foreground": "#333333",
+        "card": "#ffffff",
+        "card-foreground": "#333333",
+        "popover": "#ffffff",
+        "popover-foreground": "#333333",
+        "primary": "#e05d38",
+        "primary-foreground": "#ffffff",
+        "secondary": "#f3f4f6",
+        "secondary-foreground": "#4b5563",
+        "muted": "#f9fafb",
+        "muted-foreground": "#6b7280",
+        "accent": "#d6e4f0",
+        "accent-foreground": "#1e3a8a",
+        "destructive": "#ef4444",
+        "destructive-foreground": "#ffffff",
+        "border": "#dcdfe2",
+        "input": "#f4f5f7",
+        "ring": "#e05d38",
+        "chart-1": "#86a7c8",
+        "chart-2": "#eea591",
+        "chart-3": "#5a7ca6",
+        "chart-4": "#466494",
+        "chart-5": "#334c82",
+        "sidebar": "#dddfe2",
+        "sidebar-foreground": "#333333",
+        "sidebar-primary": "#e05d38",
+        "sidebar-primary-foreground": "#ffffff",
+        "sidebar-accent": "#d6e4f0",
+        "sidebar-accent-foreground": "#1e3a8a",
+        "sidebar-border": "#e5e7eb",
+        "sidebar-ring": "#e05d38",
+        "font-sans": "Inter, sans-serif",
+        "font-serif": "Source Serif 4, serif",
+        "font-mono": "JetBrains Mono, monospace",
+        "shadow-color": "hsl(0 0% 0%)",
+        "shadow-opacity": "0.1",
+        "shadow-blur": "3px",
+        "shadow-spread": "0px",
+        "shadow-offset-x": "0px",
+        "shadow-offset-y": "1px",
+      },
+      dark: {
+        "background": "#1c2433",
+        "foreground": "#e5e5e5",
+        "card": "#2a3040",
+        "card-foreground": "#e5e5e5",
+        "popover": "#262b38",
+        "popover-foreground": "#e5e5e5",
+        "primary": "#e05d38",
+        "primary-foreground": "#ffffff",
+        "secondary": "#2a303e",
+        "secondary-foreground": "#e5e5e5",
+        "muted": "#2a303e",
+        "muted-foreground": "#a3a3a3",
+        "accent": "#2a3656",
+        "accent-foreground": "#bfdbfe",
+        "destructive": "#ef4444",
+        "destructive-foreground": "#ffffff",
+        "border": "#3d4354",
+        "input": "#3d4354",
+        "ring": "#e05d38",
+        "chart-1": "#86a7c8",
+        "chart-2": "#e6a08f",
+        "chart-3": "#5a7ca6",
+        "chart-4": "#466494",
+        "chart-5": "#334c82",
+        "sidebar": "#2a303f",
+        "sidebar-foreground": "#e5e5e5",
+        "sidebar-primary": "#e05d38",
+        "sidebar-primary-foreground": "#ffffff",
+        "sidebar-accent": "#2a3656",
+        "sidebar-accent-foreground": "#bfdbfe",
+        "sidebar-border": "#3d4354",
+        "sidebar-ring": "#e05d38",
+      },
+    },
+    radius: "0.75rem",
+    font: {
+      value: "inter",
+      fontFamily: '"Inter", sans-serif',
+      googleFontsUrl:
+        "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap",
+    },
+  },
+  {
+    name: "quantum-rose",
+    label: "Quantum Rose",
+    colors: {
+      light: {
+        "background": "#fff0f8",
+        "foreground": "#91185c",
+        "card": "#fff7fc",
+        "card-foreground": "#91185c",
+        "popover": "#fff7fc",
+        "popover-foreground": "#91185c",
+        "primary": "#e6067a",
+        "primary-foreground": "#ffffff",
+        "secondary": "#ffd6ff",
+        "secondary-foreground": "#91185c",
+        "muted": "#ffe3f2",
+        "muted-foreground": "#c04283",
+        "accent": "#ffc1e3",
+        "accent-foreground": "#91185c",
+        "destructive": "#d13869",
+        "destructive-foreground": "#ffffff",
+        "border": "#ffc7e6",
+        "input": "#ffd6ff",
+        "ring": "#e6067a",
+        "chart-1": "#e6067a",
+        "chart-2": "#c44b97",
+        "chart-3": "#9969b6",
+        "chart-4": "#7371bf",
+        "chart-5": "#5e84ff",
+        "sidebar": "#ffedf6",
+        "sidebar-foreground": "#91185c",
+        "sidebar-primary": "#e6067a",
+        "sidebar-primary-foreground": "#ffffff",
+        "sidebar-accent": "#ffc1e3",
+        "sidebar-accent-foreground": "#91185c",
+        "sidebar-border": "#ffddf0",
+        "sidebar-ring": "#e6067a",
+        "font-sans": "Poppins, sans-serif",
+        "font-serif": "Playfair Display, serif",
+        "font-mono": "Space Mono, monospace",
+        "shadow-color": "hsl(330 70% 30% / 0.12)",
+        "shadow-opacity": "0.18",
+        "shadow-blur": "0px",
+        "shadow-spread": "0px",
+        "shadow-offset-x": "0px",
+        "shadow-offset-y": "3px",
+      },
+      dark: {
+        "background": "#1a0922",
+        "foreground": "#ffb3ff",
+        "card": "#2a1435",
+        "card-foreground": "#ffb3ff",
+        "popover": "#2a1435",
+        "popover-foreground": "#ffb3ff",
+        "primary": "#ff6bef",
+        "primary-foreground": "#180518",
+        "secondary": "#46204f",
+        "secondary-foreground": "#ffb3ff",
+        "muted": "#331941",
+        "muted-foreground": "#d67ad6",
+        "accent": "#5a1f5d",
+        "accent-foreground": "#ffb3ff",
+        "destructive": "#ff2876",
+        "destructive-foreground": "#f9f9f9",
+        "border": "#4a1b5f",
+        "input": "#46204f",
+        "ring": "#ff6bef",
+        "chart-1": "#ff6bef",
+        "chart-2": "#c359e3",
+        "chart-3": "#9161ff",
+        "chart-4": "#6f73e2",
+        "chart-5": "#547aff",
+        "sidebar": "#1c0d25",
+        "sidebar-foreground": "#ffb3ff",
+        "sidebar-primary": "#ff6bef",
+        "sidebar-primary-foreground": "#180518",
+        "sidebar-accent": "#5a1f5d",
+        "sidebar-accent-foreground": "#ffb3ff",
+        "sidebar-border": "#4a1b5f",
+        "sidebar-ring": "#ff6bef",
+        "font-sans": "Quicksand, sans-serif",
+        "font-serif": "Playfair Display, serif",
+        "font-mono": "Space Mono, monospace",
+        "shadow-color": "hsl(300 80% 50% / 0.25)",
+      },
+    },
+    radius: "0.5rem",
+    font: {
+      value: "poppins",
+      fontFamily: '"Poppins", sans-serif',
+      googleFontsUrl:
+        "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap",
+    },
+  },
+  {
+    name: "nature",
+    label: "Nature",
+    colors: {
+      light: {
+        "background": "#f8f5f0",
+        "foreground": "#3e2723",
+        "card": "#f8f5f0",
+        "card-foreground": "#3e2723",
+        "popover": "#f8f5f0",
+        "popover-foreground": "#3e2723",
+        "primary": "#2e7d32",
+        "primary-foreground": "#ffffff",
+        "secondary": "#e8f5e9",
+        "secondary-foreground": "#1b5e20",
+        "muted": "#f0e9e0",
+        "muted-foreground": "#6d4c41",
+        "accent": "#c8e6c9",
+        "accent-foreground": "#1b5e20",
+        "destructive": "#c62828",
+        "destructive-foreground": "#ffffff",
+        "border": "#e0d6c9",
+        "input": "#e0d6c9",
+        "ring": "#2e7d32",
+        "chart-1": "#4caf50",
+        "chart-2": "#388e3c",
+        "chart-3": "#2e7d32",
+        "chart-4": "#1b5e20",
+        "chart-5": "#0a1f0c",
+        "sidebar": "#f0e9e0",
+        "sidebar-foreground": "#3e2723",
+        "sidebar-primary": "#2e7d32",
+        "sidebar-primary-foreground": "#ffffff",
+        "sidebar-accent": "#c8e6c9",
+        "sidebar-accent-foreground": "#1b5e20",
+        "sidebar-border": "#e0d6c9",
+        "sidebar-ring": "#2e7d32",
+        "font-sans": "Montserrat, sans-serif",
+        "font-serif": "Merriweather, serif",
+        "font-mono": "Source Code Pro, monospace",
+      },
+      dark: {
+        "background": "#1c2a1f",
+        "foreground": "#f0ebe5",
+        "card": "#2d3a2e",
+        "card-foreground": "#f0ebe5",
+        "popover": "#2d3a2e",
+        "popover-foreground": "#f0ebe5",
+        "primary": "#4caf50",
+        "primary-foreground": "#0a1f0c",
+        "secondary": "#3e4a3d",
+        "secondary-foreground": "#d7e0d6",
+        "muted": "#252f26",
+        "muted-foreground": "#d7cfc4",
+        "accent": "#388e3c",
+        "accent-foreground": "#f0ebe5",
+        "destructive": "#c62828",
+        "destructive-foreground": "#f0ebe5",
+        "border": "#3e4a3d",
+        "input": "#3e4a3d",
+        "ring": "#4caf50",
+        "chart-1": "#81c784",
+        "chart-2": "#66bb6a",
+        "chart-3": "#4caf50",
+        "chart-4": "#43a047",
+        "chart-5": "#388e3c",
+        "sidebar": "#1c2a1f",
+        "sidebar-foreground": "#f0ebe5",
+        "sidebar-primary": "#4caf50",
+        "sidebar-primary-foreground": "#0a1f0c",
+        "sidebar-accent": "#388e3c",
+        "sidebar-accent-foreground": "#f0ebe5",
+        "sidebar-border": "#3e4a3d",
+        "sidebar-ring": "#4caf50",
+      },
+    },
+    radius: "0.5rem",
+    font: {
+      value: "montserrat",
+      fontFamily: '"Montserrat", sans-serif',
+      googleFontsUrl:
+        "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap",
+    },
+  },
+  {
+    name: "bold-tech",
+    label: "Bold Tech",
+    colors: {
+      light: {
+        "background": "#ffffff",
+        "foreground": "#312e81",
+        "card": "#ffffff",
+        "card-foreground": "#312e81",
+        "popover": "#ffffff",
+        "popover-foreground": "#312e81",
+        "primary": "#8b5cf6",
+        "primary-foreground": "#ffffff",
+        "secondary": "#f3f0ff",
+        "secondary-foreground": "#4338ca",
+        "muted": "#f5f3ff",
+        "muted-foreground": "#7c3aed",
+        "accent": "#dbeafe",
+        "accent-foreground": "#1e40af",
+        "destructive": "#ef4444",
+        "destructive-foreground": "#ffffff",
+        "border": "#e0e7ff",
+        "input": "#e0e7ff",
+        "ring": "#8b5cf6",
+        "chart-1": "#8b5cf6",
+        "chart-2": "#7c3aed",
+        "chart-3": "#6d28d9",
+        "chart-4": "#5b21b6",
+        "chart-5": "#4c1d95",
+        "sidebar": "#f5f3ff",
+        "sidebar-foreground": "#312e81",
+        "sidebar-primary": "#8b5cf6",
+        "sidebar-primary-foreground": "#ffffff",
+        "sidebar-accent": "#dbeafe",
+        "sidebar-accent-foreground": "#1e40af",
+        "sidebar-border": "#e0e7ff",
+        "sidebar-ring": "#8b5cf6",
+        "font-sans": "Roboto, sans-serif",
+        "font-serif": "Playfair Display, serif",
+        "font-mono": "Fira Code, monospace",
+        "shadow-color": "hsl(255 86% 66%)",
+        "shadow-opacity": "0.2",
+        "shadow-blur": "4px",
+        "shadow-spread": "0px",
+        "shadow-offset-x": "2px",
+        "shadow-offset-y": "2px",
+      },
+      dark: {
+        "background": "#0f172a",
+        "foreground": "#e0e7ff",
+        "card": "#1e1b4b",
+        "card-foreground": "#e0e7ff",
+        "popover": "#1e1b4b",
+        "popover-foreground": "#e0e7ff",
+        "primary": "#8b5cf6",
+        "primary-foreground": "#ffffff",
+        "secondary": "#1e1b4b",
+        "secondary-foreground": "#e0e7ff",
+        "muted": "#171447",
+        "muted-foreground": "#c4b5fd",
+        "accent": "#4338ca",
+        "accent-foreground": "#e0e7ff",
+        "destructive": "#ef4444",
+        "destructive-foreground": "#ffffff",
+        "border": "#2e1065",
+        "input": "#2e1065",
+        "ring": "#8b5cf6",
+        "chart-1": "#a78bfa",
+        "chart-2": "#8b5cf6",
+        "chart-3": "#7c3aed",
+        "chart-4": "#6d28d9",
+        "chart-5": "#5b21b6",
+        "sidebar": "#0f172a",
+        "sidebar-foreground": "#e0e7ff",
+        "sidebar-primary": "#8b5cf6",
+        "sidebar-primary-foreground": "#ffffff",
+        "sidebar-accent": "#4338ca",
+        "sidebar-accent-foreground": "#e0e7ff",
+        "sidebar-border": "#2e1065",
+        "sidebar-ring": "#8b5cf6",
+      },
+    },
+    radius: "0.625rem",
+    font: {
+      value: "roboto",
+      fontFamily: '"Roboto", sans-serif',
+      googleFontsUrl:
+        "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap",
+    },
+  },
+  {
+    name: "elegant-luxury",
+    label: "Elegant Luxury",
+    colors: {
+      light: {
+        "background": "#faf7f5",
+        "foreground": "#1a1a1a",
+        "card": "#faf7f5",
+        "card-foreground": "#1a1a1a",
+        "popover": "#faf7f5",
+        "popover-foreground": "#1a1a1a",
+        "primary": "#9b2c2c",
+        "primary-foreground": "#ffffff",
+        "secondary": "#fdf2d6",
+        "secondary-foreground": "#805500",
+        "muted": "#f0ebe8",
+        "muted-foreground": "#57534e",
+        "accent": "#fef3c7",
+        "accent-foreground": "#7f1d1d",
+        "destructive": "#991b1b",
+        "destructive-foreground": "#ffffff",
+        "border": "#f5e8d2",
+        "input": "#f5e8d2",
+        "ring": "#9b2c2c",
+        "chart-1": "#b91c1c",
+        "chart-2": "#9b2c2c",
+        "chart-3": "#7f1d1d",
+        "chart-4": "#b45309",
+        "chart-5": "#92400e",
+        "sidebar": "#f0ebe8",
+        "sidebar-foreground": "#1a1a1a",
+        "sidebar-primary": "#9b2c2c",
+        "sidebar-primary-foreground": "#ffffff",
+        "sidebar-accent": "#fef3c7",
+        "sidebar-accent-foreground": "#7f1d1d",
+        "sidebar-border": "#f5e8d2",
+        "sidebar-ring": "#9b2c2c",
+        "font-sans": "Poppins, sans-serif",
+        "font-serif": "Libre Baskerville, serif",
+        "font-mono": "IBM Plex Mono, monospace",
+        "shadow-color": "hsl(0 63% 18%)",
+        "shadow-opacity": "0.12",
+        "shadow-blur": "16px",
+        "shadow-spread": "-2px",
+        "shadow-offset-x": "1px",
+        "shadow-offset-y": "1px",
+      },
+      dark: {
+        "background": "#1c1917",
+        "foreground": "#f5f5f4",
+        "card": "#292524",
+        "card-foreground": "#f5f5f4",
+        "popover": "#292524",
+        "popover-foreground": "#f5f5f4",
+        "primary": "#b91c1c",
+        "primary-foreground": "#faf7f5",
+        "secondary": "#92400e",
+        "secondary-foreground": "#fef3c7",
+        "muted": "#1f1c1a",
+        "muted-foreground": "#d6d3d1",
+        "accent": "#b45309",
+        "accent-foreground": "#fef3c7",
+        "destructive": "#ef4444",
+        "destructive-foreground": "#ffffff",
+        "border": "#44403c",
+        "input": "#44403c",
+        "ring": "#b91c1c",
+        "chart-1": "#f87171",
+        "chart-2": "#ef4444",
+        "chart-3": "#dc2626",
+        "chart-4": "#fbbf24",
+        "chart-5": "#f59e0b",
+        "sidebar": "#1c1917",
+        "sidebar-foreground": "#f5f5f4",
+        "sidebar-primary": "#b91c1c",
+        "sidebar-primary-foreground": "#faf7f5",
+        "sidebar-accent": "#b45309",
+        "sidebar-accent-foreground": "#fef3c7",
+        "sidebar-border": "#44403c",
+        "sidebar-ring": "#b91c1c",
+      },
+    },
+    radius: "0.375rem",
+    font: {
+      value: "poppins",
+      fontFamily: '"Poppins", sans-serif',
+      googleFontsUrl:
+        "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap",
+    },
+  },
+  {
+    name: "amber-minimal",
+    label: "Amber Minimal",
+    colors: {
+      light: {
+        "background": "#ffffff",
+        "foreground": "#262626",
+        "card": "#ffffff",
+        "card-foreground": "#262626",
+        "popover": "#ffffff",
+        "popover-foreground": "#262626",
+        "primary": "#f59e0b",
+        "primary-foreground": "#000000",
+        "secondary": "#f3f4f6",
+        "secondary-foreground": "#4b5563",
+        "muted": "#f9fafb",
+        "muted-foreground": "#6b7280",
+        "accent": "#fffbeb",
+        "accent-foreground": "#92400e",
+        "destructive": "#ef4444",
+        "destructive-foreground": "#ffffff",
+        "border": "#e5e7eb",
+        "input": "#e5e7eb",
+        "ring": "#f59e0b",
+        "chart-1": "#f59e0b",
+        "chart-2": "#d97706",
+        "chart-3": "#b45309",
+        "chart-4": "#92400e",
+        "chart-5": "#78350f",
+        "sidebar": "#f9fafb",
+        "sidebar-foreground": "#262626",
+        "sidebar-primary": "#f59e0b",
+        "sidebar-primary-foreground": "#ffffff",
+        "sidebar-accent": "#fffbeb",
+        "sidebar-accent-foreground": "#92400e",
+        "sidebar-border": "#e5e7eb",
+        "sidebar-ring": "#f59e0b",
+        "font-sans": "Inter, sans-serif",
+        "font-serif": "Source Serif 4, serif",
+        "font-mono": "JetBrains Mono, monospace",
+        "shadow-color": "hsl(0 0% 0%)",
+        "shadow-opacity": "0.1",
+        "shadow-blur": "8px",
+        "shadow-spread": "-1px",
+        "shadow-offset-x": "0px",
+        "shadow-offset-y": "4px",
+        "letter-spacing": "0em",
+        "spacing": "0.25rem",
+      },
+      dark: {
+        "background": "#171717",
+        "foreground": "#e5e5e5",
+        "card": "#262626",
+        "card-foreground": "#e5e5e5",
+        "popover": "#262626",
+        "popover-foreground": "#e5e5e5",
+        "primary": "#f59e0b",
+        "primary-foreground": "#000000",
+        "secondary": "#262626",
+        "secondary-foreground": "#e5e5e5",
+        "muted": "#1f1f1f",
+        "muted-foreground": "#a3a3a3",
+        "accent": "#92400e",
+        "accent-foreground": "#fde68a",
+        "destructive": "#ef4444",
+        "destructive-foreground": "#ffffff",
+        "border": "#404040",
+        "input": "#404040",
+        "ring": "#f59e0b",
+        "chart-1": "#fbbf24",
+        "chart-2": "#d97706",
+        "chart-3": "#92400e",
+        "chart-4": "#b45309",
+        "chart-5": "#92400e",
+        "sidebar": "#0f0f0f",
+        "sidebar-foreground": "#e5e5e5",
+        "sidebar-primary": "#f59e0b",
+        "sidebar-primary-foreground": "#ffffff",
+        "sidebar-accent": "#92400e",
+        "sidebar-accent-foreground": "#fde68a",
+        "sidebar-border": "#404040",
+        "sidebar-ring": "#f59e0b",
+      },
+    },
+    radius: "0.375rem",
+    font: {
+      value: "inter",
+      fontFamily: '"Inter", sans-serif',
+      googleFontsUrl:
+        "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap",
+    },
+  },
+  {
+    name: "neo-brutalism",
+    label: "Neo Brutalism",
+    colors: {
+      light: {
+        "background": "#ffffff",
+        "foreground": "#000000",
+        "card": "#ffffff",
+        "card-foreground": "#000000",
+        "popover": "#ffffff",
+        "popover-foreground": "#000000",
+        "primary": "#ff3333",
+        "primary-foreground": "#ffffff",
+        "secondary": "#ffff00",
+        "secondary-foreground": "#000000",
+        "muted": "#f0f0f0",
+        "muted-foreground": "#333333",
+        "accent": "#0066ff",
+        "accent-foreground": "#ffffff",
+        "destructive": "#000000",
+        "destructive-foreground": "#ffffff",
+        "border": "#000000",
+        "input": "#000000",
+        "ring": "#ff3333",
+        "chart-1": "#ff3333",
+        "chart-2": "#ffff00",
+        "chart-3": "#0066ff",
+        "chart-4": "#00cc00",
+        "chart-5": "#cc00cc",
+        "sidebar": "#f0f0f0",
+        "sidebar-foreground": "#000000",
+        "sidebar-primary": "#ff3333",
+        "sidebar-primary-foreground": "#ffffff",
+        "sidebar-accent": "#0066ff",
+        "sidebar-accent-foreground": "#ffffff",
+        "sidebar-border": "#000000",
+        "sidebar-ring": "#ff3333",
+        "font-sans": "DM Sans, sans-serif",
+        "font-mono": "Space Mono, monospace",
+        "shadow-color": "hsl(0 0% 0%)",
+        "shadow-opacity": "1",
+        "shadow-blur": "0px",
+        "shadow-spread": "0px",
+        "shadow-offset-x": "4px",
+        "shadow-offset-y": "4px",
+      },
+      dark: {
+        "background": "#000000",
+        "foreground": "#ffffff",
+        "card": "#333333",
+        "card-foreground": "#ffffff",
+        "popover": "#333333",
+        "popover-foreground": "#ffffff",
+        "primary": "#ff6666",
+        "primary-foreground": "#000000",
+        "secondary": "#ffff33",
+        "secondary-foreground": "#000000",
+        "muted": "#1a1a1a",
+        "muted-foreground": "#cccccc",
+        "accent": "#3399ff",
+        "accent-foreground": "#000000",
+        "destructive": "#ffffff",
+        "destructive-foreground": "#000000",
+        "border": "#ffffff",
+        "input": "#ffffff",
+        "ring": "#ff6666",
+        "chart-1": "#ff6666",
+        "chart-2": "#ffff33",
+        "chart-3": "#3399ff",
+        "chart-4": "#33cc33",
+        "chart-5": "#cc33cc",
+        "sidebar": "#000000",
+        "sidebar-foreground": "#ffffff",
+        "sidebar-primary": "#ff6666",
+        "sidebar-primary-foreground": "#000000",
+        "sidebar-accent": "#3399ff",
+        "sidebar-accent-foreground": "#000000",
+        "sidebar-border": "#ffffff",
+        "sidebar-ring": "#ff6666",
+      },
+    },
+    radius: "0px",
+    font: {
+      value: "dm-sans",
+      fontFamily: '"DM Sans", sans-serif',
+      googleFontsUrl:
+        "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap",
+    },
+  },
+  {
+    name: "solar-dusk",
+    label: "Solar Dusk",
+    colors: {
+      light: {
+        "background": "#FDFBF7",
+        "foreground": "#4A3B33",
+        "card": "#F8F4EE",
+        "card-foreground": "#4A3B33",
+        "popover": "#F8F4EE",
+        "popover-foreground": "#4A3B33",
+        "primary": "#B45309",
+        "primary-foreground": "#FFFFFF",
+        "secondary": "#E4C090",
+        "secondary-foreground": "#57534E",
+        "muted": "#F1E9DA",
+        "muted-foreground": "#78716C",
+        "accent": "#f2daba",
+        "accent-foreground": "#57534E",
+        "destructive": "#991B1B",
+        "destructive-foreground": "#FFFFFF",
+        "border": "#E4D9BC",
+        "input": "#E4D9BC",
+        "ring": "#B45309",
+        "chart-1": "#B45309",
+        "chart-2": "#78716C",
+        "chart-3": "#A16207",
+        "chart-4": "#78716C",
+        "chart-5": "#CA8A04",
+        "sidebar": "#F1E9DA",
+        "sidebar-foreground": "#4A3B33",
+        "sidebar-primary": "#B45309",
+        "sidebar-primary-foreground": "#FFFFFF",
+        "sidebar-accent": "#A16207",
+        "sidebar-accent-foreground": "#FFFFFF",
+        "sidebar-border": "#E4D9BC",
+        "sidebar-ring": "#B45309",
+        "font-sans": "Oxanium, sans-serif",
+        "font-serif": "Merriweather, serif",
+        "font-mono": "Fira Code, monospace",
+        "shadow-color": "hsl(28 18% 25%)",
+        "shadow-opacity": "0.18",
+        "shadow-blur": "3px",
+        "shadow-spread": "0px",
+        "shadow-offset-x": "0px",
+        "shadow-offset-y": "2px",
+      },
+      dark: {
+        "background": "#1C1917",
+        "foreground": "#F5F5F4",
+        "card": "#292524",
+        "card-foreground": "#F5F5F4",
+        "popover": "#292524",
+        "popover-foreground": "#F5F5F4",
+        "primary": "#F97316",
+        "primary-foreground": "#FFFFFF",
+        "secondary": "#57534E",
+        "secondary-foreground": "#E7E5E4",
+        "muted": "#201d1a",
+        "muted-foreground": "#A8A29E",
+        "accent": "#1e4252",
+        "accent-foreground": "#E7E5E4",
+        "destructive": "#DC2626",
+        "destructive-foreground": "#FFFFFF",
+        "border": "#44403C",
+        "input": "#44403C",
+        "ring": "#F97316",
+        "chart-1": "#F97316",
+        "chart-2": "#0EA5E9",
+        "chart-3": "#EAB308",
+        "chart-4": "#A8A29E",
+        "chart-5": "#78716C",
+        "sidebar": "#292524",
+        "sidebar-foreground": "#F5F5F4",
+        "sidebar-primary": "#F97316",
+        "sidebar-primary-foreground": "#FFFFFF",
+        "sidebar-accent": "#0EA5E9",
+        "sidebar-accent-foreground": "#0C2A4D",
+        "sidebar-border": "#44403C",
+        "sidebar-ring": "#F97316",
+        "shadow-color": "hsl(0 0% 5%)",
+      },
+    },
+    radius: "0.3rem",
+    font: {
+      value: "oxanium",
+      fontFamily: '"Oxanium", sans-serif',
+      googleFontsUrl:
+        "https://fonts.googleapis.com/css2?family=Oxanium:wght@400;500;600;700&display=swap",
+    },
+  },
+  {
+    name: "claymorphism",
+    label: "Claymorphism",
+    colors: {
+      light: {
+        "background": "#e7e5e4",
+        "foreground": "#1e293b",
+        "card": "#f5f5f4",
+        "card-foreground": "#1e293b",
+        "popover": "#f5f5f4",
+        "popover-foreground": "#1e293b",
+        "primary": "#6366f1",
+        "primary-foreground": "#ffffff",
+        "secondary": "#d6d3d1",
+        "secondary-foreground": "#4b5563",
+        "muted": "#e7e5e4",
+        "muted-foreground": "#6b7280",
+        "accent": "#f3e5f5",
+        "accent-foreground": "#374151",
+        "destructive": "#ef4444",
+        "destructive-foreground": "#ffffff",
+        "border": "#d6d3d1",
+        "input": "#d6d3d1",
+        "ring": "#6366f1",
+        "chart-1": "#6366f1",
+        "chart-2": "#4f46e5",
+        "chart-3": "#4338ca",
+        "chart-4": "#3730a3",
+        "chart-5": "#312e81",
+        "sidebar": "#d6d3d1",
+        "sidebar-foreground": "#1e293b",
+        "sidebar-primary": "#6366f1",
+        "sidebar-primary-foreground": "#ffffff",
+        "sidebar-accent": "#f3e5f5",
+        "sidebar-accent-foreground": "#374151",
+        "sidebar-border": "#d6d3d1",
+        "sidebar-ring": "#6366f1",
+        "font-sans": "Plus Jakarta Sans, sans-serif",
+        "font-serif": "Lora, serif",
+        "font-mono": "Roboto Mono, monospace",
+        "shadow-color": "hsl(240 4% 60%)",
+        "shadow-opacity": "0.18",
+        "shadow-blur": "10px",
+        "shadow-spread": "4px",
+        "shadow-offset-x": "2px",
+        "shadow-offset-y": "2px",
+      },
+      dark: {
+        "background": "#1e1b18",
+        "foreground": "#e2e8f0",
+        "card": "#2c2825",
+        "card-foreground": "#e2e8f0",
+        "popover": "#2c2825",
+        "popover-foreground": "#e2e8f0",
+        "primary": "#818cf8",
+        "primary-foreground": "#1e1b18",
+        "secondary": "#3a3633",
+        "secondary-foreground": "#d1d5db",
+        "muted": "#1f1c19",
+        "muted-foreground": "#9ca3af",
+        "accent": "#484441",
+        "accent-foreground": "#d1d5db",
+        "destructive": "#ef4444",
+        "destructive-foreground": "#1e1b18",
+        "border": "#3a3633",
+        "input": "#3a3633",
+        "ring": "#818cf8",
+        "chart-1": "#818cf8",
+        "chart-2": "#6366f1",
+        "chart-3": "#4f46e5",
+        "chart-4": "#4338ca",
+        "chart-5": "#3730a3",
+        "sidebar": "#3a3633",
+        "sidebar-foreground": "#e2e8f0",
+        "sidebar-primary": "#818cf8",
+        "sidebar-primary-foreground": "#1e1b18",
+        "sidebar-accent": "#484441",
+        "sidebar-accent-foreground": "#d1d5db",
+        "sidebar-border": "#3a3633",
+        "sidebar-ring": "#818cf8",
+        "shadow-color": "hsl(0 0% 0%)",
+      },
+    },
+    radius: "1.25rem",
+    font: {
+      value: "plus-jakarta-sans",
+      fontFamily: '"Plus Jakarta Sans", sans-serif',
+      googleFontsUrl:
+        "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap",
+    },
+  },
+  {
+    name: "cyberpunk",
+    label: "Cyberpunk",
+    colors: {
+      light: {
+        "background": "#f8f9fa",
+        "foreground": "#0c0c1d",
+        "card": "#ffffff",
+        "card-foreground": "#0c0c1d",
+        "popover": "#ffffff",
+        "popover-foreground": "#0c0c1d",
+        "primary": "#ff00c8",
+        "primary-foreground": "#ffffff",
+        "secondary": "#f0f0ff",
+        "secondary-foreground": "#0c0c1d",
+        "muted": "#f0f0ff",
+        "muted-foreground": "#0c0c1d",
+        "accent": "#00ffcc",
+        "accent-foreground": "#0c0c1d",
+        "destructive": "#ff3d00",
+        "destructive-foreground": "#ffffff",
+        "border": "#dfe6e9",
+        "input": "#dfe6e9",
+        "ring": "#ff00c8",
+        "chart-1": "#ff00c8",
+        "chart-2": "#9000ff",
+        "chart-3": "#00e5ff",
+        "chart-4": "#00ffcc",
+        "chart-5": "#ffe600",
+        "sidebar": "#f0f0ff",
+        "sidebar-foreground": "#0c0c1d",
+        "sidebar-primary": "#ff00c8",
+        "sidebar-primary-foreground": "#ffffff",
+        "sidebar-accent": "#00ffcc",
+        "sidebar-accent-foreground": "#0c0c1d",
+        "sidebar-border": "#dfe6e9",
+        "sidebar-ring": "#ff00c8",
+        "font-sans": "Outfit, sans-serif",
+        "font-mono": "Fira Code, monospace",
+        "shadow-color": "hsl(0 0% 0%)",
+        "shadow-opacity": "0.1",
+        "shadow-blur": "8px",
+        "shadow-spread": "-2px",
+        "shadow-offset-x": "0px",
+        "shadow-offset-y": "4px",
+      },
+      dark: {
+        "background": "#0c0c1d",
+        "foreground": "#eceff4",
+        "card": "#1e1e3f",
+        "card-foreground": "#eceff4",
+        "popover": "#1e1e3f",
+        "popover-foreground": "#eceff4",
+        "primary": "#ff00c8",
+        "primary-foreground": "#ffffff",
+        "secondary": "#1e1e3f",
+        "secondary-foreground": "#eceff4",
+        "muted": "#151530",
+        "muted-foreground": "#8085a6",
+        "accent": "#00ffcc",
+        "accent-foreground": "#0c0c1d",
+        "destructive": "#ff3d00",
+        "destructive-foreground": "#ffffff",
+        "border": "#2e2e5e",
+        "input": "#2e2e5e",
+        "ring": "#ff00c8",
+        "chart-1": "#ff00c8",
+        "chart-2": "#9000ff",
+        "chart-3": "#00e5ff",
+        "chart-4": "#00ffcc",
+        "chart-5": "#ffe600",
+        "sidebar": "#0c0c1d",
+        "sidebar-foreground": "#eceff4",
+        "sidebar-primary": "#ff00c8",
+        "sidebar-primary-foreground": "#ffffff",
+        "sidebar-accent": "#00ffcc",
+        "sidebar-accent-foreground": "#0c0c1d",
+        "sidebar-border": "#2e2e5e",
+        "sidebar-ring": "#ff00c8",
+      },
+    },
+    radius: "0.5rem",
+    font: {
+      value: "outfit",
+      fontFamily: '"Outfit", sans-serif',
+      googleFontsUrl:
+        "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap",
+    },
+  },
+  {
+    name: "pastel-dreams",
+    label: "Pastel Dreams",
+    colors: {
+      light: {
+        "background": "#f7f3f9",
+        "foreground": "#374151",
+        "card": "#ffffff",
+        "card-foreground": "#374151",
+        "popover": "#ffffff",
+        "popover-foreground": "#374151",
+        "primary": "#a78bfa",
+        "primary-foreground": "#ffffff",
+        "secondary": "#e9d8fd",
+        "secondary-foreground": "#4b5563",
+        "muted": "#f3e8ff",
+        "muted-foreground": "#6b7280",
+        "accent": "#f3e5f5",
+        "accent-foreground": "#374151",
+        "destructive": "#fca5a5",
+        "destructive-foreground": "#ffffff",
+        "border": "#e9d8fd",
+        "input": "#e9d8fd",
+        "ring": "#a78bfa",
+        "chart-1": "#a78bfa",
+        "chart-2": "#8b5cf6",
+        "chart-3": "#7c3aed",
+        "chart-4": "#6d28d9",
+        "chart-5": "#5b21b6",
+        "sidebar": "#e9d8fd",
+        "sidebar-foreground": "#374151",
+        "sidebar-primary": "#a78bfa",
+        "sidebar-primary-foreground": "#ffffff",
+        "sidebar-accent": "#f3e5f5",
+        "sidebar-accent-foreground": "#374151",
+        "sidebar-border": "#e9d8fd",
+        "sidebar-ring": "#a78bfa",
+        "font-sans": "Open Sans, sans-serif",
+        "font-serif": "Source Serif 4, serif",
+        "font-mono": "IBM Plex Mono, monospace",
+        "shadow-color": "hsl(0 0% 0%)",
+        "shadow-opacity": "0.08",
+        "shadow-blur": "16px",
+        "shadow-spread": "-4px",
+        "shadow-offset-x": "0px",
+        "shadow-offset-y": "8px",
+      },
+      dark: {
+        "background": "#1c1917",
+        "foreground": "#e0e7ff",
+        "card": "#2d2535",
+        "card-foreground": "#e0e7ff",
+        "popover": "#2d2535",
+        "popover-foreground": "#e0e7ff",
+        "primary": "#c0aafd",
+        "primary-foreground": "#1c1917",
+        "secondary": "#3f324a",
+        "secondary-foreground": "#d1d5db",
+        "muted": "#20182b",
+        "muted-foreground": "#9ca3af",
+        "accent": "#4a3d5a",
+        "accent-foreground": "#d1d5db",
+        "destructive": "#fca5a5",
+        "destructive-foreground": "#1c1917",
+        "border": "#3f324a",
+        "input": "#3f324a",
+        "ring": "#c0aafd",
+        "chart-1": "#c0aafd",
+        "chart-2": "#a78bfa",
+        "chart-3": "#8b5cf6",
+        "chart-4": "#7c3aed",
+        "chart-5": "#6d28d9",
+        "sidebar": "#3f324a",
+        "sidebar-foreground": "#e0e7ff",
+        "sidebar-primary": "#c0aafd",
+        "sidebar-primary-foreground": "#1c1917",
+        "sidebar-accent": "#4a3d5a",
+        "sidebar-accent-foreground": "#d1d5db",
+        "sidebar-border": "#3f324a",
+        "sidebar-ring": "#c0aafd",
+      },
+    },
+    radius: "1.5rem",
+    font: {
+      value: "open-sans",
+      fontFamily: '"Open Sans", sans-serif',
+      googleFontsUrl:
+        "https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap",
+    },
+  },
+  {
+    name: "clean-slate",
+    label: "Clean Slate",
+    colors: {
+      light: {
+        "background": "#f8fafc",
+        "foreground": "#1e293b",
+        "card": "#ffffff",
+        "card-foreground": "#1e293b",
+        "popover": "#ffffff",
+        "popover-foreground": "#1e293b",
+        "primary": "#6366f1",
+        "primary-foreground": "#ffffff",
+        "secondary": "#e5e7eb",
+        "secondary-foreground": "#374151",
+        "muted": "#f3f4f6",
+        "muted-foreground": "#6b7280",
+        "accent": "#e0e7ff",
+        "accent-foreground": "#374151",
+        "destructive": "#ef4444",
+        "destructive-foreground": "#ffffff",
+        "border": "#d1d5db",
+        "input": "#d1d5db",
+        "ring": "#6366f1",
+        "chart-1": "#6366f1",
+        "chart-2": "#4f46e5",
+        "chart-3": "#4338ca",
+        "chart-4": "#3730a3",
+        "chart-5": "#312e81",
+        "sidebar": "#f3f4f6",
+        "sidebar-foreground": "#1e293b",
+        "sidebar-primary": "#6366f1",
+        "sidebar-primary-foreground": "#ffffff",
+        "sidebar-accent": "#e0e7ff",
+        "sidebar-accent-foreground": "#374151",
+        "sidebar-border": "#d1d5db",
+        "sidebar-ring": "#6366f1",
+        "font-sans": "Inter, sans-serif",
+        "font-serif": "Merriweather, serif",
+        "font-mono": "JetBrains Mono, monospace",
+        "shadow-color": "hsl(0 0% 0%)",
+        "shadow-opacity": "0.1",
+        "shadow-blur": "8px",
+        "shadow-spread": "-1px",
+        "shadow-offset-x": "0px",
+        "shadow-offset-y": "4px",
+      },
+      dark: {
+        "background": "#0f172a",
+        "foreground": "#e2e8f0",
+        "card": "#1e293b",
+        "card-foreground": "#e2e8f0",
+        "popover": "#1e293b",
+        "popover-foreground": "#e2e8f0",
+        "primary": "#818cf8",
+        "primary-foreground": "#0f172a",
+        "secondary": "#2d3748",
+        "secondary-foreground": "#d1d5db",
+        "muted": "#152032",
+        "muted-foreground": "#9ca3af",
+        "accent": "#374151",
+        "accent-foreground": "#d1d5db",
+        "destructive": "#ef4444",
+        "destructive-foreground": "#0f172a",
+        "border": "#4b5563",
+        "input": "#4b5563",
+        "ring": "#818cf8",
+        "chart-1": "#818cf8",
+        "chart-2": "#6366f1",
+        "chart-3": "#4f46e5",
+        "chart-4": "#4338ca",
+        "chart-5": "#3730a3",
+        "sidebar": "#1e293b",
+        "sidebar-foreground": "#e2e8f0",
+        "sidebar-primary": "#818cf8",
+        "sidebar-primary-foreground": "#0f172a",
+        "sidebar-accent": "#374151",
+        "sidebar-accent-foreground": "#d1d5db",
+        "sidebar-border": "#4b5563",
+        "sidebar-ring": "#818cf8",
+      },
+    },
+    radius: "0.5rem",
+    font: {
+      value: "inter",
+      fontFamily: '"Inter", sans-serif',
+      googleFontsUrl:
+        "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap",
+    },
+  },
+  {
+    name: "caffeine",
+    label: "Caffeine",
+    colors: {
+      light: {
+        "background": "#f9f9f9",
+        "foreground": "#202020",
+        "card": "#fcfcfc",
+        "card-foreground": "#202020",
+        "popover": "#fcfcfc",
+        "popover-foreground": "#202020",
+        "primary": "#644a40",
+        "primary-foreground": "#ffffff",
+        "secondary": "#ffdfb5",
+        "secondary-foreground": "#582d1d",
+        "muted": "#efefef",
+        "muted-foreground": "#646464",
+        "accent": "#e8e8e8",
+        "accent-foreground": "#202020",
+        "destructive": "#e54d2e",
+        "destructive-foreground": "#ffffff",
+        "border": "#d8d8d8",
+        "input": "#d8d8d8",
+        "ring": "#644a40",
+        "chart-1": "#644a40",
+        "chart-2": "#ffdfb5",
+        "chart-3": "#e8e8e8",
+        "chart-4": "#ffe6c4",
+        "chart-5": "#66493e",
+        "sidebar": "#fbfbfb",
+        "sidebar-foreground": "#252525",
+        "sidebar-primary": "#343434",
+        "sidebar-primary-foreground": "#fbfbfb",
+        "sidebar-accent": "#f7f7f7",
+        "sidebar-accent-foreground": "#343434",
+        "sidebar-border": "#ebebeb",
+        "sidebar-ring": "#b5b5b5",
+      },
+      dark: {
+        "background": "#111111",
+        "foreground": "#eeeeee",
+        "card": "#191919",
+        "card-foreground": "#eeeeee",
+        "popover": "#191919",
+        "popover-foreground": "#eeeeee",
+        "primary": "#ffe0c2",
+        "primary-foreground": "#081a1b",
+        "secondary": "#393028",
+        "secondary-foreground": "#ffe0c2",
+        "muted": "#222222",
+        "muted-foreground": "#b4b4b4",
+        "accent": "#2a2a2a",
+        "accent-foreground": "#eeeeee",
+        "destructive": "#e54d2e",
+        "destructive-foreground": "#ffffff",
+        "border": "#201e18",
+        "input": "#484848",
+        "ring": "#ffe0c2",
+        "chart-1": "#ffe0c2",
+        "chart-2": "#393028",
+        "chart-3": "#2a2a2a",
+        "chart-4": "#42382e",
+        "chart-5": "#ffe0c1",
+        "sidebar": "#18181b",
+        "sidebar-foreground": "#f4f4f5",
+        "sidebar-primary": "#1d4ed8",
+        "sidebar-primary-foreground": "#ffffff",
+        "sidebar-accent": "#27272a",
+        "sidebar-accent-foreground": "#f4f4f5",
+        "sidebar-border": "#27272a",
+        "sidebar-ring": "#d4d4d8",
+      },
+    },
+    radius: "0.5rem",
+  },
+  {
+    name: "ocean-breeze",
+    label: "Ocean Breeze",
+    colors: {
+      light: {
+        "background": "#f0f8ff",
+        "foreground": "#374151",
+        "card": "#ffffff",
+        "card-foreground": "#374151",
+        "popover": "#ffffff",
+        "popover-foreground": "#374151",
+        "primary": "#22c55e",
+        "primary-foreground": "#ffffff",
+        "secondary": "#e0f2fe",
+        "secondary-foreground": "#4b5563",
+        "muted": "#f3f4f6",
+        "muted-foreground": "#6b7280",
+        "accent": "#d1fae5",
+        "accent-foreground": "#374151",
+        "destructive": "#ef4444",
+        "destructive-foreground": "#ffffff",
+        "border": "#e5e7eb",
+        "input": "#e5e7eb",
+        "ring": "#22c55e",
+        "chart-1": "#22c55e",
+        "chart-2": "#10b981",
+        "chart-3": "#059669",
+        "chart-4": "#047857",
+        "chart-5": "#065f46",
+        "sidebar": "#e0f2fe",
+        "sidebar-foreground": "#374151",
+        "sidebar-primary": "#22c55e",
+        "sidebar-primary-foreground": "#ffffff",
+        "sidebar-accent": "#d1fae5",
+        "sidebar-accent-foreground": "#374151",
+        "sidebar-border": "#e5e7eb",
+        "sidebar-ring": "#22c55e",
+        "font-sans": "DM Sans, sans-serif",
+        "font-serif": "Lora, serif",
+        "font-mono": "IBM Plex Mono, monospace",
+        "shadow-color": "hsl(0 0% 0%)",
+        "shadow-opacity": "0.1",
+        "shadow-blur": "8px",
+        "shadow-spread": "-1px",
+        "shadow-offset-x": "0px",
+        "shadow-offset-y": "4px",
+      },
+      dark: {
+        "background": "#0f172a",
+        "foreground": "#d1d5db",
+        "card": "#1e293b",
+        "card-foreground": "#d1d5db",
+        "popover": "#1e293b",
+        "popover-foreground": "#d1d5db",
+        "primary": "#34d399",
+        "primary-foreground": "#0f172a",
+        "secondary": "#2d3748",
+        "secondary-foreground": "#a1a1aa",
+        "muted": "#19212e",
+        "muted-foreground": "#6b7280",
+        "accent": "#374151",
+        "accent-foreground": "#a1a1aa",
+        "destructive": "#ef4444",
+        "destructive-foreground": "#0f172a",
+        "border": "#4b5563",
+        "input": "#4b5563",
+        "ring": "#34d399",
+        "chart-1": "#34d399",
+        "chart-2": "#2dd4bf",
+        "chart-3": "#22c55e",
+        "chart-4": "#10b981",
+        "chart-5": "#059669",
+        "sidebar": "#1e293b",
+        "sidebar-foreground": "#d1d5db",
+        "sidebar-primary": "#34d399",
+        "sidebar-primary-foreground": "#0f172a",
+        "sidebar-accent": "#374151",
+        "sidebar-accent-foreground": "#a1a1aa",
+        "sidebar-border": "#4b5563",
+        "sidebar-ring": "#34d399",
+      },
+    },
+    radius: "0.5rem",
+    font: {
+      value: "dm-sans",
+      fontFamily: '"DM Sans", sans-serif',
+      googleFontsUrl:
+        "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap",
+    },
+  },
+  {
+    name: "retro-arcade",
+    label: "Retro Arcade",
+    colors: {
+      light: {
+        "background": "#fdf6e3",
+        "foreground": "#073642",
+        "card": "#eee8d5",
+        "card-foreground": "#073642",
+        "popover": "#eee8d5",
+        "popover-foreground": "#073642",
+        "primary": "#d33682",
+        "primary-foreground": "#ffffff",
+        "secondary": "#2aa198",
+        "secondary-foreground": "#ffffff",
+        "muted": "#93a1a1",
+        "muted-foreground": "#073642",
+        "accent": "#cb4b16",
+        "accent-foreground": "#ffffff",
+        "destructive": "#dc322f",
+        "destructive-foreground": "#ffffff",
+        "border": "#839496",
+        "input": "#839496",
+        "ring": "#d33682",
+        "chart-1": "#268bd2",
+        "chart-2": "#2aa198",
+        "chart-3": "#d33682",
+        "chart-4": "#cb4b16",
+        "chart-5": "#dc322f",
+        "sidebar": "#fdf6e3",
+        "sidebar-foreground": "#073642",
+        "sidebar-primary": "#d33682",
+        "sidebar-primary-foreground": "#ffffff",
+        "sidebar-accent": "#2aa198",
+        "sidebar-accent-foreground": "#ffffff",
+        "sidebar-border": "#839496",
+        "sidebar-ring": "#d33682",
+        "font-sans": "Outfit, sans-serif",
+        "font-mono": "Space Mono, monospace",
+        "shadow-color": "hsl(196 83% 10%)",
+        "shadow-opacity": "0.15",
+        "shadow-blur": "4px",
+        "shadow-spread": "0px",
+        "shadow-offset-x": "2px",
+        "shadow-offset-y": "2px",
+      },
+      dark: {
+        "background": "#002b36",
+        "foreground": "#93a1a1",
+        "card": "#073642",
+        "card-foreground": "#93a1a1",
+        "popover": "#073642",
+        "popover-foreground": "#93a1a1",
+        "primary": "#d33682",
+        "primary-foreground": "#ffffff",
+        "secondary": "#2aa198",
+        "secondary-foreground": "#ffffff",
+        "muted": "#586e75",
+        "muted-foreground": "#93a1a1",
+        "accent": "#cb4b16",
+        "accent-foreground": "#ffffff",
+        "destructive": "#dc322f",
+        "destructive-foreground": "#ffffff",
+        "border": "#586e75",
+        "input": "#586e75",
+        "ring": "#d33682",
+        "chart-1": "#268bd2",
+        "chart-2": "#2aa198",
+        "chart-3": "#d33682",
+        "chart-4": "#cb4b16",
+        "chart-5": "#dc322f",
+        "sidebar": "#002b36",
+        "sidebar-foreground": "#93a1a1",
+        "sidebar-primary": "#d33682",
+        "sidebar-primary-foreground": "#ffffff",
+        "sidebar-accent": "#2aa198",
+        "sidebar-accent-foreground": "#ffffff",
+        "sidebar-border": "#586e75",
+        "sidebar-ring": "#d33682",
+      },
+    },
+    radius: "0.25rem",
+    font: {
+      value: "outfit",
+      fontFamily: '"Outfit", sans-serif',
+      googleFontsUrl:
+        "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap",
+    },
+  },
+  {
+    name: "midnight-bloom",
+    label: "Midnight Bloom",
+    colors: {
+      light: {
+        "background": "#f9f9f9",
+        "foreground": "#333333",
+        "card": "#ffffff",
+        "card-foreground": "#333333",
+        "popover": "#ffffff",
+        "popover-foreground": "#333333",
+        "primary": "#6c5ce7",
+        "primary-foreground": "#ffffff",
+        "secondary": "#a1c9f2",
+        "secondary-foreground": "#333333",
+        "muted": "#c9c4b5",
+        "muted-foreground": "#6e6e6e",
+        "accent": "#8b9467",
+        "accent-foreground": "#ffffff",
+        "destructive": "#ef4444",
+        "destructive-foreground": "#ffffff",
+        "border": "#d4d4d4",
+        "input": "#d4d4d4",
+        "ring": "#6c5ce7",
+        "chart-1": "#6c5ce7",
+        "chart-2": "#8e44ad",
+        "chart-3": "#4b0082",
+        "chart-4": "#6495ed",
+        "chart-5": "#4682b4",
+        "sidebar": "#f9f9f9",
+        "sidebar-foreground": "#333333",
+        "sidebar-primary": "#6c5ce7",
+        "sidebar-primary-foreground": "#ffffff",
+        "sidebar-accent": "#8b9467",
+        "sidebar-accent-foreground": "#ffffff",
+        "sidebar-border": "#d4d4d4",
+        "sidebar-ring": "#6c5ce7",
+        "font-sans": "Montserrat, sans-serif",
+        "font-serif": "Playfair Display, serif",
+        "font-mono": "Source Code Pro, monospace",
+        "shadow-color": "hsl(0 0% 0%)",
+        "shadow-opacity": "0.1",
+        "shadow-blur": "10px",
+        "shadow-spread": "-2px",
+        "shadow-offset-x": "0px",
+        "shadow-offset-y": "5px",
+      },
+      dark: {
+        "background": "#1a1d23",
+        "foreground": "#e5e5e5",
+        "card": "#2f3436",
+        "card-foreground": "#e5e5e5",
+        "popover": "#2f3436",
+        "popover-foreground": "#e5e5e5",
+        "primary": "#6c5ce7",
+        "primary-foreground": "#ffffff",
+        "secondary": "#4b0082",
+        "secondary-foreground": "#e5e5e5",
+        "muted": "#444444",
+        "muted-foreground": "#a3a3a3",
+        "accent": "#6495ed",
+        "accent-foreground": "#e5e5e5",
+        "destructive": "#ef4444",
+        "destructive-foreground": "#ffffff",
+        "border": "#444444",
+        "input": "#444444",
+        "ring": "#6c5ce7",
+        "chart-1": "#6c5ce7",
+        "chart-2": "#8e44ad",
+        "chart-3": "#4b0082",
+        "chart-4": "#6495ed",
+        "chart-5": "#4682b4",
+        "sidebar": "#1a1d23",
+        "sidebar-foreground": "#e5e5e5",
+        "sidebar-primary": "#6c5ce7",
+        "sidebar-primary-foreground": "#ffffff",
+        "sidebar-accent": "#6495ed",
+        "sidebar-accent-foreground": "#e5e5e5",
+        "sidebar-border": "#444444",
+        "sidebar-ring": "#6c5ce7",
+      },
+    },
+    radius: "0.5rem",
+    font: {
+      value: "montserrat",
+      fontFamily: '"Montserrat", sans-serif',
+      googleFontsUrl:
+        "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap",
+    },
+  },
+  {
+    name: "candyland",
+    label: "Candyland",
+    colors: {
+      light: {
+        "background": "#f7f9fa",
+        "foreground": "#333333",
+        "card": "#ffffff",
+        "card-foreground": "#333333",
+        "popover": "#ffffff",
+        "popover-foreground": "#333333",
+        "primary": "#ffc0cb",
+        "primary-foreground": "#000000",
+        "secondary": "#87ceeb",
+        "secondary-foreground": "#000000",
+        "muted": "#ddd9c4",
+        "muted-foreground": "#6e6e6e",
+        "accent": "#ffff00",
+        "accent-foreground": "#000000",
+        "destructive": "#ef4444",
+        "destructive-foreground": "#ffffff",
+        "border": "#d4d4d4",
+        "input": "#d4d4d4",
+        "ring": "#ffc0cb",
+        "chart-1": "#ffc0cb",
+        "chart-2": "#87ceeb",
+        "chart-3": "#ffff00",
+        "chart-4": "#ff99cc",
+        "chart-5": "#33cc33",
+        "sidebar": "#f7f9fa",
+        "sidebar-foreground": "#333333",
+        "sidebar-primary": "#ffc0cb",
+        "sidebar-primary-foreground": "#000000",
+        "sidebar-accent": "#ffff00",
+        "sidebar-accent-foreground": "#000000",
+        "sidebar-border": "#d4d4d4",
+        "sidebar-ring": "#ffc0cb",
+        "font-sans": "Poppins, sans-serif",
+        "font-mono": "Roboto Mono, monospace",
+      },
+      dark: {
+        "background": "#1a1d23",
+        "foreground": "#e5e5e5",
+        "card": "#2f3436",
+        "card-foreground": "#e5e5e5",
+        "popover": "#2f3436",
+        "popover-foreground": "#e5e5e5",
+        "primary": "#ff99cc",
+        "primary-foreground": "#000000",
+        "secondary": "#33cc33",
+        "secondary-foreground": "#000000",
+        "muted": "#444444",
+        "muted-foreground": "#a3a3a3",
+        "accent": "#87ceeb",
+        "accent-foreground": "#000000",
+        "destructive": "#ef4444",
+        "destructive-foreground": "#ffffff",
+        "border": "#444444",
+        "input": "#444444",
+        "ring": "#ff99cc",
+        "chart-1": "#ff99cc",
+        "chart-2": "#33cc33",
+        "chart-3": "#87ceeb",
+        "chart-4": "#ffff00",
+        "chart-5": "#ffcc00",
+        "sidebar": "#1a1d23",
+        "sidebar-foreground": "#e5e5e5",
+        "sidebar-primary": "#ff99cc",
+        "sidebar-primary-foreground": "#000000",
+        "sidebar-accent": "#87ceeb",
+        "sidebar-accent-foreground": "#000000",
+        "sidebar-border": "#444444",
+        "sidebar-ring": "#ff99cc",
+      },
+    },
+    radius: "0.5rem",
+    font: {
+      value: "poppins",
+      fontFamily: '"Poppins", sans-serif',
+      googleFontsUrl:
+        "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap",
+    },
+  },
+  {
+    name: "northern-lights",
+    label: "Northern Lights",
+    colors: {
+      light: {
+        "background": "#f9f9fa",
+        "foreground": "#333333",
+        "card": "#ffffff",
+        "card-foreground": "#333333",
+        "popover": "#ffffff",
+        "popover-foreground": "#333333",
+        "primary": "#34a85a",
+        "primary-foreground": "#ffffff",
+        "secondary": "#6495ed",
+        "secondary-foreground": "#ffffff",
+        "muted": "#ddd9c4",
+        "muted-foreground": "#6e6e6e",
+        "accent": "#66d9ef",
+        "accent-foreground": "#333333",
+        "destructive": "#ef4444",
+        "destructive-foreground": "#ffffff",
+        "border": "#d4d4d4",
+        "input": "#d4d4d4",
+        "ring": "#34a85a",
+        "chart-1": "#34a85a",
+        "chart-2": "#6495ed",
+        "chart-3": "#66d9ef",
+        "chart-4": "#4682b4",
+        "chart-5": "#1a9641",
+        "sidebar": "#f9f9fa",
+        "sidebar-foreground": "#333333",
+        "sidebar-primary": "#34a85a",
+        "sidebar-primary-foreground": "#ffffff",
+        "sidebar-accent": "#66d9ef",
+        "sidebar-accent-foreground": "#333333",
+        "sidebar-border": "#d4d4d4",
+        "sidebar-ring": "#34a85a",
+        "font-sans": "Plus Jakarta Sans, sans-serif",
+        "font-serif": "Source Serif 4, serif",
+        "font-mono": "JetBrains Mono, monospace",
+      },
+      dark: {
+        "background": "#1a1d23",
+        "foreground": "#e5e5e5",
+        "card": "#2f3436",
+        "card-foreground": "#e5e5e5",
+        "popover": "#2f3436",
+        "popover-foreground": "#e5e5e5",
+        "primary": "#34a85a",
+        "primary-foreground": "#ffffff",
+        "secondary": "#4682b4",
+        "secondary-foreground": "#e5e5e5",
+        "muted": "#444444",
+        "muted-foreground": "#a3a3a3",
+        "accent": "#6495ed",
+        "accent-foreground": "#e5e5e5",
+        "destructive": "#ef4444",
+        "destructive-foreground": "#ffffff",
+        "border": "#444444",
+        "input": "#444444",
+        "ring": "#34a85a",
+        "chart-1": "#34a85a",
+        "chart-2": "#4682b4",
+        "chart-3": "#6495ed",
+        "chart-4": "#66d9ef",
+        "chart-5": "#1a9641",
+        "sidebar": "#1a1d23",
+        "sidebar-foreground": "#e5e5e5",
+        "sidebar-primary": "#34a85a",
+        "sidebar-primary-foreground": "#ffffff",
+        "sidebar-accent": "#6495ed",
+        "sidebar-accent-foreground": "#e5e5e5",
+        "sidebar-border": "#444444",
+        "sidebar-ring": "#34a85a",
+      },
+    },
+    radius: "0.5rem",
+    font: {
+      value: "plus-jakarta-sans",
+      fontFamily: '"Plus Jakarta Sans", sans-serif',
+      googleFontsUrl:
+        "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap",
+    },
+  },
+  {
+    name: "vintage-paper",
+    label: "Vintage Paper",
+    colors: {
+      light: {
+        "background": "#f5f1e6",
+        "foreground": "#4a3f35",
+        "card": "#fffcf5",
+        "card-foreground": "#4a3f35",
+        "popover": "#fffcf5",
+        "popover-foreground": "#4a3f35",
+        "primary": "#a67c52",
+        "primary-foreground": "#ffffff",
+        "secondary": "#e2d8c3",
+        "secondary-foreground": "#5c4d3f",
+        "muted": "#ece5d8",
+        "muted-foreground": "#7d6b56",
+        "accent": "#d4c8aa",
+        "accent-foreground": "#4a3f35",
+        "destructive": "#b54a35",
+        "destructive-foreground": "#ffffff",
+        "border": "#dbd0ba",
+        "input": "#dbd0ba",
+        "ring": "#a67c52",
+        "chart-1": "#a67c52",
+        "chart-2": "#8d6e4c",
+        "chart-3": "#735a3a",
+        "chart-4": "#b3906f",
+        "chart-5": "#c0a080",
+        "sidebar": "#ece5d8",
+        "sidebar-foreground": "#4a3f35",
+        "sidebar-primary": "#a67c52",
+        "sidebar-primary-foreground": "#ffffff",
+        "sidebar-accent": "#d4c8aa",
+        "sidebar-accent-foreground": "#4a3f35",
+        "sidebar-border": "#dbd0ba",
+        "sidebar-ring": "#a67c52",
+        "font-sans": "Libre Baskerville, serif",
+        "font-serif": "Lora, serif",
+        "font-mono": "IBM Plex Mono, monospace",
+        "shadow-color": "hsl(28 13% 20%)",
+        "shadow-opacity": "0.12",
+        "shadow-blur": "5px",
+        "shadow-spread": "0px",
+        "shadow-offset-x": "2px",
+        "shadow-offset-y": "3px",
+      },
+      dark: {
+        "background": "#2d2621",
+        "foreground": "#ece5d8",
+        "card": "#3a322c",
+        "card-foreground": "#ece5d8",
+        "popover": "#3a322c",
+        "popover-foreground": "#ece5d8",
+        "primary": "#c0a080",
+        "primary-foreground": "#2d2621",
+        "secondary": "#4a4039",
+        "secondary-foreground": "#ece5d8",
+        "muted": "#312b26",
+        "muted-foreground": "#c5bcac",
+        "accent": "#59493e",
+        "accent-foreground": "#ece5d8",
+        "destructive": "#b54a35",
+        "destructive-foreground": "#ffffff",
+        "border": "#4a4039",
+        "input": "#4a4039",
+        "ring": "#c0a080",
+        "chart-1": "#c0a080",
+        "chart-2": "#b3906f",
+        "chart-3": "#a67c52",
+        "chart-4": "#8d6e4c",
+        "chart-5": "#735a3a",
+        "sidebar": "#2d2621",
+        "sidebar-foreground": "#ece5d8",
+        "sidebar-primary": "#c0a080",
+        "sidebar-primary-foreground": "#2d2621",
+        "sidebar-accent": "#59493e",
+        "sidebar-accent-foreground": "#ece5d8",
+        "sidebar-border": "#4a4039",
+        "sidebar-ring": "#c0a080",
+      },
+    },
+    radius: "0.25rem",
+    font: {
+      value: "libre-baskerville",
+      fontFamily: '"Libre Baskerville", sans-serif',
+      googleFontsUrl:
+        "https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&display=swap",
+    },
+  },
+  {
+    name: "sunset-horizon",
+    label: "Sunset Horizon",
+    colors: {
+      light: {
+        "background": "#fff9f5",
+        "foreground": "#3d3436",
+        "card": "#ffffff",
+        "card-foreground": "#3d3436",
+        "popover": "#ffffff",
+        "popover-foreground": "#3d3436",
+        "primary": "#ff7e5f",
+        "primary-foreground": "#ffffff",
+        "secondary": "#ffedea",
+        "secondary-foreground": "#b35340",
+        "muted": "#fff0eb",
+        "muted-foreground": "#78716C",
+        "accent": "#feb47b",
+        "accent-foreground": "#3d3436",
+        "destructive": "#e63946",
+        "destructive-foreground": "#ffffff",
+        "border": "#ffe0d6",
+        "input": "#ffe0d6",
+        "ring": "#ff7e5f",
+        "chart-1": "#ff7e5f",
+        "chart-2": "#feb47b",
+        "chart-3": "#ffcaa7",
+        "chart-4": "#ffad8f",
+        "chart-5": "#ce6a57",
+        "sidebar": "#fff0eb",
+        "sidebar-foreground": "#3d3436",
+        "sidebar-primary": "#ff7e5f",
+        "sidebar-primary-foreground": "#ffffff",
+        "sidebar-accent": "#feb47b",
+        "sidebar-accent-foreground": "#3d3436",
+        "sidebar-border": "#ffe0d6",
+        "sidebar-ring": "#ff7e5f",
+        "font-sans": "Montserrat, sans-serif",
+        "font-serif": "Merriweather, serif",
+        "font-mono": "Ubuntu Mono, monospace",
+        "shadow-color": "hsl(0 0% 0%)",
+        "shadow-opacity": "0.09",
+        "shadow-blur": "12px",
+        "shadow-spread": "-3px",
+        "shadow-offset-x": "0px",
+        "shadow-offset-y": "6px",
+      },
+      dark: {
+        "background": "#2a2024",
+        "foreground": "#f2e9e4",
+        "card": "#392f35",
+        "card-foreground": "#f2e9e4",
+        "popover": "#392f35",
+        "popover-foreground": "#f2e9e4",
+        "primary": "#ff7e5f",
+        "primary-foreground": "#ffffff",
+        "secondary": "#463a41",
+        "secondary-foreground": "#f2e9e4",
+        "muted": "#30272c",
+        "muted-foreground": "#d7c6bc",
+        "accent": "#feb47b",
+        "accent-foreground": "#2a2024",
+        "destructive": "#e63946",
+        "destructive-foreground": "#ffffff",
+        "border": "#463a41",
+        "input": "#463a41",
+        "ring": "#ff7e5f",
+        "chart-1": "#ff7e5f",
+        "chart-2": "#feb47b",
+        "chart-3": "#ffcaa7",
+        "chart-4": "#ffad8f",
+        "chart-5": "#ce6a57",
+        "sidebar": "#2a2024",
+        "sidebar-foreground": "#f2e9e4",
+        "sidebar-primary": "#ff7e5f",
+        "sidebar-primary-foreground": "#ffffff",
+        "sidebar-accent": "#feb47b",
+        "sidebar-accent-foreground": "#2a2024",
+        "sidebar-border": "#463a41",
+        "sidebar-ring": "#ff7e5f",
+      },
+    },
+    radius: "0.625rem",
+    font: {
+      value: "montserrat",
+      fontFamily: '"Montserrat", sans-serif',
+      googleFontsUrl:
+        "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap",
+    },
+  },
+  {
+    name: "starry-night",
+    label: "Starry Night",
+    colors: {
+      light: {
+        "background": "#f5f7fa",
+        "foreground": "#1a2238",
+        "card": "#e3eaf2",
+        "card-foreground": "#1a2238",
+        "popover": "#fffbe6",
+        "popover-foreground": "#1a2238",
+        "primary": "#3a5ba0",
+        "primary-foreground": "#fffbe6",
+        "secondary": "#f7c873",
+        "secondary-foreground": "#1a2238",
+        "muted": "#e5e5df",
+        "muted-foreground": "#3a5ba0",
+        "accent": "#6ea3c1",
+        "accent-foreground": "#fffbe6",
+        "destructive": "#2d1e2f",
+        "destructive-foreground": "#fffbe6",
+        "border": "#b0b8c1",
+        "input": "#6ea3c1",
+        "ring": "#f7c873",
+        "chart-1": "#3a5ba0",
+        "chart-2": "#f7c873",
+        "chart-3": "#6ea3c1",
+        "chart-4": "#b0b8c1",
+        "chart-5": "#2d1e2f",
+        "sidebar": "#e3eaf2",
+        "sidebar-foreground": "#1a2238",
+        "sidebar-primary": "#3a5ba0",
+        "sidebar-primary-foreground": "#fffbe6",
+        "sidebar-accent": "#f7c873",
+        "sidebar-accent-foreground": "#1a2238",
+        "sidebar-border": "#b0b8c1",
+        "sidebar-ring": "#f7c873",
+        "font-sans": "Libre Baskerville, serif",
+      },
+      dark: {
+        "background": "#181a24",
+        "foreground": "#e6eaf3",
+        "card": "#23243a",
+        "card-foreground": "#e6eaf3",
+        "popover": "#23243a",
+        "popover-foreground": "#ffe066",
+        "primary": "#3a5ba0",
+        "primary-foreground": "#ffe066",
+        "secondary": "#ffe066",
+        "secondary-foreground": "#23243a",
+        "muted": "#1d1e2f",
+        "muted-foreground": "#7a88a1",
+        "accent": "#bccdf0",
+        "accent-foreground": "#181a24",
+        "destructive": "#a04a6c",
+        "destructive-foreground": "#ffe066",
+        "border": "#2d2e3e",
+        "input": "#3a5ba0",
+        "ring": "#ffe066",
+        "chart-1": "#3a5ba0",
+        "chart-2": "#ffe066",
+        "chart-3": "#6ea3c1",
+        "chart-4": "#7a88a1",
+        "chart-5": "#a04a6c",
+        "sidebar": "#23243a",
+        "sidebar-foreground": "#e6eaf3",
+        "sidebar-primary": "#3a5ba0",
+        "sidebar-primary-foreground": "#ffe066",
+        "sidebar-accent": "#ffe066",
+        "sidebar-accent-foreground": "#23243a",
+        "sidebar-border": "#2d2e3e",
+        "sidebar-ring": "#ffe066",
+      },
+    },
+    radius: "0.5rem",
+    font: {
+      value: "libre-baskerville",
+      fontFamily: '"Libre Baskerville", sans-serif',
+      googleFontsUrl:
+        "https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&display=swap",
+    },
+  },
+  {
+    name: "darkmatter",
+    label: "Darkmatter",
+    colors: {
+      light: {
+        "background": "#ffffff",
+        "foreground": "#111827",
+        "card": "#ffffff",
+        "card-foreground": "#111827",
+        "popover": "#ffffff",
+        "popover-foreground": "#111827",
+        "primary": "#d87943",
+        "primary-foreground": "#ffffff",
+        "secondary": "#527575",
+        "secondary-foreground": "#ffffff",
+        "muted": "#f3f4f6",
+        "muted-foreground": "#6b7280",
+        "accent": "#eeeeee",
+        "accent-foreground": "#111827",
+        "destructive": "#ef4444",
+        "destructive-foreground": "#fafafa",
+        "border": "#e5e7eb",
+        "input": "#e5e7eb",
+        "ring": "#d87943",
+        "chart-1": "#5f8787",
+        "chart-2": "#e78a53",
+        "chart-3": "#fbcb97",
+        "chart-4": "#888888",
+        "chart-5": "#999999",
+        "sidebar": "#f3f4f6",
+        "sidebar-foreground": "#111827",
+        "sidebar-primary": "#d87943",
+        "sidebar-primary-foreground": "#ffffff",
+        "sidebar-accent": "#ffffff",
+        "sidebar-accent-foreground": "#111827",
+        "sidebar-border": "#e5e7eb",
+        "sidebar-ring": "#d87943",
+        "font-sans": "Geist Mono, ui-monospace, monospace",
+        "font-serif": "serif",
+        "font-mono": "JetBrains Mono, monospace",
+        "shadow-color": "#000000",
+        "shadow-opacity": "0.05",
+        "shadow-blur": "4px",
+        "shadow-spread": "0px",
+        "shadow-offset-x": "0px",
+        "shadow-offset-y": "1px",
+        "letter-spacing": "0rem",
+        "spacing": "0.25rem",
+      },
+      dark: {
+        "background": "#121113",
+        "foreground": "#c1c1c1",
+        "card": "#121212",
+        "card-foreground": "#c1c1c1",
+        "popover": "#121113",
+        "popover-foreground": "#c1c1c1",
+        "primary": "#e78a53",
+        "primary-foreground": "#121113",
+        "secondary": "#5f8787",
+        "secondary-foreground": "#121113",
+        "muted": "#222222",
+        "muted-foreground": "#888888",
+        "accent": "#333333",
+        "accent-foreground": "#c1c1c1",
+        "destructive": "#5f8787",
+        "destructive-foreground": "#121113",
+        "border": "#222222",
+        "input": "#222222",
+        "ring": "#e78a53",
+        "chart-1": "#5f8787",
+        "chart-2": "#e78a53",
+        "chart-3": "#fbcb97",
+        "chart-4": "#888888",
+        "chart-5": "#999999",
+        "sidebar": "#121212",
+        "sidebar-foreground": "#c1c1c1",
+        "sidebar-primary": "#e78a53",
+        "sidebar-primary-foreground": "#121113",
+        "sidebar-accent": "#333333",
+        "sidebar-accent-foreground": "#c1c1c1",
+        "sidebar-border": "#222222",
+        "sidebar-ring": "#e78a53",
+        "shadow-color": "#000000",
+      },
+    },
+    radius: "0.75rem",
+  },
+  {
+    name: "mono",
+    label: "Mono",
+    colors: {
+      light: {
+        "background": "#ffffff",
+        "foreground": "#0a0a0a",
+        "card": "#ffffff",
+        "card-foreground": "#0a0a0a",
+        "popover": "#ffffff",
+        "popover-foreground": "#0a0a0a",
+        "primary": "#737373",
+        "primary-foreground": "#fafafa",
+        "secondary": "#f5f5f5",
+        "secondary-foreground": "#171717",
+        "muted": "#f5f5f5",
+        "muted-foreground": "#717171",
+        "accent": "#f5f5f5",
+        "accent-foreground": "#171717",
+        "destructive": "#e7000b",
+        "destructive-foreground": "#f5f5f5",
+        "border": "#e5e5e5",
+        "input": "#e5e5e5",
+        "ring": "#a1a1a1",
+        "chart-1": "#737373",
+        "chart-2": "#737373",
+        "chart-3": "#737373",
+        "chart-4": "#737373",
+        "chart-5": "#737373",
+        "sidebar": "#fafafa",
+        "sidebar-foreground": "#0a0a0a",
+        "sidebar-primary": "#171717",
+        "sidebar-primary-foreground": "#fafafa",
+        "sidebar-accent": "#f5f5f5",
+        "sidebar-accent-foreground": "#171717",
+        "sidebar-border": "#e5e5e5",
+        "sidebar-ring": "#a1a1a1",
+        "font-sans": "Geist Mono, monospace",
+        "font-serif": "Geist Mono, monospace",
+        "font-mono": "Geist Mono, monospace",
+        "shadow-color": "hsl(0 0% 0%)",
+        "shadow-opacity": "0",
+        "shadow-blur": "0px",
+        "shadow-spread": "0px",
+        "shadow-offset-x": "0px",
+        "shadow-offset-y": "1px",
+      },
+      dark: {
+        "background": "#0a0a0a",
+        "foreground": "#fafafa",
+        "card": "#191919",
+        "card-foreground": "#fafafa",
+        "popover": "#262626",
+        "popover-foreground": "#fafafa",
+        "primary": "#737373",
+        "primary-foreground": "#fafafa",
+        "secondary": "#262626",
+        "secondary-foreground": "#fafafa",
+        "muted": "#262626",
+        "muted-foreground": "#a1a1a1",
+        "accent": "#404040",
+        "accent-foreground": "#fafafa",
+        "destructive": "#ff6467",
+        "destructive-foreground": "#262626",
+        "border": "#383838",
+        "input": "#525252",
+        "ring": "#737373",
+        "chart-1": "#737373",
+        "chart-2": "#737373",
+        "chart-3": "#737373",
+        "chart-4": "#737373",
+        "chart-5": "#737373",
+        "sidebar": "#171717",
+        "sidebar-foreground": "#fafafa",
+        "sidebar-primary": "#fafafa",
+        "sidebar-primary-foreground": "#171717",
+        "sidebar-accent": "#262626",
+        "sidebar-accent-foreground": "#fafafa",
+        "sidebar-border": "#ffffff",
+        "sidebar-ring": "#525252",
+      },
+    },
+    radius: "0rem",
+  },
+  {
+    name: "soft-pop",
+    label: "Soft Pop",
+    colors: {
+      light: {
+        "background": "#f7f9f3",
+        "foreground": "#000000",
+        "card": "#ffffff",
+        "card-foreground": "#000000",
+        "popover": "#ffffff",
+        "popover-foreground": "#000000",
+        "primary": "#4f46e5",
+        "primary-foreground": "#ffffff",
+        "secondary": "#14b8a6",
+        "secondary-foreground": "#ffffff",
+        "muted": "#f0f0f0",
+        "muted-foreground": "#333333",
+        "accent": "#f59e0b",
+        "accent-foreground": "#000000",
+        "destructive": "#ef4444",
+        "destructive-foreground": "#ffffff",
+        "border": "#000000",
+        "input": "#737373",
+        "ring": "#a5b4fc",
+        "chart-1": "#4f46e5",
+        "chart-2": "#14b8a6",
+        "chart-3": "#f59e0b",
+        "chart-4": "#ec4899",
+        "chart-5": "#22c55e",
+        "sidebar": "#f7f9f3",
+        "sidebar-foreground": "#000000",
+        "sidebar-primary": "#4f46e5",
+        "sidebar-primary-foreground": "#ffffff",
+        "sidebar-accent": "#f59e0b",
+        "sidebar-accent-foreground": "#000000",
+        "sidebar-border": "#000000",
+        "sidebar-ring": "#a5b4fc",
+        "font-sans": "DM Sans, sans-serif",
+        "font-serif": "DM Sans, sans-serif",
+        "font-mono": "Space Mono, monospace",
+        "shadow-color": "#1a1a1a",
+        "shadow-opacity": "0.05",
+        "shadow-blur": "0px",
+        "shadow-spread": "0px",
+        "shadow-offset-x": "0px",
+        "shadow-offset-y": "0px",
+        "letter-spacing": "normal",
+        "spacing": "0.25rem",
+      },
+      dark: {
+        "background": "#000000",
+        "foreground": "#ffffff",
+        "card": "#1a212b",
+        "card-foreground": "#ffffff",
+        "popover": "#1a212b",
+        "popover-foreground": "#ffffff",
+        "primary": "#818cf8",
+        "primary-foreground": "#000000",
+        "secondary": "#2dd4bf",
+        "secondary-foreground": "#000000",
+        "muted": "#333333",
+        "muted-foreground": "#cccccc",
+        "accent": "#fcd34d",
+        "accent-foreground": "#000000",
+        "destructive": "#f87171",
+        "destructive-foreground": "#000000",
+        "border": "#545454",
+        "input": "#ffffff",
+        "ring": "#818cf8",
+        "chart-1": "#818cf8",
+        "chart-2": "#2dd4bf",
+        "chart-3": "#fcd34d",
+        "chart-4": "#f472b6",
+        "chart-5": "#4ade80",
+        "sidebar": "#000000",
+        "sidebar-foreground": "#ffffff",
+        "sidebar-primary": "#818cf8",
+        "sidebar-primary-foreground": "#000000",
+        "sidebar-accent": "#fcd34d",
+        "sidebar-accent-foreground": "#000000",
+        "sidebar-border": "#ffffff",
+        "sidebar-ring": "#818cf8",
+        "font-sans": "DM Sans, sans-serif",
+        "font-serif": "DM Sans, sans-serif",
+        "font-mono": "Space Mono, monospace",
+        "shadow-color": "#1a1a1a",
+        "shadow-opacity": "0.05",
+        "shadow-blur": "0px",
+        "shadow-spread": "0px",
+        "shadow-offset-x": "0px",
+        "shadow-offset-y": "0px",
+        "letter-spacing": "normal",
+        "spacing": "0.25rem",
+      },
+    },
+    radius: "1rem",
+    font: {
+      value: "dm-sans",
+      fontFamily: '"DM Sans", sans-serif',
+      googleFontsUrl:
+        "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap",
+    },
+  },
+  {
+    name: "sage-garden",
+    label: "Sage Garden",
+    colors: {
+      light: {
+        "background": "#f8f7f4",
+        "foreground": "#1a1f2e",
+        "card": "#ffffff",
+        "card-foreground": "#1a1f2e",
+        "popover": "#ffffff",
+        "popover-foreground": "#1a1f2e",
+        "primary": "#7c9082",
+        "primary-foreground": "#ffffff",
+        "secondary": "#ced4bf",
+        "secondary-foreground": "#1a1f2e",
+        "muted": "#e8e6e1",
+        "muted-foreground": "#6b7280",
+        "accent": "#bfc9bb",
+        "accent-foreground": "#1a1f2e",
+        "destructive": "#c73e3a",
+        "destructive-foreground": "#ffffff",
+        "border": "#e8e6e1",
+        "input": "#ffffff",
+        "ring": "#7c9082",
+        "chart-1": "#7c9082",
+        "chart-2": "#a0aa88",
+        "chart-3": "#8b9d83",
+        "chart-4": "#6b7280",
+        "chart-5": "#e8e6e1",
+        "sidebar": "#fafaf8",
+        "sidebar-foreground": "#1a1f2e",
+        "sidebar-primary": "#7c9082",
+        "sidebar-primary-foreground": "#ffffff",
+        "sidebar-accent": "#e8e6e1",
+        "sidebar-accent-foreground": "#1a1f2e",
+        "sidebar-border": "#e8e6e1",
+        "sidebar-ring": "#7c9082",
+        "font-sans": "Antic, ui-sans-serif, sans-serif, system-ui",
+        "font-serif": "Signifier, Georgia, serif",
+        "font-mono": "JetBrains Mono, Courier New, monospace",
+        "shadow-color": "#1a1f2e",
+        "shadow-opacity": "0.04",
+        "shadow-blur": "2px",
+        "shadow-spread": "0px",
+        "shadow-offset-x": "0px",
+        "shadow-offset-y": "1px",
+        "letter-spacing": "0em",
+        "spacing": "0.23rem",
+      },
+      dark: {
+        "background": "#0a0a0a",
+        "foreground": "#f5f5f5",
+        "card": "#121212",
+        "card-foreground": "#f5f5f5",
+        "popover": "#121212",
+        "popover-foreground": "#f5f5f5",
+        "primary": "#7c9082",
+        "primary-foreground": "#000000",
+        "secondary": "#1a1a1a",
+        "secondary-foreground": "#f5f5f5",
+        "muted": "#1a1a1a",
+        "muted-foreground": "#a0a0a0",
+        "accent": "#36443a",
+        "accent-foreground": "#f5f5f5",
+        "destructive": "#ef4444",
+        "destructive-foreground": "#ffffff",
+        "border": "#2a2a2a",
+        "input": "#121212",
+        "ring": "#7c9082",
+        "chart-1": "#7c9082",
+        "chart-2": "#a0aa88",
+        "chart-3": "#8b9d83",
+        "chart-4": "#6b7280",
+        "chart-5": "#5a6b5e",
+        "sidebar": "#0f0f0f",
+        "sidebar-foreground": "#f5f5f5",
+        "sidebar-primary": "#7c9082",
+        "sidebar-primary-foreground": "#ffffff",
+        "sidebar-accent": "#1a1a1a",
+        "sidebar-accent-foreground": "#f5f5f5",
+        "sidebar-border": "#2a2a2a",
+        "sidebar-ring": "#7c9082",
+        "shadow-color": "#000000",
+      },
+    },
+    radius: "0.35rem",
+    font: {
+      value: "antic",
+      fontFamily: '"Antic", sans-serif',
+      googleFontsUrl:
+        "https://fonts.googleapis.com/css2?family=Antic&display=swap",
+    },
+  },
+];
+
+const themePresetByName = new Map(
+  themePresets.map((preset) => [preset.name, preset])
+);
+
+export function getThemePreset(name: string): ThemePreset | undefined {
+  return themePresetByName.get(name);
+}
+`}function L(){return `"use client";
+
+import { radiusPresets } from "./presets/radius";
+
+type RadiusSelectorProps = {
+  value: string | null;
+  onChange: (radius: string) => void;
+};
+
+const baseButtonClass =
+  "inline-flex flex-col items-center justify-center gap-1.5 w-full min-h-[52px] px-2.5 py-1.5 rounded-[10px] border text-xs font-medium tracking-[0.01em] cursor-pointer transition-all duration-[160ms]";
+
+const defaultButtonClass =
+  "border-[oklch(1_0_0/0.08)] bg-[oklch(0.2_0.02_260/0.9)] text-[oklch(0.96_0_0)] hover:bg-[oklch(0.24_0.02_260/0.95)] hover:border-[oklch(1_0_0/0.18)]";
+
+const selectedButtonClass =
+  "bg-[oklch(0.24_0.02_260/0.95)] border-[oklch(0.72_0.15_265)] shadow-[0_0_0_1px_oklch(0.72_0.15_265),0_10px_24px_oklch(0_0_0/0.35)]";
+
+export function RadiusSelector({ value, onChange }: RadiusSelectorProps) {
+  return (
+    <div
+      className="relative grid gap-2.5 p-3 rounded-xl border border-[oklch(1_0_0/0.08)] bg-[oklch(0.2_0.02_260/0.9)]"
+      style={{ boxShadow: "inset 0 1px 0 oklch(1 0 0 / 0.04)" }}
+    >
+      <label className="block text-[10.5px] font-semibold tracking-[0.16em] uppercase text-[oklch(0.72_0_0)]">
+        Radius
+      </label>
+      <div className="grid grid-cols-3 gap-2">
+        {radiusPresets.map((preset) => {
+          const isSelected = value === preset.value;
+
+          return (
+            <button
+              key={preset.name}
+              onClick={() => onChange(preset.value)}
+              className={\`\${baseButtonClass} \${isSelected ? selectedButtonClass : defaultButtonClass}\`}
+              style={isSelected ? undefined : { boxShadow: "inset 0 1px 0 oklch(1 0 0 / 0.04)" }}
+              title={preset.label}
+            >
+              <span
+                className="w-7 h-[18px] border border-[oklch(1_0_0/0.12)]"
+                style={{
+                  borderRadius: preset.value,
+                  background:
+                    "linear-gradient(180deg, oklch(0.8 0 0 / 0.45), oklch(0.6 0 0 / 0.2))",
+                }}
+              />
+              <span className="text-[11px] text-[oklch(0.72_0_0)]">
+                {preset.label}
+              </span>
+            </button>
+          );
+        })}
+      </div>
+    </div>
+  );
+}
+`}function U(){return `// Direct DOM theme application (no postMessage needed)
+
+import { getColorPreset } from "./presets/colors";
+import { getFontPreset } from "./presets/fonts";
+import {
+  getThemePreset,
+  type ThemePreset,
+  type ThemePresetFont,
+} from "./presets/theme-presets";
+
+const THEME_COLOR_STYLE_ID = "previewcn-devtools-theme-colors";
+const THEME_FONT_STYLE_ID = "previewcn-devtools-theme-font";
+
+export type ThemeConfig = {
+  colorPreset: string | null;
+  radius: string | null;
+  darkMode: boolean | null;
+  font: string | null;
+  preset: string | null;
+};
+
+type ThemeColors = {
+  light: Record<string, string>;
+  dark: Record<string, string>;
+};
+
+function getOrCreateStyleElement(id: string): HTMLStyleElement {
+  const existing = document.getElementById(id);
+  if (existing instanceof HTMLStyleElement) {
+    return existing;
+  }
+
+  if (existing) {
+    existing.remove();
+  }
+
+  const styleEl = document.createElement("style");
+  styleEl.id = id;
+  document.head.appendChild(styleEl);
+  return styleEl;
+}
+
+function serializeCssVars(cssVars: Record<string, string>): string {
+  return Object.entries(cssVars)
+    .map(([key, value]) => \`--\${key}: \${value};\`)
+    .join(" ");
+}
+
+function applyThemeColors(colors: ThemeColors) {
+  const styleEl = getOrCreateStyleElement(THEME_COLOR_STYLE_ID);
+
+  const lightCss = serializeCssVars(colors.light);
+  const darkCss = serializeCssVars(colors.dark);
+
+  styleEl.textContent = \`:root { \${lightCss} } .dark { \${darkCss} }\`;
+}
+
+// Apply dark mode class to document
+export function applyDarkMode(darkMode: boolean) {
+  const root = document.documentElement;
+
+  if (darkMode) {
+    root.classList.remove("light");
+    root.classList.add("dark");
+  } else {
+    root.classList.remove("dark");
+    root.classList.add("light");
+  }
+
+  root.style.colorScheme = darkMode ? "dark" : "light";
+}
+
+// Apply radius to document
+export function applyRadius(radius: string) {
+  const root = document.documentElement;
+  root.style.setProperty("--radius", radius);
+}
+
+// Apply color preset to document
+export function applyColors(colorPresetName: string) {
+  const preset = getColorPreset(colorPresetName);
+  if (!preset) return;
+
+  applyThemeColors(preset.colors);
+}
+
+// Apply theme preset colors directly (bypasses colorPreset lookup)
+export function applyPresetColors(preset: ThemePreset) {
+  applyThemeColors(preset.colors);
+}
+
+function applyFontConfig(font: ThemePresetFont) {
+  const { fontFamily, googleFontsUrl, value: fontId } = font;
+
+  // Validate Google Fonts URL to prevent XSS attacks
+  if (!googleFontsUrl.startsWith("https://fonts.googleapis.com/")) {
+    console.warn("[PreviewCN] Invalid font URL");
+    return;
+  }
+
+  // Inject Google Fonts link if not already present
+  const linkId = \`previewcn-font-\${fontId}\`;
+  if (!document.getElementById(linkId)) {
+    const link = document.createElement("link");
+    link.id = linkId;
+    link.rel = "stylesheet";
+    link.href = googleFontsUrl;
+    document.head.appendChild(link);
+  }
+
+  // Use multiple strategies to ensure font override works universally
+  // This covers various Tailwind v4 and next/font configurations
+  const styleEl = getOrCreateStyleElement(THEME_FONT_STYLE_ID);
+  styleEl.textContent = \`
+    :root {
+      --font-sans: \${fontFamily} !important;
+      --font-sans-override: \${fontFamily} !important;
+      --font-geist-sans: \${fontFamily} !important;
+    }
+    html, body, .font-sans {
+      font-family: \${fontFamily} !important;
+    }
+  \`;
+}
+
+// Apply font to document
+export function applyFont(fontId: string) {
+  const fontPreset = getFontPreset(fontId);
+  if (!fontPreset) return;
+
+  applyFontConfig(fontPreset);
+}
+
+// Apply font from theme preset (using preset's font config directly)
+export function applyPresetFont(font: ThemePresetFont) {
+  applyFontConfig(font);
+}
+
+// Apply a complete theme preset (colors, radius, and optionally font)
+export function applyPreset(presetName: string) {
+  const preset = getThemePreset(presetName);
+  if (!preset) return;
+
+  applyPresetColors(preset);
+  applyRadius(preset.radius);
+
+  if (preset.font) {
+    applyFontConfig(preset.font);
+  }
+}
 
 // Apply full theme config
 export function applyTheme(config: ThemeConfig) {
@@ -1739,7 +5319,7 @@ export function clearTheme() {
   root.style.removeProperty("color-scheme");
   root.classList.remove("light", "dark");
 }
-`}function U(){return `"use client";
+`}function $(){return `"use client";
 
 type TriggerProps = {
   onClick: () => void;
@@ -1786,7 +5366,7 @@ export function Trigger({ onClick }: TriggerProps) {
     </button>
   );
 }
-`}function V(){return `"use client";
+`}function J(){return `"use client";
 
 import { useCallback, useState } from "react";
 
@@ -1924,6 +5504,6 @@ export function useThemeState() {
     resetTheme,
   };
 }
-`}function Pe(){return `export { PreviewcnDevtools } from "./devtools";
-`}function q(){return [{path:"index.ts",content:Pe()},{path:"devtools.tsx",content:F()},{path:"trigger.tsx",content:U()},{path:"panel.tsx",content:E()},{path:"color-picker.tsx",content:w()},{path:"preset-selector.tsx",content:I()},{path:"radius-selector.tsx",content:$()},{path:"font-selector.tsx",content:R()},{path:"mode-toggle.tsx",content:N()},{path:"css-export-button.tsx",content:T()},{path:"theme-applier.ts",content:B()},{path:"use-theme-state.ts",content:V()},{path:"css-export.ts",content:S()},{path:"presets/index.ts",content:O()},{path:"presets/colors.ts",content:j()},{path:"presets/color-preset-specs.ts",content:D()},{path:"presets/radius.ts",content:L()},{path:"presets/fonts.ts",content:M()},{path:"presets/theme-presets.ts",content:A()}]}function g(e){return u.cyan(e)}async function Z(e,t){return !!(await we({type:"confirm",name:"value",message:e,initial:t})).value}async function Q(e,t){await C.mkdir(e,{recursive:true});for(let o of t){let r=l.join(e,o.path);await C.mkdir(l.dirname(r),{recursive:true}),await C.writeFile(r,o.content,"utf-8");}}async function ee(e){a.info(`Initializing PreviewCN...
-`);let t=process.cwd(),o=G("Detecting project type...").start(),r=await h(t);r.isNextJs||(o.fail("Not a Next.js project"),a.error("PreviewCN requires a Next.js project with App Router."),a.hint("Make sure you're in the root of a Next.js project."),process.exit(1)),r.isAppRouter||(o.fail("App Router not detected"),a.error("PreviewCN requires Next.js App Router (app/ directory)."),a.hint("Create an app/ directory or migrate from pages/ to app/."),process.exit(1)),o.succeed("Next.js App Router project detected");let s=await k(t);s||(a.error("Could not find app/layout.tsx"),process.exit(1)),a.info(`Found layout at: ${g(l__default.relative(t,s))}`);let{targetDir:n,importPath:c}=await y(t);a.info(`Components will be generated at: ${g(l__default.relative(t,n))}`),e.yes||await Z("This will generate PreviewCN components and modify your app layout. Continue?",true)||(a.info("Aborted."),process.exit(0)),await Te(n,s,c),console.log(),a.success("PreviewCN devtools initialized successfully!"),console.log(),a.info("Next step:"),console.log(`  Run ${g("pnpm dev")} (or your dev command) to start the dev server.`),console.log(`  Click the ${g("theme palette icon")} in the bottom-right corner to open the editor.`),console.log();}async function Te(e,t,o){let r=G("Generating PreviewCN components...").start();try{let n=q();await Q(e,n);let c=l__default.relative(process.cwd(),e);r.succeed(`Generated ${n.length} files in ${c}`);}catch(n){r.fail("Failed to generate PreviewCN components"),a.error(n instanceof Error?n.message:String(n)),process.exit(1);}let s=G("Adding PreviewcnDevtools to layout...").start();try{await z(t,o),s.succeed("Added PreviewcnDevtools to layout");}catch(n){s.fail("Failed to modify layout for devtools"),a.error(n instanceof Error?n.message:String(n)),a.hint("You may need to add PreviewcnDevtools manually. See documentation.");}}var x=new Command;x.name("previewcn").description("CLI for PreviewCN - real-time shadcn/ui theme editor").version("0.1.0");x.command("init",{isDefault:true}).description("Initialize PreviewCN devtools in your Next.js project").option("-y, --yes","Skip confirmation prompts").action(ee);x.command("doctor").description("Check PreviewCN setup and diagnose issues").action(X);x.parse();
+`}function Ce(){return `export { PreviewcnDevtools } from "./devtools";
+`}function q(){return [{path:"index.ts",content:Ce()},{path:"devtools.tsx",content:T()},{path:"trigger.tsx",content:$()},{path:"panel.tsx",content:N()},{path:"color-picker.tsx",content:P()},{path:"preset-selector.tsx",content:D()},{path:"radius-selector.tsx",content:L()},{path:"font-selector.tsx",content:M()},{path:"mode-toggle.tsx",content:E()},{path:"css-export-button.tsx",content:S()},{path:"theme-applier.ts",content:U()},{path:"use-theme-state.ts",content:J()},{path:"css-export.ts",content:_()},{path:"presets/index.ts",content:B()},{path:"presets/colors.ts",content:A()},{path:"presets/color-preset-specs.ts",content:R()},{path:"presets/radius.ts",content:O()},{path:"presets/fonts.ts",content:I()},{path:"presets/theme-presets.ts",content:j()}]}function g(e){return u.cyan(e)}async function Q(e,r){return !!(await Pe({type:"confirm",name:"value",message:e,initial:r})).value}async function Z(e,r){await w.mkdir(e,{recursive:true});for(let o of r){let a=s.join(e,o.path);await w.mkdir(s.dirname(a),{recursive:true}),await w.writeFile(a,o.content,"utf-8");}}async function ee(e){n.info(`Initializing PreviewCN...
+`);let r=process.cwd(),o=V("Detecting project type...").start(),a=await m(r);a.isNextJs||(o.fail("Not a Next.js project"),n.error("PreviewCN requires a Next.js project with App Router."),n.hint("Make sure you're in the root of a Next.js project."),process.exit(1)),a.isAppRouter||(o.fail("App Router not detected"),n.error("PreviewCN requires Next.js App Router (app/ directory)."),n.hint("Create an app/ directory or migrate from pages/ to app/."),process.exit(1)),o.succeed("Next.js App Router project detected");let f=await h(r);f||(n.error("Could not find app/layout.tsx"),process.exit(1)),n.info(`Found layout at: ${g(s__default.relative(r,f))}`);let{targetDir:t,importPath:c}=await y(r);n.info(`Components will be generated at: ${g(s__default.relative(r,t))}`),e.yes||await Q("This will generate PreviewCN components and modify your app layout. Continue?",true)||(n.info("Aborted."),process.exit(0)),await Se(t,f,c),console.log(),n.success("PreviewCN devtools initialized successfully!"),console.log(),n.info("Next step:"),console.log(`  Run ${g("pnpm dev")} (or your dev command) to start the dev server.`),console.log(`  Click the ${g("theme palette icon")} in the bottom-right corner to open the editor.`),console.log();}async function Se(e,r,o){let a=V("Generating PreviewCN components...").start();try{let t=q();await Z(e,t);let c=s__default.relative(process.cwd(),e);a.succeed(`Generated ${t.length} files in ${c}`);}catch(t){a.fail("Failed to generate PreviewCN components"),n.error(t instanceof Error?t.message:String(t)),process.exit(1);}let f=V("Adding PreviewcnDevtools to layout...").start();try{await z(r,o),f.succeed("Added PreviewcnDevtools to layout");}catch(t){f.fail("Failed to modify layout for devtools"),n.error(t instanceof Error?t.message:String(t)),n.hint("You may need to add PreviewcnDevtools manually. See documentation."),process.exit(1);}}var x=new Command;x.name("previewcn").description("CLI for PreviewCN - real-time shadcn/ui theme editor").version("0.1.0");x.command("init",{isDefault:true}).description("Initialize PreviewCN devtools in your Next.js project").option("-y, --yes","Skip confirmation prompts").action(ee);x.command("doctor").description("Check PreviewCN setup and diagnose issues").action(X);x.parse();