shadcn-svelte 0.8.3 → 0.9.0

package/dist/index.js

@@ -1,22 +1,106 @@
 #!/usr/bin/env node
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+
+// ../../node_modules/.pnpm/sisteransi@1.0.5/node_modules/sisteransi/src/index.js
+var require_src = __commonJS({
+  "../../node_modules/.pnpm/sisteransi@1.0.5/node_modules/sisteransi/src/index.js"(exports, module) {
+    "use strict";
+    var ESC2 = "\x1B";
+    var CSI2 = `${ESC2}[`;
+    var beep2 = "\x07";
+    var cursor3 = {
+      to(x, y) {
+        if (!y)
+          return `${CSI2}${x + 1}G`;
+        return `${CSI2}${y + 1};${x + 1}H`;
+      },
+      move(x, y) {
+        let ret = "";
+        if (x < 0)
+          ret += `${CSI2}${-x}D`;
+        else if (x > 0)
+          ret += `${CSI2}${x}C`;
+        if (y < 0)
+          ret += `${CSI2}${-y}A`;
+        else if (y > 0)
+          ret += `${CSI2}${y}B`;
+        return ret;
+      },
+      up: (count = 1) => `${CSI2}${count}A`,
+      down: (count = 1) => `${CSI2}${count}B`,
+      forward: (count = 1) => `${CSI2}${count}C`,
+      backward: (count = 1) => `${CSI2}${count}D`,
+      nextLine: (count = 1) => `${CSI2}E`.repeat(count),
+      prevLine: (count = 1) => `${CSI2}F`.repeat(count),
+      left: `${CSI2}G`,
+      hide: `${CSI2}?25l`,
+      show: `${CSI2}?25h`,
+      save: `${ESC2}7`,
+      restore: `${ESC2}8`
+    };
+    var scroll2 = {
+      up: (count = 1) => `${CSI2}S`.repeat(count),
+      down: (count = 1) => `${CSI2}T`.repeat(count)
+    };
+    var erase3 = {
+      screen: `${CSI2}2J`,
+      up: (count = 1) => `${CSI2}1J`.repeat(count),
+      down: (count = 1) => `${CSI2}J`.repeat(count),
+      line: `${CSI2}2K`,
+      lineEnd: `${CSI2}K`,
+      lineStart: `${CSI2}1K`,
+      lines(count) {
+        let clear2 = "";
+        for (let i = 0; i < count; i++)
+          clear2 += this.line + (i < count - 1 ? cursor3.up() : "");
+        if (count)
+          clear2 += cursor3.left;
+        return clear2;
+      }
+    };
+    module.exports = { cursor: cursor3, scroll: scroll2, erase: erase3, beep: beep2 };
+  }
+});
 
 // src/index.ts
 import { Command as Command4 } from "commander";
 
 // src/commands/add.ts
-import { existsSync as existsSync2, promises as fs6 } from "fs";
-import path10 from "path";
-import chalk3 from "chalk";
+import { existsSync as existsSync2, promises as fs6 } from "node:fs";
+import path10 from "node:path";
+import color5 from "chalk";
 import { Command } from "commander";
 import { execa as execa3 } from "execa";
-import ora from "ora";
-import prompts2 from "prompts";
-import { z as z3 } from "zod";
+import * as z3 from "zod";
 
 // src/utils/get-config.ts
-import { promises as fs5 } from "fs";
-import path8 from "path";
-import chalk2 from "chalk";
+import { promises as fs5 } from "node:fs";
+import path8 from "node:path";
+import color2 from "chalk";
 import { execa as execa2 } from "execa";
 
 // ../../node_modules/.pnpm/tsconfck@2.1.2_typescript@5.3.3/node_modules/tsconfck/dist/index.js
@@ -382,8 +466,8 @@ var TSConfckParseNativeError = class _TSConfckParseNativeError extends Error {
 import * as z from "zod";
 
 // src/utils/find-tsconfig.ts
-import { promises as fs } from "fs";
-import path from "path";
+import { promises as fs } from "node:fs";
+import path from "node:path";
 async function find(filename, options2) {
   let dir = path.dirname(path.resolve(filename));
   const root = options2?.root ? path.resolve(options2.root) : null;
@@ -434,8 +518,8 @@ async function tsconfigInDir(dir, options2) {
 }
 
 // src/utils/get-package-info.ts
-import path4 from "path";
-import { fileURLToPath } from "url";
+import path4 from "node:path";
+import { fileURLToPath } from "node:url";
 import fs3 from "fs-extra";
 function getPackageInfo() {
   const packageJsonPath = getPackageFilePath("../package.json");
@@ -859,8 +943,8 @@ _escape.command = escapeCommand;
 _escape.argument = escapeArgument;
 var shebangRegex$1 = /^#!(.*)/;
 var shebangRegex = shebangRegex$1;
-var shebangCommand$1 = (string3 = "") => {
-  const match = string3.match(shebangRegex);
+var shebangCommand$1 = (string5 = "") => {
+  const match = string5.match(shebangRegex);
   if (!match) {
     return null;
   }
@@ -1697,9 +1781,9 @@ var SignalExit = class extends SignalExitBase {
         if (listeners.length === count) {
           this.unload();
           const ret = this.#emitter.emit("exit", null, sig);
-          const s = sig === "SIGHUP" ? this.#hupSig : sig;
+          const s2 = sig === "SIGHUP" ? this.#hupSig : sig;
           if (!ret)
-            process2.kill(process2.pid, s);
+            process2.kill(process2.pid, s2);
         }
       };
     }
@@ -2666,7 +2750,7 @@ ansiEscapes.clearTerminal = process.platform === "win32" ? `${ansiEscapes.eraseS
   `${ansiEscapes.eraseScreen}${ESC$1}3J${ESC$1}H`
 );
 ansiEscapes.beep = BEL;
-ansiEscapes.link = (text2, url2) => {
+ansiEscapes.link = (text3, url2) => {
   return [
     OSC,
     "8",
@@ -2674,7 +2758,7 @@ ansiEscapes.link = (text2, url2) => {
     SEP,
     url2,
     BEL,
-    text2,
+    text3,
     OSC,
     "8",
     SEP,
@@ -2887,17 +2971,17 @@ var supportsHyperlinks = {
   stderr: supportsHyperlink(process.stderr)
 };
 var supportsHyperlinks$1 = /* @__PURE__ */ getDefaultExportFromCjs(supportsHyperlinks);
-function terminalLink(text2, url2, { target = "stdout", ...options2 } = {}) {
+function terminalLink(text3, url2, { target = "stdout", ...options2 } = {}) {
   if (!supportsHyperlinks$1[target]) {
     if (options2.fallback === false) {
-      return text2;
+      return text3;
     }
-    return typeof options2.fallback === "function" ? options2.fallback(text2, url2) : `${text2} (\u200B${url2}\u200B)`;
+    return typeof options2.fallback === "function" ? options2.fallback(text3, url2) : `${text3} (\u200B${url2}\u200B)`;
   }
-  return ansiEscapes.link(text2, url2);
+  return ansiEscapes.link(text3, url2);
 }
 terminalLink.isSupported = supportsHyperlinks$1.stdout;
-terminalLink.stderr = (text2, url2, options2 = {}) => terminalLink(text2, url2, { target: "stderr", ...options2 });
+terminalLink.stderr = (text3, url2, options2 = {}) => terminalLink(text3, url2, { target: "stderr", ...options2 });
 terminalLink.stderr.isSupported = supportsHyperlinks$1.stderr;
 var prompts$3 = {};
 var FORCE_COLOR$1;
@@ -3205,9 +3289,9 @@ var wrap$3 = (msg, opts = {}) => {
     return arr;
   }, [tab]).join("\n")).join("\n");
 };
-var entriesToDisplay$3 = (cursor2, total, maxVisible) => {
+var entriesToDisplay$3 = (cursor3, total, maxVisible) => {
   maxVisible = maxVisible || total;
-  let startIndex = Math.min(total - maxVisible, cursor2 - Math.floor(maxVisible / 2));
+  let startIndex = Math.min(total - maxVisible, cursor3 - Math.floor(maxVisible / 2));
   if (startIndex < 0)
     startIndex = 0;
   let endIndex = Math.min(startIndex + maxVisible, total);
@@ -3866,8 +3950,8 @@ var Seconds$1 = class Seconds extends DatePart$2 {
     this.date.setSeconds(parseInt(val.substr(-2)));
   }
   toString() {
-    let s = this.date.getSeconds();
-    return this.token.length > 1 ? String(s).padStart(2, "0") : s;
+    let s2 = this.date.getSeconds();
+    return this.token.length > 1 ? String(s2).padStart(2, "0") : s2;
   }
 };
 var seconds = Seconds$1;
@@ -4410,14 +4494,14 @@ Instructions:
     }
     return "";
   }
-  renderOption(cursor2, v, i, arrowIndicator) {
+  renderOption(cursor3, v, i, arrowIndicator) {
     const prefix = (v.selected ? color$3.green(figures$2.radioOn) : figures$2.radioOff) + " " + arrowIndicator + " ";
     let title, desc;
     if (v.disabled) {
-      title = cursor2 === i ? color$3.gray().underline(v.title) : color$3.strikethrough().gray(v.title);
+      title = cursor3 === i ? color$3.gray().underline(v.title) : color$3.strikethrough().gray(v.title);
     } else {
-      title = cursor2 === i ? color$3.cyan().underline(v.title) : v.title;
-      if (cursor2 === i && v.description) {
+      title = cursor3 === i ? color$3.cyan().underline(v.title) : v.title;
+      if (cursor3 === i && v.description) {
         desc = ` - ${v.description}`;
         if (prefix.length + title.length + desc.length >= this.out.columns || v.description.split(/\r?\n/).length > 1) {
           desc = "\n" + wrap$1(v.description, { margin: prefix.length, width: this.out.columns });
@@ -4541,7 +4625,7 @@ var AutocompletePrompt = class extends Prompt$1 {
     const suggestions = await p;
     if (this.completing !== p)
       return;
-    this.suggestions = suggestions.map((s, i, arr) => ({ title: getTitle(arr, i), value: getVal(arr, i), description: s.description }));
+    this.suggestions = suggestions.map((s2, i, arr) => ({ title: getTitle(arr, i), value: getVal(arr, i), description: s2.description }));
     this.completing = false;
     const l = Math.max(suggestions.length - 1, 0);
     this.moveSelect(Math.min(l, this.select));
@@ -4821,13 +4905,13 @@ Instructions:
 Filtered results for: ${this.inputValue ? this.inputValue : color$1.gray("Enter something to filter")}
 `;
   }
-  renderOption(cursor2, v, i, arrowIndicator) {
+  renderOption(cursor3, v, i, arrowIndicator) {
     const prefix = (v.selected ? color$1.green(figures.radioOn) : figures.radioOff) + " " + arrowIndicator + " ";
     let title;
     if (v.disabled)
-      title = cursor2 === i ? color$1.gray().underline(v.title) : color$1.strikethrough().gray(v.title);
+      title = cursor3 === i ? color$1.gray().underline(v.title) : color$1.strikethrough().gray(v.title);
     else
-      title = cursor2 === i ? color$1.cyan().underline(v.title) : v.title;
+      title = cursor3 === i ? color$1.cyan().underline(v.title) : v.title;
     return prefix + title;
   }
   renderDoneOrInstructions() {
@@ -4973,7 +5057,7 @@ var elements = {
   $2.list = (args) => {
     const sep3 = args.separator || ",";
     return toPrompt("TextPrompt", args, {
-      onSubmit: (str) => str.split(sep3).map((s) => s.trim())
+      onSubmit: (str) => str.split(sep3).map((s2) => s2.trim())
     });
   };
   $2.toggle = (args) => toPrompt("TogglePrompt", args);
@@ -5477,26 +5561,6 @@ async function getPackageManager(targetDir) {
   return packageManager ?? "npm";
 }
 
-// src/utils/logger.ts
-import chalk from "chalk";
-var logger = {
-  error(...args) {
-    console.log(chalk.red(...args));
-  },
-  warn(...args) {
-    console.log(chalk.yellow(...args));
-  },
-  info(...args) {
-    console.log(chalk.cyan(...args));
-  },
-  success(...args) {
-    console.log(chalk.green(...args));
-  },
-  highlight(...args) {
-    return chalk.bold(chalk.cyan(...args));
-  }
-};
-
 // src/utils/resolve-imports.ts
 import { createMatchPath } from "tsconfig-paths";
 async function resolveImport(importPath, config) {
@@ -5510,6 +5574,7 @@ var DEFAULT_UTILS = "$lib/utils";
 var DEFAULT_TAILWIND_CSS = "src/app.pcss";
 var DEFAULT_TAILWIND_CONFIG = "tailwind.config.cjs";
 var DEFAULT_TYPESCRIPT = true;
+var highlight = (...args) => color2.bold.cyan(...args);
 var rawConfigSchema = z.object({
   $schema: z.string().optional(),
   style: z.string(),
@@ -5551,18 +5616,18 @@ async function resolveConfigPaths(cwd, config) {
   const tsconfigPath = await find(path8.resolve(cwd, "package.json"), { root: cwd });
   if (tsconfigPath === null) {
     const configToFind = config.typescript ? "tsconfig.json" : "jsconfig.json";
-    throw new Error(`Failed to find ${logger.highlight(configToFind)}.`);
+    throw new Error(`Failed to find ${highlight(configToFind)}.`);
   }
   const parsedConfig = await parseNative(tsconfigPath);
   const absoluteBaseUrl = parsedConfig.result.options.pathsBasePath;
   let paths = parsedConfig.result.options.paths;
   if (absoluteBaseUrl === void 0 || paths === void 0) {
     throw new Error(
-      `Specify a ${logger.highlight("paths")} field in your ${logger.highlight(
+      `Specify a ${highlight("paths")} field in your ${highlight(
         "tsconfig.json"
       )} and define your path aliases. 
 
-See: ${chalk2.green(
+See: ${color2.green(
         "https://www.shadcn-svelte.com/docs/installation#setup-path-aliases"
       )}`
     );
@@ -5595,7 +5660,7 @@ async function getRawConfig(cwd) {
     const config = JSON.parse(configResult);
     return rawConfigSchema.parse(config);
   } catch (error) {
-    throw new Error(`Invalid configuration found in ${logger.highlight(configPath)}.`);
+    throw new Error(`Invalid configuration found in ${highlight(configPath)}.`);
   }
 }
 
@@ -5605,24 +5670,447 @@ function getEnvProxy() {
   return HTTP_PROXY || http_proxy;
 }
 
+// src/utils/prompts.ts
+var import_sisteransi = __toESM(require_src(), 1);
+import {
+  block,
+  ConfirmPrompt as ConfirmPrompt2,
+  GroupMultiSelectPrompt,
+  isCancel,
+  MultiSelectPrompt,
+  PasswordPrompt,
+  SelectKeyPrompt,
+  SelectPrompt as SelectPrompt2,
+  TextPrompt as TextPrompt2
+} from "@clack/core";
+import isUnicodeSupported from "is-unicode-supported";
+import color3 from "chalk";
+import { isCancel as isCancel2 } from "@clack/core";
+var unicode = isUnicodeSupported();
+var s = (c2, fallback) => unicode ? c2 : fallback;
+var S_STEP_ACTIVE = s("\u25C6", "*");
+var S_STEP_CANCEL = s("\u25A0", "x");
+var S_STEP_ERROR = s("\u25B2", "x");
+var S_STEP_SUBMIT = s("\u25C7", "o");
+var S_BAR_START = s("\u250C", "T");
+var S_BAR = s("\u2502", "|");
+var S_BAR_END = s("\u2514", "\u2014");
+var S_RADIO_ACTIVE = s("\u25CF", ">");
+var S_RADIO_INACTIVE = s("\u25CB", " ");
+var S_CHECKBOX_ACTIVE = s("\u25FB", "[\u2022]");
+var S_CHECKBOX_SELECTED = s("\u25FC", "[+]");
+var S_CHECKBOX_INACTIVE = s("\u25FB", "[ ]");
+var S_PASSWORD_MASK = s("\u25AA", "\u2022");
+var S_BAR_H = s("\u2500", "-");
+var S_CORNER_TOP_RIGHT = s("\u256E", "+");
+var S_CONNECT_LEFT = s("\u251C", "+");
+var S_CORNER_BOTTOM_RIGHT = s("\u256F", "+");
+var S_INFO = s("\u25CF", "\u2022");
+var S_SUCCESS = s("\u25C6", "*");
+var S_WARN = s("\u25B2", "!");
+var S_ERROR = s("\u25A0", "x");
+var symbol2 = (state) => {
+  switch (state) {
+    case "initial":
+    case "active":
+      return color3.cyan(S_STEP_ACTIVE);
+    case "cancel":
+      return color3.red(S_STEP_CANCEL);
+    case "error":
+      return color3.yellow(S_STEP_ERROR);
+    case "submit":
+      return color3.green(S_STEP_SUBMIT);
+  }
+};
+var limitOptions = (params) => {
+  const { cursor: cursor3, options: options2, style: style2 } = params;
+  const maxItems = params.maxItems === void 0 ? Infinity : Math.max(params.maxItems, 5);
+  let slidingWindowLocation = 0;
+  if (cursor3 >= slidingWindowLocation + maxItems - 3) {
+    slidingWindowLocation = Math.max(Math.min(cursor3 - maxItems + 3, options2.length - maxItems), 0);
+  } else if (cursor3 < slidingWindowLocation + 2) {
+    slidingWindowLocation = Math.max(cursor3 - 2, 0);
+  }
+  const shouldRenderTopEllipsis = maxItems < options2.length && slidingWindowLocation > 0;
+  const shouldRenderBottomEllipsis = maxItems < options2.length && slidingWindowLocation + maxItems < options2.length;
+  return options2.slice(slidingWindowLocation, slidingWindowLocation + maxItems).map((option, i, arr) => {
+    const isTopLimit = i === 0 && shouldRenderTopEllipsis;
+    const isBottomLimit = i === arr.length - 1 && shouldRenderBottomEllipsis;
+    return isTopLimit || isBottomLimit ? color3.dim("...") : style2(option, i + slidingWindowLocation === cursor3);
+  });
+};
+var text2 = (opts) => {
+  return new TextPrompt2({
+    validate: opts.validate,
+    placeholder: opts.placeholder,
+    defaultValue: opts.defaultValue,
+    initialValue: opts.initialValue,
+    render() {
+      const title = `${color3.gray(S_BAR)}
+${symbol2(this.state)}  ${opts.message}
+`;
+      const placeholder = opts.placeholder ? color3.inverse(opts.placeholder[0]) + color3.dim(opts.placeholder.slice(1)) : color3.inverse(color3.hidden("_"));
+      const value = !this.value ? placeholder : this.valueWithCursor;
+      switch (this.state) {
+        case "error":
+          return `${title.trim()}
+${color3.yellow(S_BAR)}  ${value}
+${color3.yellow(
+            S_BAR_END
+          )}  ${color3.yellow(this.error)}
+`;
+        case "submit":
+          return `${title}${color3.gray(S_BAR)}  ${color3.dim(this.value || opts.placeholder)}`;
+        case "cancel":
+          return `${title}${color3.gray(S_BAR)}  ${color3.strikethrough(
+            color3.dim(this.value ?? "")
+          )}${this.value?.trim() ? "\n" + color3.gray(S_BAR) : ""}`;
+        default:
+          return `${title}${color3.cyan(S_BAR)}  ${value}
+${color3.cyan(S_BAR_END)}
+`;
+      }
+    }
+  }).prompt();
+};
+var confirm2 = (opts) => {
+  const active = opts.active ?? "Yes";
+  const inactive = opts.inactive ?? "No";
+  return new ConfirmPrompt2({
+    active,
+    inactive,
+    initialValue: opts.initialValue ?? true,
+    render() {
+      const title = `${color3.gray(S_BAR)}
+${symbol2(this.state)}  ${opts.message}
+`;
+      const value = this.value ? active : inactive;
+      switch (this.state) {
+        case "submit":
+          return `${title}${color3.gray(S_BAR)}  ${color3.dim(value)}`;
+        case "cancel":
+          return `${title}${color3.gray(S_BAR)}  ${color3.strikethrough(
+            color3.dim(value)
+          )}
+${color3.gray(S_BAR)}`;
+        default: {
+          return `${title}${color3.cyan(S_BAR)}  ${this.value ? `${color3.green(S_RADIO_ACTIVE)} ${active}` : `${color3.dim(S_RADIO_INACTIVE)} ${color3.dim(active)}`} ${color3.dim("/")} ${!this.value ? `${color3.green(S_RADIO_ACTIVE)} ${inactive}` : `${color3.dim(S_RADIO_INACTIVE)} ${color3.dim(inactive)}`}
+${color3.cyan(S_BAR_END)}
+`;
+        }
+      }
+    }
+  }).prompt();
+};
+var select2 = (opts) => {
+  const opt = (option, state) => {
+    const label = option.label ?? String(option.value);
+    switch (state) {
+      case "selected":
+        return `${color3.dim(label)}`;
+      case "active":
+        return `${color3.green(S_RADIO_ACTIVE)} ${label} ${option.hint ? color3.dim(`(${option.hint})`) : ""}`;
+      case "cancelled":
+        return `${color3.strikethrough(color3.dim(label))}`;
+      default:
+        return `${color3.dim(S_RADIO_INACTIVE)} ${color3.dim(label)}`;
+    }
+  };
+  return new SelectPrompt2({
+    options: opts.options,
+    initialValue: opts.initialValue,
+    render() {
+      const title = `${color3.gray(S_BAR)}
+${symbol2(this.state)}  ${opts.message}
+`;
+      switch (this.state) {
+        case "submit":
+          return `${title}${color3.gray(S_BAR)}  ${opt(this.options[this.cursor], "selected")}`;
+        case "cancel":
+          return `${title}${color3.gray(S_BAR)}  ${opt(
+            this.options[this.cursor],
+            "cancelled"
+          )}
+${color3.gray(S_BAR)}`;
+        default: {
+          return `${title}${color3.cyan(S_BAR)}  ${limitOptions({
+            cursor: this.cursor,
+            options: this.options,
+            maxItems: opts.maxItems,
+            style: (item2, active) => opt(item2, active ? "active" : "inactive")
+          }).join(`
+${color3.cyan(S_BAR)}  `)}
+${color3.cyan(S_BAR_END)}
+`;
+        }
+      }
+    }
+  }).prompt();
+};
+var multiselect2 = (opts) => {
+  const opt = (option, state) => {
+    const label = option.label ?? String(option.value);
+    if (state === "active") {
+      return `${color3.cyan(S_CHECKBOX_ACTIVE)} ${label} ${option.hint ? color3.dim(`(${option.hint})`) : ""}`;
+    } else if (state === "selected") {
+      return `${color3.green(S_CHECKBOX_SELECTED)} ${color3.dim(label)}`;
+    } else if (state === "cancelled") {
+      return `${color3.strikethrough(color3.dim(label))}`;
+    } else if (state === "active-selected") {
+      return `${color3.green(S_CHECKBOX_SELECTED)} ${label} ${option.hint ? color3.dim(`(${option.hint})`) : ""}`;
+    } else if (state === "submitted") {
+      return `${color3.dim(label)}`;
+    }
+    return `${color3.dim(S_CHECKBOX_INACTIVE)} ${color3.dim(label)}`;
+  };
+  return new MultiSelectPrompt({
+    options: opts.options,
+    initialValues: opts.initialValues,
+    required: opts.required ?? true,
+    cursorAt: opts.cursorAt,
+    validate(selected) {
+      if (this.required && selected.length === 0)
+        return `Please select at least one option.
+${color3.reset(
+          color3.dim(
+            `Press ${color3.gray(color3.bgWhite(color3.inverse(" space ")))} to select, ${color3.gray(
+              color3.bgWhite(color3.inverse(" enter "))
+            )} to submit`
+          )
+        )}`;
+    },
+    render() {
+      let title = `${color3.gray(S_BAR)}
+${symbol2(this.state)}  ${opts.message}
+`;
+      const styleOption = (option, active) => {
+        const selected = this.value.includes(option.value);
+        if (active && selected) {
+          return opt(option, "active-selected");
+        }
+        if (selected) {
+          return opt(option, "selected");
+        }
+        return opt(option, active ? "active" : "inactive");
+      };
+      switch (this.state) {
+        case "submit": {
+          return `${title}${color3.gray(S_BAR)}  ${this.options.filter(({ value }) => this.value.includes(value)).map((option) => opt(option, "submitted")).join(color3.dim(", ")) || color3.dim("none")}`;
+        }
+        case "cancel": {
+          const label = this.options.filter(({ value }) => this.value.includes(value)).map((option) => opt(option, "cancelled")).join(color3.dim(", "));
+          return `${title}${color3.gray(S_BAR)}  ${label.trim() ? `${label}
+${color3.gray(S_BAR)}` : ""}`;
+        }
+        case "error": {
+          const footer = this.error.split("\n").map(
+            (ln, i) => i === 0 ? `${color3.yellow(S_BAR_END)}  ${color3.yellow(ln)}` : `   ${ln}`
+          ).join("\n");
+          return title + color3.yellow(S_BAR) + "  " + limitOptions({
+            options: this.options,
+            cursor: this.cursor,
+            maxItems: opts.maxItems,
+            style: styleOption
+          }).join(`
+${color3.yellow(S_BAR)}  `) + "\n" + footer + "\n";
+        }
+        default: {
+          return `${title}${color3.cyan(S_BAR)}  ${limitOptions({
+            options: this.options,
+            cursor: this.cursor,
+            maxItems: opts.maxItems,
+            style: styleOption
+          }).join(`
+${color3.cyan(S_BAR)}  `)}
+${color3.cyan(S_BAR_END)}
+`;
+        }
+      }
+    }
+  }).prompt();
+};
+var strip2 = (str) => str.replace(ansiRegex(), "");
+var note = (message = "", title = "") => {
+  const lines2 = `
+${message}
+`.split("\n");
+  const titleLen = strip2(title).length;
+  const len = Math.max(
+    lines2.reduce((sum, ln) => {
+      ln = strip2(ln);
+      return ln.length > sum ? ln.length : sum;
+    }, 0),
+    titleLen
+  ) + 2;
+  const msg = lines2.map(
+    (ln) => `${color3.gray(S_BAR)}  ${color3.dim(ln)}${" ".repeat(len - strip2(ln).length)}${color3.gray(
+      S_BAR
+    )}`
+  ).join("\n");
+  process.stdout.write(
+    `${color3.gray(S_BAR)}
+${color3.green(S_STEP_SUBMIT)}  ${color3.reset(title)} ${color3.gray(
+      S_BAR_H.repeat(Math.max(len - titleLen - 1, 1)) + S_CORNER_TOP_RIGHT
+    )}
+${msg}
+${color3.gray(S_CONNECT_LEFT + S_BAR_H.repeat(len + 2) + S_CORNER_BOTTOM_RIGHT)}
+`
+  );
+};
+var cancel = (message = "") => {
+  process.stdout.write(`${color3.gray(S_BAR_END)}  ${color3.red(message)}
+
+`);
+};
+var intro = (title = "") => {
+  process.stdout.write(`${color3.gray(S_BAR_START)}  ${title}
+`);
+};
+var outro = (message = "") => {
+  process.stdout.write(`${color3.gray(S_BAR)}
+${color3.gray(S_BAR_END)}  ${message}
+
+`);
+};
+var log = {
+  message: (message = "", { symbol: symbol3 = color3.gray(S_BAR) } = {}) => {
+    const parts = [`${color3.gray(S_BAR)}`];
+    if (message) {
+      const [firstLine, ...lines2] = message.split("\n");
+      parts.push(`${symbol3}  ${firstLine}`, ...lines2.map((ln) => `${color3.gray(S_BAR)}  ${ln}`));
+    }
+    process.stdout.write(`${parts.join("\n")}
+`);
+  },
+  info: (message) => {
+    log.message(message, { symbol: color3.blue(S_INFO) });
+  },
+  success: (message) => {
+    log.message(message, { symbol: color3.green(S_SUCCESS) });
+  },
+  step: (message) => {
+    log.message(message, { symbol: color3.green(S_STEP_SUBMIT) });
+  },
+  warn: (message) => {
+    log.message(message, { symbol: color3.yellow(S_WARN) });
+  },
+  /** alias for `log.warn()`. */
+  warning: (message) => {
+    log.warn(message);
+  },
+  error: (message) => {
+    log.message(message, { symbol: color3.red(S_ERROR) });
+  }
+};
+var spinner = () => {
+  const frames = unicode ? ["\u25D2", "\u25D0", "\u25D3", "\u25D1"] : ["\u2022", "o", "O", "0"];
+  const delay = unicode ? 80 : 120;
+  let unblock;
+  let loop;
+  let isSpinnerActive = false;
+  let _message = "";
+  const handleExit = (code) => {
+    const msg = code > 1 ? "Something went wrong" : "Canceled";
+    if (isSpinnerActive)
+      stop(msg, code);
+  };
+  const errorEventHandler = () => handleExit(2);
+  const signalEventHandler = () => handleExit(1);
+  const registerHooks = () => {
+    process.on("uncaughtExceptionMonitor", errorEventHandler);
+    process.on("unhandledRejection", errorEventHandler);
+    process.on("SIGINT", signalEventHandler);
+    process.on("SIGTERM", signalEventHandler);
+    process.on("exit", handleExit);
+  };
+  const clearHooks = () => {
+    process.removeListener("uncaughtExceptionMonitor", errorEventHandler);
+    process.removeListener("unhandledRejection", errorEventHandler);
+    process.removeListener("SIGINT", signalEventHandler);
+    process.removeListener("SIGTERM", signalEventHandler);
+    process.removeListener("exit", handleExit);
+  };
+  const start = (msg = "") => {
+    isSpinnerActive = true;
+    unblock = block();
+    _message = msg.replace(/\.+$/, "");
+    process.stdout.write(`${color3.gray(S_BAR)}
+`);
+    let frameIndex = 0;
+    let dotsTimer = 0;
+    registerHooks();
+    loop = setInterval(() => {
+      const frame = color3.magenta(frames[frameIndex]);
+      const loadingDots = ".".repeat(Math.floor(dotsTimer)).slice(0, 3);
+      process.stdout.write(import_sisteransi.cursor.move(-999, 0));
+      process.stdout.write(import_sisteransi.erase.down(1));
+      process.stdout.write(`${frame}  ${_message}${loadingDots}`);
+      frameIndex = frameIndex + 1 < frames.length ? frameIndex + 1 : 0;
+      dotsTimer = dotsTimer < frames.length ? dotsTimer + 0.125 : 0;
+    }, delay);
+  };
+  const stop = (msg = "", code = 0) => {
+    _message = msg ?? _message;
+    isSpinnerActive = false;
+    clearInterval(loop);
+    const step = code === 0 ? color3.green(S_STEP_SUBMIT) : code === 1 ? color3.red(S_STEP_CANCEL) : color3.red(S_STEP_ERROR);
+    process.stdout.write(import_sisteransi.cursor.move(-999, 0));
+    process.stdout.write(import_sisteransi.erase.down(1));
+    process.stdout.write(`${step}  ${_message}
+`);
+    clearHooks();
+    unblock();
+  };
+  const message = (msg = "") => {
+    _message = msg ?? _message;
+  };
+  return {
+    start,
+    stop,
+    message
+  };
+};
+function ansiRegex() {
+  const pattern = [
+    "[\\u001B\\u009B][[\\]()#;?]*(?:(?:(?:(?:;[-a-zA-Z\\d\\/#&.:=?%@~_]+)*|[a-zA-Z\\d]+(?:;[-a-zA-Z\\d\\/#&.:=?%@~_]*)*)?\\u0007)",
+    "(?:(?:\\d{1,4}(?:;\\d{0,4})*)?[\\dA-PR-TZcf-nq-uy=><~]))"
+  ].join("|");
+  return new RegExp(pattern, "g");
+}
+var group = async (prompts2, opts) => {
+  const results = {};
+  const promptNames = Object.keys(prompts2);
+  for (const name of promptNames) {
+    const prompt2 = prompts2[name];
+    const result = await prompt2({ results })?.catch((e) => {
+      throw e;
+    });
+    if (typeof opts?.onCancel === "function" && isCancel(result)) {
+      results[name] = "canceled";
+      opts.onCancel({ results });
+      continue;
+    }
+    results[name] = result;
+  }
+  return results;
+};
+
 // src/utils/handle-error.ts
 function handleError(error) {
-  const PREFIX = "ERROR: ";
-  logger.error();
   if (typeof error === "string") {
-    logger.error(PREFIX + error);
+    cancel(error);
     process.exit(1);
   }
   if (error instanceof Error) {
-    logger.error(PREFIX + error.message);
+    cancel(error.message);
     process.exit(1);
   }
-  logger.error(PREFIX + "Something went wrong. Please try again.");
+  cancel("Something went wrong. Please try again.");
   process.exit(1);
 }
 
 // src/utils/registry/index.ts
-import path9 from "path";
+import path9 from "node:path";
 import { HttpsProxyAgent } from "https-proxy-agent";
 import fetch from "node-fetch";
 
@@ -5630,8 +6118,8 @@ import fetch from "node-fetch";
 import * as z2 from "zod";
 var registryItemSchema = z2.object({
   name: z2.string(),
-  dependencies: z2.array(z2.string()).optional(),
-  registryDependencies: z2.array(z2.string()).optional(),
+  dependencies: z2.array(z2.string()),
+  registryDependencies: z2.array(z2.string()),
   files: z2.array(z2.string()),
   type: z2.enum(["components:ui", "components:component", "components:example"])
 });
@@ -5742,7 +6230,7 @@ async function fetchTree(config, tree) {
     throw new Error(`Failed to fetch tree from registry.`);
   }
 }
-async function getItemTargetPath(config, item2, override2) {
+function getItemTargetPath(config, item2, override2) {
   if (override2 && item2.type !== "components:ui") {
     return override2;
   }
@@ -6190,10 +6678,10 @@ var warned = {
   storeName: false
 };
 var MagicString = class {
-  constructor(string3, options2 = {}) {
-    const chunk = new Chunk(0, string3.length, string3);
+  constructor(string5, options2 = {}) {
+    const chunk = new Chunk(0, string5.length, string5);
     Object.defineProperties(this, {
-      original: { writable: true, value: string3 },
+      original: { writable: true, value: string5 },
       outro: { writable: true, value: "" },
       intro: { writable: true, value: "" },
       firstChunk: { writable: true, value: chunk },
@@ -6209,7 +6697,7 @@ var MagicString = class {
       ignoreList: { writable: true, value: options2.ignoreList }
     });
     this.byStart[0] = chunk;
-    this.byEnd[string3.length] = chunk;
+    this.byEnd[string5.length] = chunk;
   }
   addSourcemapLocation(char) {
     this.sourcemapLocations.add(char);
@@ -6828,11 +7316,11 @@ var MagicString = class {
     }
     return this;
   }
-  _replaceString(string3, replacement) {
+  _replaceString(string5, replacement) {
     const { original } = this;
-    const index = original.indexOf(string3);
+    const index = original.indexOf(string5);
     if (index !== -1) {
-      this.overwrite(index, index + string3.length, replacement);
+      this.overwrite(index, index + string5.length, replacement);
     }
     return this;
   }
@@ -6842,10 +7330,10 @@ var MagicString = class {
     }
     return this._replaceRegexp(searchValue, replacement);
   }
-  _replaceAllString(string3, replacement) {
+  _replaceAllString(string5, replacement) {
     const { original } = this;
-    const stringLength = string3.length;
-    for (let index = original.indexOf(string3); index !== -1; index = original.indexOf(string3, index + stringLength)) {
+    const stringLength = string5.length;
+    for (let index = original.indexOf(string5); index !== -1; index = original.indexOf(string5, index + stringLength)) {
       this.overwrite(index, index + stringLength, replacement);
     }
     return this;
@@ -6865,13 +7353,31 @@ var MagicString = class {
 
 // src/utils/transformers.ts
 function transformImports(content, config) {
-  const s = new MagicString(content);
-  s.replaceAll(/\$lib\/registry\/[^/]+/g, config.aliases.components);
-  s.replaceAll(/\$lib\/utils/g, config.aliases.utils);
-  return s.toString();
+  const s2 = new MagicString(content);
+  s2.replaceAll(/\$lib\/registry\/[^/]+/g, config.aliases.components);
+  s2.replaceAll(/\$lib\/utils/g, config.aliases.utils);
+  return s2.toString();
+}
+
+// src/utils/prompt-helpers.ts
+import color4 from "chalk";
+function intro2() {
+  const packageInfo = getPackageInfo();
+  const title = color4.bgHex("#FF5500").black(" shadcn-svelte ");
+  const version = color4.gray(` v${packageInfo.version} `);
+  intro(title + version);
+}
+function prettifyList(arr, max = 9) {
+  return arr.reduce((pre, curr, i) => {
+    if (i % max === 0)
+      return `${pre},
+${curr}`;
+    return `${pre}, ${curr}`;
+  });
 }
 
 // src/commands/add.ts
+var highlight2 = (...args) => color5.bold.cyan(...args);
 var addOptionsSchema = z3.object({
   components: z3.array(z3.string()).optional(),
   yes: z3.boolean(),
@@ -6882,170 +7388,187 @@ var addOptionsSchema = z3.object({
   nodep: z3.boolean(),
   proxy: z3.string().optional()
 });
-var add = new Command().command("add").description("add components to your project").argument("[components...]", "name of components").option("--nodep", "disable adding & installing dependencies (advanced)", false).option("-a, --all", "Add all components to your project.", false).option("-y, --yes", "Skip confirmation prompt.", false).option("-o, --overwrite", "overwrite existing files.", false).option("--proxy <proxy>", "fetch components from registry using a proxy.").option(
+var add = new Command().command("add").description("add components to your project").argument("[components...]", "name of components").option("--nodep", "skips adding & installing package dependencies.", false).option("-a, --all", "install all components to your project.", false).option("-y, --yes", "skip confirmation prompt.", false).option("-o, --overwrite", "overwrite existing files.", false).option("--proxy <proxy>", "fetch components from registry using a proxy.").option(
   "-c, --cwd <cwd>",
   "the working directory. defaults to the current directory.",
   process.cwd()
 ).option("-p, --path <path>", "the path to add the component to.").action(async (components, opts) => {
   try {
+    intro2();
     const options2 = addOptionsSchema.parse({
       components,
       ...opts
     });
     const cwd = path10.resolve(options2.cwd);
     if (!existsSync2(cwd)) {
-      logger.error(`The path ${cwd} does not exist. Please try again.`);
-      process.exitCode = 1;
-      return;
+      cancel(`The path ${color5.cyan(cwd)} does not exist. Please try again.`);
+      process.exit(1);
     }
     const config = await getConfig2(cwd);
     if (!config) {
-      logger.warn(
-        `Configuration is missing. Please run ${chalk3.green(
-          `init`
-        )} to create a components.json file.`
-      );
-      process.exitCode = 1;
-      return;
-    }
-    const chosenProxy = options2.proxy ?? getEnvProxy();
-    if (chosenProxy) {
-      const isCustom = !!options2.proxy;
-      if (isCustom)
-        process.env.HTTP_PROXY = options2.proxy;
-      logger.warn(
-        `You are using a ${isCustom ? "provided" : "system environment"} proxy: ${chalk3.green(chosenProxy)}`
+      cancel(
+        `Configuration file is missing. Please run ${color5.green("init")} to create a ${highlight2("components.json")} file.`
       );
+      process.exit(1);
     }
-    const registryIndex = await getRegistryIndex();
-    let selectedComponents = options2.all ? registryIndex.map(({ name }) => name) : options2.components;
-    if (!selectedComponents?.length) {
-      const { components: components2 } = await prompts2({
-        type: "multiselect",
-        name: "components",
-        message: "Which components would you like to add?",
-        hint: "Space to select. A to toggle all. Enter to submit.",
-        instructions: false,
-        choices: registryIndex.map(({ name }) => ({
-          title: name,
-          value: name
-        }))
-      });
-      selectedComponents = components2;
+    await runAdd(cwd, config, options2);
+    outro(`${color5.green("Success!")} Component installation completed.`);
+  } catch (error) {
+    handleError(error);
+  }
+});
+async function runAdd(cwd, config, options2) {
+  const proxy = options2.proxy ?? getEnvProxy();
+  if (proxy) {
+    const isCustom = !!options2.proxy;
+    if (isCustom)
+      process.env.HTTP_PROXY = options2.proxy;
+    log.warn(
+      `You are using a ${isCustom ? "provided" : "system environment"} proxy: ${color5.green(proxy)}`
+    );
+  }
+  const registryIndex = await getRegistryIndex();
+  let selectedComponents = options2.all ? registryIndex.map(({ name }) => name) : options2.components;
+  if (selectedComponents === void 0 || selectedComponents.length === 0) {
+    const components = await multiselect2({
+      message: `Which ${highlight2("components")} would you like to install?`,
+      maxItems: 10,
+      options: registryIndex.map(({ name, dependencies: dependencies2, registryDependencies }) => {
+        const deps = [...options2.nodep ? [] : dependencies2, ...registryDependencies];
+        return {
+          label: name,
+          value: name,
+          hint: deps.length ? `also installs: ${deps.join(", ")}` : void 0
+        };
+      })
+    });
+    if (isCancel2(components)) {
+      cancel("Operation cancelled.");
+      process.exit(0);
     }
-    if (!selectedComponents?.length) {
-      logger.warn("No components selected. Exiting.");
-      process.exitCode = 0;
-      return;
+    selectedComponents = components;
+  } else {
+    const prettyList = prettifyList(selectedComponents);
+    log.step(`Components to install:
+${color5.gray(prettyList)}`);
+  }
+  const tree = await resolveTree(registryIndex, selectedComponents);
+  const payload = await fetchTree(config, tree);
+  if (payload.length === 0) {
+    cancel("Selected components not found.");
+    process.exit(0);
+  }
+  const existingComponents = [];
+  const targetPath = options2.path ? path10.resolve(cwd, options2.path) : void 0;
+  for (const item2 of payload) {
+    if (selectedComponents.includes(item2.name) === false)
+      continue;
+    const targetDir = getItemTargetPath(config, item2, targetPath);
+    if (targetDir === null)
+      continue;
+    const componentExists = item2.files.some((file) => {
+      return existsSync2(path10.resolve(targetDir, item2.name, file.name));
+    });
+    if (componentExists) {
+      existingComponents.push(item2.name);
     }
-    const tree = await resolveTree(registryIndex, selectedComponents);
-    const payload = await fetchTree(config, tree);
-    const baseColor = await getRegistryBaseColor(config.tailwind.baseColor);
-    if (!payload.length) {
-      logger.warn("Selected components not found. Exiting.");
-      process.exitCode = 0;
-      return;
+  }
+  if (options2.overwrite === false && existingComponents.length > 0) {
+    const prettyList = prettifyList(existingComponents);
+    log.warn(
+      `The following components ${color5.bold.yellow("already exists")}:
+${color5.gray(prettyList)}`
+    );
+    const overwrite = await confirm2({
+      message: `Would you like to ${color5.bold.red("overwrite")} all existing components?`,
+      active: "Yes, overwrite everything",
+      inactive: "No, let me decide individually",
+      initialValue: false
+    });
+    if (isCancel2(overwrite)) {
+      cancel("Operation cancelled.");
+      process.exit(0);
     }
-    logger.info(`Selected components:
-${logger.highlight(selectedComponents)}`);
-    if (!options2.yes) {
-      const { proceed } = await prompts2({
-        type: "confirm",
-        name: "proceed",
-        message: `Ready to install components and dependencies. Proceed?`,
-        initial: true
-      });
-      if (!proceed) {
-        process.exitCode = 0;
-        return;
-      }
+    options2.overwrite = overwrite;
+  }
+  if (options2.yes === false) {
+    const proceed = await confirm2({
+      message: `Ready to install ${highlight2("components")}${options2.nodep ? "?" : ` and ${highlight2("dependencies")}?`}`,
+      initialValue: true
+    });
+    if (isCancel2(proceed) || proceed === false) {
+      cancel("Operation cancelled.");
+      process.exit(0);
     }
-    const spinner = ora(`Installing components...`).start();
-    let skippedDeps = /* @__PURE__ */ new Set();
-    let componentPaths = [];
-    for (const item2 of payload) {
-      spinner.text = `Installing ${item2.name}...`;
-      const targetDir = await getItemTargetPath(
-        config,
-        item2,
-        options2.path ? path10.resolve(cwd, options2.path) : void 0
-      );
-      if (!targetDir) {
-        continue;
-      }
-      if (!existsSync2(targetDir)) {
-        await fs6.mkdir(targetDir, { recursive: true });
-      }
-      const componentPath = path10.relative(
-        process.cwd(),
-        path10.resolve(targetDir, item2.name)
-      );
-      const existingComponent = item2.files.filter((file) => {
-        return existsSync2(path10.resolve(targetDir, item2.name, file.name));
-      });
-      if (existingComponent.length && !options2.overwrite) {
-        if (selectedComponents.includes(item2.name)) {
-          logger.warn(
-            `
-Component ${logger.highlight(
-              item2.name
-            )} already exists at ${logger.highlight(
-              componentPath
-            )}. Use ${chalk3.green("--overwrite")} to overwrite.`
-          );
-          spinner.stop();
-          process.exitCode = 1;
-          return;
-        }
-        continue;
-      }
-      for (const file of item2.files) {
-        const componentDir = path10.resolve(targetDir, item2.name);
-        let filePath = path10.resolve(targetDir, item2.name, file.name);
-        const content = transformImports(file.content, config);
-        if (!existsSync2(componentDir)) {
-          await fs6.mkdir(componentDir, { recursive: true });
+  }
+  const skippedDeps = /* @__PURE__ */ new Set();
+  const dependencies = /* @__PURE__ */ new Set();
+  for (const item2 of payload) {
+    const targetDir = getItemTargetPath(config, item2, targetPath);
+    if (targetDir === null)
+      continue;
+    if (!existsSync2(targetDir)) {
+      await fs6.mkdir(targetDir, { recursive: true });
+    }
+    const componentPath = path10.relative(process.cwd(), path10.resolve(targetDir, item2.name));
+    if (!options2.overwrite && existingComponents.includes(item2.name)) {
+      if (selectedComponents.includes(item2.name)) {
+        log.warn(
+          `Component ${highlight2(item2.name)} already exists at ${color5.gray(componentPath)}`
+        );
+        const overwrite = await confirm2({
+          message: `Would you like to ${color5.bold.red("overwrite")} your existing ${highlight2(item2.name)} component?`
+        });
+        if (isCancel2(overwrite)) {
+          cancel("Operation cancelled.");
+          process.exit(0);
         }
-        await fs6.writeFile(filePath, content);
-      }
-      if (item2.dependencies?.length) {
-        if (options2.nodep) {
-          item2.dependencies.forEach((dep) => skippedDeps.add(dep));
+        if (overwrite === false)
           continue;
-        }
-        const packageManager = await getPackageManager(cwd);
-        await execa3(packageManager, ["add", ...item2.dependencies], {
-          cwd
-        });
       }
-      componentPaths.push(componentPath);
     }
-    logger.info("");
-    logger.info("");
+    const installSpinner = spinner();
+    installSpinner.start(`Installing ${highlight2(item2.name)}`);
+    for (const file of item2.files) {
+      const componentDir = path10.resolve(targetDir, item2.name);
+      let filePath = path10.resolve(targetDir, item2.name, file.name);
+      const content = transformImports(file.content, config);
+      if (!existsSync2(componentDir)) {
+        await fs6.mkdir(componentDir, { recursive: true });
+      }
+      await fs6.writeFile(filePath, content);
+    }
     if (options2.nodep) {
-      logger.warn(
-        `Components have installed without dependencies, consider adding the following to your dependencies:
-- ${[
-          ...skippedDeps
-        ].join("\n- ")}`
-      );
+      item2.dependencies.forEach((dep) => skippedDeps.add(dep));
+    } else {
+      item2.dependencies.forEach((dep) => dependencies.add(dep));
     }
-    spinner.succeed(`Done.`);
-    logger.info("Components installed at:");
-    logger.info(logger.highlight(componentPaths.map((path13) => `- ${path13}`).join("\n")));
-  } catch (error) {
-    handleError(error);
+    installSpinner.stop(`${highlight2(item2.name)} installed at ${color5.gray(componentPath)}`);
   }
-});
+  if (dependencies.size > 0) {
+    const spinner2 = spinner();
+    spinner2.start("Installing package dependencies");
+    const packageManager = await getPackageManager(cwd);
+    await execa3(packageManager, ["add", ...dependencies], {
+      cwd
+    });
+    spinner2.stop("Dependencies installed");
+  }
+  if (options2.nodep) {
+    const prettyList = prettifyList([...skippedDeps], 7);
+    log.warn(
+      `Components have been installed ${color5.bold.red("without")} the following ${highlight2("dependencies")}:
+${color5.gray(prettyList)}`
+    );
+  }
+}
 
 // src/commands/init.ts
-import { existsSync as existsSync3, promises as fs7 } from "fs";
-import path11 from "path";
-import chalk4 from "chalk";
+import { existsSync as existsSync3, promises as fs7 } from "node:fs";
+import path11 from "node:path";
+import color6 from "chalk";
 import { Command as Command2 } from "commander";
 import { execa as execa4 } from "execa";
-import ora2 from "ora";
-import prompts3 from "prompts";
 
 // src/utils/templates.ts
 var UTILS = `import { type ClassValue, clsx } from "clsx";
@@ -7226,121 +7749,95 @@ export default config;
 
 // src/commands/init.ts
 var PROJECT_DEPENDENCIES = ["tailwind-variants", "clsx", "tailwind-merge"];
-var init2 = new Command2().command("init").description("Configure your SvelteKit project.").option("-y, --yes", "Skip confirmation prompt.").option(
+var highlight3 = (...args) => color6.bold.cyan(...args);
+var init2 = new Command2().command("init").description("initialize your project and install dependencies").option(
   "-c, --cwd <cwd>",
   "the working directory. defaults to the current directory.",
   process.cwd()
 ).action(async (options2) => {
+  intro2();
   const cwd = path11.resolve(options2.cwd);
-  logger.warn("This command assumes a SvelteKit project with Tailwind CSS.");
-  logger.warn(
-    "If you don't have these, follow the manual steps at https://shadcn-svelte.com/docs/installation."
-  );
-  logger.warn("");
-  if (!options2.yes) {
-    const { proceed } = await prompts3([
-      {
-        type: "confirm",
-        name: "proceed",
-        message: "Running this command will install dependencies and overwrite your existing tailwind.config.[cjs|js|ts] & app.pcss file. Proceed?",
-        initial: true
-      }
-    ]);
-    if (!proceed) {
-      process.exitCode = 0;
-      return;
-    }
-  }
   try {
     if (!existsSync3(cwd)) {
-      logger.error(`The path ${cwd} does not exist. Please try again.`);
-      process.exitCode = 1;
-      return;
+      cancel(`The path ${color6.cyan(cwd)} does not exist. Please try again.`);
+      process.exit(1);
     }
     const existingConfig = await getConfig2(cwd);
-    const config = await promptForConfig(cwd, existingConfig, options2.yes);
+    const config = await promptForConfig(cwd, existingConfig);
     await runInit(cwd, config);
-    logger.info("");
-    logger.info(`${chalk4.green("Success!")} Project initialization completed.`);
-    logger.info("");
-    logger.info("Don't forget to add the aliases you configured to your svelte.config.js!");
-    logger.info("");
+    if (!config.aliases.components.startsWith("$lib") || !config.aliases.utils.startsWith("$lib")) {
+      note("Don't forget to add the import aliases you configured to your svelte.config.js!");
+    }
+    outro(`${color6.green("Success!")} Project initialization completed.`);
   } catch (e) {
     handleError(e);
   }
 });
-async function promptForConfig(cwd, defaultConfig = null, skip = false) {
-  const highlight = logger.highlight;
+async function promptForConfig(cwd, defaultConfig = null) {
   const styles2 = await getRegistryStyles();
   const baseColors = await getRegistryBaseColors();
-  const options2 = await prompts3([
-    {
-      type: "toggle",
-      name: "typescript",
-      message: `Would you like to use ${highlight("TypeScript")} (recommended)?`,
-      initial: defaultConfig?.typescript ?? DEFAULT_TYPESCRIPT,
-      active: "yes",
-      inactive: "no"
-    },
-    {
-      type: "select",
-      name: "style",
-      message: `Which ${highlight("style")} would you like to use?`,
-      choices: styles2.map((style2) => ({
-        title: style2.label,
-        value: style2.name
-      }))
-    },
-    {
-      type: "select",
-      name: "tailwindBaseColor",
-      message: `Which color would you like to use as ${highlight("base color")}?`,
-      choices: baseColors.map((color2) => ({
-        title: color2.label,
-        value: color2.name
-      }))
-    },
+  const options2 = await group(
     {
-      type: "text",
-      name: "tailwindCss",
-      message: `Where is your ${highlight("global CSS")} file?`,
-      initial: defaultConfig?.tailwind.css ?? DEFAULT_TAILWIND_CSS,
-      validate: (value) => {
-        if (existsSync3(value)) {
-          return true;
+      typescript: () => confirm2({
+        message: `Would you like to use ${highlight3("TypeScript")} (recommended)?`,
+        initialValue: defaultConfig?.typescript ?? DEFAULT_TYPESCRIPT
+      }),
+      style: ({}) => select2({
+        message: `Which ${highlight3("style")} would you like to use?`,
+        initialValue: defaultConfig?.style,
+        options: styles2.map((style2) => ({
+          label: style2.label,
+          value: style2.name
+        }))
+      }),
+      tailwindBaseColor: ({}) => select2({
+        message: `Which ${highlight3("base color")} would you like to use?`,
+        initialValue: defaultConfig?.tailwind.baseColor,
+        options: baseColors.map((color8) => ({
+          label: color8.label,
+          value: color8.name
+        }))
+      }),
+      tailwindCss: () => text2({
+        message: `Where is your ${highlight3("global CSS")} file?`,
+        initialValue: defaultConfig?.tailwind.css ?? DEFAULT_TAILWIND_CSS,
+        placeholder: DEFAULT_TAILWIND_CSS,
+        validate: (value) => {
+          if (existsSync3(path11.resolve(cwd, value))) {
+            return;
+          }
+          return `${color6.bold(value)} does not exist. Please enter a valid path.`;
         }
-        logger.error(`${value} does not exist. Please enter a valid path.`);
-        return false;
-      }
-    },
-    {
-      type: "text",
-      name: "tailwindConfig",
-      message: `Where is your ${highlight("tailwind.config.[cjs|js|ts]")} located?`,
-      initial: defaultConfig?.tailwind.config ?? DEFAULT_TAILWIND_CONFIG,
-      validate: (value) => {
-        if (existsSync3(value)) {
-          return true;
+      }),
+      tailwindConfig: () => text2({
+        message: `Where is your ${highlight3("Tailwind config")} located?`,
+        initialValue: defaultConfig?.tailwind.config ?? DEFAULT_TAILWIND_CONFIG,
+        placeholder: DEFAULT_TAILWIND_CONFIG,
+        validate: (value) => {
+          if (existsSync3(path11.resolve(cwd, value))) {
+            return;
+          }
+          return `${color6.bold(value)} does not exist. Please enter a valid path.`;
         }
-        logger.info("");
-        logger.error(`${value} does not exist. Please enter a valid path.`);
-        logger.info("");
-        return false;
-      }
-    },
-    {
-      type: "text",
-      name: "components",
-      message: `Configure the import alias for ${highlight("components")}:`,
-      initial: defaultConfig?.aliases["components"] ?? DEFAULT_COMPONENTS
+      }),
+      components: () => text2({
+        message: `Configure the import alias for ${highlight3("components")}:`,
+        initialValue: defaultConfig?.aliases["components"] ?? DEFAULT_COMPONENTS,
+        placeholder: DEFAULT_COMPONENTS
+      }),
+      utils: () => text2({
+        message: `Configure the import alias for ${highlight3("utils")}:`,
+        initialValue: defaultConfig?.aliases["utils"] ?? DEFAULT_UTILS,
+        placeholder: DEFAULT_UTILS
+      })
     },
     {
-      type: "text",
-      name: "utils",
-      message: `Configure the import alias for ${highlight("utils")}:`,
-      initial: defaultConfig?.aliases["utils"] ?? DEFAULT_UTILS
+      onCancel: () => {
+        cancel("Operation cancelled.");
+        process.exit(0);
+      }
     }
-  ]);
+  );
   const config = rawConfigSchema.parse({
     $schema: "https://shadcn-svelte.com/schema.json",
     style: options2.style,
@@ -7355,32 +7852,22 @@ async function promptForConfig(cwd, defaultConfig = null, skip = false) {
       components: options2.components
     }
   });
-  if (!skip) {
-    const { proceed } = await prompts3({
-      type: "confirm",
-      name: "proceed",
-      message: `Write configuration to ${highlight("components.json")}. Proceed?`,
-      initial: true
-    });
-    if (!proceed) {
-      process.exitCode = 0;
-    }
-  }
   if (config.tailwind.config.endsWith(".cjs")) {
-    logger.info("Your tailwind.config.cjs has been renamed to tailwind.config.js.");
+    log.info(`Your tailwind config has been renamed to ${highlight3("tailwind.config.js")}.`);
     const renamedTailwindConfigPath = config.tailwind.config.replace(".cjs", ".js");
     config.tailwind.config = renamedTailwindConfigPath;
   }
   const configPaths = await resolveConfigPaths(cwd, config);
-  logger.info("");
-  const spinner = ora2(`Writing components.json...`).start();
+  const spinner2 = spinner();
+  spinner2.start(`Creating config file ${highlight3("components.json")}`);
   const targetPath = path11.resolve(cwd, "components.json");
   await fs7.writeFile(targetPath, JSON.stringify(config, null, 2), "utf8");
-  spinner.succeed();
+  spinner2.stop(`Config file ${highlight3("components.json")} created`);
   return configPaths;
 }
 async function runInit(cwd, config) {
-  const spinner = ora2(`Initializing project...`)?.start();
+  const spinner2 = spinner();
+  spinner2.start(`Initializing project`);
   for (const [key, resolvedPath] of Object.entries(config.resolvedPaths)) {
     let dirname2 = path11.extname(resolvedPath) ? path11.dirname(resolvedPath) : resolvedPath;
     if (key === "utils" && resolvedPath.endsWith("/utils")) {
@@ -7405,8 +7892,9 @@ async function runInit(cwd, config) {
   const utilsPath = config.resolvedPaths.utils + (config.typescript ? ".ts" : ".js");
   const utilsTemplate = config.typescript ? UTILS : UTILS_JS;
   await fs7.writeFile(utilsPath, utilsTemplate, "utf8");
-  spinner?.succeed();
-  const dependenciesSpinner = ora2(`Installing dependencies...`)?.start();
+  spinner2.stop("Project initialized");
+  const dependenciesSpinner = spinner();
+  dependenciesSpinner.start(`Installing dependencies`);
   const packageManager = await getPackageManager(cwd);
   const deps = [
     ...PROJECT_DEPENDENCIES,
@@ -7415,191 +7903,210 @@ async function runInit(cwd, config) {
   await execa4(packageManager, ["add", ...deps], {
     cwd
   });
-  dependenciesSpinner?.succeed();
+  dependenciesSpinner.stop("Dependencies installed");
 }
 
 // src/commands/update.ts
 import { existsSync as existsSync4, promises as fs8 } from "fs";
 import path12 from "path";
-import chalk5 from "chalk";
+import color7 from "chalk";
 import { Command as Command3 } from "commander";
 import { execa as execa5 } from "execa";
-import ora3 from "ora";
-import prompts4 from "prompts";
-import { z as z4 } from "zod";
+import * as z4 from "zod";
 var updateOptionsSchema = z4.object({
   all: z4.boolean(),
   components: z4.array(z4.string()).optional(),
-  cwd: z4.string()
+  cwd: z4.string(),
+  proxy: z4.string().optional(),
+  yes: z4.boolean()
 });
-var update = new Command3().command("update").description("update components in your project").argument("[components...]", "name of components").option("-a, --all", "update all existing components.", false).option(
+var highlight4 = (msg) => color7.bold.cyan(msg);
+var update = new Command3().command("update").description("update components in your project").argument("[components...]", "name of components").option("-a, --all", "update all existing components.", false).option("-y, --yes", "skip confirmation prompt.", false).option("--proxy <proxy>", "fetch components from registry using a proxy.").option(
   "-c, --cwd <cwd>",
   "the working directory. defaults to the current directory.",
   process.cwd()
-).action(async (comps, opts) => {
-  logger.warn("Running the following command will overwrite existing files.");
-  logger.warn("Make sure you have committed your changes before proceeding.");
-  logger.warn("");
+).action(async (components, opts) => {
+  intro2();
   try {
     const options2 = updateOptionsSchema.parse({
-      components: comps,
+      components,
       ...opts
     });
-    const components = options2.components;
     const cwd = path12.resolve(options2.cwd);
     if (!existsSync4(cwd)) {
-      logger.error(`The path ${cwd} does not exist. Please try again.`);
-      process.exitCode = 1;
-      return;
+      cancel(`The path ${color7.cyan(cwd)} does not exist. Please try again.`);
+      process.exit(1);
     }
     const config = await getConfig2(cwd);
     if (!config) {
-      logger.warn(
-        `Configuration is missing. Please run ${chalk5.green(
-          `init`
-        )} to create a components.json file.`
+      cancel(
+        `Configuration file is missing. Please run ${color7.green("init")} to create a ${highlight4("components.json")} file.`
       );
-      process.exitCode = 1;
-      return;
-    }
-    const registryIndex = await getRegistryIndex();
-    const componentDir = path12.resolve(config.resolvedPaths.components, "ui");
-    if (!existsSync4(componentDir)) {
-      logger.error(`Component dir '${componentDir}' does not exist.`);
-      process.exitCode = 1;
-      return;
+      process.exit(1);
     }
-    const existingComponents = [];
-    const files = await fs8.readdir(componentDir, {
-      withFileTypes: true
-    });
-    for (const file of files) {
-      if (file.isDirectory()) {
-        const component = registryIndex.find((comp) => comp.name === file.name);
-        if (component) {
-          existingComponents.push(component);
-        }
+    await runUpdate(cwd, config, options2);
+    note(
+      `This action ${color7.underline("does not")} update your ${highlight4("dependencies")} to their ${color7.bold("latest")} versions.
+
+Consider updating them as well.`
+    );
+    outro(`${color7.green("Success!")} Component update completed.`);
+  } catch (e) {
+    handleError(e);
+  }
+});
+async function runUpdate(cwd, config, options2) {
+  const components = options2.components;
+  const proxy = options2.proxy ?? getEnvProxy();
+  if (proxy) {
+    const isCustom = !!options2.proxy;
+    if (isCustom)
+      process.env.HTTP_PROXY = options2.proxy;
+    log.warn(
+      `You are using a ${isCustom ? "provided" : "system environment"} proxy: ${color7.green(proxy)}`
+    );
+  }
+  const registryIndex = await getRegistryIndex();
+  const componentDir = path12.resolve(config.resolvedPaths.components, "ui");
+  if (!existsSync4(componentDir)) {
+    cancel(`Component directory ${color7.cyan(componentDir)} does not exist.`);
+    process.exit(1);
+  }
+  const existingComponents = [];
+  const files = await fs8.readdir(componentDir, {
+    withFileTypes: true
+  });
+  for (const file of files) {
+    if (file.isDirectory()) {
+      const component = registryIndex.find((comp) => comp.name === file.name);
+      if (component) {
+        existingComponents.push(component);
       }
     }
-    existingComponents.push({
-      name: "utils",
-      type: "components:ui",
-      files: []
+  }
+  existingComponents.push({
+    name: "utils",
+    type: "components:ui",
+    files: [],
+    dependencies: [],
+    registryDependencies: []
+  });
+  let selectedComponents = options2.all ? existingComponents : [];
+  if (selectedComponents.length === 0 && components !== void 0) {
+    selectedComponents = existingComponents.filter(
+      (component) => components.includes(component.name)
+    );
+  }
+  if (selectedComponents.length === 0) {
+    const selected = await multiselect2({
+      message: "Which components would you like to update?",
+      maxItems: 10,
+      options: existingComponents.map((component) => ({
+        label: component.name,
+        value: component,
+        hint: component.registryDependencies.length ? `also updates: ${component.registryDependencies.join(", ")}` : void 0
+      }))
     });
-    let selectedComponents = options2.all ? existingComponents : [];
-    if (!selectedComponents.length && components !== void 0) {
-      selectedComponents = existingComponents.filter(
-        (component) => components.includes(component.name)
-      );
+    if (isCancel2(selected)) {
+      cancel("Operation cancelled.");
+      process.exit(0);
     }
-    if (existingComponents.length === 0) {
-      logger.info(`No shadcn components detected in '${componentDir}'.`);
-      process.exitCode = 0;
-      return;
+    selectedComponents = selected;
+  } else {
+    const prettyList = prettifyList(selectedComponents.map(({ name }) => name));
+    log.step(`Components to update:
+${color7.gray(prettyList)}`);
+  }
+  if (options2.yes === false) {
+    const proceed = await confirm2({
+      message: `Ready to update ${highlight4("components")}? ${color7.gray("(Make sure you have committed your changes before proceeding!)")}`,
+      initialValue: true
+    });
+    if (isCancel2(proceed) || proceed === false) {
+      cancel("Operation cancelled.");
+      process.exit(0);
     }
-    if (selectedComponents.length === 0) {
-      selectedComponents = await promptForComponents(
-        existingComponents,
-        "Which component(s) would you like to update?"
-      );
+  }
+  if (selectedComponents.find((item2) => item2.name === "utils")) {
+    const extension = config.typescript ? ".ts" : ".js";
+    const utilsPath = config.resolvedPaths.utils + extension;
+    if (!existsSync4(utilsPath)) {
+      cancel(`Failed to find ${highlight4("utils")} at ${color7.cyan(utilsPath)}`);
+      process.exit(1);
     }
-    const spinner = ora3(
-      `Updating ${selectedComponents.length} component(s) and dependencies...`
-    ).start();
-    if (selectedComponents.length === 0) {
-      spinner.info("No components selected. Nothing to update.");
-      process.exitCode = 0;
-      return;
+    await fs8.writeFile(utilsPath, UTILS);
+  }
+  const tree = await resolveTree(
+    registryIndex,
+    selectedComponents.map((com) => com.name)
+  );
+  const payload = (await fetchTree(config, tree)).sort((a, b) => a.name.localeCompare(b.name));
+  const componentsToRemove = {};
+  const dependencies = /* @__PURE__ */ new Set();
+  for (const item2 of payload) {
+    const updateSpinner = spinner();
+    updateSpinner.start(`Updating ${highlight4(item2.name)}`);
+    const targetDir = getItemTargetPath(config, item2);
+    if (!targetDir) {
+      continue;
     }
-    if (selectedComponents.find((item2) => item2.name === "utils")) {
-      const extension = config.typescript ? ".ts" : ".js";
-      const utilsPath = config.resolvedPaths.utils + extension;
-      if (!existsSync4(utilsPath)) {
-        spinner.fail(`utils at ${logger.highlight(utilsPath)} does not exist.`);
-        process.exitCode = 1;
-        return;
-      }
-      await fs8.writeFile(utilsPath, UTILS);
+    if (!existsSync4(targetDir)) {
+      await fs8.mkdir(targetDir, { recursive: true });
     }
-    const tree = await resolveTree(
-      registryIndex,
-      selectedComponents.map((com) => com.name)
-    );
-    const payload = (await fetchTree(config, tree)).sort(
-      (a, b) => a.name.localeCompare(b.name)
-    );
-    const componentsToRemove = {};
-    for (const [index, item2] of payload.entries()) {
-      spinner.text = `Updating ${logger.highlight(item2.name)} (${index + 1}/${payload.length})...`;
-      const targetDir = await getItemTargetPath(config, item2);
-      if (!targetDir) {
-        continue;
-      }
-      if (!existsSync4(targetDir)) {
-        await fs8.mkdir(targetDir, { recursive: true });
-      }
-      const componentDir2 = path12.resolve(targetDir, item2.name);
-      if (!existsSync4(componentDir2)) {
-        await fs8.mkdir(componentDir2, { recursive: true });
-      }
-      for (const file of item2.files) {
-        const filePath = path12.resolve(targetDir, item2.name, file.name);
-        const content = transformImports(file.content, config);
-        await fs8.writeFile(filePath, content);
-      }
-      const installedFiles = await fs8.readdir(componentDir2);
-      const remoteFiles = item2.files.map((file) => file.name);
-      const filesToDelete = installedFiles.filter((file) => !remoteFiles.includes(file)).map((file) => path12.resolve(targetDir, item2.name, file));
-      if (filesToDelete.length > 0) {
-        componentsToRemove[item2.name] = filesToDelete;
-      }
-      if (item2.dependencies?.length) {
-        const packageManager = await getPackageManager(cwd);
-        await execa5(packageManager, ["add", ...item2.dependencies], {
-          cwd
-        });
-      }
+    const componentDir2 = path12.resolve(targetDir, item2.name);
+    if (!existsSync4(componentDir2)) {
+      await fs8.mkdir(componentDir2, { recursive: true });
     }
-    spinner.succeed("Done.");
-    for (const [component, files2] of Object.entries(componentsToRemove)) {
-      logger.warn(
-        `
-The ${logger.highlight(
-          component
-        )} component does not use the following files:`
-      );
-      logger.warn(
-        files2.map((file) => chalk5.white(`- ${path12.relative(cwd, file)}`)).join("\n")
-      );
+    for (const file of item2.files) {
+      const filePath = path12.resolve(targetDir, item2.name, file.name);
+      const content = transformImports(file.content, config);
+      await fs8.writeFile(filePath, content);
     }
-    if (Object.keys(componentsToRemove).length > 0) {
-      logger.warn("\nYou may want to remove them.");
+    const installedFiles = await fs8.readdir(componentDir2);
+    const remoteFiles = item2.files.map((file) => file.name);
+    const filesToDelete = installedFiles.filter((file) => !remoteFiles.includes(file)).map((file) => path12.resolve(targetDir, item2.name, file));
+    if (filesToDelete.length > 0) {
+      componentsToRemove[item2.name] = filesToDelete;
     }
-  } catch (e) {
-    handleError(e);
+    item2.dependencies.forEach((dep) => dependencies.add(dep));
+    const componentPath = path12.relative(process.cwd(), path12.resolve(targetDir, item2.name));
+    updateSpinner.stop(`${highlight4(item2.name)} updated at ${color7.gray(componentPath)}`);
+  }
+  if (dependencies.size > 0) {
+    const spinner2 = spinner();
+    spinner2.start("Installing new package dependencies");
+    const packageManager = await getPackageManager(cwd);
+    await execa5(packageManager, ["add", ...dependencies], {
+      cwd
+    });
+    spinner2.stop("Dependencies installed");
+  }
+  for (const [component, files2] of Object.entries(componentsToRemove)) {
+    log.warn(
+      `The ${highlight4(component)} component does not use the following files:
+${files2.map((file) => color7.white(`- ${color7.gray(path12.relative(cwd, file))}`)).join("\n")}`
+    );
+  }
+  if (Object.keys(componentsToRemove).length > 0) {
+    log.message(color7.bold("You may want to delete them."));
   }
-});
-async function promptForComponents(components, message) {
-  const { components: selectedComponents } = await prompts4({
-    type: "multiselect",
-    name: "components",
-    message,
-    hint: "<SPACE> to select. <A> to select all.",
-    instructions: false,
-    choices: components.map((component) => ({
-      title: component.name,
-      value: component
-    }))
-  });
-  return selectedComponents;
 }
 
 // src/index.ts
 process.on("SIGINT", () => process.exit(0));
 process.on("SIGTERM", () => process.exit(0));
+var currentVersion = process.versions.node;
+var currentMajorVersion = parseInt(currentVersion.split(".")[0], 10);
+var minimumMajorVersion = 18;
+if (currentMajorVersion < minimumMajorVersion) {
+  console.error(`Node.js v${currentVersion} is out of date and unsupported!`);
+  console.error(`Please use Node.js v${minimumMajorVersion} or higher.`);
+  process.exit(1);
+}
 async function main2() {
+  console.clear();
   const packageInfo = getPackageInfo();
-  const program = new Command4().name("shadcn-svelte").description("Add shadcn-svelte components to your project").version(packageInfo.version || "1.0.0", "-v, --version", "display the version number");
+  const program = new Command4().name("shadcn-svelte").description("Add shadcn-svelte components to your project").version(packageInfo.version || "0.0.0", "-v, --version", "display the version number");
   program.addCommand(init2).addCommand(add).addCommand(update);
   program.parse();
 }