@danxbot/ui 20.18.3 → 20.19.0

package/dist/index.js

@@ -39519,29 +39519,30 @@ function nJ({
   steps: t,
   current: n,
   onCurrentChange: r,
-  onFinish: o,
-  backLabel: s = "Back",
-  nextLabel: i = "Next",
-  finishLabel: a = "Finish",
-  orientation: c = "horizontal",
-  children: l,
-  className: d
+  showControls: o = !0,
+  onFinish: s,
+  backLabel: i = "Back",
+  nextLabel: a = "Next",
+  finishLabel: c = "Finish",
+  orientation: l = "horizontal",
+  children: d,
+  className: f
 }) {
   of(t, n);
-  const f = jU(t, n), p = UU(t, n), h = n === t.length - 1, g = `stepper-blocked-${Rt()}`, x = c === "vertical";
-  return /* @__PURE__ */ R("div", { className: B("flex min-w-0 flex-col gap-6", d), children: [
+  const p = jU(t, n), h = UU(t, n), m = n === t.length - 1, x = `stepper-blocked-${Rt()}`, b = l === "vertical";
+  return /* @__PURE__ */ R("div", { className: B("flex min-w-0 flex-col gap-6", f), children: [
     /* @__PURE__ */ R("div", { className: "flex flex-wrap items-center gap-3", children: [
       /* @__PURE__ */ R("p", { className: "text-2xs font-semibold tracking-widest text-tertiary uppercase", children: [
         "Step ",
-        f.position,
+        p.position,
         " of ",
-        f.total
+        p.total
       ] }),
-      f.skipped > 0 && /* THE DISAGREEMENT, STATED. This is the chip a progress bar would
+      p.skipped > 0 && /* THE DISAGREEMENT, STATED. This is the chip a progress bar would
       have swallowed: the cursor is at step 4 and only two of the three
       behind it are finished. */
       /* @__PURE__ */ R(dt, { size: "sm", tone: "danger", dot: !0, children: [
-        f.skipped,
+        p.skipped,
         " skipped"
       ] })
     ] }),
@@ -39556,10 +39557,10 @@ function nJ({
              unpositioned scroller is not in its containing-block chain — so
              the strip would not clip it and its width would reach the
              document. See `scripts/probe-containment.mjs`. */
-          x ? "flex-col gap-1" : "relative flex-row items-center gap-3 overflow-x-auto"
+          b ? "flex-col gap-1" : "relative flex-row items-center gap-3 overflow-x-auto"
         ),
-        children: t.map((b, y) => {
-          const v = HU(t, n, y), C = GU[v], E = r !== void 0 && y < n, k = /* @__PURE__ */ R(Ke, { children: [
+        children: t.map((y, v) => {
+          const C = HU(t, n, v), E = GU[C], k = r !== void 0 && v < n, N = /* @__PURE__ */ R(Ke, { children: [
             /* @__PURE__ */ u(
               "span",
               {
@@ -39568,9 +39569,9 @@ function nJ({
                   "grid size-7 shrink-0 place-items-center rounded-full border",
                   "font-mono text-2xs tabular-nums",
                   "transition-colors duration-(--dur-base) ease-hover",
-                  C.marker
+                  E.marker
                 ),
-                children: C.icon === null ? y + 1 : /* @__PURE__ */ u(ae, { name: C.icon, size: "xs" })
+                children: E.icon === null ? v + 1 : /* @__PURE__ */ u(ae, { name: E.icon, size: "xs" })
               }
             ),
             /* @__PURE__ */ R("span", { className: "flex min-w-0 flex-col gap-0.5 text-left", children: [
@@ -39580,79 +39581,79 @@ function nJ({
                   className: B(
                     "truncate text-sm font-medium",
                     "transition-colors duration-(--dur-fast) ease-hover",
-                    C.label
+                    E.label
                   ),
-                  children: b.label
+                  children: y.label
                 }
               ),
-              b.hint && /* @__PURE__ */ u("span", { className: "truncate text-xs text-tertiary", children: b.hint })
+              y.hint && /* @__PURE__ */ u("span", { className: "truncate text-xs text-tertiary", children: y.hint })
             ] }),
             /* @__PURE__ */ R("span", { className: "sr-only", children: [
               ", ",
-              C.word
+              E.word
             ] })
-          ] }), N = "flex min-w-0 items-center gap-3 rounded-lg px-1 py-1";
+          ] }), S = "flex min-w-0 items-center gap-3 rounded-lg px-1 py-1";
           return /* @__PURE__ */ R(
             "li",
             {
-              "data-status": v,
-              "aria-current": y === n ? "step" : void 0,
-              className: B("flex min-w-0 items-center gap-3", !x && "flex-1"),
+              "data-status": C,
+              "aria-current": v === n ? "step" : void 0,
+              className: B("flex min-w-0 items-center gap-3", !b && "flex-1"),
               children: [
-                E ? /* @__PURE__ */ u(
+                k ? /* @__PURE__ */ u(
                   "button",
                   {
                     type: "button",
-                    onClick: () => r(y),
+                    onClick: () => r(v),
                     className: B(
-                      N,
+                      S,
                       "dx-tap cursor-pointer text-left outline-none",
                       "transition-colors duration-(--dur-fast) ease-hover",
                       "hover:bg-surface-hover",
                       "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent-border"
                     ),
-                    children: k
+                    children: N
                   }
-                ) : /* @__PURE__ */ u("span", { className: N, children: k }),
-                !x && y < t.length - 1 && /* @__PURE__ */ u("span", { "aria-hidden": "true", className: "h-px min-w-4 flex-1 bg-border-subtle" })
+                ) : /* @__PURE__ */ u("span", { className: S, children: N }),
+                !b && v < t.length - 1 && /* @__PURE__ */ u("span", { "aria-hidden": "true", className: "h-px min-w-4 flex-1 bg-border-subtle" })
               ]
             },
-            b.id
+            y.id
           );
         })
       }
     ),
-    l !== void 0 && /* @__PURE__ */ u("div", { className: "min-w-0", children: l }),
-    r !== void 0 && /* @__PURE__ */ R("div", { className: "flex flex-wrap items-center gap-3", children: [
+    d !== void 0 && /* @__PURE__ */ u("div", { className: "min-w-0", children: d }),
+    r !== void 0 && o && /* @__PURE__ */ R("div", { className: "flex flex-wrap items-center gap-3", children: [
       n > 0 && /* @__PURE__ */ u(
         Ze,
         {
           variant: "outline",
           onClick: () => r(n - 1),
           leadingIcon: /* @__PURE__ */ u(ae, { name: "arrow-left", size: "sm" }),
-          children: s
+          children: i
         }
       ),
-      (!h || o !== void 0) && /* @__PURE__ */ u(
+      (!m || s !== void 0) && /* @__PURE__ */ u(
         Ze,
         {
-          disabled: p !== null,
-          "aria-describedby": p !== null ? g : void 0,
+          disabled: h !== null,
+          "aria-describedby": h !== null ? x : void 0,
           onClick: () => {
-            h ? o?.() : r(n + 1);
+            m ? s?.() : r(n + 1);
           },
-          trailingIcon: h ? void 0 : /* @__PURE__ */ u(ae, { name: "arrow-right", size: "sm" }),
-          children: h ? a : i
+          trailingIcon: m ? void 0 : /* @__PURE__ */ u(ae, { name: "arrow-right", size: "sm" }),
+          children: m ? c : a
         }
       ),
-      p !== null && /* @__PURE__ */ R(
+      h !== null && /* @__PURE__ */ R(
         "p",
         {
-          id: g,
+          id: x,
           className: "flex min-w-0 items-center gap-1.5 text-sm text-warning-text",
           children: [
             /* @__PURE__ */ u(ae, { name: "triangle-alert", size: "sm", className: "shrink-0" }),
-            /* @__PURE__ */ u("span", { className: "min-w-0", children: p })
+            /* @__PURE__ */ u("span", { className: "min-w-0", children: h })
           ]
         }
       )