bunkit-cli 0.6.1 → 0.7.0

package/dist/index.js

@@ -22656,6 +22656,9 @@ var init_types2 = __esm(() => {
     tsStrictness: exports_external.enum(["strict", "moderate", "loose"]).default("strict"),
     uiLibrary: exports_external.enum(["shadcn", "none"]).optional(),
     cssFramework: exports_external.enum(["tailwind", "vanilla", "css-modules"]).optional(),
+    shadcnStyle: exports_external.enum(["new-york", "default"]).optional(),
+    shadcnBaseColor: exports_external.enum(["neutral", "gray", "zinc", "stone", "slate"]).optional(),
+    shadcnRadius: exports_external.string().optional(),
     testing: exports_external.enum(["bun-test", "vitest", "none"]).default("bun-test"),
     docker: exports_external.boolean().default(false),
     cicd: exports_external.boolean().default(false),
@@ -22807,7 +22810,10 @@ function createTemplateContext(config) {
     docker: config.docker,
     cicd: config.cicd,
     envExample: config.envExample,
-    pathAliases: config.pathAliases
+    pathAliases: config.pathAliases,
+    shadcnStyle: config.shadcnStyle,
+    shadcnBaseColor: config.shadcnBaseColor,
+    shadcnRadius: config.shadcnRadius
   };
 }
 var import_fs_extra2;
@@ -24182,6 +24188,41 @@ class dD extends x {
 }
 var A;
 A = new WeakMap;
+var kD = Object.defineProperty;
+var $D = (e, u, t) => (u in e) ? kD(e, u, { enumerable: true, configurable: true, writable: true, value: t }) : e[u] = t;
+var H = (e, u, t) => ($D(e, typeof u != "symbol" ? u + "" : u, t), t);
+var SD = class extends x {
+  constructor(u) {
+    super(u, false), H(this, "options"), H(this, "cursor", 0), this.options = u.options, this.value = [...u.initialValues ?? []], this.cursor = Math.max(this.options.findIndex(({ value: t }) => t === u.cursorAt), 0), this.on("key", (t) => {
+      t === "a" && this.toggleAll();
+    }), this.on("cursor", (t) => {
+      switch (t) {
+        case "left":
+        case "up":
+          this.cursor = this.cursor === 0 ? this.options.length - 1 : this.cursor - 1;
+          break;
+        case "down":
+        case "right":
+          this.cursor = this.cursor === this.options.length - 1 ? 0 : this.cursor + 1;
+          break;
+        case "space":
+          this.toggleValue();
+          break;
+      }
+    });
+  }
+  get _value() {
+    return this.options[this.cursor].value;
+  }
+  toggleAll() {
+    const u = this.value.length === this.options.length;
+    this.value = u ? [] : this.options.map((t) => t.value);
+  }
+  toggleValue() {
+    const u = this.value.includes(this._value);
+    this.value = u ? this.value.filter((t) => t !== this._value) : [...this.value, this._value];
+  }
+};
 var OD = Object.defineProperty;
 var PD = (e, u, t) => (u in e) ? OD(e, u, { enumerable: true, configurable: true, writable: true, value: t }) : e[u] = t;
 var J = (e, u, t) => (PD(e, typeof u != "symbol" ? u + "" : u, t), t);
@@ -24353,6 +24394,47 @@ ${import_picocolors2.default.cyan(d2)}
     }
   } }).prompt();
 };
+var fe = (t) => {
+  const n = (r2, i) => {
+    const s = r2.label ?? String(r2.value);
+    return i === "active" ? `${import_picocolors2.default.cyan(A2)} ${s} ${r2.hint ? import_picocolors2.default.dim(`(${r2.hint})`) : ""}` : i === "selected" ? `${import_picocolors2.default.green(T)} ${import_picocolors2.default.dim(s)} ${r2.hint ? import_picocolors2.default.dim(`(${r2.hint})`) : ""}` : i === "cancelled" ? `${import_picocolors2.default.strikethrough(import_picocolors2.default.dim(s))}` : i === "active-selected" ? `${import_picocolors2.default.green(T)} ${s} ${r2.hint ? import_picocolors2.default.dim(`(${r2.hint})`) : ""}` : i === "submitted" ? `${import_picocolors2.default.dim(s)}` : `${import_picocolors2.default.dim(F)} ${import_picocolors2.default.dim(s)}`;
+  };
+  return new SD({ options: t.options, initialValues: t.initialValues, required: t.required ?? true, cursorAt: t.cursorAt, validate(r2) {
+    if (this.required && r2.length === 0)
+      return `Please select at least one option.
+${import_picocolors2.default.reset(import_picocolors2.default.dim(`Press ${import_picocolors2.default.gray(import_picocolors2.default.bgWhite(import_picocolors2.default.inverse(" space ")))} to select, ${import_picocolors2.default.gray(import_picocolors2.default.bgWhite(import_picocolors2.default.inverse(" enter ")))} to submit`))}`;
+  }, render() {
+    const r2 = `${import_picocolors2.default.gray(o)}
+${b2(this.state)}  ${t.message}
+`, i = (s, c) => {
+      const a = this.value.includes(s.value);
+      return c && a ? n(s, "active-selected") : a ? n(s, "selected") : n(s, c ? "active" : "inactive");
+    };
+    switch (this.state) {
+      case "submit":
+        return `${r2}${import_picocolors2.default.gray(o)}  ${this.options.filter(({ value: s }) => this.value.includes(s)).map((s) => n(s, "submitted")).join(import_picocolors2.default.dim(", ")) || import_picocolors2.default.dim("none")}`;
+      case "cancel": {
+        const s = this.options.filter(({ value: c }) => this.value.includes(c)).map((c) => n(c, "cancelled")).join(import_picocolors2.default.dim(", "));
+        return `${r2}${import_picocolors2.default.gray(o)}  ${s.trim() ? `${s}
+${import_picocolors2.default.gray(o)}` : ""}`;
+      }
+      case "error": {
+        const s = this.error.split(`
+`).map((c, a) => a === 0 ? `${import_picocolors2.default.yellow(d2)}  ${import_picocolors2.default.yellow(c)}` : `   ${c}`).join(`
+`);
+        return `${r2 + import_picocolors2.default.yellow(o)}  ${G2({ options: this.options, cursor: this.cursor, maxItems: t.maxItems, style: i }).join(`
+${import_picocolors2.default.yellow(o)}  `)}
+${s}
+`;
+      }
+      default:
+        return `${r2}${import_picocolors2.default.cyan(o)}  ${G2({ options: this.options, cursor: this.cursor, maxItems: t.maxItems, style: i }).join(`
+${import_picocolors2.default.cyan(o)}  `)}
+${import_picocolors2.default.cyan(d2)}
+`;
+    }
+  } }).prompt();
+};
 var Me = (t = "", n = "") => {
   const r2 = `
 ${t}
@@ -24424,7 +24506,7 @@ var Y2 = ({ indicator: t = "dots" } = {}) => {
   }, R2 = (m2) => m2.replace(/\.+$/, ""), O2 = (m2) => {
     const h2 = (performance.now() - m2) / 1000, w2 = Math.floor(h2 / 60), I2 = Math.floor(h2 % 60);
     return w2 > 0 ? `[${w2}m ${I2}s]` : `[${I2}s]`;
-  }, H = (m2 = "") => {
+  }, H2 = (m2 = "") => {
     a = true, s = fD(), l2 = R2(m2), g2 = performance.now(), process.stdout.write(`${import_picocolors2.default.gray(o)}
 `);
     let h2 = 0, w2 = 0;
@@ -24450,7 +24532,7 @@ var Y2 = ({ indicator: t = "dots" } = {}) => {
 `) : process.stdout.write(`${w2}  ${l2}
 `), E(), s();
   };
-  return { start: H, stop: N2, message: (m2 = "") => {
+  return { start: H2, stop: N2, message: (m2 = "") => {
     l2 = R2(m2 ?? l2);
   } };
 };
@@ -25074,6 +25156,1183 @@ updates:
   await writeFile(join(projectPath, ".github/dependabot.yml"), dependabotConfig);
 }
 
+// ../templates/src/generators/shadcn.ts
+init_dist();
+init_src();
+
+// ../templates/src/generators/shadcn-themes.ts
+var neutralTheme = {
+  light: {
+    radius: "0.625rem",
+    background: "oklch(1 0 0)",
+    foreground: "oklch(0.145 0 0)",
+    card: "oklch(1 0 0)",
+    cardForeground: "oklch(0.145 0 0)",
+    popover: "oklch(1 0 0)",
+    popoverForeground: "oklch(0.145 0 0)",
+    primary: "oklch(0.205 0 0)",
+    primaryForeground: "oklch(0.985 0 0)",
+    secondary: "oklch(0.97 0 0)",
+    secondaryForeground: "oklch(0.205 0 0)",
+    muted: "oklch(0.97 0 0)",
+    mutedForeground: "oklch(0.556 0 0)",
+    accent: "oklch(0.97 0 0)",
+    accentForeground: "oklch(0.205 0 0)",
+    destructive: "oklch(0.577 0.245 27.325)",
+    destructiveForeground: "oklch(0.577 0.245 27.325)",
+    border: "oklch(0.922 0 0)",
+    input: "oklch(0.922 0 0)",
+    ring: "oklch(0.708 0 0)",
+    chart1: "oklch(0.646 0.222 41.116)",
+    chart2: "oklch(0.6 0.118 184.704)",
+    chart3: "oklch(0.398 0.07 227.392)",
+    chart4: "oklch(0.828 0.189 84.429)",
+    chart5: "oklch(0.769 0.188 70.08)",
+    sidebar: "oklch(0.985 0 0)",
+    sidebarForeground: "oklch(0.145 0 0)",
+    sidebarPrimary: "oklch(0.205 0 0)",
+    sidebarPrimaryForeground: "oklch(0.985 0 0)",
+    sidebarAccent: "oklch(0.97 0 0)",
+    sidebarAccentForeground: "oklch(0.205 0 0)",
+    sidebarBorder: "oklch(0.922 0 0)",
+    sidebarRing: "oklch(0.708 0 0)"
+  },
+  dark: {
+    background: "oklch(0.145 0 0)",
+    foreground: "oklch(0.985 0 0)",
+    card: "oklch(0.145 0 0)",
+    cardForeground: "oklch(0.985 0 0)",
+    popover: "oklch(0.145 0 0)",
+    popoverForeground: "oklch(0.985 0 0)",
+    primary: "oklch(0.985 0 0)",
+    primaryForeground: "oklch(0.205 0 0)",
+    secondary: "oklch(0.269 0 0)",
+    secondaryForeground: "oklch(0.985 0 0)",
+    muted: "oklch(0.269 0 0)",
+    mutedForeground: "oklch(0.708 0 0)",
+    accent: "oklch(0.269 0 0)",
+    accentForeground: "oklch(0.985 0 0)",
+    destructive: "oklch(0.396 0.141 25.723)",
+    destructiveForeground: "oklch(0.637 0.237 25.331)",
+    border: "oklch(0.269 0 0)",
+    input: "oklch(0.269 0 0)",
+    ring: "oklch(0.439 0 0)",
+    chart1: "oklch(0.488 0.243 264.376)",
+    chart2: "oklch(0.696 0.17 162.48)",
+    chart3: "oklch(0.769 0.188 70.08)",
+    chart4: "oklch(0.627 0.265 303.9)",
+    chart5: "oklch(0.645 0.246 16.439)",
+    sidebar: "oklch(0.205 0 0)",
+    sidebarForeground: "oklch(0.985 0 0)",
+    sidebarPrimary: "oklch(0.488 0.243 264.376)",
+    sidebarPrimaryForeground: "oklch(0.985 0 0)",
+    sidebarAccent: "oklch(0.269 0 0)",
+    sidebarAccentForeground: "oklch(0.985 0 0)",
+    sidebarBorder: "oklch(0.269 0 0)",
+    sidebarRing: "oklch(0.439 0 0)"
+  }
+};
+var grayTheme = {
+  light: {
+    radius: "0.625rem",
+    background: "oklch(1 0 0)",
+    foreground: "oklch(0.13 0.028 261.692)",
+    card: "oklch(1 0 0)",
+    cardForeground: "oklch(0.13 0.028 261.692)",
+    popover: "oklch(1 0 0)",
+    popoverForeground: "oklch(0.13 0.028 261.692)",
+    primary: "oklch(0.21 0.034 264.665)",
+    primaryForeground: "oklch(0.985 0.002 247.839)",
+    secondary: "oklch(0.967 0.003 264.542)",
+    secondaryForeground: "oklch(0.21 0.034 264.665)",
+    muted: "oklch(0.967 0.003 264.542)",
+    mutedForeground: "oklch(0.551 0.027 264.364)",
+    accent: "oklch(0.967 0.003 264.542)",
+    accentForeground: "oklch(0.21 0.034 264.665)",
+    destructive: "oklch(0.577 0.245 27.325)",
+    destructiveForeground: "oklch(0.577 0.245 27.325)",
+    border: "oklch(0.928 0.006 264.531)",
+    input: "oklch(0.928 0.006 264.531)",
+    ring: "oklch(0.707 0.022 261.325)",
+    chart1: "oklch(0.646 0.222 41.116)",
+    chart2: "oklch(0.6 0.118 184.704)",
+    chart3: "oklch(0.398 0.07 227.392)",
+    chart4: "oklch(0.828 0.189 84.429)",
+    chart5: "oklch(0.769 0.188 70.08)",
+    sidebar: "oklch(0.985 0.002 247.839)",
+    sidebarForeground: "oklch(0.13 0.028 261.692)",
+    sidebarPrimary: "oklch(0.21 0.034 264.665)",
+    sidebarPrimaryForeground: "oklch(0.985 0.002 247.839)",
+    sidebarAccent: "oklch(0.967 0.003 264.542)",
+    sidebarAccentForeground: "oklch(0.21 0.034 264.665)",
+    sidebarBorder: "oklch(0.928 0.006 264.531)",
+    sidebarRing: "oklch(0.707 0.022 261.325)"
+  },
+  dark: {
+    background: "oklch(0.13 0.028 261.692)",
+    foreground: "oklch(0.985 0.002 247.839)",
+    card: "oklch(0.21 0.034 264.665)",
+    cardForeground: "oklch(0.985 0.002 247.839)",
+    popover: "oklch(0.21 0.034 264.665)",
+    popoverForeground: "oklch(0.985 0.002 247.839)",
+    primary: "oklch(0.928 0.006 264.531)",
+    primaryForeground: "oklch(0.21 0.034 264.665)",
+    secondary: "oklch(0.278 0.033 256.848)",
+    secondaryForeground: "oklch(0.985 0.002 247.839)",
+    muted: "oklch(0.278 0.033 256.848)",
+    mutedForeground: "oklch(0.707 0.022 261.325)",
+    accent: "oklch(0.278 0.033 256.848)",
+    accentForeground: "oklch(0.985 0.002 247.839)",
+    destructive: "oklch(0.704 0.191 22.216)",
+    destructiveForeground: "oklch(0.704 0.191 22.216)",
+    border: "oklch(1 0 0 / 10%)",
+    input: "oklch(1 0 0 / 15%)",
+    ring: "oklch(0.551 0.027 264.364)",
+    chart1: "oklch(0.488 0.243 264.376)",
+    chart2: "oklch(0.696 0.17 162.48)",
+    chart3: "oklch(0.769 0.188 70.08)",
+    chart4: "oklch(0.627 0.265 303.9)",
+    chart5: "oklch(0.645 0.246 16.439)",
+    sidebar: "oklch(0.21 0.034 264.665)",
+    sidebarForeground: "oklch(0.985 0.002 247.839)",
+    sidebarPrimary: "oklch(0.488 0.243 264.376)",
+    sidebarPrimaryForeground: "oklch(0.985 0.002 247.839)",
+    sidebarAccent: "oklch(0.278 0.033 256.848)",
+    sidebarAccentForeground: "oklch(0.985 0.002 247.839)",
+    sidebarBorder: "oklch(1 0 0 / 10%)",
+    sidebarRing: "oklch(0.551 0.027 264.364)"
+  }
+};
+var zincTheme = {
+  light: {
+    radius: "0.625rem",
+    background: "oklch(1 0 0)",
+    foreground: "oklch(0.141 0.005 285.823)",
+    card: "oklch(1 0 0)",
+    cardForeground: "oklch(0.141 0.005 285.823)",
+    popover: "oklch(1 0 0)",
+    popoverForeground: "oklch(0.141 0.005 285.823)",
+    primary: "oklch(0.21 0.006 285.885)",
+    primaryForeground: "oklch(0.985 0 0)",
+    secondary: "oklch(0.967 0.001 286.375)",
+    secondaryForeground: "oklch(0.21 0.006 285.885)",
+    muted: "oklch(0.967 0.001 286.375)",
+    mutedForeground: "oklch(0.552 0.016 285.938)",
+    accent: "oklch(0.967 0.001 286.375)",
+    accentForeground: "oklch(0.21 0.006 285.885)",
+    destructive: "oklch(0.577 0.245 27.325)",
+    destructiveForeground: "oklch(0.577 0.245 27.325)",
+    border: "oklch(0.92 0.004 286.32)",
+    input: "oklch(0.92 0.004 286.32)",
+    ring: "oklch(0.705 0.015 286.067)",
+    chart1: "oklch(0.646 0.222 41.116)",
+    chart2: "oklch(0.6 0.118 184.704)",
+    chart3: "oklch(0.398 0.07 227.392)",
+    chart4: "oklch(0.828 0.189 84.429)",
+    chart5: "oklch(0.769 0.188 70.08)",
+    sidebar: "oklch(0.985 0 0)",
+    sidebarForeground: "oklch(0.141 0.005 285.823)",
+    sidebarPrimary: "oklch(0.21 0.006 285.885)",
+    sidebarPrimaryForeground: "oklch(0.985 0 0)",
+    sidebarAccent: "oklch(0.967 0.001 286.375)",
+    sidebarAccentForeground: "oklch(0.21 0.006 285.885)",
+    sidebarBorder: "oklch(0.92 0.004 286.32)",
+    sidebarRing: "oklch(0.705 0.015 286.067)"
+  },
+  dark: {
+    background: "oklch(0.141 0.005 285.823)",
+    foreground: "oklch(0.985 0 0)",
+    card: "oklch(0.21 0.006 285.885)",
+    cardForeground: "oklch(0.985 0 0)",
+    popover: "oklch(0.21 0.006 285.885)",
+    popoverForeground: "oklch(0.985 0 0)",
+    primary: "oklch(0.92 0.004 286.32)",
+    primaryForeground: "oklch(0.21 0.006 285.885)",
+    secondary: "oklch(0.274 0.006 286.033)",
+    secondaryForeground: "oklch(0.985 0 0)",
+    muted: "oklch(0.274 0.006 286.033)",
+    mutedForeground: "oklch(0.705 0.015 286.067)",
+    accent: "oklch(0.274 0.006 286.033)",
+    accentForeground: "oklch(0.985 0 0)",
+    destructive: "oklch(0.704 0.191 22.216)",
+    destructiveForeground: "oklch(0.704 0.191 22.216)",
+    border: "oklch(1 0 0 / 10%)",
+    input: "oklch(1 0 0 / 15%)",
+    ring: "oklch(0.552 0.016 285.938)",
+    chart1: "oklch(0.488 0.243 264.376)",
+    chart2: "oklch(0.696 0.17 162.48)",
+    chart3: "oklch(0.769 0.188 70.08)",
+    chart4: "oklch(0.627 0.265 303.9)",
+    chart5: "oklch(0.645 0.246 16.439)",
+    sidebar: "oklch(0.21 0.006 285.885)",
+    sidebarForeground: "oklch(0.985 0 0)",
+    sidebarPrimary: "oklch(0.488 0.243 264.376)",
+    sidebarPrimaryForeground: "oklch(0.985 0 0)",
+    sidebarAccent: "oklch(0.274 0.006 286.033)",
+    sidebarAccentForeground: "oklch(0.985 0 0)",
+    sidebarBorder: "oklch(1 0 0 / 10%)",
+    sidebarRing: "oklch(0.552 0.016 285.938)"
+  }
+};
+var stoneTheme = {
+  light: {
+    radius: "0.625rem",
+    background: "oklch(1 0 0)",
+    foreground: "oklch(0.147 0.004 49.25)",
+    card: "oklch(1 0 0)",
+    cardForeground: "oklch(0.147 0.004 49.25)",
+    popover: "oklch(1 0 0)",
+    popoverForeground: "oklch(0.147 0.004 49.25)",
+    primary: "oklch(0.216 0.006 56.043)",
+    primaryForeground: "oklch(0.985 0.001 106.423)",
+    secondary: "oklch(0.97 0.001 106.424)",
+    secondaryForeground: "oklch(0.216 0.006 56.043)",
+    muted: "oklch(0.97 0.001 106.424)",
+    mutedForeground: "oklch(0.553 0.013 58.071)",
+    accent: "oklch(0.97 0.001 106.424)",
+    accentForeground: "oklch(0.216 0.006 56.043)",
+    destructive: "oklch(0.577 0.245 27.325)",
+    destructiveForeground: "oklch(0.577 0.245 27.325)",
+    border: "oklch(0.923 0.003 48.717)",
+    input: "oklch(0.923 0.003 48.717)",
+    ring: "oklch(0.709 0.01 56.259)",
+    chart1: "oklch(0.646 0.222 41.116)",
+    chart2: "oklch(0.6 0.118 184.704)",
+    chart3: "oklch(0.398 0.07 227.392)",
+    chart4: "oklch(0.828 0.189 84.429)",
+    chart5: "oklch(0.769 0.188 70.08)",
+    sidebar: "oklch(0.985 0.001 106.423)",
+    sidebarForeground: "oklch(0.147 0.004 49.25)",
+    sidebarPrimary: "oklch(0.216 0.006 56.043)",
+    sidebarPrimaryForeground: "oklch(0.985 0.001 106.423)",
+    sidebarAccent: "oklch(0.97 0.001 106.424)",
+    sidebarAccentForeground: "oklch(0.216 0.006 56.043)",
+    sidebarBorder: "oklch(0.923 0.003 48.717)",
+    sidebarRing: "oklch(0.709 0.01 56.259)"
+  },
+  dark: {
+    background: "oklch(0.147 0.004 49.25)",
+    foreground: "oklch(0.985 0.001 106.423)",
+    card: "oklch(0.216 0.006 56.043)",
+    cardForeground: "oklch(0.985 0.001 106.423)",
+    popover: "oklch(0.216 0.006 56.043)",
+    popoverForeground: "oklch(0.985 0.001 106.423)",
+    primary: "oklch(0.923 0.003 48.717)",
+    primaryForeground: "oklch(0.216 0.006 56.043)",
+    secondary: "oklch(0.268 0.007 34.298)",
+    secondaryForeground: "oklch(0.985 0.001 106.423)",
+    muted: "oklch(0.268 0.007 34.298)",
+    mutedForeground: "oklch(0.709 0.01 56.259)",
+    accent: "oklch(0.268 0.007 34.298)",
+    accentForeground: "oklch(0.985 0.001 106.423)",
+    destructive: "oklch(0.704 0.191 22.216)",
+    destructiveForeground: "oklch(0.704 0.191 22.216)",
+    border: "oklch(1 0 0 / 10%)",
+    input: "oklch(1 0 0 / 15%)",
+    ring: "oklch(0.553 0.013 58.071)",
+    chart1: "oklch(0.488 0.243 264.376)",
+    chart2: "oklch(0.696 0.17 162.48)",
+    chart3: "oklch(0.769 0.188 70.08)",
+    chart4: "oklch(0.627 0.265 303.9)",
+    chart5: "oklch(0.645 0.246 16.439)",
+    sidebar: "oklch(0.216 0.006 56.043)",
+    sidebarForeground: "oklch(0.985 0.001 106.423)",
+    sidebarPrimary: "oklch(0.488 0.243 264.376)",
+    sidebarPrimaryForeground: "oklch(0.985 0.001 106.423)",
+    sidebarAccent: "oklch(0.268 0.007 34.298)",
+    sidebarAccentForeground: "oklch(0.985 0.001 106.423)",
+    sidebarBorder: "oklch(1 0 0 / 10%)",
+    sidebarRing: "oklch(0.553 0.013 58.071)"
+  }
+};
+var slateTheme = {
+  light: {
+    radius: "0.625rem",
+    background: "oklch(1 0 0)",
+    foreground: "oklch(0.129 0.042 264.695)",
+    card: "oklch(1 0 0)",
+    cardForeground: "oklch(0.129 0.042 264.695)",
+    popover: "oklch(1 0 0)",
+    popoverForeground: "oklch(0.129 0.042 264.695)",
+    primary: "oklch(0.208 0.042 265.755)",
+    primaryForeground: "oklch(0.984 0.003 247.858)",
+    secondary: "oklch(0.968 0.007 247.896)",
+    secondaryForeground: "oklch(0.208 0.042 265.755)",
+    muted: "oklch(0.968 0.007 247.896)",
+    mutedForeground: "oklch(0.554 0.046 257.417)",
+    accent: "oklch(0.968 0.007 247.896)",
+    accentForeground: "oklch(0.208 0.042 265.755)",
+    destructive: "oklch(0.577 0.245 27.325)",
+    destructiveForeground: "oklch(0.577 0.245 27.325)",
+    border: "oklch(0.929 0.013 255.508)",
+    input: "oklch(0.929 0.013 255.508)",
+    ring: "oklch(0.704 0.04 256.788)",
+    chart1: "oklch(0.646 0.222 41.116)",
+    chart2: "oklch(0.6 0.118 184.704)",
+    chart3: "oklch(0.398 0.07 227.392)",
+    chart4: "oklch(0.828 0.189 84.429)",
+    chart5: "oklch(0.769 0.188 70.08)",
+    sidebar: "oklch(0.984 0.003 247.858)",
+    sidebarForeground: "oklch(0.129 0.042 264.695)",
+    sidebarPrimary: "oklch(0.208 0.042 265.755)",
+    sidebarPrimaryForeground: "oklch(0.984 0.003 247.858)",
+    sidebarAccent: "oklch(0.968 0.007 247.896)",
+    sidebarAccentForeground: "oklch(0.208 0.042 265.755)",
+    sidebarBorder: "oklch(0.929 0.013 255.508)",
+    sidebarRing: "oklch(0.704 0.04 256.788)"
+  },
+  dark: {
+    background: "oklch(0.129 0.042 264.695)",
+    foreground: "oklch(0.984 0.003 247.858)",
+    card: "oklch(0.208 0.042 265.755)",
+    cardForeground: "oklch(0.984 0.003 247.858)",
+    popover: "oklch(0.208 0.042 265.755)",
+    popoverForeground: "oklch(0.984 0.003 247.858)",
+    primary: "oklch(0.929 0.013 255.508)",
+    primaryForeground: "oklch(0.208 0.042 265.755)",
+    secondary: "oklch(0.279 0.041 260.031)",
+    secondaryForeground: "oklch(0.984 0.003 247.858)",
+    muted: "oklch(0.279 0.041 260.031)",
+    mutedForeground: "oklch(0.704 0.04 256.788)",
+    accent: "oklch(0.279 0.041 260.031)",
+    accentForeground: "oklch(0.984 0.003 247.858)",
+    destructive: "oklch(0.704 0.191 22.216)",
+    destructiveForeground: "oklch(0.704 0.191 22.216)",
+    border: "oklch(1 0 0 / 10%)",
+    input: "oklch(1 0 0 / 15%)",
+    ring: "oklch(0.551 0.027 264.364)",
+    chart1: "oklch(0.488 0.243 264.376)",
+    chart2: "oklch(0.696 0.17 162.48)",
+    chart3: "oklch(0.769 0.188 70.08)",
+    chart4: "oklch(0.627 0.265 303.9)",
+    chart5: "oklch(0.645 0.246 16.439)",
+    sidebar: "oklch(0.208 0.042 265.755)",
+    sidebarForeground: "oklch(0.984 0.003 247.858)",
+    sidebarPrimary: "oklch(0.488 0.243 264.376)",
+    sidebarPrimaryForeground: "oklch(0.984 0.003 247.858)",
+    sidebarAccent: "oklch(0.279 0.041 260.031)",
+    sidebarAccentForeground: "oklch(0.984 0.003 247.858)",
+    sidebarBorder: "oklch(1 0 0 / 10%)",
+    sidebarRing: "oklch(0.551 0.027 264.364)"
+  }
+};
+var themes = {
+  neutral: neutralTheme,
+  gray: grayTheme,
+  zinc: zincTheme,
+  stone: stoneTheme,
+  slate: slateTheme
+};
+function generateThemeCSS(theme, customRadius) {
+  const radius = customRadius || theme.light.radius;
+  return `@layer base {
+  :root {
+    --radius: ${radius};
+    --background: ${theme.light.background};
+    --foreground: ${theme.light.foreground};
+    --card: ${theme.light.card};
+    --card-foreground: ${theme.light.cardForeground};
+    --popover: ${theme.light.popover};
+    --popover-foreground: ${theme.light.popoverForeground};
+    --primary: ${theme.light.primary};
+    --primary-foreground: ${theme.light.primaryForeground};
+    --secondary: ${theme.light.secondary};
+    --secondary-foreground: ${theme.light.secondaryForeground};
+    --muted: ${theme.light.muted};
+    --muted-foreground: ${theme.light.mutedForeground};
+    --accent: ${theme.light.accent};
+    --accent-foreground: ${theme.light.accentForeground};
+    --destructive: ${theme.light.destructive};
+    --destructive-foreground: ${theme.light.destructiveForeground};
+    --border: ${theme.light.border};
+    --input: ${theme.light.input};
+    --ring: ${theme.light.ring};
+    --chart-1: ${theme.light.chart1};
+    --chart-2: ${theme.light.chart2};
+    --chart-3: ${theme.light.chart3};
+    --chart-4: ${theme.light.chart4};
+    --chart-5: ${theme.light.chart5};
+    --sidebar: ${theme.light.sidebar};
+    --sidebar-foreground: ${theme.light.sidebarForeground};
+    --sidebar-primary: ${theme.light.sidebarPrimary};
+    --sidebar-primary-foreground: ${theme.light.sidebarPrimaryForeground};
+    --sidebar-accent: ${theme.light.sidebarAccent};
+    --sidebar-accent-foreground: ${theme.light.sidebarAccentForeground};
+    --sidebar-border: ${theme.light.sidebarBorder};
+    --sidebar-ring: ${theme.light.sidebarRing};
+  }
+
+  .dark {
+    --background: ${theme.dark.background};
+    --foreground: ${theme.dark.foreground};
+    --card: ${theme.dark.card};
+    --card-foreground: ${theme.dark.cardForeground};
+    --popover: ${theme.dark.popover};
+    --popover-foreground: ${theme.dark.popoverForeground};
+    --primary: ${theme.dark.primary};
+    --primary-foreground: ${theme.dark.primaryForeground};
+    --secondary: ${theme.dark.secondary};
+    --secondary-foreground: ${theme.dark.secondaryForeground};
+    --muted: ${theme.dark.muted};
+    --muted-foreground: ${theme.dark.mutedForeground};
+    --accent: ${theme.dark.accent};
+    --accent-foreground: ${theme.dark.accentForeground};
+    --destructive: ${theme.dark.destructive};
+    --destructive-foreground: ${theme.dark.destructiveForeground};
+    --border: ${theme.dark.border};
+    --input: ${theme.dark.input};
+    --ring: ${theme.dark.ring};
+    --chart-1: ${theme.dark.chart1};
+    --chart-2: ${theme.dark.chart2};
+    --chart-3: ${theme.dark.chart3};
+    --chart-4: ${theme.dark.chart4};
+    --chart-5: ${theme.dark.chart5};
+    --sidebar: ${theme.dark.sidebar};
+    --sidebar-foreground: ${theme.dark.sidebarForeground};
+    --sidebar-primary: ${theme.dark.sidebarPrimary};
+    --sidebar-primary-foreground: ${theme.dark.sidebarPrimaryForeground};
+    --sidebar-accent: ${theme.dark.sidebarAccent};
+    --sidebar-accent-foreground: ${theme.dark.sidebarAccentForeground};
+    --sidebar-border: ${theme.dark.sidebarBorder};
+    --sidebar-ring: ${theme.dark.sidebarRing};
+  }
+}
+
+@layer base {
+  * {
+    @apply border-border outline-ring/50;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+}
+`;
+}
+
+// ../templates/src/generators/shadcn-components.ts
+init_execa();
+init_dist();
+init_src();
+init_src();
+var DEFAULT_SHADCN_COMPONENTS = [
+  "button",
+  "card"
+];
+async function installShadcnComponents(projectPath, components, options = {}) {
+  const cwd2 = options.cwd || projectPath;
+  const stdio = options.silent ? "pipe" : "inherit";
+  try {
+    await execa("bunx", ["shadcn@latest", "add", ...components], {
+      cwd: cwd2,
+      stdio
+    });
+  } catch (error) {
+    try {
+      await execa("npx", ["shadcn@latest", "add", ...components], {
+        cwd: cwd2,
+        stdio
+      });
+    } catch (fallbackError) {
+      logger.warn(`Could not install shadcn components automatically. You can install them manually with: bunx shadcn@latest add ${components.join(" ")}`);
+    }
+  }
+}
+async function installDefaultShadcnComponents(projectPath, options = {}) {
+  if (options.skipDefaults) {
+    return;
+  }
+  logger.step("Installing default shadcn/ui components...");
+  try {
+    await installShadcnComponents(projectPath, [...DEFAULT_SHADCN_COMPONENTS], {
+      silent: options.silent,
+      cwd: projectPath
+    });
+    logger.success("Default components installed");
+  } catch (error) {
+    logger.warn("Could not install default components automatically. Install them manually with: bunx shadcn@latest add button card");
+  }
+}
+async function createShadcnExample(projectPath, isMonorepo = false) {
+  const examplePath = isMonorepo ? join(projectPath, "apps/web/src/components/example.tsx") : join(projectPath, "src/components/example.tsx");
+  const exampleContent = `"use client"
+
+import { Button } from "@/components/ui/button"
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui/card"
+
+/**
+ * Example component showcasing shadcn/ui components
+ * This file demonstrates how to use Button and Card components
+ * 
+ * You can delete this file once you're familiar with the patterns.
+ */
+export function ExampleComponent() {
+  return (
+    <div className="container mx-auto p-8 space-y-6">
+      <Card>
+        <CardHeader>
+          <CardTitle>Welcome to shadcn/ui</CardTitle>
+          <CardDescription>
+            This is an example component showing how to use shadcn/ui components.
+          </CardDescription>
+        </CardHeader>
+        <CardContent>
+          <p className="text-sm text-muted-foreground">
+            You can start building your UI by importing components from @/components/ui
+          </p>
+        </CardContent>
+        <CardFooter className="flex gap-2">
+          <Button>Get Started</Button>
+          <Button variant="outline">Learn More</Button>
+        </CardFooter>
+      </Card>
+    </div>
+  )
+}
+`;
+  try {
+    await ensureDirectory(join(examplePath, ".."));
+    await writeFile(examplePath, exampleContent);
+  } catch (error) {}
+}
+
+// ../templates/src/generators/shadcn-docs.ts
+init_dist();
+init_src();
+async function createShadcnDocs(projectPath, isMonorepo = false, context) {
+  const docsPath = isMonorepo ? join(projectPath, "packages/ui/SHADCN.md") : join(projectPath, "SHADCN.md");
+  const docsContent = `# shadcn/ui Guide
+
+This project uses [shadcn/ui](https://ui.shadcn.com) - a collection of re-usable components built with Radix UI and Tailwind CSS.
+
+## \uD83D\uDE80 Quick Start
+
+### Adding Components
+
+Use the bunkit CLI to add components:
+
+\`\`\`bash
+# Add a single component
+bunkit add component --components button
+
+# Add multiple components
+bunkit add component --components button,card,input
+
+# Browse all available components
+bunkit add component --all
+\`\`\`
+
+Or use the official shadcn CLI directly:
+
+\`\`\`bash
+bunx shadcn@latest add button
+bunx shadcn@latest add card
+bunx shadcn@latest add input
+\`\`\`
+
+### Using Components
+
+Import components from the \`@/components/ui\` path:
+
+\`\`\`tsx
+import { Button } from "@/components/ui/button"
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui/card"
+
+export function MyComponent() {
+  return (
+    <Card>
+      <CardHeader>
+        <CardTitle>Hello</CardTitle>
+        <CardDescription>World</CardDescription>
+      </CardHeader>
+      <CardContent>
+        <Button>Click me</Button>
+      </CardContent>
+    </Card>
+  )
+}
+\`\`\`
+
+## \uD83D\uDCDA Available Components
+
+shadcn/ui provides 60+ components. Browse them all at [ui.shadcn.com](https://ui.shadcn.com/components).
+
+### Most Popular Components
+
+- **Button** - \`bunkit add component --components button\`
+- **Card** - \`bunkit add component --components card\`
+- **Input** - \`bunkit add component --components input\`
+- **Dialog** - \`bunkit add component --components dialog\`
+- **Dropdown Menu** - \`bunkit add component --components dropdown-menu\`
+- **Form** - \`bunkit add component --components form\`
+- **Table** - \`bunkit add component --components table\`
+- **Toast** - \`bunkit add component --components toast\`
+
+## \uD83C\uDFA8 Customization
+
+### Themes
+
+Your project is configured with:
+- **Style**: ${context?.shadcnStyle || "new-york"}
+- **Base Color**: ${context?.shadcnBaseColor || "zinc"}
+- **Border Radius**: ${context?.shadcnRadius || "0.625rem"}
+
+### Modifying Themes
+
+Edit the CSS variables in \`${isMonorepo ? "packages/ui/src/styles/globals.css" : "src/app/globals.css"}\`:
+
+\`\`\`css
+@layer base {
+  :root {
+    --radius: 0.625rem;
+    --background: oklch(...);
+    --foreground: oklch(...);
+    /* ... */
+  }
+}
+\`\`\`
+
+### Component Customization
+
+Components are copied directly into your project at \`${isMonorepo ? "packages/ui/src/components/ui" : "src/components/ui"}\`. You can modify them directly - they're YOUR code!
+
+## \uD83D\uDCD6 Documentation
+
+- [Official shadcn/ui Docs](https://ui.shadcn.com)
+- [Component Examples](https://ui.shadcn.com/components)
+- [Theming Guide](https://ui.shadcn.com/theming)
+
+## \uD83D\uDCA1 Tips
+
+1. **Components are yours** - They're copied into your project, so feel free to modify them
+2. **Type-safe** - All components are fully typed with TypeScript
+3. **Accessible** - Built on Radix UI primitives for accessibility
+4. **Customizable** - Use Tailwind classes to style components however you want
+
+## \uD83D\uDD27 Configuration
+
+Your \`components.json\` file (located at \`${isMonorepo ? "packages/ui/components.json" : "components.json"}\`) contains all shadcn/ui configuration.
+
+To change settings, edit this file or run:
+
+\`\`\`bash
+bunx shadcn@latest init
+\`\`\`
+
+---
+
+**Happy building! \uD83D\uDE80**
+`;
+  try {
+    await ensureDirectory(join(docsPath, ".."));
+    await writeFile(docsPath, docsContent);
+  } catch (error) {}
+}
+
+// ../templates/src/generators/shadcn.ts
+async function setupShadcnWeb(projectPath, context) {
+  await ensureDirectory(join(projectPath, "src/components/ui"));
+  await ensureDirectory(join(projectPath, "src/lib"));
+  const style = context.shadcnStyle || "new-york";
+  const baseColor = context.shadcnBaseColor || "zinc";
+  const radius = context.shadcnRadius || "0.625rem";
+  const componentsJson = {
+    $schema: "https://ui.shadcn.com/schema.json",
+    style,
+    rsc: true,
+    tsx: true,
+    tailwind: {
+      config: "",
+      css: "src/app/globals.css",
+      baseColor,
+      cssVariables: true
+    },
+    iconLibrary: "lucide",
+    aliases: {
+      components: "@/components",
+      utils: "@/lib/utils",
+      ui: "@/components/ui",
+      lib: "@/lib",
+      hooks: "@/hooks"
+    }
+  };
+  await writeFile(join(projectPath, "components.json"), JSON.stringify(componentsJson, null, 2));
+  const utilsContent = `import { clsx, type ClassValue } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}
+`;
+  await writeFile(join(projectPath, "src/lib/utils.ts"), utilsContent);
+  const packageJsonPath = join(projectPath, "package.json");
+  let packageJson = {};
+  try {
+    packageJson = JSON.parse(await Bun.file(packageJsonPath).text());
+  } catch {}
+  if (!packageJson.dependencies) {
+    packageJson.dependencies = {};
+  }
+  packageJson.dependencies["@radix-ui/react-slot"] = "catalog:";
+  packageJson.dependencies["class-variance-authority"] = "catalog:";
+  packageJson.dependencies["clsx"] = "catalog:";
+  packageJson.dependencies["tailwind-merge"] = "catalog:";
+  packageJson.dependencies["lucide-react"] = "catalog:";
+  if (!packageJson.catalog) {
+    packageJson.catalog = {};
+  }
+  packageJson.catalog["@radix-ui/react-slot"] = "^1.2.3";
+  packageJson.catalog["class-variance-authority"] = "^0.7.1";
+  packageJson.catalog["clsx"] = "^2.1.1";
+  packageJson.catalog["tailwind-merge"] = "^3.3.1";
+  packageJson.catalog["lucide-react"] = "^0.468.0";
+  await writeFile(packageJsonPath, JSON.stringify(packageJson, null, 2));
+  const globalsCssPath = join(projectPath, "src/app/globals.css");
+  let globalsCss = "";
+  try {
+    globalsCss = await Bun.file(globalsCssPath).text();
+  } catch {}
+  if (!globalsCss.includes("--background")) {
+    const theme = themes[baseColor] || themes.zinc;
+    const shadcnCss = generateThemeCSS(theme, radius);
+    if (globalsCss) {
+      globalsCss = globalsCss + `
+` + shadcnCss;
+    } else {
+      globalsCss = `@import "tailwindcss";
+
+${shadcnCss}`;
+    }
+    await writeFile(globalsCssPath, globalsCss);
+  }
+  const tailwindConfigPath = join(projectPath, "tailwind.config.ts");
+  let tailwindConfig = "";
+  try {
+    tailwindConfig = await Bun.file(tailwindConfigPath).text();
+  } catch {}
+  if (tailwindConfig && !tailwindConfig.includes("hsl(var(--background))")) {
+    const shadcnTheme = `  theme: {
+    extend: {
+      colors: {
+        border: "hsl(var(--border))",
+        input: "hsl(var(--input))",
+        ring: "hsl(var(--ring))",
+        background: "hsl(var(--background))",
+        foreground: "hsl(var(--foreground))",
+        primary: {
+          DEFAULT: "hsl(var(--primary))",
+          foreground: "hsl(var(--primary-foreground))",
+        },
+        secondary: {
+          DEFAULT: "hsl(var(--secondary))",
+          foreground: "hsl(var(--secondary-foreground))",
+        },
+        destructive: {
+          DEFAULT: "hsl(var(--destructive))",
+          foreground: "hsl(var(--destructive-foreground))",
+        },
+        muted: {
+          DEFAULT: "hsl(var(--muted))",
+          foreground: "hsl(var(--muted-foreground))",
+        },
+        accent: {
+          DEFAULT: "hsl(var(--accent))",
+          foreground: "hsl(var(--accent-foreground))",
+        },
+        popover: {
+          DEFAULT: "hsl(var(--popover))",
+          foreground: "hsl(var(--popover-foreground))",
+        },
+        card: {
+          DEFAULT: "hsl(var(--card))",
+          foreground: "hsl(var(--card-foreground))",
+        },
+      },
+      borderRadius: {
+        lg: "var(--radius)",
+        md: "calc(var(--radius) - 2px)",
+        sm: "calc(var(--radius) - 4px)",
+      },
+    },
+  },`;
+    if (tailwindConfig.includes("theme:")) {
+      const updatedConfig = tailwindConfig.replace(/theme:\s*\{[^}]*\}/s, shadcnTheme.trim());
+      await writeFile(tailwindConfigPath, updatedConfig);
+    } else {
+      const updatedConfig = tailwindConfig.replace(/(\s*)(plugins:.*?)(\n\s*\};)/s, `$1$2$1${shadcnTheme}$3`);
+      await writeFile(tailwindConfigPath, updatedConfig);
+    }
+  } else if (!tailwindConfig) {
+    const newTailwindConfig = `import type { Config } from 'tailwindcss';
+
+const config: Config = {
+  content: ['./src/**/*.{js,ts,jsx,tsx,mdx}'],
+  theme: {
+    extend: {
+      colors: {
+        border: "hsl(var(--border))",
+        input: "hsl(var(--input))",
+        ring: "hsl(var(--ring))",
+        background: "hsl(var(--background))",
+        foreground: "hsl(var(--foreground))",
+        primary: {
+          DEFAULT: "hsl(var(--primary))",
+          foreground: "hsl(var(--primary-foreground))",
+        },
+        secondary: {
+          DEFAULT: "hsl(var(--secondary))",
+          foreground: "hsl(var(--secondary-foreground))",
+        },
+        destructive: {
+          DEFAULT: "hsl(var(--destructive))",
+          foreground: "hsl(var(--destructive-foreground))",
+        },
+        muted: {
+          DEFAULT: "hsl(var(--muted))",
+          foreground: "hsl(var(--muted-foreground))",
+        },
+        accent: {
+          DEFAULT: "hsl(var(--accent))",
+          foreground: "hsl(var(--accent-foreground))",
+        },
+        popover: {
+          DEFAULT: "hsl(var(--popover))",
+          foreground: "hsl(var(--popover-foreground))",
+        },
+        card: {
+          DEFAULT: "hsl(var(--card))",
+          foreground: "hsl(var(--card-foreground))",
+        },
+      },
+      borderRadius: {
+        lg: "var(--radius)",
+        md: "calc(var(--radius) - 2px)",
+        sm: "calc(var(--radius) - 4px)",
+      },
+    },
+  },
+  plugins: [],
+};
+
+export default config;
+`;
+    await writeFile(tailwindConfigPath, newTailwindConfig);
+  }
+  if (context.install !== false) {}
+  await createShadcnExample(projectPath, false);
+  await createShadcnDocs(projectPath, false, context);
+}
+async function setupShadcnMonorepo(projectPath, context) {
+  const packageName = context.packageName || context.projectName.toLowerCase().replace(/\s+/g, "-");
+  const uiPackageName = `@${packageName}/ui`;
+  const style = context.shadcnStyle || "new-york";
+  const baseColor = context.shadcnBaseColor || "zinc";
+  const radius = context.shadcnRadius || "0.625rem";
+  await ensureDirectory(join(projectPath, "packages/ui/src/components"));
+  await ensureDirectory(join(projectPath, "packages/ui/src/lib"));
+  await ensureDirectory(join(projectPath, "packages/ui/src/hooks"));
+  await ensureDirectory(join(projectPath, "packages/ui/src/styles"));
+  const uiPackageJson = {
+    name: uiPackageName,
+    version: "0.0.0",
+    private: true,
+    main: "./src/index.ts",
+    types: "./src/index.ts",
+    exports: {
+      "./components": "./src/components/index.ts",
+      "./lib/utils": "./src/lib/utils.ts",
+      "./hooks": "./src/hooks/index.ts",
+      "./styles": "./src/styles/globals.css"
+    },
+    dependencies: {
+      "@radix-ui/react-slot": "catalog:",
+      "class-variance-authority": "catalog:",
+      clsx: "catalog:",
+      "tailwind-merge": "catalog:",
+      "lucide-react": "catalog:"
+    },
+    devDependencies: {
+      "@types/react": "catalog:",
+      "@types/react-dom": "catalog:",
+      typescript: "catalog:"
+    }
+  };
+  await writeFile(join(projectPath, "packages/ui/package.json"), JSON.stringify(uiPackageJson, null, 2));
+  const uiComponentsJson = {
+    $schema: "https://ui.shadcn.com/schema.json",
+    style,
+    rsc: true,
+    tsx: true,
+    tailwind: {
+      config: "",
+      css: "src/styles/globals.css",
+      baseColor,
+      cssVariables: true
+    },
+    iconLibrary: "lucide",
+    aliases: {
+      components: "@workspace/ui/components",
+      utils: "@workspace/ui/lib/utils",
+      hooks: "@workspace/ui/hooks",
+      lib: "@workspace/ui/lib",
+      ui: "@workspace/ui/components"
+    }
+  };
+  await writeFile(join(projectPath, "packages/ui/components.json"), JSON.stringify(uiComponentsJson, null, 2));
+  const uiUtilsContent = `import { clsx, type ClassValue } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}
+`;
+  await writeFile(join(projectPath, "packages/ui/src/lib/utils.ts"), uiUtilsContent);
+  const uiComponentsIndex = `// Export shadcn/ui components here
+// Components will be added via: bunx shadcn@latest add [component]
+`;
+  await writeFile(join(projectPath, "packages/ui/src/components/index.ts"), uiComponentsIndex);
+  const uiHooksIndex = `// Export custom hooks here
+`;
+  await writeFile(join(projectPath, "packages/ui/src/hooks/index.ts"), uiHooksIndex);
+  const theme = themes[baseColor] || themes.zinc;
+  const uiGlobalsCss = generateThemeCSS(theme, radius);
+  await writeFile(join(projectPath, "packages/ui/src/styles/globals.css"), uiGlobalsCss);
+  const uiTsconfig = {
+    compilerOptions: {
+      target: "ES2017",
+      lib: ["dom", "dom.iterable", "esnext"],
+      allowJs: true,
+      skipLibCheck: true,
+      strict: true,
+      noEmit: true,
+      esModuleInterop: true,
+      module: "esnext",
+      moduleResolution: "bundler",
+      resolveJsonModule: true,
+      isolatedModules: true,
+      jsx: "react-jsx",
+      types: ["react", "react-dom"]
+    },
+    include: ["src/**/*"],
+    exclude: ["node_modules"]
+  };
+  await writeFile(join(projectPath, "packages/ui/tsconfig.json"), JSON.stringify(uiTsconfig, null, 2));
+  await ensureDirectory(join(projectPath, "apps/web/src/components"));
+  await ensureDirectory(join(projectPath, "apps/web/src/lib"));
+  const webComponentsJson = {
+    $schema: "https://ui.shadcn.com/schema.json",
+    style,
+    rsc: true,
+    tsx: true,
+    tailwind: {
+      config: "",
+      css: "../../packages/ui/src/styles/globals.css",
+      baseColor,
+      cssVariables: true
+    },
+    iconLibrary: "lucide",
+    aliases: {
+      components: "@/components",
+      hooks: "@/hooks",
+      lib: "@/lib",
+      utils: "@workspace/ui/lib/utils",
+      ui: "@workspace/ui/components"
+    }
+  };
+  await writeFile(join(projectPath, "apps/web/components.json"), JSON.stringify(webComponentsJson, null, 2));
+  const webGlobalsCssPath = join(projectPath, "apps/web/src/app/globals.css");
+  const webGlobalsCss = `@import "../../../packages/ui/src/styles/globals.css";
+`;
+  await writeFile(webGlobalsCssPath, webGlobalsCss);
+  const webPackageJsonPath = join(projectPath, "apps/web/package.json");
+  let webPackageJson = {};
+  try {
+    webPackageJson = JSON.parse(await Bun.file(webPackageJsonPath).text());
+  } catch {}
+  if (webPackageJson.dependencies) {
+    webPackageJson.dependencies[uiPackageName] = "workspace:*";
+    await writeFile(webPackageJsonPath, JSON.stringify(webPackageJson, null, 2));
+  }
+  await ensureDirectory(join(projectPath, "apps/platform/src/components"));
+  await ensureDirectory(join(projectPath, "apps/platform/src/lib"));
+  const platformComponentsJson = {
+    $schema: "https://ui.shadcn.com/schema.json",
+    style,
+    rsc: true,
+    tsx: true,
+    tailwind: {
+      config: "",
+      css: "../../packages/ui/src/styles/globals.css",
+      baseColor,
+      cssVariables: true
+    },
+    iconLibrary: "lucide",
+    aliases: {
+      components: "@/components",
+      hooks: "@/hooks",
+      lib: "@/lib",
+      utils: "@workspace/ui/lib/utils",
+      ui: "@workspace/ui/components"
+    }
+  };
+  await writeFile(join(projectPath, "apps/platform/components.json"), JSON.stringify(platformComponentsJson, null, 2));
+  const platformGlobalsCssPath = join(projectPath, "apps/platform/src/app/globals.css");
+  const platformGlobalsCss = `@import "../../../packages/ui/src/styles/globals.css";
+`;
+  await writeFile(platformGlobalsCssPath, platformGlobalsCss);
+  const platformPackageJsonPath = join(projectPath, "apps/platform/package.json");
+  let platformPackageJson = {};
+  try {
+    platformPackageJson = JSON.parse(await Bun.file(platformPackageJsonPath).text());
+  } catch {}
+  if (platformPackageJson.dependencies) {
+    platformPackageJson.dependencies[uiPackageName] = "workspace:*";
+    await writeFile(platformPackageJsonPath, JSON.stringify(platformPackageJson, null, 2));
+  }
+  const updateAppTailwindConfig = async (appPath) => {
+    const tailwindConfigPath = join(projectPath, appPath, "tailwind.config.ts");
+    let tailwindConfig = "";
+    try {
+      tailwindConfig = await Bun.file(tailwindConfigPath).text();
+    } catch {}
+    const shadcnTheme = `  theme: {
+    extend: {
+      colors: {
+        border: "hsl(var(--border))",
+        input: "hsl(var(--input))",
+        ring: "hsl(var(--ring))",
+        background: "hsl(var(--background))",
+        foreground: "hsl(var(--foreground))",
+        primary: {
+          DEFAULT: "hsl(var(--primary))",
+          foreground: "hsl(var(--primary-foreground))",
+        },
+        secondary: {
+          DEFAULT: "hsl(var(--secondary))",
+          foreground: "hsl(var(--secondary-foreground))",
+        },
+        destructive: {
+          DEFAULT: "hsl(var(--destructive))",
+          foreground: "hsl(var(--destructive-foreground))",
+        },
+        muted: {
+          DEFAULT: "hsl(var(--muted))",
+          foreground: "hsl(var(--muted-foreground))",
+        },
+        accent: {
+          DEFAULT: "hsl(var(--accent))",
+          foreground: "hsl(var(--accent-foreground))",
+        },
+        popover: {
+          DEFAULT: "hsl(var(--popover))",
+          foreground: "hsl(var(--popover-foreground))",
+        },
+        card: {
+          DEFAULT: "hsl(var(--card))",
+          foreground: "hsl(var(--card-foreground))",
+        },
+      },
+      borderRadius: {
+        lg: "var(--radius)",
+        md: "calc(var(--radius) - 2px)",
+        sm: "calc(var(--radius) - 4px)",
+      },
+    },
+  },`;
+    if (tailwindConfig && !tailwindConfig.includes("hsl(var(--background))")) {
+      if (tailwindConfig.includes("theme:")) {
+        const updatedConfig = tailwindConfig.replace(/theme:\s*\{[^}]*\}/s, shadcnTheme.trim());
+        await writeFile(tailwindConfigPath, updatedConfig);
+      } else {
+        const updatedConfig = tailwindConfig.replace(/(\s*)(plugins:.*?)(\n\s*\};)/s, `$1$2$1${shadcnTheme}$3`);
+        await writeFile(tailwindConfigPath, updatedConfig);
+      }
+    } else if (!tailwindConfig) {
+      const newTailwindConfig = `import type { Config } from 'tailwindcss';
+
+const config: Config = {
+  content: ['./src/**/*.{js,ts,jsx,tsx,mdx}'],
+  theme: {
+    extend: {
+      colors: {
+        border: "hsl(var(--border))",
+        input: "hsl(var(--input))",
+        ring: "hsl(var(--ring))",
+        background: "hsl(var(--background))",
+        foreground: "hsl(var(--foreground))",
+        primary: {
+          DEFAULT: "hsl(var(--primary))",
+          foreground: "hsl(var(--primary-foreground))",
+        },
+        secondary: {
+          DEFAULT: "hsl(var(--secondary))",
+          foreground: "hsl(var(--secondary-foreground))",
+        },
+        destructive: {
+          DEFAULT: "hsl(var(--destructive))",
+          foreground: "hsl(var(--destructive-foreground))",
+        },
+        muted: {
+          DEFAULT: "hsl(var(--muted))",
+          foreground: "hsl(var(--muted-foreground))",
+        },
+        accent: {
+          DEFAULT: "hsl(var(--accent))",
+          foreground: "hsl(var(--accent-foreground))",
+        },
+        popover: {
+          DEFAULT: "hsl(var(--popover))",
+          foreground: "hsl(var(--popover-foreground))",
+        },
+        card: {
+          DEFAULT: "hsl(var(--card))",
+          foreground: "hsl(var(--card-foreground))",
+        },
+      },
+      borderRadius: {
+        lg: "var(--radius)",
+        md: "calc(var(--radius) - 2px)",
+        sm: "calc(var(--radius) - 4px)",
+      },
+    },
+  },
+  plugins: [],
+};
+
+export default config;
+`;
+      await writeFile(tailwindConfigPath, newTailwindConfig);
+    }
+  };
+  await updateAppTailwindConfig("apps/web");
+  await updateAppTailwindConfig("apps/platform");
+  const rootPackageJsonPath = join(projectPath, "package.json");
+  let rootPackageJson = {};
+  try {
+    rootPackageJson = JSON.parse(await Bun.file(rootPackageJsonPath).text());
+  } catch {}
+  if (rootPackageJson.catalog) {
+    rootPackageJson.catalog["lucide-react"] = "^0.468.0";
+    await writeFile(rootPackageJsonPath, JSON.stringify(rootPackageJson, null, 2));
+  }
+  await createShadcnExample(join(projectPath, "apps/web"), true);
+  await createShadcnExample(join(projectPath, "apps/platform"), true);
+  await createShadcnDocs(join(projectPath, "packages/ui"), true, context);
+}
+
 // ../templates/src/builders/web.ts
 async function buildWebPreset(projectPath, context) {
   await ensureDirectory(join(projectPath, "src/app"));
@@ -25205,6 +26464,9 @@ export default config;
   if (context.cicd) {
     await setupGitHubActions(projectPath, context);
   }
+  if (context.uiLibrary === "shadcn" && context.cssFramework === "tailwind") {
+    await setupShadcnWeb(projectPath, context);
+  }
 }
 // ../templates/src/builders/api.ts
 init_dist();
@@ -25619,6 +26881,7 @@ async function buildFullPreset(projectPath, context) {
       clsx: "^2.1.1",
       "tailwind-merge": "^3.3.1",
       "iconoir-react": "^7.11.0",
+      "lucide-react": "^0.468.0",
       "@biomejs/biome": "^2.3.0",
       ultracite: "^6.0.1",
       vitest: "^2.0.0",
@@ -26228,6 +27491,9 @@ ${context.database && context.database !== "none" && context.database !== "supab
   if (context.cicd) {
     await setupGitHubActions(projectPath, context);
   }
+  if (context.uiLibrary === "shadcn" && context.cssFramework === "tailwind") {
+    await setupShadcnMonorepo(projectPath, context);
+  }
 }
 // ../templates/src/builders/workspace.ts
 init_dist();
@@ -26711,6 +27977,98 @@ async function enhancedInitCommand(options = {}) {
       uiLibrary = "shadcn";
     }
   }
+  let shadcnStyle = getOptionValue("BUNKIT_SHADCN_STYLE", options.shadcnStyle);
+  if (!shadcnStyle && uiLibrary === "shadcn") {
+    if (!isNonInteractive) {
+      shadcnStyle = await ve({
+        message: "\uD83C\uDFA8 shadcn/ui style?",
+        options: [
+          {
+            value: "new-york",
+            label: "New York (Recommended)",
+            hint: "Modern, clean design with rounded corners and subtle shadows"
+          },
+          {
+            value: "default",
+            label: "Default",
+            hint: "Classic design with sharper edges and more contrast"
+          }
+        ]
+      });
+      if (pD(shadcnStyle)) {
+        xe("Operation cancelled.");
+        process.exit(0);
+      }
+    } else {
+      shadcnStyle = "new-york";
+    }
+  }
+  let shadcnBaseColor = getOptionValue("BUNKIT_SHADCN_BASE_COLOR", options.shadcnBaseColor);
+  if (!shadcnBaseColor && uiLibrary === "shadcn") {
+    if (!isNonInteractive) {
+      shadcnBaseColor = await ve({
+        message: "\uD83C\uDFA8 shadcn/ui base color?",
+        options: [
+          {
+            value: "zinc",
+            label: "Zinc (Recommended)",
+            hint: "Neutral gray - versatile and modern"
+          },
+          {
+            value: "neutral",
+            label: "Neutral",
+            hint: "Pure neutral - no color cast"
+          },
+          {
+            value: "gray",
+            label: "Gray",
+            hint: "Warm gray - slightly warmer than zinc"
+          },
+          {
+            value: "slate",
+            label: "Slate",
+            hint: "Cool gray - slightly bluer tone"
+          },
+          {
+            value: "stone",
+            label: "Stone",
+            hint: "Warm beige-gray - earthy and natural"
+          }
+        ]
+      });
+      if (pD(shadcnBaseColor)) {
+        xe("Operation cancelled.");
+        process.exit(0);
+      }
+    } else {
+      shadcnBaseColor = "zinc";
+    }
+  }
+  let shadcnRadius = getOptionValue("BUNKIT_SHADCN_RADIUS", options.shadcnRadius);
+  if (!shadcnRadius && uiLibrary === "shadcn") {
+    if (!isNonInteractive) {
+      const radiusInput = await he({
+        message: "\uD83D\uDCD0 Border radius?",
+        placeholder: "0.625rem",
+        initialValue: "0.625rem",
+        validate: (value) => {
+          if (!value.trim()) {
+            return "Radius cannot be empty";
+          }
+          if (!/^\d+(\.\d+)?(rem|px|em|%)$/.test(value.trim())) {
+            return "Please enter a valid CSS value (e.g., 0.5rem, 8px)";
+          }
+        }
+      });
+      if (pD(radiusInput)) {
+        xe("Operation cancelled.");
+        process.exit(0);
+      }
+      shadcnRadius = radiusInput;
+    } else {
+      shadcnRadius = "0.625rem";
+    }
+  }
   let testing = getOptionValue("BUNKIT_TESTING", options.testing, "bun-test");
   if (!testing) {
     if (!isNonInteractive) {
@@ -26803,8 +28161,7 @@ async function enhancedInitCommand(options = {}) {
     }
   }
   if (!isNonInteractive) {
-    console.log(`
-` + boxen([
+    const summaryLines = [
       `${source_default.bold("Project:")} ${source_default.cyan(projectName)}`,
       `${source_default.bold("Preset:")} ${source_default.cyan(preset)}`,
       database ? `${source_default.bold("Database:")} ${source_default.cyan(database)}` : "",
@@ -26812,10 +28169,15 @@ async function enhancedInitCommand(options = {}) {
       `${source_default.bold("TypeScript:")} ${source_default.cyan(tsStrictness)}`,
       cssFramework ? `${source_default.bold("CSS:")} ${source_default.cyan(cssFramework)}` : "",
       uiLibrary ? `${source_default.bold("UI Library:")} ${source_default.cyan(uiLibrary)}` : "",
+      uiLibrary === "shadcn" && shadcnStyle ? `${source_default.bold("shadcn Style:")} ${source_default.cyan(shadcnStyle)}` : "",
+      uiLibrary === "shadcn" && shadcnBaseColor ? `${source_default.bold("shadcn Base Color:")} ${source_default.cyan(shadcnBaseColor)}` : "",
+      uiLibrary === "shadcn" && shadcnRadius ? `${source_default.bold("shadcn Radius:")} ${source_default.cyan(shadcnRadius)}` : "",
       `${source_default.bold("Testing:")} ${source_default.cyan(testing)}`,
       docker ? `${source_default.bold("Docker:")} ${source_default.green("\u2713")}` : "",
       cicd ? `${source_default.bold("CI/CD:")} ${source_default.green("\u2713")}` : ""
-    ].filter(Boolean).join(`
+    ].filter(Boolean);
+    console.log(`
+` + boxen(summaryLines.join(`
 `), {
       padding: 1,
       title: "\uD83D\uDCCB Configuration",
@@ -26850,7 +28212,10 @@ async function enhancedInitCommand(options = {}) {
       docker,
       cicd,
       envExample: true,
-      pathAliases: true
+      pathAliases: true,
+      shadcnStyle,
+      shadcnBaseColor,
+      shadcnRadius
     };
     await createProject(config);
     const projectPath = join(process.cwd(), config.path);
@@ -26908,6 +28273,24 @@ async function enhancedInitCommand(options = {}) {
     } else if (shouldInstall && preset === "full") {
       await installDependencies(projectPath);
     }
+    if (shouldInstall && uiLibrary === "shadcn" && (preset === "web" || preset === "full")) {
+      s.message("\uD83E\uDDE9 Installing default shadcn/ui components...");
+      try {
+        if (preset === "full") {
+          await installDefaultShadcnComponents(join(projectPath, "packages/ui"), {
+            silent: true
+          });
+        } else {
+          await installDefaultShadcnComponents(projectPath, {
+            silent: true
+          });
+        }
+        s.message("\u2705 Default components (button, card) installed");
+      } catch (error) {
+        s.message("\u26A0\uFE0F  Could not install default components automatically");
+        s.message("   Install them manually: bunx shadcn@latest add button card");
+      }
+    }
     const getDevCommand = () => {
       if (preset === "full" || preset === "web")
         return "bun dev";
@@ -27425,6 +28808,123 @@ ${import_picocolors6.default.bold("Package info:")}
   }
 }
 
+// src/commands/add/component.ts
+init_dist();
+import { existsSync } from "fs";
+async function addComponentCommand(options = {}) {
+  const cwd2 = options.cwd || process.cwd();
+  const spinner = Y2();
+  const componentsJsonPath = join(cwd2, "components.json");
+  const isMonorepo = existsSync(join(cwd2, "packages/ui/components.json"));
+  if (!existsSync(componentsJsonPath) && !isMonorepo) {
+    M2.error("shadcn/ui is not configured in this project.");
+    M2.info("Run `bunkit init` with --ui-library shadcn to set up shadcn/ui first.");
+    process.exit(1);
+  }
+  const targetPath = isMonorepo ? join(cwd2, "packages/ui") : cwd2;
+  let components = [];
+  if (options.all) {
+    const popularComponents = [
+      "button",
+      "card",
+      "input",
+      "label",
+      "textarea",
+      "select",
+      "checkbox",
+      "radio-group",
+      "switch",
+      "dialog",
+      "dropdown-menu",
+      "alert",
+      "badge",
+      "avatar",
+      "separator",
+      "skeleton",
+      "tabs",
+      "accordion",
+      "alert-dialog",
+      "aspect-ratio",
+      "breadcrumb",
+      "calendar",
+      "carousel",
+      "chart",
+      "collapsible",
+      "command",
+      "context-menu",
+      "drawer",
+      "form",
+      "hover-card",
+      "menubar",
+      "navigation-menu",
+      "popover",
+      "progress",
+      "scroll-area",
+      "sheet",
+      "slider",
+      "sonner",
+      "table",
+      "toast",
+      "toggle",
+      "tooltip"
+    ];
+    const selected = await fe({
+      message: "Select components to install:",
+      options: popularComponents.map((comp) => ({
+        value: comp,
+        label: comp
+      })),
+      required: true
+    });
+    if (pD(selected)) {
+      xe("Operation cancelled.");
+      process.exit(0);
+    }
+    components = selected;
+  } else if (options.components && options.components.length > 0) {
+    components = options.components;
+  } else {
+    const componentInput = await he({
+      message: "Component name(s) to install?",
+      placeholder: "button, card, input",
+      validate: (value) => {
+        if (!value.trim()) {
+          return "Please enter at least one component name";
+        }
+      }
+    });
+    if (pD(componentInput)) {
+      xe("Operation cancelled.");
+      process.exit(0);
+    }
+    components = componentInput.split(/[,\s]+/).map((c3) => c3.trim()).filter(Boolean);
+  }
+  if (components.length === 0) {
+    M2.error("No components specified.");
+    process.exit(1);
+  }
+  spinner.start(`Installing ${components.length} component(s)...`);
+  try {
+    await installShadcnComponents(targetPath, components, {
+      silent: false,
+      cwd: targetPath
+    });
+    spinner.stop(`\u2705 Installed: ${components.join(", ")}`);
+    if (isMonorepo) {
+      Me(`Components installed in packages/ui. Import them using:
+import { Button } from "@workspace/ui/components/ui/button"`, "Usage");
+    } else {
+      Me(`Import components using:
+import { Button } from "@/components/ui/button"`, "Usage");
+    }
+  } catch (error) {
+    spinner.stop("\u274C Failed to install components");
+    M2.error(error.message);
+    M2.info("Try installing manually: bunx shadcn@latest add " + components.join(" "));
+    process.exit(1);
+  }
+}
+
 // src/commands/add.ts
 async function addCommand(feature, options) {
   try {
@@ -27443,9 +28943,16 @@ async function addCommand(feature, options) {
           cwd: process.cwd()
         });
         break;
+      case "component":
+        await addComponentCommand({
+          components: options.components,
+          all: options.all,
+          cwd: process.cwd()
+        });
+        break;
       default:
         M2.error(`Unknown feature: ${feature}`);
-        M2.info(`Available features: workspace, package`);
+        M2.info(`Available features: workspace, package, component`);
         process.exit(1);
     }
   } catch (error) {
@@ -27458,7 +28965,7 @@ var packageJson = await Bun.file(new URL("../package.json", import.meta.url)).js
 var VERSION = packageJson.version;
 var program2 = new Command;
 program2.name("bunkit").description("Bake production-ready apps in seconds").version(VERSION);
-program2.command("init").description("Create a new project with full customization").option("--name <name>", "Project name").option("--preset <preset>", "Preset type (minimal, web, api, full)").option("--database <database>", "Database (postgres-drizzle, supabase, sqlite-drizzle, none)").option("--code-quality <quality>", "Code quality (ultracite, biome)").option("--ts-strictness <strictness>", "TypeScript strictness (strict, moderate, loose)").option("--ui-library <library>", "UI library (shadcn, none)").option("--css-framework <framework>", "CSS framework (tailwind, vanilla, css-modules)").option("--testing <framework>", "Testing framework (bun-test, vitest, none)").option("--docker", "Add Docker configuration").option("--cicd", "Add GitHub Actions CI/CD").option("--no-git", "Skip git initialization").option("--no-install", "Skip dependency installation").option("--non-interactive", "Run without prompts (requires all options)").action(async (options) => {
+program2.command("init").description("Create a new project with full customization").option("--name <name>", "Project name").option("--preset <preset>", "Preset type (minimal, web, api, full)").option("--database <database>", "Database (postgres-drizzle, supabase, sqlite-drizzle, none)").option("--code-quality <quality>", "Code quality (ultracite, biome)").option("--ts-strictness <strictness>", "TypeScript strictness (strict, moderate, loose)").option("--ui-library <library>", "UI library (shadcn, none)").option("--css-framework <framework>", "CSS framework (tailwind, vanilla, css-modules)").option("--shadcn-style <style>", "shadcn/ui style (new-york, default)").option("--shadcn-base-color <color>", "shadcn/ui base color (neutral, gray, zinc, stone, slate)").option("--shadcn-radius <radius>", "shadcn/ui border radius (e.g., 0.5rem, 8px)").option("--testing <framework>", "Testing framework (bun-test, vitest, none)").option("--docker", "Add Docker configuration").option("--cicd", "Add GitHub Actions CI/CD").option("--no-git", "Skip git initialization").option("--no-install", "Skip dependency installation").option("--non-interactive", "Run without prompts (requires all options)").action(async (options) => {
   showBanner(VERSION);
   try {
     await enhancedInitCommand(options);
@@ -27480,10 +28987,14 @@ program2.command("create").argument("<preset>", "Preset type (minimal, web, api,
     process.exit(1);
   }
 });
-program2.command("add").argument("<feature>", "Feature to add (workspace, package)").option("--name <name>", "Name for the feature").option("--preset <preset>", "Preset for workspace (nextjs, hono, library)").option("--type <type>", "Type for package (library, utils, types, config)").description("Add workspace or package to monorepo").action(async (feature, options) => {
+program2.command("add").argument("<feature>", "Feature to add (workspace, package, component)").option("--name <name>", "Name for the feature").option("--preset <preset>", "Preset for workspace (nextjs, hono, library)").option("--type <type>", "Type for package (library, utils, types, config)").option("--components <components>", "Component names (comma-separated) for component feature").option("--all", "Show all available components (for component feature)").description("Add workspace, package, or shadcn/ui component to project").action(async (feature, options) => {
   showBanner(VERSION);
   try {
-    await addCommand(feature, options);
+    const parsedOptions = {
+      ...options,
+      components: options.components && typeof options.components === "string" ? options.components.split(",").map((c3) => c3.trim()) : options.components
+    };
+    await addCommand(feature, parsedOptions);
     Se(import_picocolors7.default.green("\u2728 Feature added successfully! \uD83C\uDF5E"));
   } catch (error) {
     M2.error(error.message);