@danxbot/ui 26.5.1 → 26.5.3

package/dist/index.js

@@ -19390,12 +19390,17 @@ function Ko({
   children: d,
   ref: f
 }) {
-  const p = VE({ size: l }), h = pe().dialog, m = l === "full" ? "xs" : "sm", g = LE(t), v = FE(t, n), [b, x] = re(null), y = be(null), w = () => a ? b : y.current?.querySelector("[data-autofocus]") ?? !0, S = Ne(
-    (C) => {
-      y.current = C, x(C), typeof f == "function" ? f(C) : f && (f.current = C);
+  const p = VE({ size: l }), h = pe().dialog, m = l === "full" ? "xs" : "sm", g = LE(t), v = FE(t, n), b = be(null), x = Ne(
+    (w) => {
+      b.current = w, typeof f == "function" ? f(w) : f && (f.current = w);
     },
     [f]
-  );
+  ), y = (w) => {
+    const S = b.current;
+    if (a) return S;
+    const C = S?.querySelector("[data-autofocus]");
+    return C || (w === "touch" ? S : !0);
+  };
   return /* @__PURE__ */ M(sb, { open: t, onOpenChange: v, children: [
     e && /* @__PURE__ */ u(tf, { render: e }),
     /* @__PURE__ */ M(yl, { children: [
@@ -19403,10 +19408,10 @@ function Ko({
       /* @__PURE__ */ M(
         xl,
         {
-          ref: S,
+          ref: x,
           className: B(p.popup(), c),
           finalFocus: g,
-          initialFocus: w,
+          initialFocus: y,
           children: [
             /* @__PURE__ */ M("div", { className: p.header(), children: [
               /* @__PURE__ */ M("div", { className: "min-w-0 flex-1 basis-40", children: [
@@ -28498,6 +28503,9 @@ const OR = ht({
        instead of 12px everywhere else. The wrapper carries the group's vertical
        rhythm (cancelled at the two ends the divider does not need) so a child's
        own box keeps its own padding. */
+    /* `Children.toArray` first: it drops `false`/`null` (a conditional child), which
+       `Children.map` would hand to the callback and wrap as an empty, padded,
+       divided item. */
     item: "min-w-0 py-4 first:pt-0 last:pb-0"
   },
   variants: {
@@ -28581,7 +28589,7 @@ function Yee({
   const i = OR();
   return /* @__PURE__ */ M(bf, { className: o, children: [
     /* @__PURE__ */ u(TR, { title: e, description: t, titleAs: n }),
-    /* @__PURE__ */ u("div", { className: i.rows(), children: Dk.map(s, (a) => /* @__PURE__ */ u("div", { className: i.item(), "data-slot": "setting-group-item", children: a })) }),
+    /* @__PURE__ */ u("div", { className: i.rows(), children: Dk.toArray(s).map((a, l) => /* @__PURE__ */ u("div", { className: i.item(), "data-slot": "setting-group-item", children: a }, l)) }),
     r && /* @__PURE__ */ u(PR, { children: r })
   ] });
 }
@@ -36324,23 +36332,28 @@ function bte({
   ...s
 }) {
   const i = be(null);
-  return De(() => {
+  De(() => {
     r && i.current?.querySelector("input")?.focus();
-  }, [r]), /* @__PURE__ */ u(
+  }, [r]);
+  const a = Ne(
+    (l) => {
+      i.current = l, typeof o == "function" ? o(l) : o && (o.current = l);
+    },
+    [o]
+  );
+  return /* @__PURE__ */ u(
     fI,
     {
-      ref: (a) => {
-        i.current = a, typeof o == "function" ? o(a) : o && (o.current = a);
-      },
+      ref: a,
       length: e,
       className: B("flex items-center gap-2", n),
       ...s,
-      children: Array.from({ length: e }, (a, l) => /* @__PURE__ */ M("span", { className: "flex items-center gap-2", children: [
+      children: Array.from({ length: e }, (l, c) => /* @__PURE__ */ M("span", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ M("span", { className: "relative", children: [
           /* @__PURE__ */ u(
             pI,
             {
-              "data-autofocus": r && l === 0 ? "" : void 0,
+              "data-autofocus": r && c === 0 ? "" : void 0,
               className: B(
                 "peer",
                 "grid h-control-md w-11 place-items-center rounded-md",
@@ -36368,8 +36381,8 @@ function bte({
             }
           )
         ] }),
-        t && l === t - 1 && l < e - 1 && /* @__PURE__ */ u("span", { "aria-hidden": !0, className: "h-px w-2.5 rounded-full bg-border-strong" })
-      ] }, l))
+        t && c === t - 1 && c < e - 1 && /* @__PURE__ */ u("span", { "aria-hidden": !0, className: "h-px w-2.5 rounded-full bg-border-strong" })
+      ] }, c))
     }
   );
 }