asterui 0.12.62 → 0.12.63

package/dist/components/Command.js

@@ -1,219 +1,223 @@
-import { jsx as n, jsxs as m, Fragment as te } from "react/jsx-runtime";
-import W, { forwardRef as pe, useRef as H, useId as ne, useState as K, useCallback as V, useMemo as ee, useEffect as M, createContext as fe, useContext as he } from "react";
-const be = "modal", ge = "modal-box", Q = "kbd", Y = "kbd-xs", re = fe(null);
-function A() {
-  const r = he(re);
+import { jsx as n, jsxs as f, Fragment as re } from "react/jsx-runtime";
+import X, { forwardRef as he, useRef as W, useId as ae, useState as O, useCallback as V, useMemo as ne, useEffect as j, createContext as ge, useContext as be } from "react";
+const xe = "modal", ye = "modal-box", Z = "kbd", _ = "kbd-xs", se = ge(null);
+function D() {
+  const r = be(se);
   if (!r)
     throw new Error("Command compound components must be used within a Command");
   return r;
 }
-const xe = (r, c, s = []) => {
-  const d = c.toLowerCase();
-  return r.toLowerCase().includes(d) ? !0 : s.some((p) => p.toLowerCase().includes(d));
-}, se = pe(
+const ve = (r, c, a = []) => {
+  const i = c.toLowerCase();
+  return r.toLowerCase().includes(i) ? !0 : a.some((p) => p.toLowerCase().includes(i));
+}, oe = he(
   ({
     children: r,
     open: c,
-    onOpenChange: s,
-    defaultOpen: d = !1,
-    items: l,
-    filter: p = xe,
-    loop: f = !0,
+    onOpenChange: a,
+    defaultOpen: i = !1,
+    items: d,
+    filter: p = ve,
+    loop: b = !0,
     shortcut: x = ["k"],
     placeholder: I = "Type a command or search...",
-    emptyMessage: y = "No results found.",
-    className: q = "",
-    ...z
-  }, h) => {
-    const E = H(null), G = H(null), F = H(null), U = H(null), L = ne(), [$, X] = K(d), v = c !== void 0, D = v ? c : $, b = V(
+    emptyMessage: L = "No results found.",
+    className: C = "",
+    "data-testid": N,
+    ...J
+  }, M) => {
+    const h = W(null), A = W(null), B = W(null), Q = W(null), P = ae(), [q, T] = O(i), R = c !== void 0, $ = R ? c : q, u = V(
       (e) => {
-        v || X(e), s?.(e);
+        R || T(e), a?.(e);
       },
-      [v, s]
-    ), [k, j] = K(""), [g, w] = K(0), [O, Z] = K(/* @__PURE__ */ new Map()), [C, J] = K(["root"]), _ = C[C.length - 1], oe = V((e) => {
-      J((t) => [...t, e]), j(""), w(0);
-    }, []), B = V(() => {
-      C.length > 1 && (J((e) => e.slice(0, -1)), j(""), w(0));
-    }, [C.length]), le = V(
-      (e, t, a, i, u) => {
-        Z((o) => {
-          const S = new Map(o);
-          return S.set(e, { id: e, value: t, keywords: a, disabled: i, onSelect: u }), S;
+      [R, a]
+    ), [v, S] = O(""), [y, k] = O(0), [z, ee] = O(/* @__PURE__ */ new Map()), [w, Y] = O(["root"]), te = w[w.length - 1], ie = V((e) => {
+      Y((t) => [...t, e]), S(""), k(0);
+    }, []), K = V(() => {
+      w.length > 1 && (Y((e) => e.slice(0, -1)), S(""), k(0));
+    }, [w.length]), de = V(
+      (e, t, o, l, m) => {
+        ee((s) => {
+          const F = new Map(s);
+          return F.set(e, { id: e, value: t, keywords: o, disabled: l, onSelect: m }), F;
         });
       },
       []
-    ), ie = V((e) => {
-      Z((t) => {
-        const a = new Map(t);
-        return a.delete(e), a;
+    ), ce = V((e) => {
+      ee((t) => {
+        const o = new Map(t);
+        return o.delete(e), o;
       });
-    }, []), P = ee(() => l ? l.filter((t) => {
-      if (!k) return !0;
-      const a = typeof t.label == "string" ? t.label : "";
-      return p(a, k, t.keywords);
+    }, []), H = ne(() => d ? d.filter((t) => {
+      if (!v) return !0;
+      const o = typeof t.label == "string" ? t.label : "";
+      return p(o, v, t.keywords);
     }).map((t) => ({
       id: t.key,
       value: typeof t.label == "string" ? t.label : t.key,
       keywords: t.keywords || [],
       disabled: t.disabled || !1
-    })) : Array.from(O.values()).filter((t) => k ? p(t.value, k, t.keywords) : !0), [l, O, k, p]), N = ee(
-      () => P.filter((e) => !e.disabled),
-      [P]
-    ), R = V(
+    })) : Array.from(z.values()).filter((t) => v ? p(t.value, v, t.keywords) : !0), [d, z, v, p]), E = ne(
+      () => H.filter((e) => !e.disabled),
+      [H]
+    ), G = V(
       (e) => {
-        if (l) {
-          const t = l.find((a) => a.key === e);
-          t && !t.disabled && (t.onSelect?.(), b(!1));
+        if (d) {
+          const t = d.find((o) => o.key === e);
+          t && !t.disabled && (t.onSelect?.(), u(!1));
         } else {
-          const t = O.get(e);
-          t && !t.disabled && (t.onSelect?.(), b(!1));
+          const t = z.get(e);
+          t && !t.disabled && (t.onSelect?.(), u(!1));
         }
       },
-      [l, O, b]
+      [d, z, u]
     );
-    M(() => {
-      D && (j(""), w(0), J(["root"]));
-    }, [D]), M(() => {
-      const e = E.current;
-      e && (D ? e.open || (U.current = document.activeElement, e.showModal(), setTimeout(() => G.current?.focus(), 0)) : e.open && (e.close(), U.current?.focus()));
-    }, [D]), M(() => {
-      const e = E.current;
+    j(() => {
+      $ && (S(""), k(0), Y(["root"]));
+    }, [$]), j(() => {
+      const e = h.current;
+      e && ($ ? e.open || (Q.current = document.activeElement, e.showModal(), setTimeout(() => A.current?.focus(), 0)) : e.open && (e.close(), Q.current?.focus()));
+    }, [$]), j(() => {
+      const e = h.current;
       if (!e) return;
       const t = () => {
-        b(!1);
+        u(!1);
       };
       return e.addEventListener("close", t), () => e.removeEventListener("close", t);
-    }, [b]), M(() => {
+    }, [u]), j(() => {
       const e = (t) => {
-        const a = x[0]?.toLowerCase();
-        (t.metaKey || t.ctrlKey) && t.key.toLowerCase() === a && (t.preventDefault(), b(!D));
+        const o = x[0]?.toLowerCase();
+        (t.metaKey || t.ctrlKey) && t.key.toLowerCase() === o && (t.preventDefault(), u(!$));
       };
       return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-    }, [x, D, b]);
-    const ce = V(
+    }, [x, $, u]);
+    const ue = V(
       (e) => {
         switch (e.key) {
           case "ArrowDown": {
-            if (e.preventDefault(), N.length === 0) return;
-            w((t) => {
-              const a = t + 1;
-              return a >= N.length ? f ? 0 : t : a;
+            if (e.preventDefault(), E.length === 0) return;
+            k((t) => {
+              const o = t + 1;
+              return o >= E.length ? b ? 0 : t : o;
             });
             break;
           }
           case "ArrowUp": {
-            if (e.preventDefault(), N.length === 0) return;
-            w((t) => {
-              const a = t - 1;
-              return a < 0 ? f ? N.length - 1 : 0 : a;
+            if (e.preventDefault(), E.length === 0) return;
+            k((t) => {
+              const o = t - 1;
+              return o < 0 ? b ? E.length - 1 : 0 : o;
             });
             break;
           }
           case "Enter": {
             e.preventDefault();
-            const t = N[g];
-            t && R(t.id);
+            const t = E[y];
+            t && G(t.id);
             break;
           }
           case "Escape": {
-            e.preventDefault(), C.length > 1 ? B() : b(!1);
+            e.preventDefault(), w.length > 1 ? K() : u(!1);
             break;
           }
           case "Backspace": {
-            k === "" && C.length > 1 && (e.preventDefault(), B());
+            v === "" && w.length > 1 && (e.preventDefault(), K());
             break;
           }
         }
       },
-      [N, g, f, R, C, B, k, b]
+      [E, y, b, G, w, K, v, u]
     );
-    M(() => {
-      g >= 0 && F.current && F.current.querySelectorAll("[data-command-item]")[g]?.scrollIntoView({ block: "nearest" });
-    }, [g]);
-    const de = (e) => {
-      e.target === E.current && b(!1);
-    }, ue = {
-      searchValue: k,
-      setSearchValue: j,
-      highlightedIndex: g,
-      setHighlightedIndex: w,
-      registerItem: (e, t, a, i) => le(e, t, a, i),
-      unregisterItem: ie,
-      filteredItems: P,
-      selectItem: R,
-      loop: f,
-      baseId: L,
-      currentPage: _,
-      setPage: oe,
-      goBack: B,
-      pageStack: C
-    }, me = () => {
-      if (!l) return null;
+    j(() => {
+      y >= 0 && B.current && B.current.querySelectorAll("[data-command-item]")[y]?.scrollIntoView({ block: "nearest" });
+    }, [y]);
+    const pe = (e) => {
+      e.target === h.current && u(!1);
+    }, g = (e) => N ? `${N}-${e}` : void 0, me = {
+      searchValue: v,
+      setSearchValue: S,
+      highlightedIndex: y,
+      setHighlightedIndex: k,
+      registerItem: (e, t, o, l) => de(e, t, o, l),
+      unregisterItem: ce,
+      filteredItems: H,
+      selectItem: G,
+      loop: b,
+      baseId: P,
+      currentPage: te,
+      setPage: ie,
+      goBack: K,
+      pageStack: w,
+      getTestId: g
+    }, fe = () => {
+      if (!d) return null;
       const e = /* @__PURE__ */ new Map(), t = [];
-      P.forEach((i) => {
-        const u = l.find((o) => o.key === i.id);
-        if (u)
-          if (u.group) {
-            const o = e.get(u.group) || [];
-            o.push(u), e.set(u.group, o);
+      H.forEach((l) => {
+        const m = d.find((s) => s.key === l.id);
+        if (m)
+          if (m.group) {
+            const s = e.get(m.group) || [];
+            s.push(m), e.set(m.group, s);
           } else
-            t.push(u);
+            t.push(m);
       });
-      let a = 0;
-      return /* @__PURE__ */ m(te, { children: [
-        Array.from(e.entries()).map(([i, u]) => /* @__PURE__ */ m("div", { role: "group", "aria-label": i, children: [
-          /* @__PURE__ */ n("div", { className: "px-3 py-2 text-xs font-semibold text-base-content/60 uppercase tracking-wider", children: i }),
-          u.map((o) => {
-            const S = a++, T = S === g;
-            return /* @__PURE__ */ m(
+      let o = 0;
+      return /* @__PURE__ */ f(re, { children: [
+        Array.from(e.entries()).map(([l, m]) => /* @__PURE__ */ f("div", { role: "group", "aria-label": l, "data-testid": g(`group-${l}`), children: [
+          /* @__PURE__ */ n("div", { className: "px-3 py-2 text-xs font-semibold text-base-content/60 uppercase tracking-wider", children: l }),
+          m.map((s) => {
+            const F = o++, U = F === y;
+            return /* @__PURE__ */ f(
               "div",
               {
                 role: "option",
-                "aria-selected": T,
-                "aria-disabled": o.disabled,
+                "aria-selected": U,
+                "aria-disabled": s.disabled,
                 "data-command-item": !0,
-                "data-highlighted": T,
+                "data-highlighted": U,
                 className: [
                   "px-3 py-2 cursor-pointer flex items-center gap-3",
-                  T && "bg-primary text-primary-content",
-                  !T && "hover:bg-base-200",
-                  o.disabled && "opacity-50 cursor-not-allowed"
+                  U && "bg-primary text-primary-content",
+                  !U && "hover:bg-base-200",
+                  s.disabled && "opacity-50 cursor-not-allowed"
                 ].filter(Boolean).join(" "),
-                onClick: () => !o.disabled && R(o.key),
-                onMouseEnter: () => !o.disabled && w(S),
+                "data-testid": g(`item-${s.key}`),
+                onClick: () => !s.disabled && G(s.key),
+                onMouseEnter: () => !s.disabled && k(F),
                 children: [
-                  o.icon && /* @__PURE__ */ n("span", { className: "w-5 h-5", children: o.icon }),
-                  /* @__PURE__ */ n("span", { children: o.label })
+                  s.icon && /* @__PURE__ */ n("span", { className: "w-5 h-5", children: s.icon }),
+                  /* @__PURE__ */ n("span", { children: s.label })
                 ]
               },
-              o.key
+              s.key
             );
           })
-        ] }, i)),
-        t.length > 0 && /* @__PURE__ */ n("div", { role: "group", children: t.map((i) => {
-          const u = a++, o = u === g;
-          return /* @__PURE__ */ m(
+        ] }, l)),
+        t.length > 0 && /* @__PURE__ */ n("div", { role: "group", "data-testid": g("group-ungrouped"), children: t.map((l) => {
+          const m = o++, s = m === y;
+          return /* @__PURE__ */ f(
             "div",
             {
               role: "option",
-              "aria-selected": o,
-              "aria-disabled": i.disabled,
+              "aria-selected": s,
+              "aria-disabled": l.disabled,
               "data-command-item": !0,
-              "data-highlighted": o,
+              "data-highlighted": s,
               className: [
                 "px-3 py-2 cursor-pointer flex items-center gap-3",
-                o && "bg-primary text-primary-content",
-                !o && "hover:bg-base-200",
-                i.disabled && "opacity-50 cursor-not-allowed"
+                s && "bg-primary text-primary-content",
+                !s && "hover:bg-base-200",
+                l.disabled && "opacity-50 cursor-not-allowed"
               ].filter(Boolean).join(" "),
-              onClick: () => !i.disabled && R(i.key),
-              onMouseEnter: () => !i.disabled && w(u),
+              "data-testid": g(`item-${l.key}`),
+              onClick: () => !l.disabled && G(l.key),
+              onMouseEnter: () => !l.disabled && k(m),
               children: [
-                i.icon && /* @__PURE__ */ n("span", { className: "w-5 h-5", children: i.icon }),
-                /* @__PURE__ */ n("span", { children: i.label })
+                l.icon && /* @__PURE__ */ n("span", { className: "w-5 h-5", children: l.icon }),
+                /* @__PURE__ */ n("span", { children: l.label })
               ]
             },
-            i.key
+            l.key
           );
         }) })
       ] });
@@ -222,32 +226,35 @@ const xe = (r, c, s = []) => {
       "dialog",
       {
         ref: (e) => {
-          E.current = e, typeof h == "function" ? h(e) : h && (h.current = e);
+          h.current = e, typeof M == "function" ? M(e) : M && (M.current = e);
         },
-        className: `${be} ${q}`,
-        onClick: de,
-        ...z,
+        className: `${xe} ${C}`,
+        onClick: pe,
+        "data-testid": N,
+        ...J,
         children: /* @__PURE__ */ n(
           "div",
           {
-            className: `${ge} p-0 max-w-lg w-full overflow-hidden`,
+            className: `${ye} p-0 max-w-lg w-full overflow-hidden`,
             role: "dialog",
             "aria-modal": "true",
             "aria-label": "Command palette",
-            children: /* @__PURE__ */ m(re.Provider, { value: ue, children: [
-              C.length > 1 && /* @__PURE__ */ m("div", { className: "px-3 py-2 border-b border-base-content/10 flex items-center gap-2 text-sm", children: [
+            "data-testid": g("dialog"),
+            children: /* @__PURE__ */ f(se.Provider, { value: me, children: [
+              w.length > 1 && /* @__PURE__ */ f("div", { className: "px-3 py-2 border-b border-base-content/10 flex items-center gap-2 text-sm", children: [
                 /* @__PURE__ */ n(
                   "button",
                   {
-                    onClick: B,
+                    onClick: K,
                     className: "hover:bg-base-200 rounded p-1",
                     "aria-label": "Go back",
+                    "data-testid": g("back"),
                     children: /* @__PURE__ */ n("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" }) })
                   }
                 ),
-                /* @__PURE__ */ n("span", { className: "text-base-content/60", children: _ })
+                /* @__PURE__ */ n("span", { className: "text-base-content/60", children: te })
               ] }),
-              /* @__PURE__ */ n("div", { className: "px-3 py-3 border-b border-base-content/10", children: /* @__PURE__ */ m("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ n("div", { className: "px-3 py-3 border-b border-base-content/10", children: /* @__PURE__ */ f("div", { className: "flex items-center gap-3", children: [
                 /* @__PURE__ */ n(
                   "svg",
                   {
@@ -269,46 +276,55 @@ const xe = (r, c, s = []) => {
                 /* @__PURE__ */ n(
                   "input",
                   {
-                    ref: G,
+                    ref: A,
                     type: "text",
                     className: "flex-1 bg-transparent border-none outline-none text-base placeholder:text-base-content/50",
                     placeholder: I,
-                    value: k,
+                    value: v,
                     onChange: (e) => {
-                      j(e.target.value), w(0);
+                      S(e.target.value), k(0);
                     },
-                    onKeyDown: ce,
+                    onKeyDown: ue,
                     role: "combobox",
                     "aria-expanded": "true",
-                    "aria-controls": `${L}-listbox`,
-                    "aria-activedescendant": N[g] ? `${L}-item-${N[g].id}` : void 0
+                    "aria-controls": `${P}-listbox`,
+                    "aria-activedescendant": E[y] ? `${P}-item-${E[y].id}` : void 0,
+                    "data-testid": g("input")
                   }
                 )
               ] }) }),
               /* @__PURE__ */ n(
                 "div",
                 {
-                  ref: F,
+                  ref: B,
                   className: "max-h-80 overflow-y-auto py-2",
                   role: "listbox",
-                  id: `${L}-listbox`,
-                  children: l ? P.length > 0 ? me() : /* @__PURE__ */ n("div", { className: "px-3 py-8 text-center text-base-content/60", children: y }) : r
+                  id: `${P}-listbox`,
+                  "data-testid": g("list"),
+                  children: d ? H.length > 0 ? fe() : /* @__PURE__ */ n("div", { className: "px-3 py-8 text-center text-base-content/60", "data-testid": g("empty"), children: L }) : r
                 }
               ),
-              /* @__PURE__ */ n("div", { className: "px-3 py-2 border-t border-base-content/10 flex items-center justify-between text-xs text-base-content/50", children: /* @__PURE__ */ m("div", { className: "flex items-center gap-4", children: [
-                /* @__PURE__ */ m("span", { className: "flex items-center gap-1", children: [
-                  /* @__PURE__ */ n("kbd", { className: `${Q} ${Y}`, children: "↑↓" }),
-                  " navigate"
-                ] }),
-                /* @__PURE__ */ m("span", { className: "flex items-center gap-1", children: [
-                  /* @__PURE__ */ n("kbd", { className: `${Q} ${Y}`, children: "↵" }),
-                  " select"
-                ] }),
-                /* @__PURE__ */ m("span", { className: "flex items-center gap-1", children: [
-                  /* @__PURE__ */ n("kbd", { className: `${Q} ${Y}`, children: "esc" }),
-                  " close"
-                ] })
-              ] }) })
+              /* @__PURE__ */ n(
+                "div",
+                {
+                  className: "px-3 py-2 border-t border-base-content/10 flex items-center justify-between text-xs text-base-content/50",
+                  "data-testid": g("footer"),
+                  children: /* @__PURE__ */ f("div", { className: "flex items-center gap-4", children: [
+                    /* @__PURE__ */ f("span", { className: "flex items-center gap-1", children: [
+                      /* @__PURE__ */ n("kbd", { className: `${Z} ${_}`, children: "↑↓" }),
+                      " navigate"
+                    ] }),
+                    /* @__PURE__ */ f("span", { className: "flex items-center gap-1", children: [
+                      /* @__PURE__ */ n("kbd", { className: `${Z} ${_}`, children: "↵" }),
+                      " select"
+                    ] }),
+                    /* @__PURE__ */ f("span", { className: "flex items-center gap-1", children: [
+                      /* @__PURE__ */ n("kbd", { className: `${Z} ${_}`, children: "esc" }),
+                      " close"
+                    ] })
+                  ] })
+                }
+              )
             ] })
           }
         )
@@ -316,78 +332,90 @@ const xe = (r, c, s = []) => {
     );
   }
 );
-se.displayName = "Command";
-function ye({ placeholder: r, value: c, onValueChange: s, ...d }) {
-  const { searchValue: l, setSearchValue: p } = A();
+oe.displayName = "Command";
+function ke({ placeholder: r, value: c, onValueChange: a, "data-testid": i, ...d }) {
+  const { searchValue: p, setSearchValue: b, getTestId: x } = D();
   return /* @__PURE__ */ n(
     "input",
     {
       type: "text",
       className: "flex-1 bg-transparent border-none outline-none text-base placeholder:text-base-content/50",
       placeholder: r,
-      value: c !== void 0 ? c : l,
-      onChange: (I) => {
-        const y = I.target.value;
-        s ? s(y) : p(y);
+      value: c !== void 0 ? c : p,
+      onChange: (C) => {
+        const N = C.target.value;
+        a ? a(N) : b(N);
       },
+      "data-testid": i ?? x?.("input"),
       ...d
     }
   );
 }
-function ve({ children: r }) {
-  const { baseId: c, currentPage: s } = A(), d = W.Children.toArray(r).filter((l) => W.isValidElement(l) ? l.type === ae ? l.props.id === s : s === "root" : !1);
-  return /* @__PURE__ */ n("div", { role: "listbox", id: `${c}-listbox`, className: "py-2", children: d });
+function we({ children: r }) {
+  const { baseId: c, currentPage: a, getTestId: i } = D(), d = X.Children.toArray(r).filter((p) => X.isValidElement(p) ? p.type === le ? p.props.id === a : a === "root" : !1);
+  return /* @__PURE__ */ n("div", { role: "listbox", id: `${c}-listbox`, className: "py-2", "data-testid": i?.("list"), children: d });
 }
-function ke({ heading: r, children: c }) {
-  const { searchValue: s, filteredItems: d } = A(), p = W.Children.toArray(c).some((f) => {
-    if (!W.isValidElement(f)) return !1;
-    const x = f.props, I = x.value || "";
-    return s ? d.some((y) => y.value === I || y.id === x.value) : !0;
+function Ie({ heading: r, children: c }) {
+  const { searchValue: a, filteredItems: i, getTestId: d } = D(), b = X.Children.toArray(c).some((x) => {
+    if (!X.isValidElement(x)) return !1;
+    const I = x.props, L = I.value || "";
+    return a ? i.some((C) => C.value === L || C.id === I.value) : !0;
   });
-  return s && !p ? null : /* @__PURE__ */ m("div", { role: "group", "aria-label": typeof r == "string" ? r : void 0, children: [
-    r && /* @__PURE__ */ n("div", { className: "px-3 py-2 text-xs font-semibold text-base-content/60 uppercase tracking-wider", children: r }),
-    c
-  ] });
+  return a && !b ? null : /* @__PURE__ */ f(
+    "div",
+    {
+      role: "group",
+      "aria-label": typeof r == "string" ? r : void 0,
+      "data-testid": d?.(`group-${typeof r == "string" ? r : "group"}`),
+      children: [
+        r && /* @__PURE__ */ n("div", { className: "px-3 py-2 text-xs font-semibold text-base-content/60 uppercase tracking-wider", children: r }),
+        c
+      ]
+    }
+  );
 }
-function we({
+function Ce({
   children: r,
   value: c,
-  onSelect: s,
-  disabled: d = !1,
-  keywords: l = [],
-  icon: p
+  onSelect: a,
+  disabled: i = !1,
+  keywords: d = [],
+  icon: p,
+  "data-testid": b
 }) {
   const {
-    registerItem: f,
-    unregisterItem: x,
-    filteredItems: I,
-    highlightedIndex: y,
-    setHighlightedIndex: q,
-    baseId: z
-  } = A(), h = ne(), E = c || (typeof r == "string" ? r : "");
-  M(() => (f(h, E, l, d), () => x(h)), [h, E, l, d, f, x]);
-  const G = H(s);
-  if (G.current = s, !I.some((v) => v.id === h)) return null;
-  const L = I.filter((v) => !v.disabled).findIndex((v) => v.id === h), $ = L === y, X = () => {
-    !d && s && s();
+    registerItem: x,
+    unregisterItem: I,
+    filteredItems: L,
+    highlightedIndex: C,
+    setHighlightedIndex: N,
+    baseId: J,
+    getTestId: M
+  } = D(), h = ae(), A = c || (typeof r == "string" ? r : "");
+  j(() => (x(h, A, d, i), () => I(h)), [h, A, d, i, x, I]);
+  const B = W(a);
+  if (B.current = a, !L.some((u) => u.id === h)) return null;
+  const q = L.filter((u) => !u.disabled).findIndex((u) => u.id === h), T = q === C, R = b ?? M?.(`item-${A || h}`), $ = () => {
+    !i && a && a();
   };
-  return /* @__PURE__ */ m(
+  return /* @__PURE__ */ f(
     "div",
     {
-      id: `${z}-item-${h}`,
+      id: `${J}-item-${h}`,
       role: "option",
-      "aria-selected": $,
-      "aria-disabled": d,
+      "aria-selected": T,
+      "aria-disabled": i,
       "data-command-item": !0,
-      "data-highlighted": $,
+      "data-highlighted": T,
+      "data-testid": R,
       className: [
         "px-3 py-2 cursor-pointer flex items-center gap-3",
-        $ && "bg-primary text-primary-content",
-        !$ && "hover:bg-base-200",
-        d && "opacity-50 cursor-not-allowed"
+        T && "bg-primary text-primary-content",
+        !T && "hover:bg-base-200",
+        i && "opacity-50 cursor-not-allowed"
       ].filter(Boolean).join(" "),
-      onClick: X,
-      onMouseEnter: () => !d && q(L),
+      onClick: $,
+      onMouseEnter: () => !i && N(q),
       children: [
         p && /* @__PURE__ */ n("span", { className: "w-5 h-5", children: p }),
         /* @__PURE__ */ n("span", { children: r })
@@ -395,28 +423,29 @@ function we({
     }
   );
 }
-function Ce({ children: r = "No results found." }) {
-  const { filteredItems: c, searchValue: s } = A();
-  return c.length > 0 || !s ? null : /* @__PURE__ */ n("div", { className: "px-3 py-8 text-center text-base-content/60", children: r });
+function Ne({ children: r = "No results found." }) {
+  const { filteredItems: c, searchValue: a, getTestId: i } = D();
+  return c.length > 0 || !a ? null : /* @__PURE__ */ n("div", { className: "px-3 py-8 text-center text-base-content/60", "data-testid": i?.("empty"), children: r });
 }
-function ae({ id: r, children: c }) {
-  const { currentPage: s } = A();
-  return s !== r ? null : /* @__PURE__ */ n(te, { children: c });
+function le({ id: r, children: c }) {
+  const { currentPage: a } = D();
+  return a !== r ? null : /* @__PURE__ */ n(re, { children: c });
 }
-function Ie() {
-  return /* @__PURE__ */ n("div", { className: "my-2 border-t border-base-content/10", role: "separator" });
+function $e() {
+  const { getTestId: r } = D();
+  return /* @__PURE__ */ n("div", { className: "my-2 border-t border-base-content/10", role: "separator", "data-testid": r?.("separator") });
 }
-const Le = Object.assign(se, {
-  Input: ye,
-  List: ve,
-  Group: ke,
-  Item: we,
-  Empty: Ce,
-  Page: ae,
-  Separator: Ie
+const Ve = Object.assign(oe, {
+  Input: ke,
+  List: we,
+  Group: Ie,
+  Item: Ce,
+  Empty: Ne,
+  Page: le,
+  Separator: $e
 });
 export {
-  Le as Command,
-  Le as default
+  Ve as Command,
+  Ve as default
 };
 //# sourceMappingURL=Command.js.map