@beaket/ui 1.8.0 → 1.9.0

package/README.md

@@ -18,7 +18,36 @@ npx @beaket/ui add button
 
 ## Commands
 
-| Command           | Description                 |
-| ----------------- | --------------------------- |
-| `init`            | Setup project configuration |
-| `add <component>` | Add a component             |
+| Command                     | Description                      |
+| --------------------------- | -------------------------------- |
+| `init`                      | Setup project configuration      |
+| `init -y`                   | Setup with defaults (no prompts) |
+| `add <component>`           | Add a component                  |
+| `add <component> [more...]` | Add multiple components at once  |
+
+## Examples
+
+```bash
+# Initialize with prompts
+npx @beaket/ui init
+
+# Initialize with defaults (skip prompts)
+npx @beaket/ui init -y
+
+# Add a single component
+npx @beaket/ui add button
+
+# Add multiple components
+npx @beaket/ui add alert button label input
+
+# Overwrite existing files
+npx @beaket/ui add button --overwrite
+```
+
+## Help
+
+```bash
+npx @beaket/ui --help
+npx @beaket/ui init --help
+npx @beaket/ui add --help
+```

package/dist/index.js

@@ -0,0 +1,308 @@
+#!/usr/bin/env node
+
+// src/index.ts
+import { Command } from "commander";
+
+// src/commands/add.ts
+import path3 from "path";
+import pc from "picocolors";
+
+// src/utils/config.ts
+import fs from "fs-extra";
+import path from "path";
+var CONFIG_FILE = "beaket.ui.json";
+async function getConfig() {
+  const configPath = path.join(process.cwd(), CONFIG_FILE);
+  if (!await fs.pathExists(configPath)) {
+    return null;
+  }
+  const content = await fs.readFile(configPath, "utf-8");
+  return JSON.parse(content);
+}
+async function writeConfig(config) {
+  const configPath = path.join(process.cwd(), CONFIG_FILE);
+  await fs.writeFile(configPath, JSON.stringify(config, null, 2));
+}
+
+// src/utils/files.ts
+import { spawn } from "child_process";
+import fs2 from "fs-extra";
+import path2 from "path";
+import prompts from "prompts";
+async function writeComponentFiles(baseDir, files, overwrite = false) {
+  const written = [];
+  const skipped = [];
+  for (const file of files) {
+    const relativePath = file.path.replace(/^components\//, "");
+    const targetPath = path2.join(baseDir, relativePath);
+    if (await fs2.pathExists(targetPath)) {
+      if (!overwrite) {
+        const { confirm } = await prompts({
+          type: "confirm",
+          name: "confirm",
+          message: `${path2.basename(targetPath)} already exists. Overwrite?`,
+          initial: false
+        });
+        if (!confirm) {
+          skipped.push(targetPath);
+          continue;
+        }
+      }
+    }
+    await fs2.ensureDir(path2.dirname(targetPath));
+    await fs2.writeFile(targetPath, file.content);
+    written.push(targetPath);
+  }
+  return { written, skipped };
+}
+async function installDependencies(deps) {
+  const packageManager = await detectPackageManager();
+  const installCmd = packageManager === "npm" ? "install" : "add";
+  return new Promise((resolve, reject) => {
+    const child = spawn(packageManager, [installCmd, ...deps], {
+      stdio: "inherit"
+    });
+    child.on("close", (code) => {
+      if (code === 0) {
+        resolve();
+      } else {
+        reject(new Error(`Failed to install dependencies (code ${code})`));
+      }
+    });
+  });
+}
+async function detectPackageManager() {
+  const cwd = process.cwd();
+  if (await fs2.pathExists(path2.join(cwd, "pnpm-lock.yaml"))) {
+    return "pnpm";
+  }
+  if (await fs2.pathExists(path2.join(cwd, "yarn.lock"))) {
+    return "yarn";
+  }
+  if (await fs2.pathExists(path2.join(cwd, "bun.lock"))) {
+    return "bun";
+  }
+  return "npm";
+}
+
+// src/utils/registry.ts
+var GITHUB_RAW_BASE = "https://raw.githubusercontent.com/beaket/ui/main";
+async function fetchRegistry() {
+  const url = `${GITHUB_RAW_BASE}/registry/registry.json`;
+  try {
+    const response = await fetch(url);
+    if (!response.ok) {
+      throw new Error(`HTTP ${response.status}`);
+    }
+    return await response.json();
+  } catch (error) {
+    throw new Error(`Failed to fetch registry from ${url}. Make sure the repository is public.`);
+  }
+}
+async function fetchComponent(componentDef) {
+  const files = [];
+  for (const filePath of componentDef.files) {
+    const url = `${GITHUB_RAW_BASE}/src/${filePath}`;
+    try {
+      const response = await fetch(url);
+      if (!response.ok) {
+        throw new Error(`HTTP ${response.status}`);
+      }
+      const content = await response.text();
+      files.push({ path: filePath, content });
+    } catch (error) {
+      throw new Error(`Failed to fetch ${filePath} from ${url}`);
+    }
+  }
+  return files;
+}
+
+// src/commands/add.ts
+async function add(componentNames, options) {
+  console.log();
+  const config = await getConfig();
+  if (!config) {
+    console.log(pc.red("Error:"), "beaket.ui.json not found.");
+    console.log("Run", pc.cyan("npx @beaket/ui init"), "first.");
+    process.exit(1);
+  }
+  const registry = await fetchRegistry();
+  console.log(pc.green("\u2714"), "Checking registry.");
+  const notFound = [];
+  const componentDefs = componentNames.map((name) => {
+    const def = registry.components.find((c) => c.name === name);
+    if (!def) notFound.push(name);
+    return def;
+  });
+  if (notFound.length > 0) {
+    console.log(pc.red("Error:"), `Component(s) not found: ${notFound.join(", ")}`);
+    console.log();
+    console.log("Available components:");
+    registry.components.forEach((c) => {
+      console.log(`  - ${c.name}`);
+    });
+    process.exit(1);
+  }
+  const allDependencies = /* @__PURE__ */ new Set();
+  for (const def of componentDefs) {
+    if (def) {
+      for (const dep of def.dependencies) {
+        allDependencies.add(dep);
+      }
+    }
+  }
+  if (allDependencies.size > 0) {
+    await installDependencies([...allDependencies]);
+    console.log(pc.green("\u2714"), "Installing dependencies.");
+  }
+  const componentsDir = path3.join(process.cwd(), config.components);
+  const allWritten = [];
+  const allSkipped = [];
+  for (const def of componentDefs) {
+    if (!def) continue;
+    const files = await fetchComponent(def);
+    const { written, skipped } = await writeComponentFiles(componentsDir, files, options.overwrite);
+    allWritten.push(...written);
+    allSkipped.push(...skipped);
+  }
+  if (allSkipped.length > 0) {
+    console.log(
+      pc.yellow("\u2139"),
+      `Skipped ${allSkipped.length} file(s): (use --overwrite to overwrite)`
+    );
+    allSkipped.forEach((f) => console.log(`  - ${f}`));
+  }
+  if (allWritten.length === 0) {
+    console.log();
+    return;
+  }
+  console.log();
+  console.log("Added:");
+  allWritten.forEach((f) => console.log(pc.cyan(`  ${f}`)));
+  console.log();
+}
+
+// src/commands/init.ts
+import fs3 from "fs-extra";
+import path4 from "path";
+import pc2 from "picocolors";
+import prompts2 from "prompts";
+
+// ../../src/css-variables.css
+var css_variables_default = "/*\n * Beaket UI Design System - Core Variables\n * This file is the single source of truth for CSS variables.\n * Used by: styles.css (via @import) and CLI init command (via build script)\n */\n\n@theme {\n  --color-inverse: var(--paper);\n  --shadow-offset: 2px 2px 0px 0px var(--chrome);\n  --shadow-offset-dark: 2px 2px 0px 0px var(--aluminum);\n  --shadow-offset-hover: 3px 3px 0px 0px var(--chrome);\n  --shadow-offset-active: 1px 1px 0px 0px var(--chrome);\n}\n\n:root {\n  /* Neutral palette */\n  --graphite: #0d0d0d;\n  --ink: #1a1a1a;\n  --branch: #1c1f24;\n  --iron: #2d2d2d;\n  --slate: #404040;\n  --zinc: #525252;\n  --steel: #595959;\n  --aluminum: #9e9e9e;\n  --chrome: #d0d0d0;\n  --silver: #dedede;\n  --platinum: #e8e8e8;\n  --frost: #f5f5f5;\n  --paper: #fafafa;\n\n  /* Signal colors */\n  --signal-blue: #00449e;\n  --signal-red: #c41e1e;\n  --signal-red-hover: #b71c1c;\n  --signal-red-active: #9a1919;\n  --signal-green: #00794c;\n  --signal-green-hover: #0f5f42;\n  --signal-green-active: #0a4a32;\n  --signal-amber: #b8860b;\n  --signal-amber-hover: #9a7209;\n  --signal-amber-active: #7a5a07;\n  --signal-purple: #6f2da8;\n  --signal-cyan: #1a6b7c;\n}\n";
+
+// src/commands/init.ts
+async function detectAliasPath() {
+  const cwd = process.cwd();
+  for (const configFile of ["tsconfig.json", "tsconfig.app.json"]) {
+    const configPath = path4.join(cwd, configFile);
+    if (await fs3.pathExists(configPath)) {
+      try {
+        const content = await fs3.readFile(configPath, "utf-8");
+        const tsconfig = JSON.parse(content);
+        const paths = tsconfig.compilerOptions?.paths;
+        if (paths?.["@/*"]) {
+          const aliasPath = paths["@/*"][0];
+          const prefix = aliasPath.replace(/^\.\/|\/?\*$/g, "");
+          return prefix ? `${prefix}/components/ui` : "components/ui";
+        }
+      } catch {
+      }
+    }
+  }
+  const pkgPath = path4.join(cwd, "package.json");
+  if (await fs3.pathExists(pkgPath)) {
+    try {
+      const content = await fs3.readFile(pkgPath, "utf-8");
+      const pkg = JSON.parse(content);
+      const deps = { ...pkg.dependencies, ...pkg.devDependencies };
+      if (deps.next) {
+        return "components/ui";
+      }
+    } catch {
+    }
+  }
+  return "src/components/ui";
+}
+async function detectCssPath() {
+  const cwd = process.cwd();
+  const pkgPath = path4.join(cwd, "package.json");
+  if (await fs3.pathExists(pkgPath)) {
+    try {
+      const content = await fs3.readFile(pkgPath, "utf-8");
+      const pkg = JSON.parse(content);
+      const deps = { ...pkg.dependencies, ...pkg.devDependencies };
+      if (deps.next) {
+        return "app/globals.css";
+      }
+    } catch {
+    }
+  }
+  return "src/index.css";
+}
+async function init(options) {
+  console.log();
+  console.log(pc2.bold("Initializing Beaket UI..."));
+  console.log();
+  const detectedComponentsPath = await detectAliasPath();
+  const detectedCssPath = await detectCssPath();
+  let response;
+  if (options.yes) {
+    response = { components: detectedComponentsPath, css: detectedCssPath };
+  } else {
+    response = await prompts2([
+      {
+        type: "text",
+        name: "components",
+        message: "Where should components be installed?",
+        initial: detectedComponentsPath
+      },
+      {
+        type: "text",
+        name: "css",
+        message: "Where is your Tailwind CSS file?",
+        initial: detectedCssPath
+      }
+    ]);
+    if (!response.components) {
+      console.log(pc2.red("Cancelled."));
+      process.exit(1);
+    }
+  }
+  const config = {
+    $schema: "https://beaket.dev/schema.json",
+    components: response.components
+  };
+  await writeConfig(config);
+  console.log(pc2.green("\u2714"), "Created beaket.ui.json");
+  if (response.css) {
+    const cssPath = path4.join(process.cwd(), response.css);
+    if (await fs3.pathExists(cssPath)) {
+      const cssContent = await fs3.readFile(cssPath, "utf-8");
+      if (!cssContent.includes("Beaket UI Design System")) {
+        await fs3.writeFile(cssPath, cssContent + css_variables_default);
+        console.log(pc2.green("\u2714"), `Added CSS variables to ${response.css}`);
+      } else {
+        console.log(pc2.yellow("\u2139"), "CSS variables already exist");
+      }
+    } else {
+      console.log(pc2.yellow("!"), `CSS file not found: ${response.css}`);
+      console.log("  Add CSS variables manually:");
+      console.log(pc2.cyan("  https://beaket.github.io/ui/installation"));
+    }
+  }
+  console.log();
+  console.log(pc2.green("Done!"), "Beaket UI is ready.");
+  console.log();
+  console.log("Add components:");
+  console.log(pc2.cyan("  npx @beaket/ui add button"));
+  console.log();
+}
+
+// src/index.ts
+var version = "1.9.0";
+var program = new Command();
+program.name("@beaket/ui").description("CLI for adding Beaket UI components to your project").version(version);
+program.command("init").description("Initialize Beaket UI in your project").option("-y, --yes", "Use defaults without prompting").action(init);
+program.command("add").description("Add components to your project").argument("<components...>", "Component names to add").option("-o, --overwrite", "Overwrite existing files").action(add);
+program.parse();

package/package.json

@@ -1,14 +1,13 @@
 {
   "name": "@beaket/ui",
-  "version": "1.8.0",
+  "version": "1.9.0",
   "description": "CLI tool for adding Beaket UI components to your project",
   "type": "module",
   "bin": {
-    "ui": "./bin/cli.js"
+    "ui": "./dist/index.js"
   },
   "files": [
-    "bin",
-    "src"
+    "dist"
   ],
   "keywords": [
     "react",
@@ -31,9 +30,11 @@
   "devDependencies": {
     "@types/fs-extra": "^11.0.4",
     "@types/node": "^25.0.3",
-    "@types/prompts": "^2.4.9"
+    "@types/prompts": "^2.4.9",
+    "tsup": "^8.5.1"
   },
   "scripts": {
+    "build": "tsup",
     "typecheck": "tsc --noEmit"
   }
 }

package/bin/cli.js

@@ -1,11 +0,0 @@
-#!/usr/bin/env node
-import { spawnSync } from "child_process";
-import { dirname, join } from "path";
-import { fileURLToPath } from "url";
-
-const __dirname = dirname(fileURLToPath(import.meta.url));
-const script = join(__dirname, "..", "src", "index.ts");
-
-spawnSync("npx", ["tsx", script, ...process.argv.slice(2)], {
-  stdio: "inherit",
-});

package/src/commands/add.ts

@@ -1,69 +0,0 @@
-import path from "path";
-import pc from "picocolors";
-import { getConfig } from "../utils/config.ts";
-import { installDependencies, writeComponentFiles } from "../utils/files.ts";
-import { fetchComponent, fetchRegistry } from "../utils/registry.ts";
-
-interface AddOptions {
-  overwrite?: boolean;
-}
-
-export async function add(componentName: string, options: AddOptions) {
-  console.log();
-
-  // Read config
-  const config = await getConfig();
-  if (!config) {
-    console.log(pc.red("Error:"), "beaket.ui.json not found.");
-    console.log("Run", pc.cyan("npx @beaket/ui init"), "first.");
-    process.exit(1);
-  }
-
-  // Fetch registry
-  const registry = await fetchRegistry();
-  console.log(pc.green("✔"), "Checking registry.");
-
-  const componentDef = registry.components.find((c) => c.name === componentName);
-
-  if (!componentDef) {
-    console.log(pc.red("Error:"), `Component "${componentName}" not found.`);
-    console.log();
-    console.log("Available components:");
-    registry.components.forEach((c) => {
-      console.log(`  - ${c.name}`);
-    });
-    process.exit(1);
-  }
-
-  // Install dependencies
-  if (componentDef.dependencies.length > 0) {
-    await installDependencies(componentDef.dependencies);
-    console.log(pc.green("✔"), "Installing dependencies.");
-  }
-
-  // Fetch component files
-  const files = await fetchComponent(componentDef);
-
-  // Write files
-  const componentsDir = path.join(process.cwd(), config.components);
-  const { written, skipped } = await writeComponentFiles(componentsDir, files, options.overwrite);
-
-  // Show skipped files
-  if (skipped.length > 0) {
-    console.log(
-      pc.yellow("ℹ"),
-      `Skipped ${skipped.length} file(s): (use --overwrite to overwrite)`,
-    );
-    skipped.forEach((f) => console.log(`  - ${f}`));
-  }
-
-  if (written.length === 0) {
-    console.log();
-    return;
-  }
-
-  console.log();
-  console.log("Added:");
-  written.forEach((f) => console.log(pc.cyan(`  ${f}`)));
-  console.log();
-}

package/src/commands/init.ts

@@ -1,180 +0,0 @@
-import fs from "fs-extra";
-import path from "path";
-import pc from "picocolors";
-import prompts from "prompts";
-import { writeConfig, type BeaketConfig } from "../utils/config.ts";
-
-interface TsConfig {
-  compilerOptions?: {
-    paths?: Record<string, string[]>;
-  };
-}
-
-async function detectAliasPath(): Promise<string> {
-  const cwd = process.cwd();
-
-  // Try to read tsconfig.json or tsconfig.app.json
-  for (const configFile of ["tsconfig.json", "tsconfig.app.json"]) {
-    const configPath = path.join(cwd, configFile);
-    if (await fs.pathExists(configPath)) {
-      try {
-        const content = await fs.readFile(configPath, "utf-8");
-        const tsconfig: TsConfig = JSON.parse(content);
-        const paths = tsconfig.compilerOptions?.paths;
-        if (paths?.["@/*"]) {
-          const aliasPath = paths["@/*"][0];
-          // "./src/*" -> "src", "./*" -> ""
-          const prefix = aliasPath.replace(/^\.\/|\/?\*$/g, "");
-          return prefix ? `${prefix}/components/ui` : "components/ui";
-        }
-      } catch {
-        // Ignore parse errors
-      }
-    }
-  }
-
-  // Fallback: detect from package.json
-  const pkgPath = path.join(cwd, "package.json");
-  if (await fs.pathExists(pkgPath)) {
-    try {
-      const content = await fs.readFile(pkgPath, "utf-8");
-      const pkg = JSON.parse(content);
-      const deps = { ...pkg.dependencies, ...pkg.devDependencies };
-      // Next.js uses root alias by default
-      if (deps.next) {
-        return "components/ui";
-      }
-    } catch {
-      // Ignore parse errors
-    }
-  }
-
-  // Default to src/components/ui (Vite style)
-  return "src/components/ui";
-}
-
-async function detectCssPath(): Promise<string> {
-  const cwd = process.cwd();
-  const pkgPath = path.join(cwd, "package.json");
-
-  if (await fs.pathExists(pkgPath)) {
-    try {
-      const content = await fs.readFile(pkgPath, "utf-8");
-      const pkg = JSON.parse(content);
-      const deps = { ...pkg.dependencies, ...pkg.devDependencies };
-      if (deps.next) {
-        return "app/globals.css";
-      }
-    } catch {
-      // Ignore parse errors
-    }
-  }
-
-  return "src/index.css";
-}
-
-const CSS_VARIABLES = `
-/* Beaket UI Design System */
-@theme {
-  --color-inverse: var(--paper);
-  --shadow-offset: 2px 2px 0px 0px var(--chrome);
-  --shadow-offset-dark: 2px 2px 0px 0px var(--aluminum);
-  --shadow-offset-hover: 3px 3px 0px 0px var(--chrome);
-  --shadow-offset-active: 1px 1px 0px 0px var(--chrome);
-}
-
-:root {
-  --graphite: #0d0d0d;
-  --ink: #1a1a1a;
-  --branch: #1c1f24;
-  --iron: #2d2d2d;
-  --slate: #404040;
-  --zinc: #525252;
-  --steel: #595959;
-  --aluminum: #9e9e9e;
-  --chrome: #d0d0d0;
-  --silver: #dedede;
-  --platinum: #e8e8e8;
-  --frost: #f5f5f5;
-  --paper: #fafafa;
-  --signal-blue: #00449e;
-  --signal-red: #c41e1e;
-  --signal-green: #00794c;
-  --signal-amber: #b8860b;
-  --signal-purple: #6f2da8;
-  --signal-cyan: #1a6b7c;
-}
-`;
-
-interface InitOptions {
-  yes?: boolean;
-}
-
-export async function init(options: InitOptions) {
-  console.log();
-  console.log(pc.bold("Initializing Beaket UI..."));
-  console.log();
-
-  const detectedComponentsPath = await detectAliasPath();
-  const detectedCssPath = await detectCssPath();
-
-  let response: { components: string; css: string };
-
-  if (options.yes) {
-    response = { components: detectedComponentsPath, css: detectedCssPath };
-  } else {
-    response = await prompts([
-      {
-        type: "text",
-        name: "components",
-        message: "Where should components be installed?",
-        initial: detectedComponentsPath,
-      },
-      {
-        type: "text",
-        name: "css",
-        message: "Where is your Tailwind CSS file?",
-        initial: detectedCssPath,
-      },
-    ]);
-
-    if (!response.components) {
-      console.log(pc.red("Cancelled."));
-      process.exit(1);
-    }
-  }
-
-  // Write beaket.ui.json (only components path)
-  const config: BeaketConfig = {
-    $schema: "https://beaket.dev/schema.json",
-    components: response.components,
-  };
-
-  await writeConfig(config);
-  console.log(pc.green("✔"), "Created beaket.ui.json");
-
-  // Inject CSS variables into Tailwind CSS file
-  if (response.css) {
-    const cssPath = path.join(process.cwd(), response.css);
-    if (await fs.pathExists(cssPath)) {
-      const cssContent = await fs.readFile(cssPath, "utf-8");
-      if (!cssContent.includes("Beaket UI Design System")) {
-        await fs.writeFile(cssPath, cssContent + CSS_VARIABLES);
-        console.log(pc.green("✔"), `Added CSS variables to ${response.css}`);
-      } else {
-        console.log(pc.yellow("ℹ"), "CSS variables already exist");
-      }
-    } else {
-      console.log(pc.yellow("!"), `CSS file not found: ${response.css}`);
-      console.log("  Add CSS variables manually:");
-      console.log(pc.cyan("  https://beaket.github.io/ui/installation"));
-    }
-  }
-
-  console.log();
-  console.log(pc.green("Done!"), "Beaket UI is ready.");
-  console.log();
-  console.log("Add components:");
-  console.log(pc.cyan("  npx @beaket/ui add button"));
-  console.log();
-}

package/src/index.ts

@@ -1,31 +0,0 @@
-#!/usr/bin/env -S npx tsx
-// Test comment for changeset verification
-import { Command } from "commander";
-import { createRequire } from "module";
-import { add } from "./commands/add.ts";
-import { init } from "./commands/init.ts";
-
-const require = createRequire(import.meta.url);
-const { version } = require("../package.json");
-
-const program = new Command();
-
-program
-  .name("@beaket/ui")
-  .description("CLI for adding Beaket UI components to your project")
-  .version(version);
-
-program
-  .command("init")
-  .description("Initialize Beaket UI in your project")
-  .option("-y, --yes", "Use defaults without prompting")
-  .action(init);
-
-program
-  .command("add")
-  .description("Add a component to your project")
-  .argument("<component>", "Component name to add")
-  .option("-o, --overwrite", "Overwrite existing files")
-  .action(add);
-
-program.parse();

package/src/utils/config.ts

@@ -1,25 +0,0 @@
-import fs from "fs-extra";
-import path from "path";
-
-export interface BeaketConfig {
-  $schema?: string;
-  components: string;
-}
-
-const CONFIG_FILE = "beaket.ui.json";
-
-export async function getConfig(): Promise<BeaketConfig | null> {
-  const configPath = path.join(process.cwd(), CONFIG_FILE);
-
-  if (!(await fs.pathExists(configPath))) {
-    return null;
-  }
-
-  const content = await fs.readFile(configPath, "utf-8");
-  return JSON.parse(content) as BeaketConfig;
-}
-
-export async function writeConfig(config: BeaketConfig): Promise<void> {
-  const configPath = path.join(process.cwd(), CONFIG_FILE);
-  await fs.writeFile(configPath, JSON.stringify(config, null, 2));
-}

package/src/utils/files.ts

@@ -1,82 +0,0 @@
-import { spawn } from "child_process";
-import fs from "fs-extra";
-import path from "path";
-import prompts from "prompts";
-import type { ComponentFile } from "./registry.ts";
-
-export interface WriteResult {
-  written: string[];
-  skipped: string[];
-}
-
-export async function writeComponentFiles(
-  baseDir: string,
-  files: ComponentFile[],
-  overwrite: boolean = false,
-): Promise<WriteResult> {
-  const written: string[] = [];
-  const skipped: string[] = [];
-
-  for (const file of files) {
-    // Transform file path: components/button.tsx -> button.tsx
-    const relativePath = file.path.replace(/^components\//, "");
-    const targetPath = path.join(baseDir, relativePath);
-
-    // Check if file exists
-    if (await fs.pathExists(targetPath)) {
-      if (!overwrite) {
-        const { confirm } = await prompts({
-          type: "confirm",
-          name: "confirm",
-          message: `${path.basename(targetPath)} already exists. Overwrite?`,
-          initial: false,
-        });
-        if (!confirm) {
-          skipped.push(targetPath);
-          continue;
-        }
-      }
-    }
-
-    await fs.ensureDir(path.dirname(targetPath));
-    await fs.writeFile(targetPath, file.content);
-    written.push(targetPath);
-  }
-
-  return { written, skipped };
-}
-
-export async function installDependencies(deps: string[]): Promise<void> {
-  const packageManager = await detectPackageManager();
-  const installCmd = packageManager === "npm" ? "install" : "add";
-
-  return new Promise((resolve, reject) => {
-    const child = spawn(packageManager, [installCmd, ...deps], {
-      stdio: "inherit",
-    });
-
-    child.on("close", (code) => {
-      if (code === 0) {
-        resolve();
-      } else {
-        reject(new Error(`Failed to install dependencies (code ${code})`));
-      }
-    });
-  });
-}
-
-async function detectPackageManager(): Promise<"npm" | "pnpm" | "yarn" | "bun"> {
-  const cwd = process.cwd();
-
-  if (await fs.pathExists(path.join(cwd, "pnpm-lock.yaml"))) {
-    return "pnpm";
-  }
-  if (await fs.pathExists(path.join(cwd, "yarn.lock"))) {
-    return "yarn";
-  }
-  if (await fs.pathExists(path.join(cwd, "bun.lock"))) {
-    return "bun";
-  }
-
-  return "npm";
-}

package/src/utils/registry.ts

@@ -1,54 +0,0 @@
-export interface ComponentDefinition {
-  name: string;
-  description?: string;
-  dependencies: string[];
-  registryDependencies: string[];
-  files: string[];
-}
-
-export interface Registry {
-  components: ComponentDefinition[];
-}
-
-export interface ComponentFile {
-  path: string;
-  content: string;
-}
-
-// GitHub raw URL base - update this to your repo
-const GITHUB_RAW_BASE = "https://raw.githubusercontent.com/beaket/ui/main";
-
-export async function fetchRegistry(): Promise<Registry> {
-  const url = `${GITHUB_RAW_BASE}/registry/registry.json`;
-
-  try {
-    const response = await fetch(url);
-    if (!response.ok) {
-      throw new Error(`HTTP ${response.status}`);
-    }
-    return (await response.json()) as Registry;
-  } catch (error) {
-    throw new Error(`Failed to fetch registry from ${url}. Make sure the repository is public.`);
-  }
-}
-
-export async function fetchComponent(componentDef: ComponentDefinition): Promise<ComponentFile[]> {
-  const files: ComponentFile[] = [];
-
-  for (const filePath of componentDef.files) {
-    const url = `${GITHUB_RAW_BASE}/src/${filePath}`;
-
-    try {
-      const response = await fetch(url);
-      if (!response.ok) {
-        throw new Error(`HTTP ${response.status}`);
-      }
-      const content = await response.text();
-      files.push({ path: filePath, content });
-    } catch (error) {
-      throw new Error(`Failed to fetch ${filePath} from ${url}`);
-    }
-  }
-
-  return files;
-}