zerozeeker 2.2.6 → 2.2.7

package/README.md

@@ -1,8 +1,6 @@
 # ZeroZeeker Components
 
-**Zero-config CLI** for installing production-ready UI components into your React or Next.js projects.
-
-**No setup required. Just install and go.**
+Official CLI for installing production-ready UI components into your React or Next.js projects.
 
 [![npm](https://img.shields.io/npm/v/zerozeeker?style=flat-square&color=181825)](https://www.npmjs.com/package/zerozeeker)
 [![TypeScript](https://img.shields.io/badge/TypeScript-5.0+-3178C6?style=flat-square&logo=typescript)](https://www.typescriptlang.org/)
@@ -92,8 +90,17 @@ Before using ZeroZeeker components, ensure you have:
 
 - Node.js 18 or higher
 - An existing React or Next.js project
+- shadcn/ui initialized in your project
 - Tailwind CSS configured
 
+### Setup shadcn/ui
+
+If you haven't initialized shadcn/ui yet:
+
+```bash
+npx shadcn-ui@latest init
+```
+
 ---
 
 ## How to Use Installed Components
@@ -112,7 +119,7 @@ export default function App() {
 }
 ```
 
-All components follow standard conventions. Import from `@/components/ui/<component-name>`.
+All components follow shadcn/ui conventions. Import from `@/components/ui/<component-name>`.
 
 ---
 
@@ -151,6 +158,13 @@ Use the full npx command:
 npx zerozeeker list
 ```
 
+### shadcn/ui not initialized
+
+Initialize shadcn/ui first:
+```bash
+npx shadcn-ui@latest init
+```
+
 ### Component won't install
 
 Verify the exact component name:

package/dist/index.js

@@ -3,9 +3,6 @@
 // index.ts
 import { Command } from "commander";
 import { execSync } from "child_process";
-import { existsSync, mkdirSync, writeFileSync, readFileSync } from "fs";
-import { join, dirname } from "path";
-import * as readline from "readline/promises";
 import ora from "ora";
 import chalk from "chalk";
 var REGISTRY_URL = "https://www.zerozeeker.com/r";
@@ -18,433 +15,11 @@ var COMPONENTS = [
   "circle-reveal-button",
   "index"
 ];
-async function fetchRegistry(url, retries = 3) {
-  const controller = new AbortController();
-  const timeoutId = setTimeout(() => controller.abort(), 1e4);
-  try {
-    const response = await fetch(url, { signal: controller.signal });
-    clearTimeout(timeoutId);
-    if (!response.ok) {
-      throw new Error(`Failed to fetch registry: ${response.statusText}`);
-    }
-    return response.json();
-  } catch (error) {
-    clearTimeout(timeoutId);
-    if (retries > 0 && error instanceof Error && error.name !== "AbortError") {
-      await new Promise((resolve) => setTimeout(resolve, 1e3));
-      return fetchRegistry(url, retries - 1);
-    }
-    throw error;
-  }
-}
-function ensureDir(filePath) {
-  const dir = dirname(filePath);
-  if (!existsSync(dir)) {
-    mkdirSync(dir, { recursive: true });
-  }
-}
-function findProjectRoot() {
-  let currentDir = process.cwd();
-  const root = dirname(currentDir);
-  while (currentDir !== root) {
-    if (existsSync(join(currentDir, "package.json"))) {
-      return currentDir;
-    }
-    currentDir = dirname(currentDir);
-  }
-  throw new Error("Could not find project root (no package.json found)");
-}
-function detectPackageManager() {
-  const projectRoot = process.cwd();
-  if (existsSync(join(projectRoot, "bun.lockb"))) return "bun";
-  if (existsSync(join(projectRoot, "pnpm-lock.yaml"))) return "pnpm";
-  if (existsSync(join(projectRoot, "yarn.lock"))) return "yarn";
-  return "npm";
-}
-function getInstallCommand(deps) {
-  const pm = detectPackageManager();
-  const depsStr = deps.join(" ");
-  switch (pm) {
-    case "bun":
-      return `bun add ${depsStr}`;
-    case "pnpm":
-      return `pnpm add ${depsStr}`;
-    case "yarn":
-      return `yarn add ${depsStr}`;
-    default:
-      return `npm install ${depsStr}`;
-  }
-}
-function installDependencies(deps) {
-  if (deps.length === 0) return;
-  const command = getInstallCommand(deps);
-  console.log(chalk.dim(`  Installing dependencies: ${deps.join(", ")}`));
-  try {
-    execSync(command, {
-      stdio: "pipe",
-      encoding: "utf-8"
-    });
-  } catch {
-    console.warn(chalk.yellow(`  [!] Failed to auto-install dependencies. Install manually: ${command}`));
-  }
-}
-async function askYesNo(question, defaultYes = false) {
-  const rl = readline.createInterface({
-    input: process.stdin,
-    output: process.stdout
-  });
-  try {
-    const answer = await rl.question(`${question} (${defaultYes ? "Y/n" : "y/N"}): `);
-    const normalized = answer.trim().toLowerCase();
-    if (normalized === "") return defaultYes;
-    return ["y", "yes"].includes(normalized);
-  } finally {
-    rl.close();
-  }
-}
-async function installRegistryDependencies(deps, projectRoot, installed = /* @__PURE__ */ new Set()) {
-  const allFiles = [];
-  const allNpmDeps = [];
-  const results = await Promise.allSettled(
-    deps.filter((dep) => !installed.has(dep)).map(async (dep) => {
-      installed.add(dep);
-      const url = `${REGISTRY_URL}/${dep}.json`;
-      const registry = await fetchRegistry(url);
-      return { dep, registry };
-    })
-  );
-  for (const result of results) {
-    if (result.status === "rejected") {
-      console.warn(chalk.yellow(`  [!] Could not fetch registry dependency`));
-      continue;
-    }
-    const { dep, registry } = result.value;
-    try {
-      if (registry.registryDependencies?.length) {
-        const nested = await installRegistryDependencies(
-          registry.registryDependencies,
-          projectRoot,
-          installed
-        );
-        allFiles.push(...nested.files);
-        allNpmDeps.push(...nested.npmDeps);
-      }
-      if (registry.files?.length) {
-        for (const file of registry.files) {
-          const targetPath = file.target || file.path;
-          const fullPath = join(projectRoot, targetPath);
-          if (existsSync(fullPath)) continue;
-          ensureDir(fullPath);
-          writeFileSync(fullPath, file.content, "utf-8");
-          allFiles.push(targetPath);
-        }
-      }
-      if (registry.dependencies) {
-        allNpmDeps.push(...registry.dependencies);
-      }
-    } catch {
-      console.warn(chalk.yellow(`  [!] Could not install registry dependency "${dep}"`));
-    }
-  }
-  return { files: allFiles, npmDeps: allNpmDeps };
-}
-function parseJsonFile(filePath) {
-  try {
-    return JSON.parse(readFileSync(filePath, "utf-8"));
-  } catch {
-    return null;
-  }
-}
-function checkTypeScriptConfig(projectRoot) {
-  const tsconfigPath = join(projectRoot, "tsconfig.json");
-  if (!existsSync(tsconfigPath)) {
-    return { name: "TypeScript", passed: false, message: "tsconfig.json not found" };
-  }
-  const tsconfig = parseJsonFile(tsconfigPath);
-  if (!tsconfig) {
-    return { name: "TypeScript config", passed: false, message: "Invalid tsconfig.json" };
-  }
-  const paths = tsconfig.compilerOptions?.paths ?? {};
-  const hasComponentsAlias = "@/components/*" in paths || "@/components" in paths;
-  const hasLibAlias = "@/lib/*" in paths || "@/lib" in paths;
-  if (hasComponentsAlias && hasLibAlias) {
-    return { name: "TypeScript paths", passed: true };
-  }
-  return {
-    name: "TypeScript paths",
-    passed: false,
-    message: "Missing @/components or @/lib path aliases"
-  };
-}
-function checkTailwindConfig(projectRoot) {
-  const cssFileLocations = [
-    "app/globals.css",
-    "src/app/globals.css",
-    "styles/globals.css",
-    "src/styles/globals.css",
-    "app/global.css",
-    "src/app/global.css",
-    "styles/global.css",
-    "src/styles/global.css",
-    "app/index.css",
-    "src/index.css",
-    "index.css"
-  ];
-  for (const cssPath of cssFileLocations) {
-    const fullPath = join(projectRoot, cssPath);
-    if (existsSync(fullPath)) {
-      try {
-        const content = readFileSync(fullPath, "utf-8");
-        if (content.includes('@import "tailwindcss"') || content.includes("@import 'tailwindcss'") || content.includes("@theme")) {
-          return { name: "Tailwind CSS v4", passed: true };
-        }
-        if (content.includes("@tailwind base") || content.includes("@tailwind components") || content.includes("@tailwind utilities")) {
-          return { name: "Tailwind CSS v3", passed: true };
-        }
-      } catch {
-      }
-    }
-  }
-  const tailwindConfigs = [
-    "tailwind.config.ts",
-    "tailwind.config.js",
-    "tailwind.config.mjs",
-    "tailwind.config.cjs"
-  ];
-  const hasTailwindConfig = tailwindConfigs.some((config) => existsSync(join(projectRoot, config)));
-  if (hasTailwindConfig) {
-    return { name: "Tailwind CSS", passed: true };
-  }
-  const packageJson = parseJsonFile(join(projectRoot, "package.json"));
-  if (packageJson) {
-    const deps = {
-      ...packageJson.dependencies ?? {},
-      ...packageJson.devDependencies ?? {}
-    };
-    if (deps.tailwindcss) {
-      return {
-        name: "Tailwind CSS",
-        passed: true,
-        message: "Installed but config not detected - may need setup"
-      };
-    }
-  }
-  return { name: "Tailwind CSS", passed: false, message: "Config file not found" };
-}
-function checkFramework(projectRoot) {
-  const packageJson = parseJsonFile(join(projectRoot, "package.json"));
-  if (!packageJson) {
-    return { name: "React/Next.js", passed: false, message: "Could not read package.json" };
-  }
-  const deps = {
-    ...packageJson.dependencies ?? {},
-    ...packageJson.devDependencies ?? {}
-  };
-  if (deps.next) return { name: "Next.js", passed: true };
-  if (deps.react) return { name: "React", passed: true };
-  return { name: "React/Next.js", passed: false, message: "Not found in dependencies" };
-}
-function displaySetupHelp(checks) {
-  const tsCheck = checks.find((c) => c.name.startsWith("TypeScript"));
-  const tailwindCheck = checks.find((c) => c.name.startsWith("Tailwind"));
-  const pm = detectPackageManager();
-  if (tsCheck && !tsCheck.passed) {
-    console.log(chalk.dim("Install TypeScript:"));
-    console.log(chalk.white(`  ${pm} ${pm === "npm" ? "install" : "add"} -D typescript @types/node @types/react`));
-    console.log(chalk.dim("\nCreate tsconfig.json with path aliases:"));
-    console.log(chalk.white("  npx tsc --init"));
-  }
-  if (tailwindCheck && !tailwindCheck.passed) {
-    console.log(chalk.dim("\nInstall Tailwind CSS v4:"));
-    console.log(chalk.white(`  ${pm} ${pm === "npm" ? "install" : "add"} -D tailwindcss @tailwindcss/postcss postcss`));
-    console.log(chalk.dim("\nOr for Tailwind CSS v3:"));
-    console.log(chalk.white(`  ${pm} ${pm === "npm" ? "install" : "add"} -D tailwindcss postcss autoprefixer`));
-    console.log(chalk.white("  npx tailwindcss init -p"));
-  }
-  console.log(chalk.dim("\nOr create a new Next.js project:"));
-  console.log(chalk.white("  npx create-next-app@latest --typescript --tailwind\n"));
-}
-async function autoFixSetup(projectRoot, needsTypeScript, needsTailwind, spinner) {
-  const pm = detectPackageManager();
-  const installCmd = pm === "npm" ? "install" : "add";
-  if (needsTypeScript) {
-    spinner.text = "Installing TypeScript and types...";
-    execSync(`${pm} ${installCmd} -D typescript @types/node @types/react`, { stdio: "inherit" });
-  }
-  const tsconfigPath = join(projectRoot, "tsconfig.json");
-  const tsconfig = parseJsonFile(tsconfigPath) ?? { compilerOptions: {} };
-  if (!existsSync(tsconfigPath)) {
-    spinner.text = "Creating tsconfig.json...";
-    writeFileSync(tsconfigPath, JSON.stringify(tsconfig, null, 2), "utf-8");
-  }
-  tsconfig.compilerOptions ??= {};
-  tsconfig.compilerOptions.baseUrl ??= ".";
-  tsconfig.compilerOptions.paths ??= {};
-  tsconfig.compilerOptions.paths["@/components/*"] = ["components/*"];
-  tsconfig.compilerOptions.paths["@/lib/*"] = ["lib/*"];
-  writeFileSync(tsconfigPath, JSON.stringify(tsconfig, null, 2), "utf-8");
-  if (needsTailwind) {
-    spinner.text = "Installing Tailwind CSS v4...";
-    try {
-      execSync(`${pm} ${installCmd} -D tailwindcss @tailwindcss/postcss postcss`, { stdio: "inherit" });
-    } catch {
-      console.warn(chalk.yellow("\nWarning: Tailwind CSS v4 packages not available. Installing v3 instead."));
-      execSync(`${pm} ${installCmd} -D tailwindcss postcss autoprefixer`, { stdio: "inherit" });
-    }
-    spinner.text = "Creating Tailwind CSS configuration...";
-    try {
-      const postcssConfig = `export default {
-  plugins: {
-    "@tailwindcss/postcss": {},
-  },
-};
-`;
-      const appDir = join(projectRoot, "app");
-      const srcAppDir = join(projectRoot, "src", "app");
-      let globalsCssPath;
-      if (existsSync(srcAppDir)) {
-        globalsCssPath = join(srcAppDir, "globals.css");
-      } else if (existsSync(appDir)) {
-        globalsCssPath = join(appDir, "globals.css");
-      } else {
-        globalsCssPath = join(appDir, "globals.css");
-        mkdirSync(appDir, { recursive: true });
-      }
-      const globals = `@import "tailwindcss";
-
-/* 
- * Tailwind CSS v4 uses CSS-first configuration.
- * Customize your theme using the @theme directive:
- * 
- * @theme {
- *   --color-primary: oklch(0.7 0.15 200);
- *   --font-display: "Satoshi", sans-serif;
- * }
- * 
- * Learn more: https://tailwindcss.com/docs/v4-beta
- */
-`;
-      writeFileSync(join(projectRoot, "postcss.config.mjs"), postcssConfig, "utf-8");
-      if (!existsSync(globalsCssPath)) {
-        writeFileSync(globalsCssPath, globals, "utf-8");
-        console.log(chalk.green(`Created postcss.config.mjs and ${globalsCssPath.replace(projectRoot, "")}`));
-      } else {
-        const existingContent = readFileSync(globalsCssPath, "utf-8");
-        if (!existingContent.includes('@import "tailwindcss"') && !existingContent.includes("@import 'tailwindcss'") && !existingContent.includes("@tailwind")) {
-          writeFileSync(globalsCssPath, `@import "tailwindcss";
-
-${existingContent}`, "utf-8");
-          console.log(chalk.green(`Created postcss.config.mjs and added Tailwind import to ${globalsCssPath.replace(projectRoot, "")}`));
-        } else {
-          console.log(chalk.green("Created postcss.config.mjs"));
-        }
-      }
-    } catch (writeErr) {
-      const errorMessage = writeErr instanceof Error ? writeErr.message : String(writeErr);
-      console.warn(chalk.yellow(`Failed to write Tailwind config files: ${errorMessage}`));
-      console.log(chalk.dim("Attempting fallback to Tailwind v3 configuration..."));
-      try {
-        execSync("npx tailwindcss init -p", { stdio: "inherit" });
-      } catch {
-        const tailwindConfig = `/** @type {import('tailwindcss').Config} */
-export default {
-  content: [
-    './app/**/*.{js,ts,jsx,tsx,mdx}',
-    './components/**/*.{js,ts,jsx,tsx,mdx}',
-    './pages/**/*.{js,ts,jsx,tsx,mdx}'
-  ],
-  theme: {
-    extend: {},
-  },
-  plugins: [],
-};
-`;
-        const postcssConfig = `export default {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-};
-`;
-        writeFileSync(join(projectRoot, "tailwind.config.js"), tailwindConfig, "utf-8");
-        writeFileSync(join(projectRoot, "postcss.config.js"), postcssConfig, "utf-8");
-        console.log(chalk.green("Created tailwind.config.js and postcss.config.js (v3 fallback)"));
-      }
-    }
-  }
-}
-var COMPONENT_DESCRIPTIONS = {
-  "rainbow-button": "Animated rainbow gradient border - for when one color just will not cut it",
-  "shimmer-button": "Moving border glow effect - subtle flex, maximum impact",
-  "magnetic-button": "Cursor-following magnetic effect - it literally chases your mouse",
-  "expand-button": "Expanding pill animation - small to big, just like your startup",
-  "flip-button": "3D flip card effect - because flat is boring",
-  "circle-reveal-button": "Icon to pill expansion - the element of surprise"
-};
 var program = new Command();
-program.name("zerozeeker").description("CLI for installing ZeroZeeker UI components - because life is too short for boring interfaces").version("2.3.0");
-program.command("init").description("Initialize ZeroZeeker in your project").action(async () => {
-  const spinner = ora("Checking project setup...").start();
-  try {
-    const projectRoot = findProjectRoot();
-    const checks = [
-      checkTypeScriptConfig(projectRoot),
-      checkTailwindConfig(projectRoot),
-      checkFramework(projectRoot)
-    ];
-    spinner.stop();
-    console.log(chalk.bold("\n[*] Project Setup Check\n"));
-    let allPassed = true;
-    for (const check of checks) {
-      if (check.passed) {
-        console.log(chalk.green(`  [+] ${check.name}`));
-      } else {
-        console.log(chalk.red(`  [x] ${check.name}${check.message ? `: ${check.message}` : ""}`));
-        allPassed = false;
-      }
-    }
-    if (allPassed) {
-      console.log(chalk.green("\n[*] Your project is ready for ZeroZeeker!\n"));
-      console.log(chalk.dim("Get started:"));
-      console.log(chalk.cyan("  npx zerozeeker add rainbow-button"));
-      console.log(chalk.dim("\nList all components:"));
-      console.log(chalk.cyan("  npx zerozeeker list\n"));
-      return;
-    }
-    console.log(chalk.yellow("\n[!] Some setup issues detected\n"));
-    displaySetupHelp(checks);
-    const needsTypeScript = !checks.find((c) => c.name.startsWith("TypeScript"))?.passed;
-    const needsTailwind = !checks.find((c) => c.name.startsWith("Tailwind"))?.passed;
-    const doAuto = await askYesNo("Would you like ZeroZeeker to try to automatically fix these issues now?", true);
-    if (!doAuto) {
-      process.exit(1);
-    }
-    spinner.start();
-    try {
-      await autoFixSetup(projectRoot, needsTypeScript, needsTailwind, spinner);
-      spinner.stop();
-      console.log(chalk.green("\n[+] Auto-fix complete. Re-run `npx zerozeeker init` to re-check, or proceed to install components."));
-      process.exit(0);
-    } catch {
-      spinner.stop();
-      console.error(chalk.red("\n[x] Auto-fix failed. See errors above."));
-      process.exit(1);
-    }
-  } catch (error) {
-    spinner.stop();
-    console.error(chalk.red("\n[x] Initialization failed\n"));
-    if (error instanceof Error && error.message.includes("package.json")) {
-      console.log(chalk.dim("Make sure you're in a React/Next.js project directory.\n"));
-    } else {
-      console.log(chalk.dim(`${error instanceof Error ? error.message : "Unknown error"}
-`));
-    }
-    process.exit(1);
-  }
-});
-program.command("add <component>").description("Add a component from ZeroZeeker registry").option("-f, --force", "Overwrite existing files").action(async (component, options) => {
+program.name("zerozeeker").description("CLI for installing ZeroZeeker UI components - because life is too short for boring interfaces").version("1.0.0");
+program.command("add <component>").description("Add a component from ZeroZeeker registry").action((component) => {
   if (!COMPONENTS.includes(component)) {
-    console.error(chalk.red(`[x] Component "${component}" does not exist in this dimension.`));
+    console.error(chalk.red(`Component "${component}" does not exist in this dimension.`));
     console.log(chalk.dim("\nHere are the components that actually exist:"));
     COMPONENTS.filter((c) => c !== "index").forEach((c) => {
       console.log(chalk.cyan(`  - ${c}`));
@@ -453,89 +28,37 @@ program.command("add <component>").description("Add a component from ZeroZeeker
     process.exit(1);
   }
   const url = `${REGISTRY_URL}/${component}.json`;
-  const spinner = ora(`Installing ${chalk.cyan(component)}...`).start();
+  const spinner = ora(`Installing ${chalk.cyan(component)}... hold tight`).start();
   try {
-    const projectRoot = findProjectRoot();
-    spinner.text = `Fetching ${chalk.cyan(component)} from registry...`;
-    const registry = await fetchRegistry(url);
-    const filesInstalled = [];
-    const allDependencies = [...registry.dependencies ?? []];
-    if (registry.registryDependencies?.length) {
-      spinner.text = "Installing registry dependencies...";
-      const registryResult = await installRegistryDependencies(
-        registry.registryDependencies,
-        projectRoot
-      );
-      filesInstalled.push(...registryResult.files);
-      allDependencies.push(...registryResult.npmDeps);
-    }
-    if (registry.files?.length) {
-      spinner.text = `Installing ${chalk.cyan(component)} files...`;
-      for (const file of registry.files) {
-        const targetPath = file.target || file.path;
-        const fullPath = join(projectRoot, targetPath);
-        if (existsSync(fullPath) && !options.force) {
-          spinner.stop();
-          console.warn(chalk.yellow(`
-[!] File already exists: ${targetPath}`));
-          console.log(chalk.dim("  Skipping to avoid overwriting your changes."));
-          console.log(chalk.dim("  Use --force flag to overwrite existing files.\n"));
-          spinner.start();
-          continue;
-        }
-        ensureDir(fullPath);
-        writeFileSync(fullPath, file.content, "utf-8");
-        filesInstalled.push(targetPath);
-      }
-    }
-    const uniqueDeps = [...new Set(allDependencies)];
-    if (uniqueDeps.length > 0) {
-      spinner.text = "Installing npm dependencies...";
-      installDependencies(uniqueDeps);
-    }
+    execSync(`npx shadcn@latest add ${url}`, {
+      stdio: "inherit",
+      encoding: "utf-8"
+    });
     spinner.stop();
-    console.log(chalk.green(`
-[+] Successfully installed ${component}`));
-    if (filesInstalled.length > 0) {
-      console.log(chalk.dim("\n  Files added:"));
-      for (const f of filesInstalled) {
-        console.log(chalk.cyan(`    ${f}`));
-      }
-    }
-    if (uniqueDeps.length > 0) {
-      console.log(chalk.dim("\n  Dependencies installed:"));
-      for (const d of uniqueDeps) {
-        console.log(chalk.cyan(`    ${d}`));
-      }
-    }
-    console.log(chalk.dim("\n  Now go make something beautiful.\n"));
+    console.log(chalk.green(`Successfully installed ${component}. Now go make something beautiful.`));
   } catch (error) {
     spinner.stop();
-    console.error(chalk.red(`
-[x] Failed to install ${component}`));
-    if (error instanceof Error) {
-      if (error.message.includes("package.json")) {
-        console.log(chalk.dim("\n  Make sure you're in a React/Next.js project directory."));
-      } else if (error.message.includes("fetch") || error.name === "AbortError") {
-        console.log(chalk.dim("\n  Check your internet connection and try again."));
-      } else {
-        console.log(chalk.dim(`
-  ${error.message}`));
-      }
-    }
-    console.log(chalk.dim("\n  Need help? https://www.zerozeeker.com/docs\n"));
+    console.error(chalk.red(`Failed to install ${component}. The internet might be having a bad day.`));
+    console.log(chalk.dim("Try again, or check your network connection."));
     process.exit(1);
   }
 });
 program.command("list").description("List all available components").action(() => {
   console.log(chalk.bold("\nZeroZeeker UI Components\n"));
   console.log(chalk.dim("Modern, polished components that make users actually want to interact.\n"));
-  for (const component of COMPONENTS) {
-    if (component === "index") continue;
+  const descriptions = {
+    "rainbow-button": "Animated rainbow gradient border - for when one color just will not cut it",
+    "shimmer-button": "Moving border glow effect - subtle flex, maximum impact",
+    "magnetic-button": "Cursor-following magnetic effect - it literally chases your mouse",
+    "expand-button": "Expanding pill animation - small to big, just like your startup",
+    "flip-button": "3D flip card effect - because flat is boring",
+    "circle-reveal-button": "Icon to pill expansion - the element of surprise"
+  };
+  COMPONENTS.filter((c) => c !== "index").forEach((component) => {
     console.log(chalk.cyan(`  ${component}`));
-    console.log(chalk.dim(`    ${COMPONENT_DESCRIPTIONS[component]}
+    console.log(chalk.dim(`    ${descriptions[component]}
 `));
-  }
+  });
   console.log(chalk.dim("Install any component with: ") + chalk.white("npx zerozeeker add <component>"));
   console.log(chalk.dim("More components coming soon. Ship fast. Look good doing it.\n"));
 });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "zerozeeker",
-  "version": "2.2.6",
-  "description": "Zero-config CLI for installing ZeroZeeker UI components. No shadcn required.",
+  "version": "2.2.7",
+  "description": "CLI for installing ZeroZeeker UI components",
   "type": "module",
   "bin": {
     "zerozeeker": "dist/index.js"
@@ -16,24 +16,21 @@
     "prepublishOnly": "npm run build"
   },
   "keywords": [
-    "zerozeeker",
-    "ui",
+    "shadcn",
     "components",
-    "react",
-    "tailwind",
-    "typescript"
+    "ui",
+    "zerozeeker"
   ],
   "author": "ZeroZeeker",
   "license": "MIT",
   "dependencies": {
-    "chalk": "^5.3.0",
     "commander": "^12.1.0",
-    "ora": "^8.0.1"
+    "ora": "^8.0.1",
+    "chalk": "^5.3.0"
   },
   "devDependencies": {
     "@types/node": "^20.11.5",
     "tsup": "^8.0.1",
-    "tsx": "^4.21.0",
     "typescript": "^5.3.3"
   },
   "engines": {