@rshono/create 1.0.0-rc.20 → 1.0.0-rc.21

package/dist/api.mjs

@@ -147,7 +147,7 @@ __webpack_require__.d(__webpack_exports__, {
 
 ;// CONCATENATED MODULE: ./src/generated/framework.ts
 // GENERATED by scripts/codegen.mjs from packages/core — do not edit. Run `pnpm --filter @rshono/create codegen`.
-/** The framework release a scaffolded app is pinned to: this package and rshono ship together. */ const RSHONO_VERSION = '1.0.0-rc.20';
+/** The framework release a scaffolded app is pinned to: this package and rshono ship together. */ const RSHONO_VERSION = '1.0.0-rc.21';
 /**
  * The Node range rshono declares, restated in every scaffolded app's `engines` — so a CI image or a contributor
  * on an older Node hears it from their package manager rather than from a stack trace.
@@ -156,11 +156,11 @@ __webpack_require__.d(__webpack_exports__, {
  * The dependency versions rshono is tested against, copied from its own manifest. Exact where it is exact:
  * React's RSC internals are coupled across builds, and a generated app has no workspace overrides.
  */ const FRAMEWORK_DEPS = {
-    hono: '^4.13.5',
+    hono: '^4.13.7',
     react: '19.2.8',
     'react-dom': '19.2.8',
     typescript: '^7.0.2',
-    '@types/node': '^26.4.0',
+    '@types/node': '^26.5.1',
     '@types/react': '^19.2.18'
 };
 /** Every `deploy` target the installed framework knows, with the command that ships what it built. */ const DEPLOY_TARGETS = [

package/dist/cli.mjs

@@ -482,7 +482,7 @@ function main_wrapAnsi(string, columns, options) {
 var src = __webpack_require__(347);
 ;// CONCATENATED MODULE: external "node:tty"
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@clack+core@1.4.3/node_modules/@clack/core/dist/index.mjs
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@clack+core@1.5.1/node_modules/@clack/core/dist/index.mjs
 
 
 
@@ -548,6 +548,7 @@ const dist_settings = {
     error: "Something went wrong"
   },
   withGuide: true,
+  accessible: void 0,
   date: {
     monthNames: [...dist_t],
     messages: {
@@ -572,11 +573,17 @@ function updateSettings(n) {
     const e = n.messages;
     e.cancel !== void 0 && (dist_settings.messages.cancel = e.cancel), e.error !== void 0 && (dist_settings.messages.error = e.error);
   }
-  if (n.withGuide !== void 0 && (dist_settings.withGuide = n.withGuide !== false), n.date !== void 0) {
+  if (n.withGuide !== void 0 && (dist_settings.withGuide = n.withGuide !== false), n.accessible !== void 0 && (dist_settings.accessible = n.accessible === true), n.date !== void 0) {
     const e = n.date;
     e.monthNames !== void 0 && (dist_settings.date.monthNames = [...e.monthNames]), e.messages !== void 0 && (e.messages.required !== void 0 && (dist_settings.date.messages.required = e.messages.required), e.messages.invalidMonth !== void 0 && (dist_settings.date.messages.invalidMonth = e.messages.invalidMonth), e.messages.invalidDay !== void 0 && (dist_settings.date.messages.invalidDay = e.messages.invalidDay), e.messages.afterMin !== void 0 && (dist_settings.date.messages.afterMin = e.messages.afterMin), e.messages.beforeMax !== void 0 && (dist_settings.date.messages.beforeMax = e.messages.beforeMax));
   }
 }
+function isAccessible(n) {
+  if (n !== void 0) return n;
+  if (dist_settings.accessible !== void 0) return dist_settings.accessible;
+  const e = process.env.ACCESSIBLE;
+  return e !== void 0 && e !== "" && e !== "0" && e !== "false";
+}
 function isActionKey(n, e) {
   if (typeof n == "string")
     return dist_settings.aliases.get(n) === e;
@@ -614,7 +621,7 @@ function dist_block({
   input: e = stdin,
   output: r = stdout,
   overwrite: o = true,
-  hideCursor: t = true
+  hideCursor: n = true
 } = {}) {
   const s = l.createInterface({
     input: e,
@@ -623,51 +630,47 @@ function dist_block({
     tabSize: 1
   });
   l.emitKeypressEvents(e, s), e instanceof ReadStream && e.isTTY && e.setRawMode(true);
-  const n = (f, { name: a, sequence: p }) => {
+  const t = (f, { name: a, sequence: w }) => {
     const c = String(f);
-    if (isActionKey([c, a, p], "cancel")) {
-      t && r.write(cursor.show), process.exit(0);
+    if (isActionKey([c, a, w], "cancel")) {
+      n && r.write(cursor.show), process.exit(0);
       return;
     }
     if (!o) return;
     const i = a === "return" ? 0 : -1, m = a === "return" ? -1 : 0;
     l.moveCursor(r, i, m, () => {
       l.clearLine(r, 1, () => {
-        e.once("keypress", n);
+        e.once("keypress", t);
       });
     });
   };
-  return t && r.write(cursor.hide), e.once("keypress", n), () => {
-    e.off("keypress", n), t && r.write(cursor.show), e instanceof ReadStream && e.isTTY && !dist_R && e.setRawMode(false), s.terminal = false, s.close();
+  return n && r.write(cursor.hide), e.once("keypress", t), () => {
+    e.off("keypress", t), n && r.write(cursor.show), e instanceof ReadStream && e.isTTY && !dist_R && e.setRawMode(false), s.terminal = false, s.close();
   };
 }
 const dist_getColumns = (e) => "columns" in e && typeof e.columns == "number" ? e.columns : 80, getRows = (e) => "rows" in e && typeof e.rows == "number" ? e.rows : 20;
-function dist_wrapTextWithPrefix(e, r, o, t = o, s = o, n) {
+function dist_wrapTextWithPrefix(e, r, o, n = o, s = o, t) {
   const f = dist_getColumns(e ?? external_node_process_stdout);
   return main_wrapAnsi(r, f - o.length, {
     hard: true,
     trim: false
   }).split(`
 `).map((c, i, m) => {
-    const d = n ? n(c, i) : c;
-    return i === 0 ? `${t}${d}` : i === m.length - 1 ? `${s}${d}` : `${o}${d}`;
+    const d = t ? t(c, i) : c;
+    return i === 0 ? `${n}${d}` : i === m.length - 1 ? `${s}${d}` : `${o}${d}`;
   }).join(`
 `);
 }
 
-function dist_runValidation(e, n) {
+function dist_runValidation(e, a) {
   if ("~standard" in e) {
-    const a = e["~standard"].validate(n);
-    if (a instanceof Promise)
-      throw new TypeError(
-        "Schema validation must be synchronous. Update `validate()` and remove any asynchronous logic."
-      );
-    return a.issues?.at(0)?.message;
+    const n = e["~standard"].validate(a);
+    return n instanceof Promise ? n.then((r) => r.issues?.at(0)?.message) : n.issues?.at(0)?.message;
   }
-  return e(n);
+  return e(a);
 }
 
-class dist_V {
+class dist_y {
   input;
   output;
   _abortSignal;
@@ -682,9 +685,17 @@ class dist_V {
   error = "";
   value;
   userInput = "";
+  /**
+   * Whether accessible (static, screen-reader friendly) output is enabled for
+   * this prompt, resolved from the `accessible` option, the global setting,
+   * and the `ACCESSIBLE` env var.
+   */
+  get accessible() {
+    return isAccessible(this.opts.accessible);
+  }
   constructor(t, e = true) {
-    const { input: i = external_node_process_stdin, output: n = external_node_process_stdout, render: s, signal: r, ...o } = t;
-    this.opts = o, this.onKeypress = this.onKeypress.bind(this), this.close = this.close.bind(this), this.render = this.render.bind(this), this._render = s.bind(this), this._track = e, this._abortSignal = r, this.input = i, this.output = n;
+    const { input: i = external_node_process_stdin, output: s = external_node_process_stdout, render: r, signal: n, ...o } = t;
+    this.opts = o, this.onKeypress = this.onKeypress.bind(this), this.close = this.close.bind(this), this.render = this.render.bind(this), this._render = r.bind(this), this._track = e, this._abortSignal = n, this.input = i, this.output = s;
   }
   /**
    * Unsubscribe all listeners
@@ -722,11 +733,11 @@ class dist_V {
    * @param data - The data to pass to the callback
    */
   emit(t, ...e) {
-    const i = this._subscribers.get(t) ?? [], n = [];
-    for (const s of i)
-      s.cb(...e), s.once && n.push(() => i.splice(i.indexOf(s), 1));
-    for (const s of n)
-      s();
+    const i = this._subscribers.get(t) ?? [], s = [];
+    for (const r of i)
+      r.cb(...e), r.once && s.push(() => i.splice(i.indexOf(r), 1));
+    for (const r of s)
+      r();
   }
   prompt() {
     return new Promise((t) => {
@@ -769,15 +780,18 @@ class dist_V {
   _clearUserInput() {
     this.rl?.write(null, { ctrl: true, name: "u" }), this._setUserInput("");
   }
-  onKeypress(t, e) {
-    if (this._track && e.name !== "return" && (e.name && this._isActionKey(t, e) && this.rl?.write(null, { ctrl: true, name: "h" }), this._cursor = this.rl?.cursor ?? 0, this._setUserInput(this.rl?.line)), this.state === "error" && (this.state = "active"), e?.name && (!this._track && dist_settings.aliases.has(e.name) && this.emit("cursor", dist_settings.aliases.get(e.name)), dist_settings.actions.has(e.name) && this.emit("cursor", e.name)), t && (t.toLowerCase() === "y" || t.toLowerCase() === "n") && this.emit("confirm", t.toLowerCase() === "y"), this.emit("key", t, e), e?.name === "return" && this._shouldSubmit(t, e)) {
-      if (this.opts.validate) {
-        const i = dist_runValidation(this.opts.validate, this.value);
-        i && (this.error = i instanceof Error ? i.message : i, this.state = "error", this.rl?.write(this.userInput));
+  async onKeypress(t, e) {
+    if (this.state !== "validating") {
+      if (this._track && e.name !== "return" && (e.name && this._isActionKey(t, e) && this.rl?.write(null, { ctrl: true, name: "h" }), this._cursor = this.rl?.cursor ?? 0, this._setUserInput(this.rl?.line)), this.state === "error" && (this.state = "active"), e?.name && (!this._track && dist_settings.aliases.has(e.name) && this.emit("cursor", dist_settings.aliases.get(e.name)), dist_settings.actions.has(e.name) && this.emit("cursor", e.name)), t && (t.toLowerCase() === "y" || t.toLowerCase() === "n") && this.emit("confirm", t.toLowerCase() === "y"), this.emit("key", t, e), e?.name === "return" && this._shouldSubmit(t, e)) {
+        if (this.opts.validate) {
+          const i = dist_runValidation(this.opts.validate, this.value);
+          let s;
+          i instanceof Promise ? (this.state = "validating", this.render(), s = await i) : s = i, s && (this.error = s instanceof Error ? s.message : s, this.state = "error", this.rl?.write(this.userInput));
+        }
+        this.state !== "error" && (this.state = "submit");
       }
-      this.state !== "error" && (this.state = "submit");
+      isActionKey([t, e?.name, e?.sequence], "cancel") && (this.state = "cancel"), (this.state === "submit" || this.state === "cancel") && this.emit("finalize"), this.render(), (this.state === "submit" || this.state === "cancel") && this.close();
     }
-    isActionKey([t, e?.name, e?.sequence], "cancel") && (this.state = "cancel"), (this.state === "submit" || this.state === "cancel") && this.emit("finalize"), this.render(), (this.state === "submit" || this.state === "cancel") && this.close();
   }
   close() {
     this.input.unpipe(), this.input.removeListener("keypress", this.onKeypress), this.output.write(`
@@ -799,28 +813,28 @@ class dist_V {
       else {
         const e = diffLines(this._prevFrame, t), i = getRows(this.output);
         if (this.restoreCursor(), e) {
-          const n = Math.max(0, e.numLinesAfter - i), s = Math.max(0, e.numLinesBefore - i);
-          let r = e.lines.find((o) => o >= n);
-          if (r === void 0) {
+          const s = Math.max(0, e.numLinesAfter - i), r = Math.max(0, e.numLinesBefore - i);
+          let n = e.lines.find((o) => o >= s);
+          if (n === void 0) {
             this._prevFrame = t;
             return;
           }
           if (e.lines.length === 1) {
-            this.output.write(src.cursor.move(0, r - s)), this.output.write(src.erase.lines(1));
+            this.output.write(src.cursor.move(0, n - r)), this.output.write(src.erase.lines(1));
             const o = t.split(`
 `);
-            this.output.write(o[r]), this._prevFrame = t, this.output.write(src.cursor.move(0, o.length - r - 1));
+            this.output.write(o[n]), this._prevFrame = t, this.output.write(src.cursor.move(0, o.length - n - 1));
             return;
           } else if (e.lines.length > 1) {
-            if (n < s)
-              r = n;
+            if (s < r)
+              n = s;
             else {
-              const h = r - s;
+              const h = n - r;
               h > 0 && this.output.write(src.cursor.move(0, h));
             }
             this.output.write(src.erase.down());
             const f = t.split(`
-`).slice(r);
+`).slice(n);
             this.output.write(f.join(`
 `)), this._prevFrame = t;
             return;
@@ -839,14 +853,14 @@ function p$1(l, e) {
   const i = e.findIndex((s) => s.value === l);
   return i !== -1 ? i : 0;
 }
-function dist_g(l, e) {
+function dist_m(l, e) {
   return (e.label ?? String(e.value)).toLowerCase().includes(l.toLowerCase());
 }
-function dist_m(l, e) {
+function dist_g(l, e) {
   if (e)
     return l ? e : e[0];
 }
-let T$1 = class T extends dist_V {
+let T$1 = class T extends dist_y {
   filteredOptions;
   multiple;
   isNavigating = false;
@@ -857,6 +871,7 @@ let T$1 = class T extends dist_V {
   #t;
   #i;
   #n;
+  #l;
   get cursor() {
     return this.#e;
   }
@@ -872,29 +887,34 @@ let T$1 = class T extends dist_V {
     return typeof this.#i == "function" ? this.#i() : this.#i;
   }
   constructor(e) {
-    super(e), this.#i = e.options, this.#n = e.placeholder;
+    super(e), this.#i = e.options, this.#n = e.placeholder, this.#l = e.completeOnTab === true;
     const t = this.options;
-    this.filteredOptions = [...t], this.multiple = e.multiple === true, this.#t = typeof e.options == "function" ? e.filter : e.filter ?? dist_g;
+    this.filteredOptions = [...t], this.multiple = e.multiple === true, this.#t = typeof e.options == "function" ? e.filter : e.filter ?? dist_m;
     let i;
     if (e.initialValue && Array.isArray(e.initialValue) ? this.multiple ? i = e.initialValue : i = e.initialValue.slice(0, 1) : !this.multiple && this.options.length > 0 && (i = [this.options[0]?.value]), i)
       for (const s of i) {
-        const n = t.findIndex((o) => o.value === s);
+        const n = t.findIndex((r) => r.value === s);
         n !== -1 && (this.toggleSelected(s), this.#e = n);
       }
-    this.focusedValue = this.options[this.#e]?.value, this.on("key", (s, n) => this.#l(s, n)), this.on("userInput", (s) => this.#u(s));
+    this.focusedValue = this.options[this.#e]?.value, this.on("key", (s, n) => this.#u(s, n)), this.on("userInput", (s) => this.#o(s));
   }
   _isActionKey(e, t) {
     return e === "	" || this.multiple && this.isNavigating && t.name === "space" && e !== void 0 && e !== "";
   }
-  #l(e, t) {
-    const i = t.name === "up", s = t.name === "down", n = t.name === "return", o = this.userInput === "" || this.userInput === "	", u = this.#n, a = this.options, f = u !== void 0 && u !== "" && a.some(
-      (r) => !r.disabled && (this.#t ? this.#t(u, r) : true)
+  #u(e, t) {
+    const i = t.name === "up", s = t.name === "down", n = t.name === "return", r = this.userInput === "" || this.userInput === "	", u = this.#n, d = this.options, c = u !== void 0 && u !== "" && d.some(
+      (o) => !o.disabled && (this.#t ? this.#t(u, o) : true)
     );
-    if (t.name === "tab" && o && f) {
+    if (t.name === "tab" && r && c) {
       this.userInput === "	" && this._clearUserInput(), this._setUserInput(u, true), this.isNavigating = false;
       return;
     }
-    i || s ? (this.#e = findCursor(this.#e, i ? -1 : 1, this.filteredOptions), this.focusedValue = this.filteredOptions[this.#e]?.value, this.multiple || (this.selectedValues = [this.focusedValue]), this.isNavigating = true) : n ? this.value = dist_m(this.multiple, this.selectedValues) : this.multiple ? this.focusedValue !== void 0 && (t.name === "tab" || this.isNavigating && t.name === "space") ? this.toggleSelected(this.focusedValue) : this.isNavigating = false : (this.focusedValue && (this.selectedValues = [this.focusedValue]), this.isNavigating = false);
+    if (t.name === "tab" && this.#l && !this.multiple && this.focusedValue !== void 0) {
+      const o = String(this.focusedValue);
+      this._clearUserInput(), this._setUserInput(o, true), this.isNavigating = false;
+      return;
+    }
+    i || s ? (this.#e = findCursor(this.#e, i ? -1 : 1, this.filteredOptions), this.focusedValue = this.filteredOptions[this.#e]?.value, this.multiple || (this.selectedValues = [this.focusedValue]), this.isNavigating = true) : n ? this.value = dist_g(this.multiple, this.selectedValues) : this.multiple ? this.focusedValue !== void 0 && (t.name === "tab" || this.isNavigating && t.name === "space") ? this.toggleSelected(this.focusedValue) : this.isNavigating = false : (this.focusedValue && (this.selectedValues = [this.focusedValue]), this.isNavigating = false);
   }
   deselectAll() {
     this.selectedValues = [];
@@ -902,7 +922,7 @@ let T$1 = class T extends dist_V {
   toggleSelected(e) {
     this.filteredOptions.length !== 0 && (this.multiple ? this.selectedValues.includes(e) ? this.selectedValues = this.selectedValues.filter((t) => t !== e) : this.selectedValues = [...this.selectedValues, e] : this.selectedValues = [e]);
   }
-  #u(e) {
+  #o(e) {
     if (e !== this.#s) {
       this.#s = e;
       const t = this.options;
@@ -915,7 +935,7 @@ let T$1 = class T extends dist_V {
   }
 };
 
-class dist_r extends dist_V {
+class dist_r extends dist_y {
   get cursor() {
     return this.value ? 0 : 1;
   }
@@ -994,7 +1014,7 @@ function dist_T(r, t, i, s) {
     max: e && t.year === e.year && t.month === e.month ? e.day : dist_c(t.year, t.month)
   };
 }
-class U extends dist_V {
+class U extends dist_y {
   #i;
   #o;
   #t;
@@ -1160,7 +1180,7 @@ class U extends dist_V {
   }
 }
 
-let u$2 = class u extends dist_V {
+let u$2 = class u extends dist_y {
   options;
   cursor = 0;
   #t;
@@ -1218,7 +1238,7 @@ let u$2 = class u extends dist_V {
 };
 
 const dist_o = /* @__PURE__ */ new Set(["up", "down", "left", "right"]);
-class dist_h extends dist_V {
+class dist_h extends dist_y {
   #t = false;
   #s;
   focused = "editor";
@@ -1313,7 +1333,7 @@ ${i}` : `${s}${external_node_util_styleText("inverse", r)}${i}`;
   }
 }
 
-class dist_a extends dist_V {
+class dist_a extends dist_y {
   options;
   cursor = 0;
   get _value() {
@@ -1364,7 +1384,7 @@ class dist_a extends dist_V {
   }
 }
 
-let u$1 = class u extends dist_V {
+let u$1 = class u extends dist_y {
   _mask = "\u2022";
   get cursor() {
     return this._cursor;
@@ -1393,7 +1413,7 @@ let u$1 = class u extends dist_V {
   }
 };
 
-let n$1 = class n extends dist_V {
+let n$1 = class n extends dist_y {
   options;
   cursor = 0;
   get _selectedValue() {
@@ -1422,7 +1442,7 @@ let n$1 = class n extends dist_V {
   }
 };
 
-class dist_u extends dist_V {
+class dist_u extends dist_y {
   options;
   cursor = 0;
   constructor(t) {
@@ -1440,7 +1460,7 @@ class dist_u extends dist_V {
   }
 }
 
-class dist_n extends dist_V {
+class dist_n extends dist_y {
   get userInputWithCursor() {
     if (this.state === "submit")
       return this.userInput;
@@ -1471,7 +1491,7 @@ class dist_n extends dist_V {
 
 ;// CONCATENATED MODULE: external "node:path"
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@clack+prompts@1.7.0/node_modules/@clack/prompts/dist/index.mjs
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@clack+prompts@1.8.1/node_modules/@clack/prompts/dist/index.mjs
 
 
 
@@ -1509,6 +1529,8 @@ const unicode = isUnicodeSupported(), isCI = () => process.env.CI === "true", is
       return external_node_util_styleText("yellow", S_STEP_ERROR);
     case "submit":
       return external_node_util_styleText("green", S_STEP_SUBMIT);
+    case "validating":
+      return external_node_util_styleText("dim", S_STEP_ACTIVE);
   }
 }, symbolBar = (o) => {
   switch (o) {
@@ -1595,16 +1617,16 @@ const limitOptions = ({
   return c && x.push(M), x;
 };
 
-function prompts_dist_P(t) {
+function dist_E(t) {
   return t.label ?? String(t.value ?? "");
 }
-function dist_E(t, c) {
+function prompts_dist_P(t, c) {
   if (!t)
     return true;
-  const n = (c.label ?? String(c.value ?? "")).toLowerCase(), i = (c.hint ?? "").toLowerCase(), l = String(c.value).toLowerCase(), o = t.toLowerCase();
-  return n.includes(o) || i.includes(o) || l.includes(o);
+  const n = (c.label ?? String(c.value ?? "")).toLowerCase(), i = (c.hint ?? "").toLowerCase(), r = String(c.value).toLowerCase(), o = t.toLowerCase();
+  return n.includes(o) || i.includes(o) || r.includes(o);
 }
-function dist_N(t, c) {
+function dist_j(t, c) {
   const n = [];
   for (const i of c)
     t.includes(i.value) && n.push(i);
@@ -1615,14 +1637,15 @@ const autocomplete = (t) => new AutocompletePrompt({
   initialValue: t.initialValue ? [t.initialValue] : void 0,
   initialUserInput: t.initialUserInput,
   placeholder: t.placeholder,
-  filter: t.filter ?? ((n, i) => dist_E(n, i)),
+  completeOnTab: t.completeOnTab,
+  filter: t.filter ?? ((n, i) => prompts_dist_P(n, i)),
   signal: t.signal,
   input: t.input,
   output: t.output,
   validate: t.validate,
   render() {
-    const n = t.withGuide ?? settings.withGuide, i = n ? [`${styleText("gray", S_BAR)}`, `${symbol(this.state)}  ${t.message}`] : [`${symbol(this.state)}  ${t.message}`], l = this.userInput, o = this.options, m = t.placeholder, p = l === "" && m !== void 0, $ = (r, s) => {
-      const a = prompts_dist_P(r), u = r.hint && r.value === this.focusedValue ? styleText("dim", ` (${r.hint})`) : "";
+    const n = t.withGuide ?? settings.withGuide, i = n ? [`${styleText("gray", S_BAR)}`, `${symbol(this.state)}  ${t.message}`] : [`${symbol(this.state)}  ${t.message}`], r = this.userInput, o = this.options, m = t.placeholder, p = r === "" && m !== void 0, $ = (l, s) => {
+      const a = dist_E(l), u = l.hint && l.value === this.focusedValue ? styleText("dim", ` (${l.hint})`) : "";
       switch (s) {
         case "active":
           return `${styleText("green", S_RADIO_ACTIVE)} ${a}${u}`;
@@ -1634,39 +1657,40 @@ const autocomplete = (t) => new AutocompletePrompt({
     };
     switch (this.state) {
       case "submit": {
-        const r = dist_N(this.selectedValues, o), s = r.length > 0 ? `  ${styleText("dim", r.map(prompts_dist_P).join(", "))}` : "", a = n ? styleText("gray", S_BAR) : "";
+        const l = dist_j(this.selectedValues, o), s = l.length > 0 ? `  ${styleText("dim", l.map(dist_E).join(", "))}` : "", a = n ? styleText("gray", S_BAR) : "";
         return `${i.join(`
 `)}
 ${a}${s}`;
       }
       case "cancel": {
-        const r = l ? `  ${styleText(["strikethrough", "dim"], l)}` : "", s = n ? styleText("gray", S_BAR) : "";
+        const l = r ? `  ${styleText(["strikethrough", "dim"], r)}` : "", s = n ? styleText("gray", S_BAR) : "";
         return `${i.join(`
 `)}
-${s}${r}`;
+${s}${l}`;
       }
       default: {
-        const r = this.state === "error" ? "yellow" : "cyan", s = n ? `${styleText(r, S_BAR)}  ` : "", a = n ? styleText(r, S_BAR_END) : "";
+        const l = this.state === "error" ? "yellow" : "cyan", s = n ? `${styleText(l, S_BAR)}  ` : "", a = n ? styleText(l, S_BAR_END) : "";
         let u = "";
         if (this.isNavigating || p) {
-          const d = p ? m : l;
+          const d = p ? m : r;
           u = d !== "" ? ` ${styleText("dim", d)}` : "";
         } else
           u = ` ${this.userInputWithCursor}`;
         const V = this.filteredOptions.length !== o.length ? styleText(
           "dim",
           ` (${this.filteredOptions.length} match${this.filteredOptions.length === 1 ? "" : "es"})`
-        ) : "", y = this.filteredOptions.length === 0 && l ? [`${s}${styleText("yellow", "No matches found")}`] : [], b = this.state === "error" ? [`${s}${styleText("yellow", this.error)}`] : [];
+        ) : "", b = this.filteredOptions.length === 0 && r ? [`${s}${styleText("yellow", "No matches found")}`] : [], y = this.state === "error" ? [`${s}${styleText("yellow", this.error)}`] : [];
         n && i.push(`${s.trimEnd()}`), i.push(
           `${s}${styleText("dim", "Search:")}${u}${V}`,
-          ...y,
-          ...b
+          ...b,
+          ...y
         );
-        const v = [
+        const S = [
           `${styleText("dim", "\u2191/\u2193")} to select`,
+          ...t.completeOnTab ? [`${styleText("dim", "Tab:")} complete`] : [],
           `${styleText("dim", "Enter:")} confirm`,
           `${styleText("dim", "Type:")} to search`
-        ], g = [`${s}${v.join(" \u2022 ")}`, a], O = this.filteredOptions.length === 0 ? [] : limitOptions({
+        ], g = [`${s}${S.join(" \u2022 ")}`, a], O = this.filteredOptions.length === 0 ? [] : limitOptions({
           cursor: this.cursor,
           options: this.filteredOptions,
           columnPadding: n ? 3 : 0,
@@ -1689,14 +1713,14 @@ ${s}${r}`;
     }
   }
 }).prompt(), autocompleteMultiselect = (t) => {
-  const c = (i, l, o, m) => {
-    const p = o.includes(i.value), $ = i.label ?? String(i.value ?? ""), r = i.hint && m !== void 0 && i.value === m ? styleText("dim", ` (${i.hint})`) : "", s = p ? styleText("green", S_CHECKBOX_SELECTED) : styleText("dim", S_CHECKBOX_INACTIVE);
-    return i.disabled ? `${styleText("gray", S_CHECKBOX_INACTIVE)} ${styleText(["strikethrough", "gray"], $)}` : l ? `${s} ${$}${r}` : `${s} ${styleText("dim", $)}`;
+  const c = (i, r, o, m) => {
+    const p = o.includes(i.value), $ = i.label ?? String(i.value ?? ""), l = i.hint && m !== void 0 && i.value === m ? styleText("dim", ` (${i.hint})`) : "", s = p ? styleText("green", S_CHECKBOX_SELECTED) : styleText("dim", S_CHECKBOX_INACTIVE);
+    return i.disabled ? `${styleText("gray", S_CHECKBOX_INACTIVE)} ${styleText(["strikethrough", "gray"], $)}` : r ? `${s} ${$}${l}` : `${s} ${styleText("dim", $)}`;
   }, n = new AutocompletePrompt({
     options: t.options,
     multiple: true,
     placeholder: t.placeholder,
-    filter: t.filter ?? ((i, l) => dist_E(i, l)),
+    filter: t.filter ?? ((i, r) => prompts_dist_P(i, r)),
     validate: () => {
       if (t.required && n.selectedValues.length === 0)
         return "Please select at least one item";
@@ -1706,39 +1730,39 @@ ${s}${r}`;
     input: t.input,
     output: t.output,
     render() {
-      const i = t.withGuide ?? settings.withGuide, l = `${i ? `${styleText("gray", S_BAR)}
+      const i = t.withGuide ?? settings.withGuide, r = `${i ? `${styleText("gray", S_BAR)}
 ` : ""}${symbol(this.state)}  ${t.message}
-`, o = this.userInput, m = t.placeholder, p = o === "" && m !== void 0, $ = this.isNavigating || p ? styleText("dim", p ? m : o) : this.userInputWithCursor, r = this.options, s = this.filteredOptions.length !== r.length ? styleText(
+`, o = this.userInput, m = t.placeholder, p = o === "" && m !== void 0, $ = this.isNavigating || p ? styleText("dim", p ? m : o) : this.userInputWithCursor, l = this.options, s = this.filteredOptions.length !== l.length ? styleText(
         "dim",
         ` (${this.filteredOptions.length} match${this.filteredOptions.length === 1 ? "" : "es"})`
       ) : "";
       switch (this.state) {
         case "submit":
-          return `${l}${i ? `${styleText("gray", S_BAR)}  ` : ""}${styleText(
+          return `${r}${i ? `${styleText("gray", S_BAR)}  ` : ""}${styleText(
             "dim",
             `${this.selectedValues.length} items selected`
           )}`;
         case "cancel":
-          return `${l}${i ? `${styleText("gray", S_BAR)}  ` : ""}${styleText(
+          return `${r}${i ? `${styleText("gray", S_BAR)}  ` : ""}${styleText(
             ["strikethrough", "dim"],
             o
           )}`;
         default: {
-          const a = this.state === "error" ? "yellow" : "cyan", u = i ? `${styleText(a, S_BAR)}  ` : "", V = i ? styleText(a, S_BAR_END) : "", y = [
+          const a = this.state === "error" ? "yellow" : "cyan", u = i ? `${styleText(a, S_BAR)}  ` : "", V = i ? styleText(a, S_BAR_END) : "", b = [
             `${styleText("dim", "\u2191/\u2193")} to navigate`,
             `${styleText("dim", this.isNavigating ? "Space/Tab:" : "Tab:")} select`,
             `${styleText("dim", "Enter:")} confirm`,
             `${styleText("dim", "Type:")} to search`
-          ], b = this.filteredOptions.length === 0 && o ? [`${u}${styleText("yellow", "No matches found")}`] : [], v = this.state === "error" ? [`${u}${styleText("yellow", this.error)}`] : [], g = [
-            ...`${l}${i ? styleText(a, S_BAR) : ""}`.split(`
+          ], y = this.filteredOptions.length === 0 && o ? [`${u}${styleText("yellow", "No matches found")}`] : [], S = this.state === "error" ? [`${u}${styleText("yellow", this.error)}`] : [], g = [
+            ...`${r}${i ? styleText(a, S_BAR) : ""}`.split(`
 `),
             `${u}${styleText("dim", "Search:")} ${$}${s}`,
-            ...b,
-            ...v
-          ], O = [`${u}${y.join(" \u2022 ")}`, V], d = limitOptions({
+            ...y,
+            ...S
+          ], O = [`${u}${b.join(" \u2022 ")}`, V], d = limitOptions({
             cursor: this.cursor,
             options: this.filteredOptions,
-            style: (f, _) => c(f, _, this.selectedValues, this.focusedValue),
+            style: (f, L) => c(f, L, this.selectedValues, this.focusedValue),
             maxItems: t.maxItems,
             output: t.output,
             rowPadding: g.length + O.length
@@ -1756,24 +1780,24 @@ ${s}${r}`;
   return n.prompt();
 };
 
-const J = (/* unused pure expression or super */ null && ([
+const K = (/* unused pure expression or super */ null && ([
   S_CORNER_TOP_LEFT,
   S_CORNER_TOP_RIGHT,
   S_CORNER_BOTTOM_LEFT,
   S_CORNER_BOTTOM_RIGHT
-])), K = (/* unused pure expression or super */ null && ([S_BAR_START, S_BAR_START_RIGHT, S_BAR_END, S_BAR_END_RIGHT]));
+])), Q = (/* unused pure expression or super */ null && ([S_BAR_START, S_BAR_START_RIGHT, S_BAR_END, S_BAR_END_RIGHT]));
 function A$1(n, e, t, o) {
   let i = t, f = t;
   return o === "center" ? i = Math.floor((e - n) / 2) : o === "right" && (i = e - n - t), f = e - i - n, [i, f];
 }
-const Q = (n) => n;
+const dist_U = (n) => n;
 const box = (n = "", e = "", t) => {
-  const o = t?.output ?? process.stdout, i = getColumns(o), R = 1 * 2, u = t?.titlePadding ?? 1, h = t?.contentPadding ?? 2, w = t?.width === void 0 || t.width === "auto" ? 1 : Math.min(1, t.width), m = t?.withGuide ?? settings.withGuide ? `${S_BAR} ` : "", b = t?.formatBorder ?? Q, a = (t?.rounded ? J : K).map(b), _ = b(S_BAR_H), B = b(S_BAR), p = l(m), x = l(e), O = i - p;
-  let r = Math.floor(i * w) - p;
+  const o = t?.output ?? process.stdout, i = getColumns(o), R = 1 * 2, u = t?.titlePadding ?? 1, h = t?.contentPadding ?? 2, w = t?.width === void 0 || t.width === "auto" ? 1 : Math.min(1, t.width), m = t?.withGuide ?? settings.withGuide ? `${styleText("gray", S_BAR)} ` : "", b = t?.formatBorder ?? dist_U, a = (t?.rounded ? K : Q).map(b), _ = b(S_BAR_H), p = b(S_BAR), x = l(m), B = l(e), y = i - x;
+  let r = Math.floor(i * w) - x;
   if (t?.width === "auto") {
     const c = n.split(`
 `);
-    let s = x + u * 2;
+    let s = B + u * 2;
     for (const G of c) {
       const P = l(G) + h * 2;
       P > s && (s = P);
@@ -1781,9 +1805,9 @@ const box = (n = "", e = "", t) => {
     const g = s + R;
     g < r && (r = g);
   }
-  r % 2 !== 0 && (r < O ? r++ : r--);
-  const d = r - R, S = d - u * 2, T = x > S ? `${e.slice(0, S - 3)}...` : e, [y, W] = A$1(
-    l(T),
+  r % 2 !== 0 && (r < y ? r++ : r--);
+  const d = r - R, T = d - u * 2, S = B > T ? `${e.slice(0, T - 3)}...` : e, [O, W] = A$1(
+    l(S),
     d,
     u,
     t?.titleAlign
@@ -1792,7 +1816,7 @@ const box = (n = "", e = "", t) => {
     trim: false
   });
   o.write(
-    `${m}${a[0]}${_.repeat(y)}${T}${_.repeat(W)}${a[1]}
+    `${m}${a[0]}${_.repeat(O)}${S}${_.repeat(W)}${a[1]}
 `
   );
   const E = L.split(`
@@ -1805,7 +1829,7 @@ const box = (n = "", e = "", t) => {
       t?.contentAlign
     );
     o.write(
-      `${m}${B}${" ".repeat(s)}${c}${" ".repeat(g)}${B}
+      `${m}${p}${" ".repeat(s)}${c}${" ".repeat(g)}${p}
 `
     );
   }
@@ -1813,39 +1837,39 @@ const box = (n = "", e = "", t) => {
 `);
 };
 
-const dist_confirm = (i) => {
-  const a = i.active ?? "Yes", s = i.inactive ?? "No";
+const dist_confirm = (e) => {
+  const a = e.active ?? "Yes", o = e.inactive ?? "No";
   return new dist_r({
     active: a,
-    inactive: s,
-    signal: i.signal,
-    input: i.input,
-    output: i.output,
-    initialValue: i.initialValue ?? true,
+    inactive: o,
+    signal: e.signal,
+    input: e.input,
+    output: e.output,
+    initialValue: e.initialValue ?? true,
     render() {
-      const e = i.withGuide ?? dist_settings.withGuide, u = `${symbol(this.state)}  `, l = e ? `${external_node_util_styleText("gray", S_BAR)}  ` : "", f = dist_wrapTextWithPrefix(
-        i.output,
-        i.message,
+      const i = e.withGuide ?? dist_settings.withGuide, u = `${symbol(this.state)}  `, l = i ? `${external_node_util_styleText("gray", S_BAR)}  ` : "", f = dist_wrapTextWithPrefix(
+        e.output,
+        e.message,
         l,
         u
-      ), o = `${e ? `${external_node_util_styleText("gray", S_BAR)}
+      ), s = `${i ? `${external_node_util_styleText("gray", S_BAR)}
 ` : ""}${f}
-`, c = this.value ? a : s;
+`, c = this.value ? a : o;
       switch (this.state) {
         case "submit": {
-          const r = e ? `${external_node_util_styleText("gray", S_BAR)}  ` : "";
-          return `${o}${r}${external_node_util_styleText("dim", c)}`;
+          const r = i ? `${external_node_util_styleText("gray", S_BAR)}  ` : "";
+          return `${s}${r}${external_node_util_styleText("dim", c)}`;
         }
         case "cancel": {
-          const r = e ? `${external_node_util_styleText("gray", S_BAR)}  ` : "";
-          return `${o}${r}${external_node_util_styleText(["strikethrough", "dim"], c)}${e ? `
+          const r = i ? `${external_node_util_styleText("gray", S_BAR)}  ` : "";
+          return `${s}${r}${external_node_util_styleText(["strikethrough", "dim"], c)}${i ? `
 ${external_node_util_styleText("gray", S_BAR)}` : ""}`;
         }
         default: {
-          const r = e ? `${external_node_util_styleText("cyan", S_BAR)}  ` : "", g = e ? external_node_util_styleText("cyan", S_BAR_END) : "";
-          return `${o}${r}${this.value ? `${external_node_util_styleText("green", S_RADIO_ACTIVE)} ${a}` : `${external_node_util_styleText("dim", S_RADIO_INACTIVE)} ${external_node_util_styleText("dim", a)}`}${i.vertical ? e ? `
+          const r = i ? `${external_node_util_styleText("cyan", S_BAR)}  ` : "", g = i ? external_node_util_styleText("cyan", S_BAR_END) : "";
+          return `${s}${r}${this.value ? `${external_node_util_styleText("green", S_RADIO_ACTIVE)} ${a}` : `${external_node_util_styleText("dim", S_RADIO_INACTIVE)} ${external_node_util_styleText("dim", a)}`}${e.vertical ? i ? `
 ${external_node_util_styleText("cyan", S_BAR)}  ` : `
-` : ` ${external_node_util_styleText("dim", "/")} `}${this.value ? `${external_node_util_styleText("dim", S_RADIO_INACTIVE)} ${external_node_util_styleText("dim", s)}` : `${external_node_util_styleText("green", S_RADIO_ACTIVE)} ${s}`}
+` : ` ${external_node_util_styleText("dim", "/")} `}${this.value ? `${external_node_util_styleText("dim", S_RADIO_INACTIVE)} ${external_node_util_styleText("dim", o)}` : `${external_node_util_styleText("green", S_RADIO_ACTIVE)} ${o}`}
 ${g}
 `;
         }
@@ -1947,7 +1971,7 @@ const multiselect = (i) => {
   const u = (t, a) => {
     const r = t.label ?? String(t.value);
     return a === "disabled" ? `${styleText("gray", S_CHECKBOX_INACTIVE)} ${prompts_dist_m(r, (o) => styleText(["strikethrough", "gray"], o))}${t.hint ? ` ${styleText("dim", `(${t.hint ?? "disabled"})`)}` : ""}` : a === "active" ? `${styleText("cyan", S_CHECKBOX_ACTIVE)} ${r}${t.hint ? ` ${styleText("dim", `(${t.hint})`)}` : ""}` : a === "selected" ? `${styleText("green", S_CHECKBOX_SELECTED)} ${prompts_dist_m(r, (o) => styleText("dim", o))}${t.hint ? ` ${styleText("dim", `(${t.hint})`)}` : ""}` : a === "cancelled" ? `${prompts_dist_m(r, (o) => styleText(["strikethrough", "dim"], o))}` : a === "active-selected" ? `${styleText("green", S_CHECKBOX_SELECTED)} ${r}${t.hint ? ` ${styleText("dim", `(${t.hint})`)}` : ""}` : a === "submitted" ? `${prompts_dist_m(r, (o) => styleText("dim", o))}` : `${styleText("dim", S_CHECKBOX_INACTIVE)} ${prompts_dist_m(r, (o) => styleText("dim", o))}`;
-  }, d = i.required ?? true, v = i.showInstructions ?? true;
+  }, d = i.required ?? true, x = i.showInstructions ?? true;
   return new MultiSelectPrompt({
     options: i.options,
     signal: i.signal,
@@ -1978,7 +2002,7 @@ ${styleText(
         `${symbol(this.state)}  `
       ), r = `${t ? `${styleText("gray", S_BAR)}
 ` : ""}${a}
-`, o = this.value ?? [], p = (n, l) => {
+`, o = this.value ?? [], g = (n, l) => {
         if (n.disabled)
           return u(n, "disabled");
         const s = o.includes(n.value);
@@ -2008,7 +2032,7 @@ ${styleText("gray", S_BAR)}` : ""}`;
         case "error": {
           const n = t ? `${styleText("yellow", S_BAR)}  ` : "", l = this.error.split(`
 `).map(
-            ($, C) => C === 0 ? `${t ? `${styleText("yellow", S_BAR_END)}  ` : ""}${styleText("yellow", $)}` : `   ${$}`
+            ($, v) => v === 0 ? `${t ? `${styleText("yellow", S_BAR_END)}  ` : ""}${styleText("yellow", $)}` : `   ${$}`
           ).join(`
 `), s = r.split(`
 `).length, h = l.split(`
@@ -2020,7 +2044,7 @@ ${styleText("gray", S_BAR)}` : ""}`;
             maxItems: i.maxItems,
             columnPadding: n.length,
             rowPadding: s + h,
-            style: p
+            style: g
           }).join(`
 ${n}`)}
 ${l}
@@ -2028,7 +2052,7 @@ ${l}
         }
         default: {
           const n = t ? `${styleText("cyan", S_BAR)}  ` : "", l = r.split(`
-`).length, s = v ? formatInstructionFooter(MULTISELECT_INSTRUCTIONS, t) : t ? [styleText("cyan", S_BAR_END)] : [], h = s.join(`
+`).length, s = x ? formatInstructionFooter(MULTISELECT_INSTRUCTIONS, t) : t ? [styleText("cyan", S_BAR_END)] : [], h = s.join(`
 `), $ = s.length + 1;
           return `${r}${n}${limitOptions({
             output: i.output,
@@ -2037,7 +2061,7 @@ ${l}
             maxItems: i.maxItems,
             columnPadding: n.length,
             rowPadding: l + $,
-            style: p
+            style: g
           }).join(`
 ${n}`)}
 ${h}
@@ -2049,10 +2073,10 @@ ${h}
 };
 
 const groupMultiselect = (o) => {
-  const { selectableGroups: h = true, groupSpacing: x = 0 } = o, m = (n, l, g = []) => {
-    const a = n.label ?? String(n.value), t = typeof n.group == "string", s = t && (g[g.indexOf(n) + 1] ?? { group: true }), u = t && s && s.group === true;
+  const { selectableGroups: f = true, groupSpacing: x = 0 } = o, d = (n, l, p = []) => {
+    const a = n.label ?? String(n.value), t = typeof n.group == "string", s = t && (p[p.indexOf(n) + 1] ?? { group: true }), u = t && s && s.group === true;
     let r = "", c = "";
-    t && (h ? (r = u ? `${S_BAR_END} ` : `${S_BAR} `, c = u ? "  " : `${S_BAR} `) : r = "  ");
+    t && (f ? (r = u ? `${S_BAR_END} ` : `${S_BAR} `, c = u ? "  " : `${S_BAR} `) : r = "  ");
     let i = "";
     if (x > 0 && !t && (i = `
 `.repeat(x)), l === "active")
@@ -2070,7 +2094,7 @@ const groupMultiselect = (o) => {
         `${i}${r} `,
         `${i}${r}${styleText("cyan", S_CHECKBOX_ACTIVE)} `,
         `${i}${c} `,
-        (d) => styleText("dim", d)
+        (m) => styleText("dim", m)
       );
     if (l === "group-active-selected")
       return wrapTextWithPrefix(
@@ -2079,17 +2103,17 @@ const groupMultiselect = (o) => {
         `${i}${r} `,
         `${i}${r}${styleText("green", S_CHECKBOX_SELECTED)} `,
         `${i}${c} `,
-        (d) => styleText("dim", d)
+        (m) => styleText("dim", m)
       );
     if (l === "selected") {
-      const d = t || h ? styleText("green", S_CHECKBOX_SELECTED) : "";
+      const m = t || f ? styleText("green", S_CHECKBOX_SELECTED) : "";
       return wrapTextWithPrefix(
         o.output,
         `${a}${n.hint ? ` (${n.hint})` : ""}`,
         `${i}${styleText("dim", r)} `,
-        `${i}${styleText("dim", r)}${d} `,
+        `${i}${styleText("dim", r)}${m} `,
         `${i}${styleText("dim", c)} `,
-        (S) => styleText("dim", S)
+        (I) => styleText("dim", I)
       );
     }
     if (l === "cancelled")
@@ -2104,16 +2128,16 @@ const groupMultiselect = (o) => {
       );
     if (l === "submitted")
       return `${styleText("dim", a)}`;
-    const f = t || h ? styleText("dim", S_CHECKBOX_INACTIVE) : "";
+    const h = t || f ? styleText("dim", S_CHECKBOX_INACTIVE) : "";
     return wrapTextWithPrefix(
       o.output,
       a,
       `${i}${styleText("dim", r)} `,
-      `${i}${styleText("dim", r)}${f} `,
+      `${i}${styleText("dim", r)}${h} `,
       `${i}${styleText("dim", c)} `,
-      (d) => styleText("dim", d)
+      (m) => styleText("dim", m)
     );
-  }, y = o.required ?? true, I = o.showInstructions ?? true;
+  }, y = o.required ?? true, S = o.showInstructions ?? true;
   return new GroupMultiSelectPrompt({
     options: o.options,
     signal: o.signal,
@@ -2122,7 +2146,7 @@ const groupMultiselect = (o) => {
     initialValues: o.initialValues,
     required: y,
     cursorAt: o.cursorAt,
-    selectableGroups: h,
+    selectableGroups: f,
     validate(n) {
       if (y && (n === void 0 || n.length === 0))
         return `Please select at least one option.
@@ -2140,24 +2164,24 @@ ${styleText(
     render() {
       const n = o.withGuide ?? settings.withGuide, l = `${n ? `${styleText("gray", S_BAR)}
 ` : ""}${symbol(this.state)}  ${o.message}
-`, g = this.value ?? [], a = (t, s) => {
-        const u = this.options, r = g.includes(t.value) || t.group === true && this.isGroupSelected(`${t.value}`);
-        return !s && typeof t.group == "string" && this.options[this.cursor]?.value === t.group ? m(t, r ? "group-active-selected" : "group-active", u) : s && r ? m(t, "active-selected", u) : r ? m(t, "selected", u) : m(t, s ? "active" : "inactive", u);
+`, p = this.value ?? [], a = (t, s) => {
+        const u = this.options, r = p.includes(t.value) || t.group === true && this.isGroupSelected(`${t.value}`);
+        return !s && typeof t.group == "string" && this.options[this.cursor]?.value === t.group ? d(t, r ? "group-active-selected" : "group-active", u) : s && r ? d(t, "active-selected", u) : r ? d(t, "selected", u) : d(t, s ? "active" : "inactive", u);
       };
       switch (this.state) {
         case "submit": {
-          const t = this.options.filter(({ value: u }) => g.includes(u)).map((u) => m(u, "submitted")), s = t.length === 0 ? "" : `  ${t.join(styleText("dim", ", "))}`;
+          const t = this.options.filter(({ value: u }) => p.includes(u)).map((u) => d(u, "submitted")), s = t.length === 0 ? "" : `  ${t.join(styleText("dim", ", "))}`;
           return `${l}${n ? styleText("gray", S_BAR) : ""}${s}`;
         }
         case "cancel": {
-          const t = this.options.filter(({ value: s }) => g.includes(s)).map((s) => m(s, "cancelled")).join(styleText("dim", ", "));
+          const t = this.options.filter(({ value: s }) => p.includes(s)).map((s) => d(s, "cancelled")).join(styleText("dim", ", "));
           return `${l}${n ? `${styleText("gray", S_BAR)}  ` : ""}${t.trim() ? `${t}${n ? `
 ${styleText("gray", S_BAR)}` : ""}` : ""}`;
         }
         case "error": {
           const t = n ? `${styleText("yellow", S_BAR)}  ` : "", s = this.error.split(`
 `).map(
-            (i, f) => f === 0 ? `${n ? `${styleText("yellow", S_BAR_END)}  ` : ""}${styleText("yellow", i)}` : `   ${i}`
+            (i, h) => h === 0 ? `${n ? `${styleText("yellow", S_BAR_END)}  ` : ""}${styleText("yellow", i)}` : `   ${i}`
           ).join(`
 `), u = l.split(`
 `).length, r = s.split(`
@@ -2177,7 +2201,7 @@ ${s}
         }
         default: {
           const t = n ? `${styleText("cyan", S_BAR)}  ` : "", s = l.split(`
-`).length, u = I ? formatInstructionFooter(MULTISELECT_INSTRUCTIONS, n) : n ? [styleText("cyan", S_BAR_END)] : [], r = u.join(`
+`).length, u = S ? formatInstructionFooter(MULTISELECT_INSTRUCTIONS, n) : n ? [styleText("cyan", S_BAR_END)] : [], r = u.join(`
 `), c = u.length + 1, i = limitOptions({
             output: o.output,
             options: this.options,
@@ -2270,16 +2294,16 @@ const multiline = (e) => new MultiLinePrompt({
   render() {
     const i = e?.withGuide ?? settings.withGuide, o = `${`${i ? `${styleText("gray", S_BAR)}
 ` : ""}${symbol(this.state)}  `}${e.message}
-`, m = e.placeholder && e.placeholder.length > 0 ? (
+`, h = e.placeholder && e.placeholder.length > 0 ? (
       // biome-ignore lint/style/noNonNullAssertion: guarded by placeholder.length > 0
       styleText("inverse", e.placeholder[0]) + styleText("dim", e.placeholder.slice(1))
-    ) : styleText(["inverse", "hidden"], "_"), a = this.userInput ? this.userInputWithCursor : m, l = this.value ?? "", c = e.showSubmit ? `
+    ) : styleText(["inverse", "hidden"], "_"), a = this.userInput ? this.userInputWithCursor : h, l = this.value ?? "", d = e.showSubmit ? `
   ${styleText(this.focused === "submit" ? "cyan" : "dim", "[ submit ]")}` : "";
     switch (this.state) {
       case "error": {
         const n = `${styleText("yellow", S_BAR)}  `, r = i ? wrapTextWithPrefix(e.output, a, n, void 0) : a, u = styleText("yellow", S_BAR_END);
         return `${o}${r}
-${u}  ${styleText("yellow", this.error)}${c}
+${u}  ${styleText("yellow", this.error)}${d}
 `;
       }
       case "submit": {
@@ -2307,7 +2331,7 @@ ${u}  ${styleText("yellow", this.error)}${c}
       default: {
         const n = i ? `${styleText("cyan", S_BAR)}  ` : "", r = i ? styleText("cyan", S_BAR_END) : "", u = i ? wrapTextWithPrefix(e.output, a, n) : a;
         return `${o}${u}
-${r}${c}
+${r}${d}
 `;
       }
     }
@@ -2346,36 +2370,36 @@ ${external_node_util_styleText("gray", l$1 + S_BAR_H.repeat(t + 2) + S_CORNER_BO
   );
 };
 
-const dist_password = (r) => new PasswordPrompt({
-  validate: r.validate,
-  mask: r.mask ?? S_PASSWORD_MASK,
-  signal: r.signal,
-  input: r.input,
-  output: r.output,
+const dist_password = (e) => new PasswordPrompt({
+  validate: e.validate,
+  mask: e.mask ?? S_PASSWORD_MASK,
+  signal: e.signal,
+  input: e.input,
+  output: e.output,
   render() {
-    const e = r.withGuide ?? settings.withGuide, o = `${e ? `${styleText("gray", S_BAR)}
-` : ""}${symbol(this.state)}  ${r.message}
-`, c = this.userInputWithCursor, i = this.masked;
+    const r = e.withGuide ?? settings.withGuide, o = `${r ? `${styleText("gray", S_BAR)}
+` : ""}${symbol(this.state)}  ${e.message}
+`, m = this.userInputWithCursor, i = this.masked;
     switch (this.state) {
       case "error": {
-        const s = e ? `${styleText("yellow", S_BAR)}  ` : "", n = e ? `${styleText("yellow", S_BAR_END)}  ` : "", l = i ?? "";
-        return r.clearOnError && this.clear(), `${o.trim()}
-${s}${l}
+        const s = r ? `${styleText("yellow", S_BAR)}  ` : "", n = r ? `${styleText("yellow", S_BAR_END)}  ` : "", d = i ?? "";
+        return e.clearOnError && this.clear(), `${o.trim()}
+${s}${d}
 ${n}${styleText("yellow", this.error)}
 `;
       }
       case "submit": {
-        const s = e ? `${styleText("gray", S_BAR)}  ` : "", n = i ? styleText("dim", i) : "";
+        const s = r ? `${styleText("gray", S_BAR)}  ` : "", n = i ? styleText("dim", i) : "";
         return `${o}${s}${n}`;
       }
       case "cancel": {
-        const s = e ? `${styleText("gray", S_BAR)}  ` : "", n = i ? styleText(["strikethrough", "dim"], i) : "";
-        return `${o}${s}${n}${i && e ? `
+        const s = r ? `${styleText("gray", S_BAR)}  ` : "", n = i ? styleText(["strikethrough", "dim"], i) : "";
+        return `${o}${s}${n}${i && r ? `
 ${styleText("gray", S_BAR)}` : ""}`;
       }
       default: {
-        const s = e ? `${styleText("cyan", S_BAR)}  ` : "", n = e ? styleText("cyan", S_BAR_END) : "";
-        return `${o}${s}${c}
+        const s = r ? `${styleText("cyan", S_BAR)}  ` : "", n = r ? styleText("cyan", S_BAR_END) : "";
+        return `${o}${s}${m}
 ${n}
 `;
       }
@@ -2389,6 +2413,7 @@ const dist_path = (e) => {
     ...e,
     initialUserInput: e.initialValue ?? e.root ?? process.cwd(),
     maxItems: 5,
+    completeOnTab: true,
     validate(t) {
       if (!Array.isArray(t)) {
         if (!t)
@@ -2612,19 +2637,19 @@ ${external_node_util_styleText("gray", S_BAR)}` : ""}`;
         }
         default: {
           const r = n ? `${external_node_util_styleText("cyan", S_BAR)}  ` : "", a = u.split(`
-`).length, p = d ? formatInstructionFooter(SELECT_INSTRUCTIONS, n) : n ? [external_node_util_styleText("cyan", S_BAR_END)] : [], b = p.join(`
-`), f = p.length + 1;
+`).length, p = d ? formatInstructionFooter(SELECT_INSTRUCTIONS, n) : n ? [external_node_util_styleText("cyan", S_BAR_END)] : [], f = p.join(`
+`), b = p.length + 1;
           return `${u}${r}${limitOptions({
             output: t.output,
             cursor: this.cursor,
             options: this.options,
             maxItems: t.maxItems,
             columnPadding: r.length,
-            rowPadding: a + f,
+            rowPadding: a + b,
             style: (g, x) => o(g, g.disabled ? "disabled" : x ? "active" : "inactive")
           }).join(`
 ${r}`)}
-${b}
+${f}
 `;
         }
       }
@@ -2633,7 +2658,7 @@ ${b}
 };
 
 const selectKey = (t) => {
-  const l = (e, a = "inactive") => {
+  const c = (e, a = "inactive") => {
     if (e === void 0)
       return "";
     const n = e.label ?? String(e.value);
@@ -2652,33 +2677,33 @@ const selectKey = (t) => {
 `;
       switch (this.state) {
         case "submit": {
-          const n = e ? `${styleText("gray", S_BAR)}  ` : "", s = this.options.find((u) => u.value === this.value) ?? t.options[0], c = wrapTextWithPrefix(
+          const n = e ? `${styleText("gray", S_BAR)}  ` : "", r = this.options.find((u) => u.value === this.value) ?? t.options[0], l = wrapTextWithPrefix(
             t.output,
-            l(s, "selected"),
+            c(r, "selected"),
             n
           );
-          return `${a}${c}`;
+          return `${a}${l}`;
         }
         case "cancel": {
-          const n = e ? `${styleText("gray", S_BAR)}  ` : "", s = wrapTextWithPrefix(
+          const n = e ? `${styleText("gray", S_BAR)}  ` : "", r = wrapTextWithPrefix(
             t.output,
-            l(this.options[0], "cancelled"),
+            c(this.options[0], "cancelled"),
             n
           );
-          return `${a}${s}${e ? `
+          return `${a}${r}${e ? `
 ${styleText("gray", S_BAR)}` : ""}`;
         }
         default: {
-          const n = e ? `${styleText("cyan", S_BAR)}  ` : "", s = e ? styleText("cyan", S_BAR_END) : "", c = this.options.map(
+          const n = e ? `${styleText("cyan", S_BAR)}  ` : "", r = e ? styleText("cyan", S_BAR_END) : "", l = this.options.map(
             (u, d) => wrapTextWithPrefix(
               t.output,
-              l(u, d === this.cursor ? "active" : "inactive"),
+              c(u, d === this.cursor ? "active" : "inactive"),
               n
             )
           ).join(`
 `);
-          return `${a}${c}
-${s}
+          return `${a}${l}
+${r}
 `;
         }
       }
@@ -2841,42 +2866,48 @@ ${e.value}` : e.value;
   };
 };
 
-const dist_text = (e) => new dist_n({
-  validate: e.validate,
-  placeholder: e.placeholder,
-  defaultValue: e.defaultValue,
-  initialValue: e.initialValue,
-  output: e.output,
-  signal: e.signal,
-  input: e.input,
+const dist_text = (t) => new dist_n({
+  validate: t.validate,
+  placeholder: t.placeholder,
+  defaultValue: t.defaultValue,
+  initialValue: t.initialValue,
+  output: t.output,
+  signal: t.signal,
+  input: t.input,
   render() {
-    const i = e?.withGuide ?? dist_settings.withGuide, s = `${`${i ? `${external_node_util_styleText("gray", S_BAR)}
-` : ""}${symbol(this.state)}  `}${e.message}
-`, c = e.placeholder && e.placeholder.length > 0 ? (
+    const r = t?.withGuide ?? dist_settings.withGuide, l = `${`${r ? `${external_node_util_styleText("gray", S_BAR)}
+` : ""}${symbol(this.state)}  `}${t.message}
+`, d = t.placeholder && t.placeholder.length > 0 ? (
       // biome-ignore lint/style/noNonNullAssertion: guarded by placeholder.length > 0
-      external_node_util_styleText("inverse", e.placeholder[0]) + external_node_util_styleText("dim", e.placeholder.slice(1))
-    ) : external_node_util_styleText(["inverse", "hidden"], "_"), o = this.userInput ? this.userInputWithCursor : c, l = this.value ?? "";
+      external_node_util_styleText("inverse", t.placeholder[0]) + external_node_util_styleText("dim", t.placeholder.slice(1))
+    ) : external_node_util_styleText(["inverse", "hidden"], "_"), o = this.userInput ? this.userInputWithCursor : d, s = this.value ?? "";
     switch (this.state) {
+      case "validating": {
+        const n = r ? `${external_node_util_styleText("cyan", S_BAR)}  ` : "", i = r ? external_node_util_styleText("cyan", S_BAR_END) : "", c = external_node_util_styleText("dim", o), $ = external_node_util_styleText("dim", "Validating...");
+        return `${l}${n}${c}
+${i}  ${$}
+`;
+      }
       case "error": {
-        const n = this.error ? `  ${external_node_util_styleText("yellow", this.error)}` : "", r = i ? `${external_node_util_styleText("yellow", S_BAR)}  ` : "", d = i ? external_node_util_styleText("yellow", S_BAR_END) : "";
-        return `${s.trim()}
-${r}${o}
-${d}${n}
+        const n = this.error ? `  ${external_node_util_styleText("yellow", this.error)}` : "", i = r ? `${external_node_util_styleText("yellow", S_BAR)}  ` : "", c = r ? external_node_util_styleText("yellow", S_BAR_END) : "";
+        return `${l.trim()}
+${i}${o}
+${c}${n}
 `;
       }
       case "submit": {
-        const n = l ? `  ${external_node_util_styleText("dim", l)}` : "", r = i ? external_node_util_styleText("gray", S_BAR) : "";
-        return `${s}${r}${n}`;
+        const n = s ? `${r ? "  " : ""}${external_node_util_styleText("dim", s)}` : "", i = r ? external_node_util_styleText("gray", S_BAR) : "";
+        return `${l}${i}${n}`;
       }
       case "cancel": {
-        const n = l ? `  ${external_node_util_styleText(["strikethrough", "dim"], l)}` : "", r = i ? external_node_util_styleText("gray", S_BAR) : "";
-        return `${s}${r}${n}${l.trim() ? `
-${r}` : ""}`;
+        const n = s ? `  ${external_node_util_styleText(["strikethrough", "dim"], s)}` : "", i = r ? external_node_util_styleText("gray", S_BAR) : "";
+        return `${l}${i}${n}${s.trim() ? `
+${i}` : ""}`;
       }
       default: {
-        const n = i ? `${external_node_util_styleText("cyan", S_BAR)}  ` : "", r = i ? external_node_util_styleText("cyan", S_BAR_END) : "";
-        return `${s}${n}${o}
-${r}
+        const n = r ? `${external_node_util_styleText("cyan", S_BAR)}  ` : "", i = r ? external_node_util_styleText("cyan", S_BAR_END) : "";
+        return `${l}${n}${o}
+${i}
 `;
       }
     }
@@ -2941,7 +2972,7 @@ function hasGit(cwd) {
 
 ;// CONCATENATED MODULE: ./src/generated/framework.ts
 // GENERATED by scripts/codegen.mjs from packages/core — do not edit. Run `pnpm --filter @rshono/create codegen`.
-/** The framework release a scaffolded app is pinned to: this package and rshono ship together. */ const RSHONO_VERSION = '1.0.0-rc.20';
+/** The framework release a scaffolded app is pinned to: this package and rshono ship together. */ const RSHONO_VERSION = '1.0.0-rc.21';
 /**
  * The Node range rshono declares, restated in every scaffolded app's `engines` — so a CI image or a contributor
  * on an older Node hears it from their package manager rather than from a stack trace.
@@ -2950,11 +2981,11 @@ function hasGit(cwd) {
  * The dependency versions rshono is tested against, copied from its own manifest. Exact where it is exact:
  * React's RSC internals are coupled across builds, and a generated app has no workspace overrides.
  */ const FRAMEWORK_DEPS = {
-    hono: '^4.13.5',
+    hono: '^4.13.7',
     react: '19.2.8',
     'react-dom': '19.2.8',
     typescript: '^7.0.2',
-    '@types/node': '^26.4.0',
+    '@types/node': '^26.5.1',
     '@types/react': '^19.2.18'
 };
 /** Every `deploy` target the installed framework knows, with the command that ships what it built. */ const DEPLOY_TARGETS = [
@@ -3927,7 +3958,7 @@ function fail(message) {
 async function main() {
     const { values, positionals } = parse();
     if (values.help) return console.log(HELP);
-    if (values.version) return console.log("1.0.0-rc.20");
+    if (values.version) return console.log("1.0.0-rc.21");
     // A pipe, a CI job or an agent gets the defaults rather than a prompt nothing can answer. Both streams have to
     // be a terminal: the prompts draw on stdout but read from stdin.
     const interactive = Boolean(process.stdin.isTTY && process.stdout.isTTY) && !values.yes;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rshono/create",
-  "version": "1.0.0-rc.20",
+  "version": "1.0.0-rc.21",
   "description": "Scaffold a new rshono app — Hono + Rspack + React Server Components",
   "author": "Lasse <lasse@lassetange.com> (https://www.lassetange.com)",
   "license": "MIT",
@@ -42,11 +42,11 @@
     "access": "public"
   },
   "devDependencies": {
-    "@clack/prompts": "^1.7.0",
-    "@rspack/core": "2.2.2",
-    "@types/node": "^26.4.0",
+    "@clack/prompts": "^1.8.1",
+    "@rspack/core": "2.2.6",
+    "@types/node": "^26.5.1",
     "typescript": "^7.0.2",
-    "@rshono/core": "1.0.0-rc.20"
+    "@rshono/core": "1.0.0-rc.21"
   },
   "scripts": {
     "build": "node scripts/codegen.mjs && node scripts/build.mjs",