benflux-ui 0.1.1 → 0.1.3

package/dist/bin/benflux-ui.js

@@ -28,11 +28,11 @@ var import_commander = require("commander");
 var import_picocolors5 = __toESM(require("picocolors"));
 
 // src/commands/init.ts
-var import_path2 = __toESM(require("path"));
 var clack = __toESM(require("@clack/prompts"));
-var import_picocolors = __toESM(require("picocolors"));
-var import_fs_extra2 = __toESM(require("fs-extra"));
 var import_execa = require("execa");
+var import_fs_extra2 = __toESM(require("fs-extra"));
+var import_path2 = __toESM(require("path"));
+var import_picocolors = __toESM(require("picocolors"));
 
 // src/utils/detect-framework.ts
 var import_path = __toESM(require("path"));
@@ -151,13 +151,13 @@ async function initCommand(options) {
   spinner3.stop(`Components directory: ${import_picocolors.default.cyan(settings.componentsDir)}`);
   spinner3.start("Creating benflux-ui.json config...");
   const config = {
-    $schema: "https://benflux-ui.dev/schema.json",
+    $schema: "https://benflux-ui.vercel.app/schema.json",
     style: "default",
     typescript: settings.typescript,
     tailwind: {
       config: hasTw ? "tailwind.config.ts" : "tailwind.config.ts",
       css: "src/app/globals.css",
-      baseColor: "nebula"
+      baseColor: "default"
     },
     aliases: {
       components: `@/${settings.componentsDir.replace("src/", "")}`,
@@ -200,11 +200,10 @@ export function cn(...inputs: ClassValue[]) {
       import_picocolors.default.green("\u2713") + " Benflux UI initialized!",
       "",
       import_picocolors.default.bold("Next steps:"),
-      `  ${import_picocolors.default.cyan("npx benflux-ui add button")}     Add a component`,
-      `  ${import_picocolors.default.cyan("npx benflux-ui add dashboard")}  Add a full dashboard`,
-      `  ${import_picocolors.default.cyan("npx benflux-ui list")}           See all components`,
+      `  ${import_picocolors.default.cyan("npx benflux-ui add button")}  Add a component`,
+      `  ${import_picocolors.default.cyan("npx benflux-ui list")}        See all components`,
       "",
-      import_picocolors.default.dim("Documentation: https://benflux-ui.dev")
+      `  ${import_picocolors.default.bold("Docs:")} \x1B]8;;https://benflux-ui.vercel.app\x07https://benflux-ui.vercel.app\x1B]8;;\x07`
     ].join("\n")
   );
 }
@@ -816,26 +815,23 @@ async function addCommand(components, options) {
   const defaultDir = options.path ?? await getComponentsPath(cwd);
   let selectedComponents = components;
   if (selectedComponents.length === 0) {
-    const categories = [...new Set(REGISTRY.map((c) => c.category))];
-    const category = await clack2.select({
-      message: "Select component category:",
-      options: [
-        { label: "All components", value: "all" },
-        ...categories.map((c) => ({
-          label: c.charAt(0).toUpperCase() + c.slice(1),
-          value: c
-        }))
-      ]
-    });
-    if (clack2.isCancel(category)) {
-      clack2.cancel("Cancelled.");
-      process.exit(0);
-    }
-    const componentOptions = category === "all" ? REGISTRY : REGISTRY.filter((c) => c.category === category);
+    const categoryLabel = {
+      layout: "Layout",
+      inputs: "Inputs",
+      navigation: "Navigation",
+      feedback: "Feedback",
+      "data-display": "Data Display",
+      ai: "AI",
+      wow: "WOW Effects"
+    };
+    const sorted = [...REGISTRY].sort(
+      (a, b) => a.category === b.category ? a.name.localeCompare(b.name) : a.category.localeCompare(b.category)
+    );
     const selected = await clack2.multiselect({
-      message: "Select components to add:",
-      options: componentOptions.map((c) => ({
-        label: `${c.name} \u2014 ${c.description}`,
+      message: "Which components would you like to add?",
+      options: sorted.map((c) => ({
+        label: c.name,
+        hint: `${categoryLabel[c.category] ?? c.category} \u2014 ${c.description}`,
         value: c.name
       }))
     });

package/dist/index.js

@@ -46,11 +46,11 @@ __export(src_exports, {
 module.exports = __toCommonJS(src_exports);
 
 // src/commands/init.ts
-var import_path2 = __toESM(require("path"));
 var clack = __toESM(require("@clack/prompts"));
-var import_picocolors = __toESM(require("picocolors"));
-var import_fs_extra2 = __toESM(require("fs-extra"));
 var import_execa = require("execa");
+var import_fs_extra2 = __toESM(require("fs-extra"));
+var import_path2 = __toESM(require("path"));
+var import_picocolors = __toESM(require("picocolors"));
 
 // src/utils/detect-framework.ts
 var import_path = __toESM(require("path"));
@@ -169,13 +169,13 @@ async function initCommand(options) {
   spinner3.stop(`Components directory: ${import_picocolors.default.cyan(settings.componentsDir)}`);
   spinner3.start("Creating benflux-ui.json config...");
   const config = {
-    $schema: "https://benflux-ui.dev/schema.json",
+    $schema: "https://benflux-ui.vercel.app/schema.json",
     style: "default",
     typescript: settings.typescript,
     tailwind: {
       config: hasTw ? "tailwind.config.ts" : "tailwind.config.ts",
       css: "src/app/globals.css",
-      baseColor: "nebula"
+      baseColor: "default"
     },
     aliases: {
       components: `@/${settings.componentsDir.replace("src/", "")}`,
@@ -218,11 +218,10 @@ export function cn(...inputs: ClassValue[]) {
       import_picocolors.default.green("\u2713") + " Benflux UI initialized!",
       "",
       import_picocolors.default.bold("Next steps:"),
-      `  ${import_picocolors.default.cyan("npx benflux-ui add button")}     Add a component`,
-      `  ${import_picocolors.default.cyan("npx benflux-ui add dashboard")}  Add a full dashboard`,
-      `  ${import_picocolors.default.cyan("npx benflux-ui list")}           See all components`,
+      `  ${import_picocolors.default.cyan("npx benflux-ui add button")}  Add a component`,
+      `  ${import_picocolors.default.cyan("npx benflux-ui list")}        See all components`,
       "",
-      import_picocolors.default.dim("Documentation: https://benflux-ui.dev")
+      `  ${import_picocolors.default.bold("Docs:")} \x1B]8;;https://benflux-ui.vercel.app\x07https://benflux-ui.vercel.app\x1B]8;;\x07`
     ].join("\n")
   );
 }
@@ -843,26 +842,23 @@ async function addCommand(components, options) {
   const defaultDir = options.path ?? await getComponentsPath(cwd);
   let selectedComponents = components;
   if (selectedComponents.length === 0) {
-    const categories = [...new Set(REGISTRY.map((c) => c.category))];
-    const category = await clack2.select({
-      message: "Select component category:",
-      options: [
-        { label: "All components", value: "all" },
-        ...categories.map((c) => ({
-          label: c.charAt(0).toUpperCase() + c.slice(1),
-          value: c
-        }))
-      ]
-    });
-    if (clack2.isCancel(category)) {
-      clack2.cancel("Cancelled.");
-      process.exit(0);
-    }
-    const componentOptions = category === "all" ? REGISTRY : REGISTRY.filter((c) => c.category === category);
+    const categoryLabel = {
+      layout: "Layout",
+      inputs: "Inputs",
+      navigation: "Navigation",
+      feedback: "Feedback",
+      "data-display": "Data Display",
+      ai: "AI",
+      wow: "WOW Effects"
+    };
+    const sorted = [...REGISTRY].sort(
+      (a, b) => a.category === b.category ? a.name.localeCompare(b.name) : a.category.localeCompare(b.category)
+    );
     const selected = await clack2.multiselect({
-      message: "Select components to add:",
-      options: componentOptions.map((c) => ({
-        label: `${c.name} \u2014 ${c.description}`,
+      message: "Which components would you like to add?",
+      options: sorted.map((c) => ({
+        label: c.name,
+        hint: `${categoryLabel[c.category] ?? c.category} \u2014 ${c.description}`,
         value: c.name
       }))
     });

package/dist/index.mjs

@@ -1,9 +1,9 @@
 // src/commands/init.ts
-import path2 from "path";
 import * as clack from "@clack/prompts";
-import pc from "picocolors";
-import fs2 from "fs-extra";
 import { execa } from "execa";
+import fs2 from "fs-extra";
+import path2 from "path";
+import pc from "picocolors";
 
 // src/utils/detect-framework.ts
 import path from "path";
@@ -122,13 +122,13 @@ async function initCommand(options) {
   spinner3.stop(`Components directory: ${pc.cyan(settings.componentsDir)}`);
   spinner3.start("Creating benflux-ui.json config...");
   const config = {
-    $schema: "https://benflux-ui.dev/schema.json",
+    $schema: "https://benflux-ui.vercel.app/schema.json",
     style: "default",
     typescript: settings.typescript,
     tailwind: {
       config: hasTw ? "tailwind.config.ts" : "tailwind.config.ts",
       css: "src/app/globals.css",
-      baseColor: "nebula"
+      baseColor: "default"
     },
     aliases: {
       components: `@/${settings.componentsDir.replace("src/", "")}`,
@@ -171,11 +171,10 @@ export function cn(...inputs: ClassValue[]) {
       pc.green("\u2713") + " Benflux UI initialized!",
       "",
       pc.bold("Next steps:"),
-      `  ${pc.cyan("npx benflux-ui add button")}     Add a component`,
-      `  ${pc.cyan("npx benflux-ui add dashboard")}  Add a full dashboard`,
-      `  ${pc.cyan("npx benflux-ui list")}           See all components`,
+      `  ${pc.cyan("npx benflux-ui add button")}  Add a component`,
+      `  ${pc.cyan("npx benflux-ui list")}        See all components`,
       "",
-      pc.dim("Documentation: https://benflux-ui.dev")
+      `  ${pc.bold("Docs:")} \x1B]8;;https://benflux-ui.vercel.app\x07https://benflux-ui.vercel.app\x1B]8;;\x07`
     ].join("\n")
   );
 }
@@ -796,26 +795,23 @@ async function addCommand(components, options) {
   const defaultDir = options.path ?? await getComponentsPath(cwd);
   let selectedComponents = components;
   if (selectedComponents.length === 0) {
-    const categories = [...new Set(REGISTRY.map((c) => c.category))];
-    const category = await clack2.select({
-      message: "Select component category:",
-      options: [
-        { label: "All components", value: "all" },
-        ...categories.map((c) => ({
-          label: c.charAt(0).toUpperCase() + c.slice(1),
-          value: c
-        }))
-      ]
-    });
-    if (clack2.isCancel(category)) {
-      clack2.cancel("Cancelled.");
-      process.exit(0);
-    }
-    const componentOptions = category === "all" ? REGISTRY : REGISTRY.filter((c) => c.category === category);
+    const categoryLabel = {
+      layout: "Layout",
+      inputs: "Inputs",
+      navigation: "Navigation",
+      feedback: "Feedback",
+      "data-display": "Data Display",
+      ai: "AI",
+      wow: "WOW Effects"
+    };
+    const sorted = [...REGISTRY].sort(
+      (a, b) => a.category === b.category ? a.name.localeCompare(b.name) : a.category.localeCompare(b.category)
+    );
     const selected = await clack2.multiselect({
-      message: "Select components to add:",
-      options: componentOptions.map((c) => ({
-        label: `${c.name} \u2014 ${c.description}`,
+      message: "Which components would you like to add?",
+      options: sorted.map((c) => ({
+        label: c.name,
+        hint: `${categoryLabel[c.category] ?? c.category} \u2014 ${c.description}`,
         value: c.name
       }))
     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "benflux-ui",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "description": "CLI for adding Benflux UI components to your project",
   "keywords": [
     "benflux-ui",