zerozeeker 2.2.10 → 2.3.1

package/dist/index.js

@@ -6,60 +6,79 @@ import { execSync } from "child_process";
 import ora from "ora";
 import chalk from "chalk";
 var REGISTRY_URL = "https://www.zerozeeker.com/r";
-var COMPONENTS = [
-  "rainbow-button",
-  "shimmer-button",
-  "magnetic-button",
-  "expand-button",
-  "flip-button",
-  "circle-reveal-button",
-  "index"
+var VERSION = "2.3.1";
+var REGISTRY = [
+  // Buttons
+  { name: "rainbow-button", category: "Buttons", desc: "Animated rainbow gradient border" },
+  { name: "shimmer-button", category: "Buttons", desc: "Moving border glow effect" },
+  { name: "magnetic-button", category: "Buttons", desc: "Cursor-following magnetic pull effect" },
+  { name: "expand-button", category: "Buttons", desc: "Expanding pill animation on hover" },
+  { name: "flip-button", category: "Buttons", desc: "3D flip card reveal effect" },
+  { name: "circle-reveal-button", category: "Buttons", desc: "Icon-to-pill circle expansion" },
+  // Inputs
+  { name: "glow-input", category: "Inputs", desc: "Animated glow ring on focus" },
+  { name: "typewriter-input", category: "Inputs", desc: "Cycling typewriter placeholder" },
+  { name: "shimmer-input", category: "Inputs", desc: "Shimmer border sweep on focus" },
+  { name: "spotlight-input", category: "Inputs", desc: "Mouse-tracked spotlight effect" },
+  { name: "vortex-input", category: "Inputs", desc: "Swirling vortex border animation" },
+  { name: "prism-input", category: "Inputs", desc: "Prism light refraction border" },
+  // Accordions
+  { name: "glow-accordion", category: "Accordions", desc: "Colored left-accent bar and tint on open" },
+  { name: "card-accordion", category: "Accordions", desc: "Card-per-item with shadow lift and +/- swap" },
+  { name: "step-accordion", category: "Accordions", desc: "Numbered step circles flip solid on open" },
+  { name: "line-accordion", category: "Accordions", desc: "Editorial sweep line animates on open, 5 colors" },
+  // Alert Dialogs
+  { name: "glow-alert-dialog", category: "Alert Dialogs", desc: "Glowing ring border with centered icon, 5 colors" },
+  { name: "banner-alert-dialog", category: "Alert Dialogs", desc: "Colored header band with icon and title, 5 colors" },
+  { name: "split-alert-dialog", category: "Alert Dialogs", desc: "Two-column colored left panel + white right content" },
+  { name: "slide-alert-dialog", category: "Alert Dialogs", desc: "Bottom-sheet slide-up with full-width confirm button" },
+  { name: "gradient-alert-dialog", category: "Alert Dialogs", desc: "Rich gradient hero section with white action bar below" },
+  { name: "float-alert-dialog", category: "Alert Dialogs", desc: "Icon badge floats above the dialog card overlapping its top edge" }
 ];
+var COMPONENT_NAMES = REGISTRY.map((c) => c.name);
+function printHeader() {
+  console.log("");
+  console.log(chalk.bold.white("  ZeroZeeker") + chalk.dim(" \xB7 UI Component Library"));
+  console.log(chalk.dim("  https://www.zerozeeker.com"));
+  console.log("");
+}
 var program = new Command();
-program.name("zerozeeker").description("CLI for installing ZeroZeeker UI components >>> because life is too short for boring interfaces").version("2.2.10");
-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.log(chalk.dim("\n>>> Here are the components that actually exist:"));
-    COMPONENTS.filter((c) => c !== "index").forEach((c) => {
-      console.log(chalk.cyan(`    -> ${c}`));
-    });
-    console.log(chalk.dim("\n[*] Pro tip: Copy-paste is your friend."));
+program.name("zerozeeker").description("CLI for installing ZeroZeeker UI components").version(VERSION, "-v, --version", "Output the current version");
+program.command("add <component>").description("Add a ZeroZeeker component to your project").action((component) => {
+  if (!COMPONENT_NAMES.includes(component)) {
+    console.error(chalk.red(`  \u2716 Unknown component: "${component}"
+`));
+    console.log(chalk.dim("  Available components:"));
+    COMPONENT_NAMES.forEach((c) => console.log(chalk.cyan(`    ${c}`)));
+    console.log(chalk.dim("\n  Run " + chalk.white("npx zerozeeker list") + " for full details.\n"));
     process.exit(1);
   }
   const url = `${REGISTRY_URL}/${component}.json`;
-  const spinner = ora(`[~] Installing ${chalk.cyan(component)}... hold tight`).start();
+  const spinner = ora({ text: `Installing ${chalk.cyan(component)}`, color: "cyan" }).start();
+  spinner.stop();
+  console.log(chalk.dim(`  \u2192 ${url}
+`));
   try {
-    execSync(`npx shadcn@latest add ${url}`, {
-      stdio: "inherit",
-      encoding: "utf-8"
-    });
-    spinner.stop();
-    console.log(chalk.green(`[+] Successfully installed ${component}. Now go make something beautiful.`));
+    execSync(`npx shadcn@latest add "${url}"`, { stdio: "inherit" });
+    console.log("");
+    console.log(chalk.green(`  \u2714 ${component} installed successfully.`));
+    console.log(chalk.dim("  Import it from your components/ui directory and go build something great.\n"));
   } catch {
-    spinner.stop();
-    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."));
+    console.error(chalk.red(`  \u2716 Installation failed.`));
+    console.log(chalk.dim("  Check your network connection and try again.\n"));
     process.exit(1);
   }
 });
 program.command("list").description("List all available components").action(() => {
-  console.log(chalk.bold("\n<<< ZeroZeeker UI Components >>>\n"));
-  console.log(chalk.dim(">>> Modern, polished components that make users actually want to interact.\n"));
-  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(`      ${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"));
+  printHeader();
+  const categories = [...new Set(REGISTRY.map((c) => c.category))];
+  for (const cat of categories) {
+    console.log(chalk.bold.white(`  ${cat}`));
+    REGISTRY.filter((c) => c.category === cat).forEach(({ name, desc }) => {
+      console.log(`  ${chalk.cyan(name.padEnd(26))} ${chalk.dim(desc)}`);
+    });
+    console.log("");
+  }
+  console.log(chalk.dim(`  Install with: `) + chalk.white("npx zerozeeker add <component>") + chalk.dim("\n"));
 });
 program.parse();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zerozeeker",
-  "version": "2.2.10",
+  "version": "2.3.1",
   "description": "CLI for installing ZeroZeeker UI components",
   "type": "module",
   "bin": {