@squadbase/vantage-template 0.1.1 → 0.2.0-dev1.20f95fa

package/dist/index.js

@@ -1022,27 +1022,36 @@ function initProject(options) {
     applyChartPreset(targetDir, options.chart);
     log("cyan", `  chart preset: ${options.chart}`);
   }
+  const packageManager = isBunAvailable() ? "bun" : "npm";
   if (options.skipInstall) {
     log("green", "\nProject initialized successfully!");
     log("dim", "\nNext steps:");
-    log("dim", "  npm install");
-    log("dim", "  npm run dev");
+    log("dim", `  ${packageManager} install`);
+    log("dim", `  ${packageManager} run dev`);
     return;
   }
-  log("green", "\nInstalling dependencies...");
-  const install = spawnSync("npm", ["install"], {
+  log("green", `
+Installing dependencies with ${packageManager}...`);
+  const install = spawnSync(packageManager, ["install"], {
     cwd: targetDir,
     stdio: "inherit",
     shell: process.platform === "win32"
   });
   if (install.error || install.status !== 0) {
     log("red", "\nDependency installation failed.");
-    log("yellow", "Run 'npm install' manually in the project directory.");
+    log("yellow", `Run '${packageManager} install' manually in the project directory.`);
     process.exit(1);
   }
   log("green", "\nProject initialized successfully!");
   log("dim", "\nNext steps:");
-  log("dim", "  npm run dev");
+  log("dim", `  ${packageManager} run dev`);
+}
+function isBunAvailable() {
+  const probe = spawnSync("bun", ["--version"], {
+    stdio: "ignore",
+    shell: process.platform === "win32"
+  });
+  return !probe.error && probe.status === 0;
 }
 
 // src/commands/list.ts
@@ -1105,6 +1114,947 @@ function listTemplates(options = {}) {
   }
 }
 
+// src/commands/theme.ts
+import { existsSync as existsSync8, readFileSync as readFileSync6, writeFileSync as writeFileSync4 } from "fs";
+import { relative as relative3 } from "path";
+
+// ../squadkit/theme-presets/build-css.ts
+var LIGHT_ONLY = /* @__PURE__ */ new Set(["radius", "font-sans"]);
+var KEY_RE = /^[a-z0-9-]+$/i;
+var UNSAFE_VALUE_RE = /[;{}<>]/;
+var declarations = (vars, mode) => Object.entries(vars ?? {}).flatMap(([rawKey, rawValue]) => {
+  const key = rawKey.replace(/^--/, "");
+  const value = typeof rawValue === "string" ? rawValue.trim() : "";
+  if (!KEY_RE.test(key) || !value || UNSAFE_VALUE_RE.test(value) || mode === "dark" && LIGHT_ONLY.has(key)) {
+    return [];
+  }
+  return [[key, value]];
+});
+var resolveVars = (mode, vars) => Object.fromEntries(declarations(vars[mode], mode));
+var prettyBlock = (selector, vars) => {
+  const entries = Object.entries(vars);
+  return entries.length ? `${selector} {
+${entries.map(([key, value]) => `  --${key}: ${value};`).join("\n")}
+}` : "";
+};
+var buildThemeCss = (cssVars) => [
+  prettyBlock(":root", resolveVars("light", cssVars)),
+  prettyBlock('.dark,\n[data-theme="dark"]', resolveVars("dark", cssVars))
+].filter(Boolean).join("\n\n");
+
+// ../squadkit/theme-presets/data.generated.ts
+var THEME_PRESETS_DATA = [
+  {
+    "id": "neutral",
+    "title": "Neutral",
+    "description": "A preset that restores the default neutral theme. It has the same values as the base theme and is the starting point when switching presets.",
+    "cssVars": {
+      "light": {
+        "radius": "0.5rem",
+        "font-sans": '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, ui-sans-serif, system-ui, sans-serif',
+        "background": "oklch(0.975 0.004 255)",
+        "card": "oklch(1 0 0)",
+        "popover": "oklch(1 0 0)",
+        "secondary": "oklch(0.965 0.005 255)",
+        "muted": "oklch(0.965 0.005 255)",
+        "accent": "oklch(0.955 0.01 255)",
+        "sidebar": "oklch(0.985 0.003 255)",
+        "sidebar-accent": "oklch(0.955 0.01 255)",
+        "border": "oklch(0.93 0.006 255)",
+        "input": "oklch(0.9 0.01 255)",
+        "sidebar-border": "oklch(0.915 0.008 255)",
+        "foreground": "oklch(0.21 0.02 260)",
+        "card-foreground": "oklch(0.21 0.02 260)",
+        "popover-foreground": "oklch(0.21 0.02 260)",
+        "secondary-foreground": "oklch(0.25 0.02 260)",
+        "muted-foreground": "oklch(0.5 0.02 258)",
+        "accent-foreground": "oklch(0.25 0.02 260)",
+        "sidebar-foreground": "oklch(0.21 0.02 260)",
+        "sidebar-accent-foreground": "oklch(0.25 0.02 260)",
+        "primary": "oklch(0.55 0.2 262)",
+        "primary-foreground": "oklch(0.985 0 0)",
+        "ring": "oklch(0.7 0.12 262)",
+        "sidebar-primary": "oklch(0.55 0.2 262)",
+        "sidebar-primary-foreground": "oklch(0.985 0 0)",
+        "sidebar-ring": "oklch(0.7 0.12 262)",
+        "chart-1": "oklch(0.55 0.2 262)",
+        "chart-2": "oklch(0.62 0.17 118)",
+        "chart-3": "oklch(0.5 0.19 352)",
+        "chart-4": "oklch(0.62 0.1 195)",
+        "chart-5": "oklch(0.44 0.18 300)",
+        "positive": "oklch(0.52 0.14 150)",
+        "positive-subtle": "oklch(0.96 0.04 150)",
+        "positive-fill": "oklch(0.62 0.15 150)",
+        "negative": "oklch(0.53 0.19 25)",
+        "negative-subtle": "oklch(0.96 0.03 25)",
+        "negative-fill": "oklch(0.62 0.17 25)",
+        "warning": "oklch(0.53 0.12 70)",
+        "warning-subtle": "oklch(0.96 0.05 85)",
+        "warning-fill": "oklch(0.79 0.16 82)",
+        "info": "oklch(0.52 0.16 255)",
+        "info-subtle": "oklch(0.96 0.03 250)",
+        "info-fill": "oklch(0.62 0.15 250)",
+        "neutral": "oklch(0.52 0 0)",
+        "neutral-subtle": "oklch(0.96 0 0)",
+        "neutral-fill": "oklch(0.62 0 0)",
+        "destructive": "oklch(0.53 0.21 27.325)",
+        "destructive-foreground": "oklch(0.985 0 0)"
+      },
+      "dark": {
+        "background": "oklch(0.16 0.012 262)",
+        "card": "oklch(0.215 0.015 262)",
+        "popover": "oklch(0.235 0.016 262)",
+        "secondary": "oklch(0.27 0.016 262)",
+        "muted": "oklch(0.27 0.016 262)",
+        "accent": "oklch(0.3 0.02 262)",
+        "sidebar": "oklch(0.2 0.014 262)",
+        "sidebar-accent": "oklch(0.3 0.02 262)",
+        "border": "oklch(1 0 0 / 10%)",
+        "input": "oklch(1 0 0 / 15%)",
+        "sidebar-border": "oklch(1 0 0 / 10%)",
+        "foreground": "oklch(0.96 0.005 255)",
+        "card-foreground": "oklch(0.96 0.005 255)",
+        "popover-foreground": "oklch(0.96 0.005 255)",
+        "secondary-foreground": "oklch(0.96 0.005 255)",
+        "muted-foreground": "oklch(0.72 0.02 258)",
+        "accent-foreground": "oklch(0.96 0.005 255)",
+        "sidebar-foreground": "oklch(0.96 0.005 255)",
+        "sidebar-accent-foreground": "oklch(0.96 0.005 255)",
+        "primary": "oklch(0.68 0.19 262)",
+        "primary-foreground": "oklch(0.145 0.02 262)",
+        "ring": "oklch(0.6 0.15 262)",
+        "sidebar-primary": "oklch(0.68 0.19 262)",
+        "sidebar-primary-foreground": "oklch(0.145 0.02 262)",
+        "sidebar-ring": "oklch(0.6 0.15 262)",
+        "chart-1": "oklch(0.56 0.19 262)",
+        "chart-2": "oklch(0.75 0.17 118)",
+        "chart-3": "oklch(0.64 0.19 352)",
+        "chart-4": "oklch(0.78 0.105 195)",
+        "chart-5": "oklch(0.71 0.17 300)",
+        "positive": "oklch(0.76 0.15 150)",
+        "positive-subtle": "oklch(0.27 0.05 150)",
+        "positive-fill": "oklch(0.56 0.13 150)",
+        "negative": "oklch(0.74 0.15 22)",
+        "negative-subtle": "oklch(0.27 0.06 25)",
+        "negative-fill": "oklch(0.56 0.15 22)",
+        "warning": "oklch(0.8 0.14 80)",
+        "warning-subtle": "oklch(0.27 0.05 75)",
+        "warning-fill": "oklch(0.73 0.145 78)",
+        "info": "oklch(0.75 0.12 250)",
+        "info-subtle": "oklch(0.27 0.06 255)",
+        "info-fill": "oklch(0.56 0.13 250)",
+        "neutral": "oklch(0.85 0 0)",
+        "neutral-subtle": "oklch(0.27 0 0)",
+        "neutral-fill": "oklch(0.56 0 0)",
+        "destructive": "oklch(0.704 0.191 22.216)",
+        "destructive-foreground": "oklch(0.145 0.02 262)"
+      }
+    }
+  },
+  {
+    "id": "ocean",
+    "title": "Ocean",
+    "description": "A blue preset with a calm, trustworthy palette and slightly smaller, squarer corners than the default.",
+    "cssVars": {
+      "light": {
+        "radius": "0.375rem",
+        "font-sans": '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, ui-sans-serif, system-ui, sans-serif',
+        "background": "oklch(0.975 0.004 245)",
+        "card": "oklch(1 0 245)",
+        "popover": "oklch(1 0 245)",
+        "secondary": "oklch(0.965 0.005 245)",
+        "muted": "oklch(0.965 0.005 245)",
+        "accent": "oklch(0.955 0.01 245)",
+        "sidebar": "oklch(0.985 0.003 245)",
+        "sidebar-accent": "oklch(0.955 0.01 245)",
+        "border": "oklch(0.93 0.006 245)",
+        "input": "oklch(0.9 0.01 245)",
+        "sidebar-border": "oklch(0.915 0.008 245)",
+        "foreground": "oklch(0.21 0.02 245)",
+        "card-foreground": "oklch(0.21 0.02 245)",
+        "popover-foreground": "oklch(0.21 0.02 245)",
+        "secondary-foreground": "oklch(0.25 0.02 245)",
+        "muted-foreground": "oklch(0.5 0.02 245)",
+        "accent-foreground": "oklch(0.25 0.02 245)",
+        "sidebar-foreground": "oklch(0.21 0.02 245)",
+        "sidebar-accent-foreground": "oklch(0.25 0.02 245)",
+        "primary": "oklch(0.52 0.2 258)",
+        "primary-foreground": "oklch(0.985 0 0)",
+        "ring": "oklch(0.7 0.12 255)",
+        "sidebar-primary": "oklch(0.52 0.2 258)",
+        "sidebar-primary-foreground": "oklch(0.985 0 0)",
+        "sidebar-ring": "oklch(0.7 0.12 255)",
+        "chart-1": "oklch(0.52 0.2 258)",
+        "chart-2": "oklch(0.7 0.12 200)",
+        "chart-3": "oklch(0.6 0.23 300)",
+        "chart-4": "oklch(0.63 0.24 335)",
+        "chart-5": "oklch(0.76 0.2 135)",
+        "positive": "oklch(0.52 0.14 155)",
+        "positive-subtle": "oklch(0.96 0.04 155)",
+        "positive-fill": "oklch(0.62 0.15 155)",
+        "negative": "oklch(0.53 0.19 22)",
+        "negative-subtle": "oklch(0.96 0.03 22)",
+        "negative-fill": "oklch(0.62 0.17 22)",
+        "warning": "oklch(0.53 0.12 75)",
+        "warning-subtle": "oklch(0.96 0.05 90)",
+        "warning-fill": "oklch(0.79 0.16 87)",
+        "info": "oklch(0.52 0.16 245)",
+        "info-subtle": "oklch(0.96 0.03 240)",
+        "info-fill": "oklch(0.62 0.15 240)",
+        "neutral": "oklch(0.52 0 0)",
+        "neutral-subtle": "oklch(0.96 0 0)",
+        "neutral-fill": "oklch(0.62 0 0)",
+        "destructive": "oklch(0.53 0.19 22)",
+        "destructive-foreground": "oklch(0.985 0 0)"
+      },
+      "dark": {
+        "background": "oklch(0.16 0.012 245)",
+        "card": "oklch(0.215 0.015 245)",
+        "popover": "oklch(0.235 0.016 245)",
+        "secondary": "oklch(0.27 0.016 245)",
+        "muted": "oklch(0.27 0.016 245)",
+        "accent": "oklch(0.3 0.02 245)",
+        "sidebar": "oklch(0.2 0.014 245)",
+        "sidebar-accent": "oklch(0.3 0.02 245)",
+        "border": "oklch(1 0 0 / 10%)",
+        "input": "oklch(1 0 0 / 15%)",
+        "sidebar-border": "oklch(1 0 0 / 10%)",
+        "foreground": "oklch(0.96 0.005 245)",
+        "card-foreground": "oklch(0.96 0.005 245)",
+        "popover-foreground": "oklch(0.96 0.005 245)",
+        "secondary-foreground": "oklch(0.96 0.005 245)",
+        "muted-foreground": "oklch(0.72 0.02 245)",
+        "accent-foreground": "oklch(0.96 0.005 245)",
+        "sidebar-foreground": "oklch(0.96 0.005 245)",
+        "sidebar-accent-foreground": "oklch(0.96 0.005 245)",
+        "primary": "oklch(0.72 0.14 250)",
+        "primary-foreground": "oklch(0.145 0.03 255)",
+        "ring": "oklch(0.55 0.14 255)",
+        "sidebar-primary": "oklch(0.72 0.14 250)",
+        "sidebar-primary-foreground": "oklch(0.145 0.03 255)",
+        "sidebar-ring": "oklch(0.55 0.14 255)",
+        "chart-1": "oklch(0.55 0.2 258)",
+        "chart-2": "oklch(0.78 0.12 200)",
+        "chart-3": "oklch(0.68 0.2 300)",
+        "chart-4": "oklch(0.7 0.22 335)",
+        "chart-5": "oklch(0.82 0.19 135)",
+        "positive": "oklch(0.76 0.15 155)",
+        "positive-subtle": "oklch(0.27 0.05 155)",
+        "positive-fill": "oklch(0.56 0.13 155)",
+        "negative": "oklch(0.74 0.15 19)",
+        "negative-subtle": "oklch(0.27 0.06 22)",
+        "negative-fill": "oklch(0.56 0.15 19)",
+        "warning": "oklch(0.8 0.14 85)",
+        "warning-subtle": "oklch(0.27 0.05 80)",
+        "warning-fill": "oklch(0.73 0.145 83)",
+        "info": "oklch(0.75 0.12 240)",
+        "info-subtle": "oklch(0.27 0.06 245)",
+        "info-fill": "oklch(0.56 0.13 240)",
+        "neutral": "oklch(0.85 0 0)",
+        "neutral-subtle": "oklch(0.27 0 0)",
+        "neutral-fill": "oklch(0.56 0 0)",
+        "destructive": "oklch(0.74 0.15 19)",
+        "destructive-foreground": "oklch(0.145 0.03 255)"
+      }
+    }
+  },
+  {
+    "id": "forest",
+    "title": "Forest",
+    "description": "A green preset with slightly smaller corners. The font is a rounded sans-serif (ui-rounded in Safari, Hiragino Maru Gothic on macOS and iOS, the default font elsewhere).",
+    "cssVars": {
+      "light": {
+        "radius": "0.5rem",
+        "font-sans": 'ui-rounded, "Hiragino Maru Gothic ProN", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, ui-sans-serif, system-ui, sans-serif',
+        "background": "oklch(0.975 0.004 175)",
+        "card": "oklch(1 0 175)",
+        "popover": "oklch(1 0 175)",
+        "secondary": "oklch(0.965 0.005 175)",
+        "muted": "oklch(0.965 0.005 175)",
+        "accent": "oklch(0.955 0.01 175)",
+        "sidebar": "oklch(0.985 0.003 175)",
+        "sidebar-accent": "oklch(0.955 0.01 175)",
+        "border": "oklch(0.93 0.006 175)",
+        "input": "oklch(0.9 0.01 175)",
+        "sidebar-border": "oklch(0.915 0.008 175)",
+        "foreground": "oklch(0.21 0.02 175)",
+        "card-foreground": "oklch(0.21 0.02 175)",
+        "popover-foreground": "oklch(0.21 0.02 175)",
+        "secondary-foreground": "oklch(0.25 0.02 175)",
+        "muted-foreground": "oklch(0.5 0.02 175)",
+        "accent-foreground": "oklch(0.25 0.02 175)",
+        "sidebar-foreground": "oklch(0.21 0.02 175)",
+        "sidebar-accent-foreground": "oklch(0.25 0.02 175)",
+        "primary": "oklch(0.5 0.12 183)",
+        "primary-foreground": "oklch(0.985 0 0)",
+        "ring": "oklch(0.7 0.1 183)",
+        "sidebar-primary": "oklch(0.5 0.12 183)",
+        "sidebar-primary-foreground": "oklch(0.985 0 0)",
+        "sidebar-ring": "oklch(0.7 0.1 183)",
+        "chart-1": "oklch(0.5 0.12 183)",
+        "chart-2": "oklch(0.6 0.19 255)",
+        "chart-3": "oklch(0.72 0.2 125)",
+        "chart-4": "oklch(0.58 0.22 310)",
+        "chart-5": "oklch(0.64 0.22 345)",
+        "positive": "oklch(0.52 0.126 142)",
+        "positive-subtle": "oklch(0.96 0.04 142)",
+        "positive-fill": "oklch(0.62 0.12 142)",
+        "negative": "oklch(0.53 0.171 28)",
+        "negative-subtle": "oklch(0.96 0.03 28)",
+        "negative-fill": "oklch(0.62 0.136 28)",
+        "warning": "oklch(0.53 0.108 78)",
+        "warning-subtle": "oklch(0.96 0.05 93)",
+        "warning-fill": "oklch(0.79 0.128 90)",
+        "info": "oklch(0.52 0.144 250)",
+        "info-subtle": "oklch(0.96 0.03 245)",
+        "info-fill": "oklch(0.62 0.12 245)",
+        "neutral": "oklch(0.52 0 0)",
+        "neutral-subtle": "oklch(0.96 0 0)",
+        "neutral-fill": "oklch(0.62 0 0)",
+        "destructive": "oklch(0.53 0.171 28)",
+        "destructive-foreground": "oklch(0.985 0 0)"
+      },
+      "dark": {
+        "background": "oklch(0.16 0.012 175)",
+        "card": "oklch(0.215 0.015 175)",
+        "popover": "oklch(0.235 0.016 175)",
+        "secondary": "oklch(0.27 0.016 175)",
+        "muted": "oklch(0.27 0.016 175)",
+        "accent": "oklch(0.3 0.02 175)",
+        "sidebar": "oklch(0.2 0.014 175)",
+        "sidebar-accent": "oklch(0.3 0.02 175)",
+        "border": "oklch(1 0 0 / 10%)",
+        "input": "oklch(1 0 0 / 15%)",
+        "sidebar-border": "oklch(1 0 0 / 10%)",
+        "foreground": "oklch(0.96 0.005 175)",
+        "card-foreground": "oklch(0.96 0.005 175)",
+        "popover-foreground": "oklch(0.96 0.005 175)",
+        "secondary-foreground": "oklch(0.96 0.005 175)",
+        "muted-foreground": "oklch(0.72 0.02 175)",
+        "accent-foreground": "oklch(0.96 0.005 175)",
+        "sidebar-foreground": "oklch(0.96 0.005 175)",
+        "sidebar-accent-foreground": "oklch(0.96 0.005 175)",
+        "primary": "oklch(0.75 0.13 183)",
+        "primary-foreground": "oklch(0.145 0.03 183)",
+        "ring": "oklch(0.53 0.12 183)",
+        "sidebar-primary": "oklch(0.75 0.13 183)",
+        "sidebar-primary-foreground": "oklch(0.145 0.03 183)",
+        "sidebar-ring": "oklch(0.53 0.12 183)",
+        "chart-1": "oklch(0.53 0.12 183)",
+        "chart-2": "oklch(0.7 0.18 255)",
+        "chart-3": "oklch(0.8 0.2 125)",
+        "chart-4": "oklch(0.7 0.2 310)",
+        "chart-5": "oklch(0.72 0.2 345)",
+        "positive": "oklch(0.76 0.135 142)",
+        "positive-subtle": "oklch(0.27 0.05 142)",
+        "positive-fill": "oklch(0.56 0.104 142)",
+        "negative": "oklch(0.74 0.135 25)",
+        "negative-subtle": "oklch(0.27 0.06 28)",
+        "negative-fill": "oklch(0.56 0.12 25)",
+        "warning": "oklch(0.8 0.126 88)",
+        "warning-subtle": "oklch(0.27 0.05 83)",
+        "warning-fill": "oklch(0.73 0.116 86)",
+        "info": "oklch(0.75 0.108 245)",
+        "info-subtle": "oklch(0.27 0.06 250)",
+        "info-fill": "oklch(0.56 0.104 245)",
+        "neutral": "oklch(0.85 0 0)",
+        "neutral-subtle": "oklch(0.27 0 0)",
+        "neutral-fill": "oklch(0.56 0 0)",
+        "destructive": "oklch(0.74 0.135 25)",
+        "destructive-foreground": "oklch(0.145 0.03 183)"
+      }
+    }
+  },
+  {
+    "id": "sunset",
+    "title": "Sunset",
+    "description": "An orange preset with a warm palette and slightly larger corners.",
+    "cssVars": {
+      "light": {
+        "radius": "0.75rem",
+        "font-sans": '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, ui-sans-serif, system-ui, sans-serif',
+        "background": "oklch(0.975 0.004 60)",
+        "card": "oklch(1 0 60)",
+        "popover": "oklch(1 0 60)",
+        "secondary": "oklch(0.965 0.005 60)",
+        "muted": "oklch(0.965 0.005 60)",
+        "accent": "oklch(0.955 0.01 60)",
+        "sidebar": "oklch(0.985 0.003 60)",
+        "sidebar-accent": "oklch(0.955 0.01 60)",
+        "border": "oklch(0.93 0.006 60)",
+        "input": "oklch(0.9 0.01 60)",
+        "sidebar-border": "oklch(0.915 0.008 60)",
+        "foreground": "oklch(0.21 0.02 60)",
+        "card-foreground": "oklch(0.21 0.02 60)",
+        "popover-foreground": "oklch(0.21 0.02 60)",
+        "secondary-foreground": "oklch(0.25 0.02 60)",
+        "muted-foreground": "oklch(0.5 0.02 60)",
+        "accent-foreground": "oklch(0.25 0.02 60)",
+        "sidebar-foreground": "oklch(0.21 0.02 60)",
+        "sidebar-accent-foreground": "oklch(0.25 0.02 60)",
+        "primary": "oklch(0.56 0.15 47)",
+        "primary-foreground": "oklch(0.985 0 0)",
+        "ring": "oklch(0.72 0.12 47)",
+        "sidebar-primary": "oklch(0.56 0.15 47)",
+        "sidebar-primary-foreground": "oklch(0.985 0 0)",
+        "sidebar-ring": "oklch(0.72 0.12 47)",
+        "chart-1": "oklch(0.56 0.15 47)",
+        "chart-2": "oklch(0.58 0.2 255)",
+        "chart-3": "oklch(0.63 0.24 335)",
+        "chart-4": "oklch(0.7 0.12 195)",
+        "chart-5": "oklch(0.58 0.23 300)",
+        "positive": "oklch(0.52 0.14 148)",
+        "positive-subtle": "oklch(0.96 0.04 148)",
+        "positive-fill": "oklch(0.62 0.15 148)",
+        "negative": "oklch(0.53 0.19 17)",
+        "negative-subtle": "oklch(0.96 0.03 17)",
+        "negative-fill": "oklch(0.62 0.17 17)",
+        "warning": "oklch(0.5 0.12 82)",
+        "warning-subtle": "oklch(0.96 0.05 97)",
+        "warning-fill": "oklch(0.77 0.16 94)",
+        "info": "oklch(0.52 0.16 250)",
+        "info-subtle": "oklch(0.96 0.03 245)",
+        "info-fill": "oklch(0.62 0.15 245)",
+        "neutral": "oklch(0.52 0 0)",
+        "neutral-subtle": "oklch(0.96 0 0)",
+        "neutral-fill": "oklch(0.62 0 0)",
+        "destructive": "oklch(0.53 0.19 17)",
+        "destructive-foreground": "oklch(0.985 0 0)"
+      },
+      "dark": {
+        "background": "oklch(0.16 0.012 60)",
+        "card": "oklch(0.215 0.015 60)",
+        "popover": "oklch(0.235 0.016 60)",
+        "secondary": "oklch(0.27 0.016 60)",
+        "muted": "oklch(0.27 0.016 60)",
+        "accent": "oklch(0.3 0.02 60)",
+        "sidebar": "oklch(0.2 0.014 60)",
+        "sidebar-accent": "oklch(0.3 0.02 60)",
+        "border": "oklch(1 0 0 / 10%)",
+        "input": "oklch(1 0 0 / 15%)",
+        "sidebar-border": "oklch(1 0 0 / 10%)",
+        "foreground": "oklch(0.96 0.005 60)",
+        "card-foreground": "oklch(0.96 0.005 60)",
+        "popover-foreground": "oklch(0.96 0.005 60)",
+        "secondary-foreground": "oklch(0.96 0.005 60)",
+        "muted-foreground": "oklch(0.72 0.02 60)",
+        "accent-foreground": "oklch(0.96 0.005 60)",
+        "sidebar-foreground": "oklch(0.96 0.005 60)",
+        "sidebar-accent-foreground": "oklch(0.96 0.005 60)",
+        "primary": "oklch(0.76 0.16 52)",
+        "primary-foreground": "oklch(0.145 0.03 50)",
+        "ring": "oklch(0.58 0.13 47)",
+        "sidebar-primary": "oklch(0.76 0.16 52)",
+        "sidebar-primary-foreground": "oklch(0.145 0.03 50)",
+        "sidebar-ring": "oklch(0.58 0.13 47)",
+        "chart-1": "oklch(0.57 0.15 47)",
+        "chart-2": "oklch(0.68 0.18 255)",
+        "chart-3": "oklch(0.7 0.22 335)",
+        "chart-4": "oklch(0.78 0.12 195)",
+        "chart-5": "oklch(0.68 0.2 300)",
+        "positive": "oklch(0.76 0.15 148)",
+        "positive-subtle": "oklch(0.27 0.05 148)",
+        "positive-fill": "oklch(0.56 0.13 148)",
+        "negative": "oklch(0.74 0.15 15)",
+        "negative-subtle": "oklch(0.27 0.06 18)",
+        "negative-fill": "oklch(0.56 0.15 15)",
+        "warning": "oklch(0.8 0.14 92)",
+        "warning-subtle": "oklch(0.27 0.05 87)",
+        "warning-fill": "oklch(0.73 0.145 90)",
+        "info": "oklch(0.75 0.12 245)",
+        "info-subtle": "oklch(0.27 0.06 250)",
+        "info-fill": "oklch(0.56 0.13 245)",
+        "neutral": "oklch(0.85 0 0)",
+        "neutral-subtle": "oklch(0.27 0 0)",
+        "neutral-fill": "oklch(0.56 0 0)",
+        "destructive": "oklch(0.74 0.15 15)",
+        "destructive-foreground": "oklch(0.145 0.03 50)"
+      }
+    }
+  },
+  {
+    "id": "violet",
+    "title": "Violet",
+    "description": "A purple preset with large, soft corners.",
+    "cssVars": {
+      "light": {
+        "radius": "0.875rem",
+        "font-sans": '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, ui-sans-serif, system-ui, sans-serif',
+        "background": "oklch(0.975 0.004 290)",
+        "card": "oklch(1 0 290)",
+        "popover": "oklch(1 0 290)",
+        "secondary": "oklch(0.965 0.005 290)",
+        "muted": "oklch(0.965 0.005 290)",
+        "accent": "oklch(0.955 0.01 290)",
+        "sidebar": "oklch(0.985 0.003 290)",
+        "sidebar-accent": "oklch(0.955 0.01 290)",
+        "border": "oklch(0.93 0.006 290)",
+        "input": "oklch(0.9 0.01 290)",
+        "sidebar-border": "oklch(0.915 0.008 290)",
+        "foreground": "oklch(0.21 0.02 290)",
+        "card-foreground": "oklch(0.21 0.02 290)",
+        "popover-foreground": "oklch(0.21 0.02 290)",
+        "secondary-foreground": "oklch(0.25 0.02 290)",
+        "muted-foreground": "oklch(0.5 0.02 290)",
+        "accent-foreground": "oklch(0.25 0.02 290)",
+        "sidebar-foreground": "oklch(0.21 0.02 290)",
+        "sidebar-accent-foreground": "oklch(0.25 0.02 290)",
+        "primary": "oklch(0.5 0.22 292)",
+        "primary-foreground": "oklch(0.985 0 0)",
+        "ring": "oklch(0.7 0.14 292)",
+        "sidebar-primary": "oklch(0.5 0.22 292)",
+        "sidebar-primary-foreground": "oklch(0.985 0 0)",
+        "sidebar-ring": "oklch(0.7 0.14 292)",
+        "chart-1": "oklch(0.5 0.22 292)",
+        "chart-2": "oklch(0.7 0.13 215)",
+        "chart-3": "oklch(0.63 0.24 335)",
+        "chart-4": "oklch(0.76 0.2 125)",
+        "chart-5": "oklch(0.58 0.2 255)",
+        "positive": "oklch(0.52 0.14 152)",
+        "positive-subtle": "oklch(0.96 0.04 152)",
+        "positive-fill": "oklch(0.62 0.15 152)",
+        "negative": "oklch(0.53 0.19 20)",
+        "negative-subtle": "oklch(0.96 0.03 20)",
+        "negative-fill": "oklch(0.62 0.17 20)",
+        "warning": "oklch(0.53 0.12 75)",
+        "warning-subtle": "oklch(0.96 0.05 90)",
+        "warning-fill": "oklch(0.79 0.16 87)",
+        "info": "oklch(0.52 0.16 245)",
+        "info-subtle": "oklch(0.96 0.03 240)",
+        "info-fill": "oklch(0.62 0.15 240)",
+        "neutral": "oklch(0.52 0 0)",
+        "neutral-subtle": "oklch(0.96 0 0)",
+        "neutral-fill": "oklch(0.62 0 0)",
+        "destructive": "oklch(0.53 0.19 20)",
+        "destructive-foreground": "oklch(0.985 0 0)"
+      },
+      "dark": {
+        "background": "oklch(0.16 0.012 290)",
+        "card": "oklch(0.215 0.015 290)",
+        "popover": "oklch(0.235 0.016 290)",
+        "secondary": "oklch(0.27 0.016 290)",
+        "muted": "oklch(0.27 0.016 290)",
+        "accent": "oklch(0.3 0.02 290)",
+        "sidebar": "oklch(0.2 0.014 290)",
+        "sidebar-accent": "oklch(0.3 0.02 290)",
+        "border": "oklch(1 0 0 / 10%)",
+        "input": "oklch(1 0 0 / 15%)",
+        "sidebar-border": "oklch(1 0 0 / 10%)",
+        "foreground": "oklch(0.96 0.005 290)",
+        "card-foreground": "oklch(0.96 0.005 290)",
+        "popover-foreground": "oklch(0.96 0.005 290)",
+        "secondary-foreground": "oklch(0.96 0.005 290)",
+        "muted-foreground": "oklch(0.72 0.02 290)",
+        "accent-foreground": "oklch(0.96 0.005 290)",
+        "sidebar-foreground": "oklch(0.96 0.005 290)",
+        "sidebar-accent-foreground": "oklch(0.96 0.005 290)",
+        "primary": "oklch(0.72 0.15 293)",
+        "primary-foreground": "oklch(0.145 0.03 293)",
+        "ring": "oklch(0.55 0.16 293)",
+        "sidebar-primary": "oklch(0.72 0.15 293)",
+        "sidebar-primary-foreground": "oklch(0.145 0.03 293)",
+        "sidebar-ring": "oklch(0.55 0.16 293)",
+        "chart-1": "oklch(0.55 0.22 292)",
+        "chart-2": "oklch(0.78 0.13 215)",
+        "chart-3": "oklch(0.7 0.22 335)",
+        "chart-4": "oklch(0.82 0.19 125)",
+        "chart-5": "oklch(0.68 0.18 255)",
+        "positive": "oklch(0.76 0.15 152)",
+        "positive-subtle": "oklch(0.27 0.05 152)",
+        "positive-fill": "oklch(0.56 0.13 152)",
+        "negative": "oklch(0.74 0.15 17)",
+        "negative-subtle": "oklch(0.27 0.06 20)",
+        "negative-fill": "oklch(0.56 0.15 17)",
+        "warning": "oklch(0.8 0.14 85)",
+        "warning-subtle": "oklch(0.27 0.05 80)",
+        "warning-fill": "oklch(0.73 0.145 83)",
+        "info": "oklch(0.75 0.12 240)",
+        "info-subtle": "oklch(0.27 0.06 245)",
+        "info-fill": "oklch(0.56 0.13 240)",
+        "neutral": "oklch(0.85 0 0)",
+        "neutral-subtle": "oklch(0.27 0 0)",
+        "neutral-fill": "oklch(0.56 0 0)",
+        "destructive": "oklch(0.74 0.15 17)",
+        "destructive-foreground": "oklch(0.145 0.03 293)"
+      }
+    }
+  },
+  {
+    "id": "rose",
+    "title": "Rose",
+    "description": "A magenta-to-pink preset in muted tones that don't read as the destructive red, with large corners.",
+    "cssVars": {
+      "light": {
+        "radius": "1rem",
+        "font-sans": '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, ui-sans-serif, system-ui, sans-serif',
+        "background": "oklch(0.975 0.004 350)",
+        "card": "oklch(1 0 350)",
+        "popover": "oklch(1 0 350)",
+        "secondary": "oklch(0.965 0.005 350)",
+        "muted": "oklch(0.965 0.005 350)",
+        "accent": "oklch(0.955 0.01 350)",
+        "sidebar": "oklch(0.985 0.003 350)",
+        "sidebar-accent": "oklch(0.955 0.01 350)",
+        "border": "oklch(0.93 0.006 350)",
+        "input": "oklch(0.9 0.01 350)",
+        "sidebar-border": "oklch(0.915 0.008 350)",
+        "foreground": "oklch(0.21 0.02 350)",
+        "card-foreground": "oklch(0.21 0.02 350)",
+        "popover-foreground": "oklch(0.21 0.02 350)",
+        "secondary-foreground": "oklch(0.25 0.02 350)",
+        "muted-foreground": "oklch(0.5 0.02 350)",
+        "accent-foreground": "oklch(0.25 0.02 350)",
+        "sidebar-foreground": "oklch(0.21 0.02 350)",
+        "sidebar-accent-foreground": "oklch(0.25 0.02 350)",
+        "primary": "oklch(0.54 0.19 350)",
+        "primary-foreground": "oklch(0.985 0 0)",
+        "ring": "oklch(0.72 0.1 350)",
+        "sidebar-primary": "oklch(0.54 0.19 350)",
+        "sidebar-primary-foreground": "oklch(0.985 0 0)",
+        "sidebar-ring": "oklch(0.72 0.1 350)",
+        "chart-1": "oklch(0.54 0.19 350)",
+        "chart-2": "oklch(0.7 0.12 200)",
+        "chart-3": "oklch(0.58 0.22 295)",
+        "chart-4": "oklch(0.76 0.2 130)",
+        "chart-5": "oklch(0.58 0.2 255)",
+        "positive": "oklch(0.52 0.14 150)",
+        "positive-subtle": "oklch(0.96 0.04 150)",
+        "positive-fill": "oklch(0.62 0.15 150)",
+        "negative": "oklch(0.53 0.19 30)",
+        "negative-subtle": "oklch(0.96 0.03 30)",
+        "negative-fill": "oklch(0.62 0.17 30)",
+        "warning": "oklch(0.53 0.12 75)",
+        "warning-subtle": "oklch(0.96 0.05 90)",
+        "warning-fill": "oklch(0.79 0.16 87)",
+        "info": "oklch(0.52 0.16 250)",
+        "info-subtle": "oklch(0.96 0.03 245)",
+        "info-fill": "oklch(0.62 0.15 245)",
+        "neutral": "oklch(0.52 0 0)",
+        "neutral-subtle": "oklch(0.96 0 0)",
+        "neutral-fill": "oklch(0.62 0 0)",
+        "destructive": "oklch(0.53 0.19 30)",
+        "destructive-foreground": "oklch(0.985 0 0)"
+      },
+      "dark": {
+        "background": "oklch(0.16 0.012 350)",
+        "card": "oklch(0.215 0.015 350)",
+        "popover": "oklch(0.235 0.016 350)",
+        "secondary": "oklch(0.27 0.016 350)",
+        "muted": "oklch(0.27 0.016 350)",
+        "accent": "oklch(0.3 0.02 350)",
+        "sidebar": "oklch(0.2 0.014 350)",
+        "sidebar-accent": "oklch(0.3 0.02 350)",
+        "border": "oklch(1 0 0 / 10%)",
+        "input": "oklch(1 0 0 / 15%)",
+        "sidebar-border": "oklch(1 0 0 / 10%)",
+        "foreground": "oklch(0.96 0.005 350)",
+        "card-foreground": "oklch(0.96 0.005 350)",
+        "popover-foreground": "oklch(0.96 0.005 350)",
+        "secondary-foreground": "oklch(0.96 0.005 350)",
+        "muted-foreground": "oklch(0.72 0.02 350)",
+        "accent-foreground": "oklch(0.96 0.005 350)",
+        "sidebar-foreground": "oklch(0.96 0.005 350)",
+        "sidebar-accent-foreground": "oklch(0.96 0.005 350)",
+        "primary": "oklch(0.76 0.14 350)",
+        "primary-foreground": "oklch(0.145 0.03 350)",
+        "ring": "oklch(0.58 0.12 350)",
+        "sidebar-primary": "oklch(0.76 0.14 350)",
+        "sidebar-primary-foreground": "oklch(0.145 0.03 350)",
+        "sidebar-ring": "oklch(0.58 0.12 350)",
+        "chart-1": "oklch(0.55 0.19 350)",
+        "chart-2": "oklch(0.78 0.12 200)",
+        "chart-3": "oklch(0.68 0.2 295)",
+        "chart-4": "oklch(0.82 0.19 130)",
+        "chart-5": "oklch(0.68 0.18 255)",
+        "positive": "oklch(0.76 0.15 150)",
+        "positive-subtle": "oklch(0.27 0.05 150)",
+        "positive-fill": "oklch(0.56 0.13 150)",
+        "negative": "oklch(0.74 0.15 27)",
+        "negative-subtle": "oklch(0.27 0.06 30)",
+        "negative-fill": "oklch(0.56 0.15 27)",
+        "warning": "oklch(0.8 0.14 85)",
+        "warning-subtle": "oklch(0.27 0.05 80)",
+        "warning-fill": "oklch(0.73 0.145 83)",
+        "info": "oklch(0.75 0.12 245)",
+        "info-subtle": "oklch(0.27 0.06 250)",
+        "info-fill": "oklch(0.56 0.13 245)",
+        "neutral": "oklch(0.85 0 0)",
+        "neutral-subtle": "oklch(0.27 0 0)",
+        "neutral-fill": "oklch(0.56 0 0)",
+        "destructive": "oklch(0.74 0.15 27)",
+        "destructive-foreground": "oklch(0.145 0.03 350)"
+      }
+    }
+  },
+  {
+    "id": "mono",
+    "title": "Mono",
+    "description": "A near-grayscale preset with muted chart colors, the smallest corners and a monospace font (the system monospace font).",
+    "cssVars": {
+      "light": {
+        "radius": "0.25rem",
+        "font-sans": 'ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, monospace',
+        "background": "oklch(0.975 0 0)",
+        "card": "oklch(1 0 0)",
+        "popover": "oklch(1 0 0)",
+        "secondary": "oklch(0.965 0 0)",
+        "muted": "oklch(0.965 0 0)",
+        "accent": "oklch(0.955 0 0)",
+        "sidebar": "oklch(0.985 0 0)",
+        "sidebar-accent": "oklch(0.955 0 0)",
+        "border": "oklch(0.93 0 0)",
+        "input": "oklch(0.9 0 0)",
+        "sidebar-border": "oklch(0.915 0 0)",
+        "foreground": "oklch(0.21 0 0)",
+        "card-foreground": "oklch(0.21 0 0)",
+        "popover-foreground": "oklch(0.21 0 0)",
+        "secondary-foreground": "oklch(0.25 0 0)",
+        "muted-foreground": "oklch(0.5 0 0)",
+        "accent-foreground": "oklch(0.25 0 0)",
+        "sidebar-foreground": "oklch(0.21 0 0)",
+        "sidebar-accent-foreground": "oklch(0.25 0 0)",
+        "primary": "oklch(0.3 0.01 250)",
+        "primary-foreground": "oklch(0.985 0 0)",
+        "ring": "oklch(0.708 0.01 250)",
+        "sidebar-primary": "oklch(0.3 0.01 250)",
+        "sidebar-primary-foreground": "oklch(0.985 0 0)",
+        "sidebar-ring": "oklch(0.708 0.01 250)",
+        "chart-1": "hsl(220 12% 28%)",
+        "chart-2": "hsl(190 28% 45%)",
+        "chart-3": "hsl(325 20% 56%)",
+        "chart-4": "hsl(150 20% 40%)",
+        "chart-5": "hsl(270 18% 58%)",
+        "positive": "oklch(0.52 0.14 150)",
+        "positive-subtle": "oklch(0.96 0.04 150)",
+        "positive-fill": "oklch(0.62 0.15 150)",
+        "negative": "oklch(0.53 0.19 25)",
+        "negative-subtle": "oklch(0.96 0.03 25)",
+        "negative-fill": "oklch(0.62 0.17 25)",
+        "warning": "oklch(0.53 0.12 75)",
+        "warning-subtle": "oklch(0.96 0.05 90)",
+        "warning-fill": "oklch(0.79 0.16 87)",
+        "info": "oklch(0.52 0.16 255)",
+        "info-subtle": "oklch(0.96 0.03 250)",
+        "info-fill": "oklch(0.62 0.15 250)",
+        "neutral": "oklch(0.52 0 0)",
+        "neutral-subtle": "oklch(0.96 0 0)",
+        "neutral-fill": "oklch(0.62 0 0)",
+        "destructive": "oklch(0.53 0.19 25)",
+        "destructive-foreground": "oklch(0.985 0 0)"
+      },
+      "dark": {
+        "background": "oklch(0.16 0 0)",
+        "card": "oklch(0.215 0 0)",
+        "popover": "oklch(0.235 0 0)",
+        "secondary": "oklch(0.27 0 0)",
+        "muted": "oklch(0.27 0 0)",
+        "accent": "oklch(0.3 0 0)",
+        "sidebar": "oklch(0.2 0 0)",
+        "sidebar-accent": "oklch(0.3 0 0)",
+        "border": "oklch(1 0 0 / 10%)",
+        "input": "oklch(1 0 0 / 15%)",
+        "sidebar-border": "oklch(1 0 0 / 10%)",
+        "foreground": "oklch(0.96 0 0)",
+        "card-foreground": "oklch(0.96 0 0)",
+        "popover-foreground": "oklch(0.96 0 0)",
+        "secondary-foreground": "oklch(0.96 0 0)",
+        "muted-foreground": "oklch(0.72 0 0)",
+        "accent-foreground": "oklch(0.96 0 0)",
+        "sidebar-foreground": "oklch(0.96 0 0)",
+        "sidebar-accent-foreground": "oklch(0.96 0 0)",
+        "primary": "oklch(0.88 0.005 250)",
+        "primary-foreground": "oklch(0.2 0.01 250)",
+        "ring": "oklch(0.556 0.01 250)",
+        "sidebar-primary": "oklch(0.88 0.005 250)",
+        "sidebar-primary-foreground": "oklch(0.2 0.01 250)",
+        "sidebar-ring": "oklch(0.556 0.01 250)",
+        "chart-1": "hsl(220 12% 46%)",
+        "chart-2": "hsl(190 28% 55%)",
+        "chart-3": "hsl(325 20% 66%)",
+        "chart-4": "hsl(150 20% 50%)",
+        "chart-5": "hsl(270 18% 68%)",
+        "positive": "oklch(0.76 0.15 150)",
+        "positive-subtle": "oklch(0.27 0.05 150)",
+        "positive-fill": "oklch(0.56 0.13 150)",
+        "negative": "oklch(0.74 0.15 22)",
+        "negative-subtle": "oklch(0.27 0.06 25)",
+        "negative-fill": "oklch(0.56 0.15 22)",
+        "warning": "oklch(0.8 0.14 85)",
+        "warning-subtle": "oklch(0.27 0.05 80)",
+        "warning-fill": "oklch(0.73 0.145 83)",
+        "info": "oklch(0.75 0.12 250)",
+        "info-subtle": "oklch(0.27 0.06 255)",
+        "info-fill": "oklch(0.56 0.13 250)",
+        "neutral": "oklch(0.85 0 0)",
+        "neutral-subtle": "oklch(0.27 0 0)",
+        "neutral-fill": "oklch(0.56 0 0)",
+        "destructive": "oklch(0.74 0.15 22)",
+        "destructive-foreground": "oklch(0.2 0.01 250)"
+      }
+    }
+  }
+];
+
+// ../squadkit/theme-presets/types.ts
+var THEME_PRESET_IDS = ["neutral", "ocean", "forest", "sunset", "violet", "rose", "mono"];
+
+// ../squadkit/theme-presets/index.ts
+var THEME_PRESETS = THEME_PRESETS_DATA;
+var THEME_START_MARKER = "/* squadkit-theme \u2014 regenerated by `theme`; edits here are lost */";
+var THEME_END_MARKER = "/* squadkit-theme:end */";
+var CHART_START_MARKER = "/* vantage-template:chart-preset \u2014 regenerated by `chart`; edits here are lost */";
+var CHART_END_MARKER = "/* vantage-template:chart-preset:end */";
+var LEGACY_IDS = {
+  default: "neutral",
+  calm: "ocean",
+  vivid: "sunset",
+  mono: "mono"
+};
+function isThemePresetId(v) {
+  return THEME_PRESET_IDS.includes(v);
+}
+function resolveThemePresetId(v) {
+  if (isThemePresetId(v)) return v;
+  return Object.prototype.hasOwnProperty.call(LEGACY_IDS, v) ? LEGACY_IDS[v] : null;
+}
+function getPreset(id) {
+  const preset = THEME_PRESETS.find((p) => p.id === id);
+  if (!preset) throw new Error(`unknown theme preset: ${id}`);
+  return preset;
+}
+function themePresetCss(id) {
+  return buildThemeCss(getPreset(id).cssVars);
+}
+function themeBlock(id) {
+  return `${THEME_START_MARKER}
+/* theme: ${id} */
+${themePresetCss(id)}
+${THEME_END_MARKER}`;
+}
+var ThemeStylesheetError = class extends Error {
+  code;
+  constructor(code, reason) {
+    super(`malformed theme range in styles.css: ${reason}`);
+    this.name = "ThemeStylesheetError";
+    this.code = code;
+  }
+};
+function countOf(css, needle) {
+  let n = 0;
+  for (let at = css.indexOf(needle); at !== -1; at = css.indexOf(needle, at + needle.length)) n += 1;
+  return n;
+}
+function findRange(css, startMarker, endMarker) {
+  const starts = countOf(css, startMarker);
+  const ends = countOf(css, endMarker);
+  if (starts === 0 && ends === 0) return null;
+  if (starts === 0) throw new ThemeStylesheetError("malformed-theme-block", "end marker without a start marker");
+  if (ends === 0) throw new ThemeStylesheetError("malformed-theme-block", "start marker without an end marker");
+  if (starts > 1) throw new ThemeStylesheetError("malformed-theme-block", "duplicate start markers");
+  if (ends > 1) throw new ThemeStylesheetError("malformed-theme-block", "duplicate end markers");
+  const start = css.indexOf(startMarker);
+  const endAt = css.indexOf(endMarker);
+  if (endAt < start) throw new ThemeStylesheetError("malformed-theme-block", "end marker before the start marker");
+  return { start, end: endAt + endMarker.length };
+}
+function removeRange(css, range) {
+  let end = range.end;
+  if (css[end] === "\n") end += 1;
+  if (css[end] === "\n") end += 1;
+  return css.slice(0, range.start) + css.slice(end);
+}
+function applyThemeToStylesheet(css, id, opts = {}) {
+  const block = themeBlock(id);
+  let next = css;
+  let repaired = false;
+  const existing = findRange(next, THEME_START_MARKER, THEME_END_MARKER);
+  if (opts.chart === "reset") {
+    const chart = findChartRange(next);
+    if (chart) next = removeRange(next, chart);
+  }
+  if (existing) {
+    const range = findRange(next, THEME_START_MARKER, THEME_END_MARKER);
+    next = next.slice(0, range.start) + block + next.slice(range.end);
+  } else {
+    repaired = true;
+    const chartStart = next.indexOf(CHART_START_MARKER);
+    if (chartStart !== -1) {
+      next = `${next.slice(0, chartStart)}${block}
+
+${next.slice(chartStart)}`;
+    } else {
+      next = `${next.trimEnd()}
+
+${block}
+`;
+    }
+  }
+  return { css: next, changed: next !== css, repaired };
+}
+function findChartRange(css) {
+  const start = css.indexOf(CHART_START_MARKER);
+  if (start === -1) return null;
+  const endAt = css.indexOf(CHART_END_MARKER, start);
+  return endAt === -1 ? null : { start, end: endAt + CHART_END_MARKER.length };
+}
+
+// src/commands/theme.ts
+function setTheme(themeId, options) {
+  const projectRoot = process.cwd();
+  const stylesPath = resolveStylesPath(projectRoot);
+  const stylesLabel = relative3(projectRoot, stylesPath);
+  if (!existsSync8(stylesPath)) {
+    log("red", `${stylesLabel} not found. Are you in a Squadbase Vantage project?`);
+    process.exit(1);
+  }
+  const id = resolveThemePresetId(themeId);
+  if (!id) {
+    log("red", `Theme "${themeId}" not found.`);
+    log("yellow", `Available themes: ${THEME_PRESET_IDS.join(", ")}`);
+    process.exit(1);
+  }
+  log("green", `Applying theme: ${id}`);
+  if (id !== themeId) {
+    log("dim", `  (legacy id "${themeId}" \u2192 "${id}")`);
+  }
+  const description = THEME_PRESETS.find((p) => p.id === id)?.description;
+  if (description) {
+    log("dim", `  ${description}`);
+  }
+  const current = readFileSync6(stylesPath, "utf-8");
+  let result;
+  try {
+    result = applyThemeToStylesheet(current, id, {
+      chart: options.resetChart ? "reset" : "keep"
+    });
+  } catch (err) {
+    if (err instanceof ThemeStylesheetError) {
+      log("red", `The theme range in ${stylesLabel} is broken (${err.message}).`);
+      log(
+        "yellow",
+        `Fix the lines from "/* squadkit-theme ... */" to "/* squadkit-theme:end */" by hand, or delete them, then run this again.`
+      );
+      process.exit(1);
+    }
+    throw err;
+  }
+  if (options.dryRun) {
+    log("yellow", "(dry run \u2014 no files will be changed)");
+    log("dim", `
+--- ${stylesLabel} (preview) ---`);
+    console.log(result.css);
+    return;
+  }
+  if (!result.changed) {
+    log("dim", `  unchanged: ${stylesLabel}`);
+    log("green", "\nTheme already applied.");
+    return;
+  }
+  writeFileSync4(stylesPath, result.css, "utf-8");
+  log("cyan", `  updated: ${stylesLabel}${result.repaired ? " (theme range added)" : ""}`);
+  log("green", "\nTheme applied successfully!");
+}
+
 // src/index.ts
 var HELP = `
 Usage: npx @squadbase/vantage-template <command> [options]
@@ -1112,12 +2062,14 @@ Usage: npx @squadbase/vantage-template <command> [options]
 Commands:
   init                  Initialize a new Squadbase Vantage project
   add <template-name>   Apply a UI template to the current project
+  theme <theme-id>      Apply a SquadKit theme (neutral, ocean, forest, sunset, violet, rose, mono)
   chart <preset-name>   Switch the chart color preset
   list                  List available templates and chart presets
 
 Options:
   --force              Overwrite existing files
   --dry-run            Show what would be done without making changes
+  --reset-chart        Drop the chart preset range so the theme's chart colors apply (theme only)
   --skip-install       Skip dependency installation after init
   --chart <preset>     Apply a chart preset during init (e.g. --chart sunset)
   --json               Output as JSON (for the list / add commands)
@@ -1135,6 +2087,7 @@ AI customization (add only):
 Examples:
   npx @squadbase/vantage-template init
   npx @squadbase/vantage-template list --lang ja
+  npx @squadbase/vantage-template theme ocean
   npx @squadbase/vantage-template add kpi-chart-simple \\
     --prompt "SaaS MRR/ARR dashboard" --provider openai --apiKey $OPENAI_API_KEY
   npx @squadbase/vantage-template add funnel --prompt "..." \\
@@ -1145,6 +2098,7 @@ async function main() {
     options: {
       force: { type: "boolean", default: false },
       "dry-run": { type: "boolean", default: false },
+      "reset-chart": { type: "boolean", default: false },
       "skip-install": { type: "boolean", default: false },
       chart: { type: "string" },
       json: { type: "boolean", default: false },
@@ -1233,6 +2187,17 @@ async function main() {
     setChartPreset(presetName, {
       dryRun: values["dry-run"] ?? false
     });
+  } else if (command === "theme") {
+    const themeId = positionals[1];
+    if (!themeId) {
+      log("red", "Missing theme id.");
+      log("dim", "Usage: npx @squadbase/vantage-template theme <theme-id> [--reset-chart] [--dry-run]");
+      process.exit(1);
+    }
+    setTheme(themeId, {
+      dryRun: values["dry-run"] ?? false,
+      resetChart: values["reset-chart"] ?? false
+    });
   } else {
     log("red", `Unknown command: "${command}"`);
     console.log(HELP);