@inkeep/cxkit-primitives 0.5.36 → 0.5.38

package/dist/atoms/cmdk/index.js

@@ -1,18 +1,31 @@
-import { jsxs as Y, jsx as h } from "react/jsx-runtime";
-import * as G from "@radix-ui/react-dialog";
+import { jsxs as ee, jsx as g } from "react/jsx-runtime";
+import * as K from "@radix-ui/react-dialog";
 import * as c from "react";
-import { commandScore as be } from "./command-score.js";
-import { Primitive as R } from "@radix-ui/react-primitive";
-import { useId as T } from "@radix-ui/react-id";
-import { s as Se } from "../../node_modules/.pnpm/use-sync-external-store@1.4.0_react@19.0.0/node_modules/use-sync-external-store/shim/index.js";
-import { ASK_AI_TRIGGER_VALUE as Ee } from "../../components/embedded-search.js";
-import { useShadow as Ce } from "../shadow/context.js";
-const D = '[cmdk-group=""]', Q = '[cmdk-group-items=""]', we = '[cmdk-group-heading=""]', le = '[cmdk-item=""]', ie = `${le}:not([aria-disabled="true"])`, X = "cmdk-item-select", L = "data-value", ye = (r, n, t) => be(r, n, t ?? []), ue = c.createContext(void 0), O = () => c.useContext(ue), ae = c.createContext(void 0), Z = () => c.useContext(ae), de = c.createContext(void 0), fe = c.forwardRef((r, n) => {
-  const t = M(() => ({
+import { useCallback as ae, useMemo as Ee } from "react";
+import { commandScore as Ce } from "./command-score.js";
+import { Primitive as k } from "@radix-ui/react-primitive";
+import { useId as F } from "@radix-ui/react-id";
+import { s as we } from "../../node_modules/.pnpm/use-sync-external-store@1.4.0_react@19.0.0/node_modules/use-sync-external-store/shim/index.js";
+import { ASK_AI_TRIGGER_VALUE as ye } from "../../constants/search.js";
+import { useShadow as Re } from "../shadow/context.js";
+const T = '[cmdk-group=""]', Y = '[cmdk-group-items=""]', Ie = '[cmdk-group-heading=""]', de = '[cmdk-item=""]', ue = `${de}:not([aria-disabled="true"])`, Z = "cmdk-item-select", M = "data-value", xe = (t, n, r) => Ce(t, n, r ?? []), fe = c.createContext(void 0), G = () => c.useContext(fe), me = c.createContext(void 0), te = () => c.useContext(me), ve = c.createContext(void 0), he = c.forwardRef((t, n) => {
+  const r = P(() => /* @__PURE__ */ new Set()), i = P(() => /* @__PURE__ */ new Map()), u = P(() => /* @__PURE__ */ new Map()), f = P(() => /* @__PURE__ */ new Set()), s = ge(t), {
+    label: v,
+    children: d,
+    value: S,
+    onValueChange: C,
+    filter: y,
+    shouldFilter: w,
+    loop: R,
+    disablePointerSelection: L = !1,
+    vimBindings: N = !0,
+    defaultSearch: re,
+    ...U
+  } = t, h = P(() => ({
     /** Value of the search query. */
-    search: "",
+    search: re ?? "",
     /** Currently selected item value. */
-    value: r.value ?? r.defaultValue ?? "",
+    value: t.value ?? t.defaultValue ?? "",
     /** Currently selected item id. */
     selectedItemId: void 0,
     filtered: {
@@ -23,321 +36,315 @@ const D = '[cmdk-group=""]', Q = '[cmdk-group-items=""]', we = '[cmdk-group-head
       /** Set of groups with at least one visible item. */
       groups: /* @__PURE__ */ new Set()
     }
-  })), a = M(() => /* @__PURE__ */ new Set()), s = M(() => /* @__PURE__ */ new Map()), d = M(() => /* @__PURE__ */ new Map()), f = M(() => /* @__PURE__ */ new Set()), m = me(r), {
-    label: u,
-    children: I,
-    value: b,
-    onValueChange: C,
-    filter: x,
-    shouldFilter: E,
-    loop: _,
-    disablePointerSelection: he = !1,
-    vimBindings: B = !0,
-    ...N
-  } = r, ee = T(), U = T(), p = T(), w = c.useRef(null), y = De();
-  A(() => {
-    if (b !== void 0) {
-      const e = b.trim();
-      t.current.value = e, S.emit();
+  })), $ = F(), j = F(), b = F(), I = c.useRef(null), x = Oe();
+  _(() => {
+    if (S !== void 0) {
+      const e = S.trim();
+      h.current.value = e, E.emit();
     }
-  }, [b]), A(() => {
-    y(6, re);
+  }, [S]), _(() => {
+    x(6, oe);
   }, []);
-  const ge = Ce(), S = c.useMemo(() => ({
+  const be = Re(), E = c.useMemo(() => ({
     subscribe: (e) => (f.current.add(e), () => f.current.delete(e)),
-    snapshot: () => t.current,
-    setState: (e, i, o) => {
-      if (!Object.is(t.current[e], i)) {
-        if (t.current[e] = i, e === "search")
-          z(), j(), y(1, q);
-        else if (e === "value" && (ge?.shadowHost?.shadowRoot?.activeElement?.hasAttribute("cmdk-input") || y(1, () => {
-          k()?.focus();
-        }), y(7, () => {
-          t.current.selectedItemId = k()?.id, S.emit();
-        }), o || y(5, re), m.current?.value !== void 0)) {
-          const g = i ?? "";
-          m.current.onValueChange?.(g);
+    snapshot: () => h.current,
+    setState: (e, l, o) => {
+      if (!Object.is(h.current[e], l)) {
+        if (h.current[e] = l, e === "search")
+          W(), z(), x(1, H);
+        else if (e === "value" && (be?.shadowHost?.shadowRoot?.activeElement?.hasAttribute("cmdk-input") || x(1, () => {
+          A()?.focus();
+        }), x(7, () => {
+          h.current.selectedItemId = A()?.id, E.emit();
+        }), o || x(5, oe), s.current?.value !== void 0)) {
+          const p = l ?? "";
+          s.current.onValueChange?.(p);
           return;
         }
-        S.emit();
+        E.emit();
       }
     },
     emit: () => {
       f.current.forEach((e) => e());
     }
-  }), []), $ = c.useMemo(
+  }), []), q = c.useMemo(
     () => ({
       // Keep id → {value, keywords} mapping up-to-date
-      value: (e, i, o) => {
-        i !== d.current.get(e)?.value && (d.current.set(e, { value: i, keywords: o }), t.current.filtered.items.set(e, te(i, o)), y(2, () => {
-          j(), S.emit();
+      value: (e, l, o) => {
+        l !== u.current.get(e)?.value && (u.current.set(e, { value: l, keywords: o }), h.current.filtered.items.set(e, ne(l, o)), x(2, () => {
+          z(), E.emit();
         }));
       },
       // Track item lifecycle (mount, unmount)
-      item: (e, i) => (a.current.add(e), i && (s.current.has(i) ? s.current?.get(i)?.add(e) : s.current.set(i, /* @__PURE__ */ new Set([e]))), y(3, () => {
-        z(), j(), t.current.value || q(), S.emit();
+      item: (e, l) => (r.current.add(e), l && (i.current.has(l) ? i.current?.get(l)?.add(e) : i.current.set(l, /* @__PURE__ */ new Set([e]))), x(3, () => {
+        W(), z(), h.current.value || H(), E.emit();
       }), () => {
-        d.current.delete(e), a.current.delete(e), t.current.filtered.items.delete(e);
-        const o = k();
-        y(4, () => {
-          z(), o?.getAttribute("id") === e && q(), S.emit();
+        u.current.delete(e), r.current.delete(e), h.current.filtered.items.delete(e);
+        const o = A();
+        x(4, () => {
+          W(), o?.getAttribute("id") === e && H(), E.emit();
         });
       }),
       // Track group lifecycle (mount, unmount)
-      group: (e) => (s.current.has(e) || s.current.set(e, /* @__PURE__ */ new Set()), () => {
-        d.current.delete(e), s.current.delete(e);
+      group: (e) => (i.current.has(e) || i.current.set(e, /* @__PURE__ */ new Set()), () => {
+        u.current.delete(e), i.current.delete(e);
       }),
-      filter: () => !!m.current.shouldFilter,
-      label: u || r["aria-label"] || "",
-      getDisablePointerSelection: () => !!m.current.disablePointerSelection,
-      listId: ee,
-      inputId: p,
-      labelId: U,
-      listInnerRef: w
+      filter: () => !!s.current.shouldFilter,
+      label: v || t["aria-label"] || "",
+      getDisablePointerSelection: () => !!s.current.disablePointerSelection,
+      listId: $,
+      inputId: b,
+      labelId: j,
+      listInnerRef: I
     }),
     []
   );
-  function te(e, i) {
-    const o = m.current?.filter ?? ye;
-    return e ? o?.(e, t.current.search, i) : 0;
+  function ne(e, l) {
+    const o = s.current?.filter ?? xe;
+    return e ? o?.(e, h.current.search, l) : 0;
   }
-  function j() {
-    if (!t.current.search || // Explicitly false, because true | undefined is the default
-    m.current.shouldFilter === !1)
+  function z() {
+    if (!h.current.search || // Explicitly false, because true | undefined is the default
+    s.current.shouldFilter === !1)
       return;
-    const e = t.current.filtered.items, i = [];
-    t.current.filtered.groups.forEach((l) => {
-      const v = s.current.get(l);
-      let g = 0;
-      v.forEach((J) => {
-        const pe = e.get(J);
-        g = Math.max(pe, g);
-      }), i.push([l, g]);
+    const e = h.current.filtered.items, l = [];
+    h.current.filtered.groups.forEach((a) => {
+      const m = i.current.get(a);
+      let p = 0;
+      m.forEach((X) => {
+        const Se = e.get(X);
+        p = Math.max(Se, p);
+      }), l.push([a, p]);
     });
-    const o = w.current;
-    V().sort((l, v) => {
-      const g = l.getAttribute("id"), J = v.getAttribute("id");
-      return (e.get(J) ?? 0) - (e.get(g) ?? 0);
-    }).forEach((l) => {
-      const v = l.closest(Q);
-      if (v) {
-        const g = l.parentElement === v ? l : l.closest(`${Q} > *`);
-        g && v.appendChild(g);
+    const o = I.current;
+    D().sort((a, m) => {
+      const p = a.getAttribute("id"), X = m.getAttribute("id");
+      return (e.get(X) ?? 0) - (e.get(p) ?? 0);
+    }).forEach((a) => {
+      const m = a.closest(Y);
+      if (m) {
+        const p = a.parentElement === m ? a : a.closest(`${Y} > *`);
+        p && m.appendChild(p);
       } else {
-        const g = l.parentElement === o ? l : l.closest(`${Q} > *`);
-        g && o?.appendChild(g);
+        const p = a.parentElement === o ? a : a.closest(`${Y} > *`);
+        p && o?.appendChild(p);
       }
-    }), i.sort((l, v) => v[1] - l[1]).forEach((l) => {
-      const v = w.current?.querySelector(
-        `${D}[${L}="${encodeURIComponent(l[0])}"]`
+    }), l.sort((a, m) => m[1] - a[1]).forEach((a) => {
+      const m = I.current?.querySelector(
+        `${T}[${M}="${encodeURIComponent(a[0])}"]`
       );
-      v?.parentElement?.appendChild(v);
+      m?.parentElement?.appendChild(m);
     });
   }
-  function q() {
-    const i = V().find(
-      (o) => o.getAttribute("aria-disabled") !== "true" && o.getAttribute("data-value") !== Ee
-    )?.getAttribute(L);
-    S.setState("value", i || void 0);
+  function H() {
+    const l = D().find(
+      (o) => o.getAttribute("aria-disabled") !== "true" && o.getAttribute("data-value") !== ye
+    )?.getAttribute(M);
+    E.setState("value", l || void 0);
   }
-  function z() {
-    if (!t.current.search || // Explicitly false, because true | undefined is the default
-    m.current.shouldFilter === !1) {
-      t.current.filtered.count = a.current.size;
+  function W() {
+    if (!h.current.search || // Explicitly false, because true | undefined is the default
+    s.current.shouldFilter === !1) {
+      h.current.filtered.count = r.current.size;
       return;
     }
-    t.current.filtered.groups = /* @__PURE__ */ new Set();
+    h.current.filtered.groups = /* @__PURE__ */ new Set();
     let e = 0;
-    for (const i of a.current) {
-      const o = d.current.get(i)?.value ?? "", l = d.current.get(i)?.keywords ?? [], v = te(o, l);
-      t.current.filtered.items.set(i, v), v > 0 && e++;
+    for (const l of r.current) {
+      const o = u.current.get(l)?.value ?? "", a = u.current.get(l)?.keywords ?? [], m = ne(o, a);
+      h.current.filtered.items.set(l, m), m > 0 && e++;
     }
-    for (const [i, o] of s.current)
-      for (const l of o) {
-        const v = t.current.filtered.items.get(l);
-        if (v && v > 0) {
-          t.current.filtered.groups.add(i);
+    for (const [l, o] of i.current)
+      for (const a of o) {
+        const m = h.current.filtered.items.get(a);
+        if (m && m > 0) {
+          h.current.filtered.groups.add(l);
           break;
         }
       }
-    t.current.filtered.count = e;
+    h.current.filtered.count = e;
   }
-  function re() {
-    const e = k();
-    e && (e.parentElement?.firstChild === e && e.closest(D)?.querySelector(we)?.scrollIntoView({ block: "nearest" }), e.scrollIntoView({ block: "nearest" }));
+  function oe() {
+    const e = A();
+    e && (e.parentElement?.firstChild === e && e.closest(T)?.querySelector(Ie)?.scrollIntoView({ block: "nearest" }), e.scrollIntoView({ block: "nearest" }));
   }
-  function k() {
-    return w.current?.querySelector(`${le}[aria-selected="true"]`);
+  function A() {
+    return I.current?.querySelector(`${de}[aria-selected="true"]`);
   }
-  function V() {
-    return Array.from(w.current?.querySelectorAll(ie) || []);
+  function D() {
+    return Array.from(I.current?.querySelectorAll(ue) || []);
   }
-  function H(e) {
-    const o = V()[e];
-    o && S.setState("value", o.getAttribute(L));
+  function J(e) {
+    const o = D()[e];
+    o && E.setState("value", o.getAttribute(M));
   }
-  function W(e) {
-    const i = k(), o = V(), l = o.findIndex((g) => g === i);
-    let v = o[l + e];
-    m.current?.loop && (v = l + e < 0 ? o[o.length - 1] : l + e === o.length ? o[0] : o[l + e]), v && S.setState("value", v.getAttribute(L));
+  function Q(e) {
+    const l = A(), o = D(), a = o.findIndex((p) => p === l);
+    let m = o[a + e];
+    s.current?.loop && (m = a + e < 0 ? o[o.length - 1] : a + e === o.length ? o[0] : o[a + e]), m && E.setState("value", m.getAttribute(M));
   }
-  function ne(e) {
-    let o = k()?.closest(D), l;
-    for (; o && !l; )
-      o = e > 0 ? Pe(o, D) : Ve(o, D), l = o?.querySelector(ie);
-    l ? S.setState("value", l.getAttribute(L)) : W(e);
+  function ce(e) {
+    let o = A()?.closest(T), a;
+    for (; o && !a; )
+      o = e > 0 ? Te(o, T) : Fe(o, T), a = o?.querySelector(ue);
+    a ? E.setState("value", a.getAttribute(M)) : Q(e);
   }
-  const oe = () => H(V().length - 1), ce = (e) => {
-    e.preventDefault(), e.metaKey ? oe() : e.altKey ? ne(1) : W(1);
-  }, se = (e) => {
-    e.preventDefault(), e.metaKey ? H(0) : e.altKey ? ne(-1) : W(-1);
+  const se = () => J(D().length - 1), ie = (e) => {
+    e.preventDefault(), e.metaKey ? se() : e.altKey ? ce(1) : Q(1);
+  }, le = (e) => {
+    e.preventDefault(), e.metaKey ? J(0) : e.altKey ? ce(-1) : Q(-1);
   };
-  return /* @__PURE__ */ Y(
-    R.div,
+  return /* @__PURE__ */ ee(
+    k.div,
     {
       ref: n,
       tabIndex: -1,
-      ...N,
+      ...U,
       "cmdk-root": "",
       onKeyDown: (e) => {
-        if (N.onKeyDown?.(e), !e.defaultPrevented)
+        if (U.onKeyDown?.(e), !e.defaultPrevented)
           switch (e.key) {
             case "n":
             case "j": {
-              B && e.ctrlKey && ce(e);
+              N && e.ctrlKey && ie(e);
               break;
             }
             case "ArrowDown": {
-              ce(e);
+              ie(e);
               break;
             }
             case "p":
             case "k": {
-              B && e.ctrlKey && se(e);
+              N && e.ctrlKey && le(e);
               break;
             }
             case "ArrowUp": {
-              se(e);
+              le(e);
               break;
             }
             case "Home": {
-              e.preventDefault(), H(0);
+              e.preventDefault(), J(0);
               break;
             }
             case "End": {
-              e.preventDefault(), oe();
+              e.preventDefault(), se();
               break;
             }
             case "Enter":
               if (!e.nativeEvent.isComposing && e.keyCode !== 229) {
                 e.preventDefault();
-                const i = k();
-                if (i) {
-                  const o = new Event(X);
-                  i.dispatchEvent(o);
+                const l = A();
+                if (l) {
+                  const o = new Event(Z);
+                  l.dispatchEvent(o);
                 }
               }
           }
       },
+      style: {
+        display: "contents"
+      },
       children: [
-        /* @__PURE__ */ h(
+        /* @__PURE__ */ g(
           "label",
           {
             "cmdk-label": "",
-            htmlFor: $.inputId,
-            id: $.labelId,
-            style: Fe,
-            children: u
+            htmlFor: q.inputId,
+            id: q.labelId,
+            style: Ke,
+            children: v
           }
         ),
-        K(r, (e) => /* @__PURE__ */ h(ae.Provider, { value: S, children: /* @__PURE__ */ h(ue.Provider, { value: $, children: e }) }))
+        B(t, (e) => /* @__PURE__ */ g(me.Provider, { value: E, children: /* @__PURE__ */ g(fe.Provider, { value: q, children: e }) }))
       ]
     }
   );
-}), Re = c.forwardRef((r, n) => {
-  const { id: t } = r, a = c.useRef(null), s = c.useContext(de), d = O(), f = me(r), m = f.current?.forceMount ?? s?.forceMount;
-  A(() => {
-    if (!m)
-      return d.item(t, s?.id);
-  }, [m]);
-  const u = ve(t, a, [r.value, r.children, a], r.keywords), I = Z(), b = P((p) => p.value && p.value === u.current), C = P(
-    (p) => m || d.filter() === !1 ? !0 : p.search ? p.filtered.items.get(t) > 0 : !0
+}), ke = c.forwardRef((t, n) => {
+  const { id: r } = t, i = c.useRef(null), u = c.useContext(ve), f = G(), s = ge(t), v = s.current?.forceMount ?? u?.forceMount;
+  _(() => {
+    if (!v)
+      return f.item(r, u?.id);
+  }, [v]);
+  const d = pe(r, i, [t.value, t.children, i], t.keywords), S = te(), C = V((b) => b.value && b.value === d.current), y = V(
+    (b) => v || f.filter() === !1 ? !0 : b.search ? b.filtered.items.get(r) > 0 : !0
   );
   c.useEffect(() => {
-    const p = a.current;
-    if (!p || r.disabled) return;
-    const w = () => x("keyboard");
-    return p.addEventListener(X, w), () => p.removeEventListener(X, w);
-  }, [C, r.onSelect, r.disabled]);
-  function x(p = "click") {
-    E(), f.current.onSelect?.({ value: u.current, trigger: p });
-  }
-  function E() {
-    I.setState("value", u.current, !0);
-  }
-  if (!C) return null;
-  const { disabled: _, value: he, onSelect: B, forceMount: N, keywords: ee, ...U } = r;
-  return /* @__PURE__ */ h(
-    R.div,
+    const b = i.current;
+    if (!b || t.disabled) return;
+    const I = () => R("keyboard");
+    return b.addEventListener(Z, I), () => b.removeEventListener(Z, I);
+  }, [y, t.onSelect, t.disabled]);
+  const w = ae(() => {
+    S.setState("value", d.current, !0);
+  }, [S, d]), R = ae(
+    (b = "click") => {
+      w(), s.current.onSelect?.({ value: d.current, trigger: b });
+    },
+    [w, s, d]
+  );
+  if (!y) return null;
+  const { disabled: L, value: N, onSelect: re, forceMount: U, keywords: h, ...$ } = t, j = Ee(() => O([i, n]), [i, n]);
+  return /* @__PURE__ */ g(
+    k.div,
     {
-      ref: F([a, n]),
-      ...U,
-      id: t,
+      ref: j,
+      ...$,
+      id: r,
       "cmdk-item": "",
       role: "option",
-      "aria-disabled": !!_,
-      "aria-selected": !!b,
-      "data-disabled": !!_,
-      "data-selected": !!b,
-      onPointerMove: _ || d.getDisablePointerSelection() ? void 0 : E,
-      onClick: _ ? void 0 : () => x(),
-      onFocus: _ ? void 0 : E,
-      children: r.children
+      "aria-disabled": !!L,
+      "aria-selected": !!C,
+      "data-disabled": !!L,
+      "data-selected": !!C,
+      onPointerMove: L || f.getDisablePointerSelection() ? void 0 : w,
+      onClick: L ? void 0 : R,
+      onFocus: L ? void 0 : w,
+      children: t.children
     }
   );
-}), Ie = c.forwardRef((r, n) => {
-  const { heading: t, children: a, forceMount: s, ...d } = r, f = T(), m = c.useRef(null), u = c.useRef(null), I = T(), b = O(), C = P(
-    (E) => s || b.filter() === !1 ? !0 : E.search ? E.filtered.groups.has(f) : !0
+}), Ae = c.forwardRef((t, n) => {
+  const { heading: r, children: i, forceMount: u, ...f } = t, s = F(), v = c.useRef(null), d = c.useRef(null), S = F(), C = G(), y = V(
+    (R) => u || C.filter() === !1 ? !0 : R.search ? R.filtered.groups.has(s) : !0
   );
-  A(() => b.group(f), []), ve(f, m, [r.value, r.heading, u]);
-  const x = c.useMemo(() => ({ id: f, forceMount: s }), [s]);
-  return /* @__PURE__ */ Y(
-    R.div,
+  _(() => C.group(s), []), pe(s, v, [t.value, t.heading, d]);
+  const w = c.useMemo(() => ({ id: s, forceMount: u }), [u]);
+  return /* @__PURE__ */ ee(
+    k.div,
     {
-      ref: F([m, n]),
-      ...d,
+      ref: O([v, n]),
+      ...f,
       "cmdk-group": "",
       role: "presentation",
-      hidden: C ? void 0 : !0,
+      hidden: y ? void 0 : !0,
       children: [
-        t && /* @__PURE__ */ h("div", { ref: u, "cmdk-group-heading": "", "aria-hidden": !0, id: I, children: t }),
-        K(r, (E) => (
+        r && /* @__PURE__ */ g("div", { ref: d, "cmdk-group-heading": "", "aria-hidden": !0, id: S, children: r }),
+        B(t, (R) => (
           // biome-ignore lint/a11y/useSemanticElements: <explanation>
-          /* @__PURE__ */ h("div", { "cmdk-group-items": "", role: "group", "aria-labelledby": t ? I : void 0, children: /* @__PURE__ */ h(de.Provider, { value: x, children: E }) })
+          /* @__PURE__ */ g("div", { "cmdk-group-items": "", role: "group", "aria-labelledby": r ? S : void 0, children: /* @__PURE__ */ g(ve.Provider, { value: w, children: R }) })
         ))
       ]
     }
   );
-}), xe = c.forwardRef((r, n) => {
-  const { alwaysRender: t, ...a } = r, s = c.useRef(null), d = P((f) => !f.search);
-  return !t && !d ? null : /* @__PURE__ */ h(
-    R.div,
+}), _e = c.forwardRef((t, n) => {
+  const { alwaysRender: r, ...i } = t, u = c.useRef(null), f = V((s) => !s.search);
+  return !r && !f ? null : /* @__PURE__ */ g(
+    k.div,
     {
-      ref: F([s, n]),
-      ...a,
+      ref: O([u, n]),
+      ...i,
       "cmdk-separator": "",
       role: "separator"
     }
   );
-}), ke = c.forwardRef((r, n) => {
-  const { onValueChange: t, ...a } = r, s = r.value != null, d = Z(), f = P((u) => u.search), m = O();
+}), Le = c.forwardRef((t, n) => {
+  const { onValueChange: r, ...i } = t, u = t.value != null, f = te(), s = V((d) => d.search), v = G();
   return c.useEffect(() => {
-    r.value != null && d.setState("search", r.value);
-  }, [r.value]), /* @__PURE__ */ h(
-    R.input,
+    t.value != null && f.setState("search", t.value);
+  }, [t.value]), /* @__PURE__ */ g(
+    k.input,
     {
       ref: n,
-      ...a,
+      ...i,
       "cmdk-input": "",
       autoComplete: "off",
       autoCorrect: "off",
@@ -345,147 +352,147 @@ const D = '[cmdk-group=""]', Q = '[cmdk-group-items=""]', we = '[cmdk-group-head
       "aria-autocomplete": "list",
       role: "combobox",
       "aria-expanded": !0,
-      "aria-controls": m.listId,
-      "aria-labelledby": m.labelId,
-      id: m.inputId,
+      "aria-controls": v.listId,
+      "aria-labelledby": v.labelId,
+      id: v.inputId,
       type: "text",
-      value: s ? r.value : f,
-      onChange: (u) => {
-        s || d.setState("search", u.target.value), t?.(u.target.value);
+      value: u ? t.value : s,
+      onChange: (d) => {
+        u || f.setState("search", d.target.value), r?.(d.target.value);
       }
     }
   );
-}), Ae = c.forwardRef((r, n) => {
-  const { children: t, label: a = "Suggestions", ...s } = r, d = c.useRef(null), f = c.useRef(null), m = O();
+}), Me = c.forwardRef((t, n) => {
+  const { children: r, label: i = "Suggestions", ...u } = t, f = c.useRef(null), s = c.useRef(null), v = G();
   return c.useEffect(() => {
-    if (f.current && d.current) {
-      const u = f.current, I = d.current;
-      let b;
-      const C = new ResizeObserver(() => {
-        b = requestAnimationFrame(() => {
-          const x = u.offsetHeight;
-          I.style.setProperty("--cmdk-list-height", x.toFixed(1) + "px");
+    if (s.current && f.current) {
+      const d = s.current, S = f.current;
+      let C;
+      const y = new ResizeObserver(() => {
+        C = requestAnimationFrame(() => {
+          const w = d.offsetHeight;
+          S.style.setProperty("--cmdk-list-height", w.toFixed(1) + "px");
         });
       });
-      return C.observe(u), () => {
-        cancelAnimationFrame(b), C.unobserve(u);
+      return y.observe(d), () => {
+        cancelAnimationFrame(C), y.unobserve(d);
       };
     }
-  }, []), /* @__PURE__ */ h(
-    R.div,
+  }, []), /* @__PURE__ */ g(
+    k.div,
     {
-      ref: F([d, n]),
-      ...s,
+      ref: O([f, n]),
+      ...u,
       "cmdk-list": "",
       tabIndex: -1,
-      "aria-label": a,
-      id: m.listId,
-      children: K(r, (u) => /* @__PURE__ */ h("div", { ref: F([f, m.listInnerRef]), "cmdk-list-sizer": "", children: u }))
+      "aria-label": i,
+      id: v.listId,
+      children: B(t, (d) => /* @__PURE__ */ g("div", { ref: O([s, v.listInnerRef]), "cmdk-list-sizer": "", children: d }))
     }
   );
-}), _e = c.forwardRef((r, n) => {
-  const { open: t, onOpenChange: a, overlayClassName: s, contentClassName: d, container: f, ...m } = r;
-  return /* @__PURE__ */ h(G.Root, { open: t, onOpenChange: a, children: /* @__PURE__ */ Y(G.Portal, { container: f, children: [
-    /* @__PURE__ */ h(G.Overlay, { "cmdk-overlay": "", className: s }),
-    /* @__PURE__ */ h(G.Content, { "aria-label": r.label, "cmdk-dialog": "", className: d, children: /* @__PURE__ */ h(fe, { ref: n, ...m }) })
+}), Pe = c.forwardRef((t, n) => {
+  const { open: r, onOpenChange: i, overlayClassName: u, contentClassName: f, container: s, ...v } = t;
+  return /* @__PURE__ */ g(K.Root, { open: r, onOpenChange: i, children: /* @__PURE__ */ ee(K.Portal, { container: s, children: [
+    /* @__PURE__ */ g(K.Overlay, { "cmdk-overlay": "", className: u }),
+    /* @__PURE__ */ g(K.Content, { "aria-label": t.label, "cmdk-dialog": "", className: f, children: /* @__PURE__ */ g(he, { ref: n, ...v }) })
   ] }) });
-}), Le = c.forwardRef((r, n) => P((a) => a.filtered.count === 0) ? /* @__PURE__ */ h(R.div, { ref: n, ...r, "cmdk-empty": "", role: "presentation" }) : null), Me = c.forwardRef((r, n) => {
-  const { progress: t, children: a, label: s = "Loading...", ...d } = r;
-  return /* @__PURE__ */ h(
-    R.div,
+}), Ve = c.forwardRef((t, n) => V((i) => i.filtered.count === 0) ? /* @__PURE__ */ g(k.div, { ref: n, ...t, "cmdk-empty": "", role: "presentation" }) : null), De = c.forwardRef((t, n) => {
+  const { progress: r, children: i, label: u = "Loading...", ...f } = t;
+  return /* @__PURE__ */ g(
+    k.div,
     {
       ref: n,
-      ...d,
+      ...f,
       "cmdk-loading": "",
       role: "progressbar",
-      "aria-valuenow": t,
+      "aria-valuenow": r,
       "aria-valuemin": 0,
       "aria-valuemax": 100,
-      "aria-label": s,
-      children: K(r, (f) => /* @__PURE__ */ h("div", { "aria-hidden": !0, children: f }))
+      "aria-label": u,
+      children: B(t, (s) => /* @__PURE__ */ g("div", { "aria-hidden": !0, children: s }))
     }
   );
-}), je = Object.assign(fe, {
-  List: Ae,
-  Item: Re,
-  Input: ke,
-  Group: Ie,
-  Separator: xe,
-  Dialog: _e,
-  Empty: Le,
-  Loading: Me
+}), We = Object.assign(he, {
+  List: Me,
+  Item: ke,
+  Input: Le,
+  Group: Ae,
+  Separator: _e,
+  Dialog: Pe,
+  Empty: Ve,
+  Loading: De
 });
-function Pe(r, n) {
-  let t = r.nextElementSibling;
-  for (; t; ) {
-    if (t.matches(n)) return t;
-    t = t.nextElementSibling;
+function Te(t, n) {
+  let r = t.nextElementSibling;
+  for (; r; ) {
+    if (r.matches(n)) return r;
+    r = r.nextElementSibling;
   }
 }
-function Ve(r, n) {
-  let t = r.previousElementSibling;
-  for (; t; ) {
-    if (t.matches(n)) return t;
-    t = t.previousElementSibling;
+function Fe(t, n) {
+  let r = t.previousElementSibling;
+  for (; r; ) {
+    if (r.matches(n)) return r;
+    r = r.previousElementSibling;
   }
 }
-function me(r) {
-  const n = c.useRef(r);
-  return A(() => {
-    n.current = r;
+function ge(t) {
+  const n = c.useRef(t);
+  return _(() => {
+    n.current = t;
   }), n;
 }
-const A = typeof window > "u" ? c.useEffect : c.useLayoutEffect;
-function M(r) {
+const _ = typeof window > "u" ? c.useEffect : c.useLayoutEffect;
+function P(t) {
   const n = c.useRef(void 0);
-  return n.current === void 0 && (n.current = r()), n;
+  return n.current === void 0 && (n.current = t()), n;
 }
-function F(r) {
+function O(t) {
   return (n) => {
-    r.forEach((t) => {
-      typeof t == "function" ? t(n) : t != null && (t.current = n);
+    t.forEach((r) => {
+      typeof r == "function" ? r(n) : r != null && (r.current = n);
     });
   };
 }
-function P(r) {
-  const n = Z(), t = () => r(n.snapshot());
-  return Se.useSyncExternalStore(n.subscribe, t, t);
+function V(t) {
+  const n = te(), r = () => t(n.snapshot());
+  return we.useSyncExternalStore(n.subscribe, r, r);
 }
-function ve(r, n, t, a = []) {
-  const s = c.useRef(void 0), d = O();
-  return A(() => {
-    const f = (() => {
-      for (const u of t) {
-        if (typeof u == "string")
-          return u.trim();
-        if (typeof u == "object" && "current" in u)
-          return u.current ? u.current.textContent?.trim() : s.current;
+function pe(t, n, r, i = []) {
+  const u = c.useRef(void 0), f = G();
+  return _(() => {
+    const s = (() => {
+      for (const d of r) {
+        if (typeof d == "string")
+          return d.trim();
+        if (typeof d == "object" && "current" in d)
+          return d.current ? d.current.textContent?.trim() : u.current;
       }
-    })(), m = a.map((u) => u.trim());
-    d.value(r, f, m), n.current?.setAttribute(L, f), s.current = f;
-  }), s;
+    })(), v = i.map((d) => d.trim());
+    f.value(t, s, v), n.current?.setAttribute(M, s), u.current = s;
+  }), u;
 }
-const De = () => {
-  const [r, n] = c.useState(), t = M(() => /* @__PURE__ */ new Map());
-  return A(() => {
-    t.current.forEach((a) => a()), t.current = /* @__PURE__ */ new Map();
-  }, [r]), (a, s) => {
-    t.current.set(a, s), n({});
+const Oe = () => {
+  const [t, n] = c.useState(), r = P(() => /* @__PURE__ */ new Map());
+  return _(() => {
+    r.current.forEach((i) => i()), r.current = /* @__PURE__ */ new Map();
+  }, [t]), (i, u) => {
+    r.current.set(i, u), n({});
   };
 };
-function Te(r) {
-  const n = r.type;
-  return typeof n == "function" ? n(r.props) : "render" in n ? n.render(r.props) : r;
+function Ge(t) {
+  const n = t.type;
+  return typeof n == "function" ? n(t.props) : "render" in n ? n.render(t.props) : t;
 }
-function K({ asChild: r, children: n }, t) {
-  return r && c.isValidElement(n) ? c.cloneElement(
-    Te(n),
+function B({ asChild: t, children: n }, r) {
+  return t && c.isValidElement(n) ? c.cloneElement(
+    Ge(n),
     { ref: n.ref },
     // biome-ignore lint/suspicious/noExplicitAny: <explanation>
-    t(n.props.children)
-  ) : t(n);
+    r(n.props.children)
+  ) : r(n);
 }
-const Fe = {
+const Ke = {
   position: "absolute",
   width: "1px",
   height: "1px",
@@ -497,15 +504,16 @@ const Fe = {
   borderWidth: "0"
 };
 export {
-  je as Command,
-  _e as CommandDialog,
-  Le as CommandEmpty,
-  ke as CommandInput,
-  Re as CommandItem,
-  Ae as CommandList,
-  Me as CommandLoading,
-  fe as CommandRoot,
-  xe as CommandSeparator,
-  ye as defaultFilter,
-  P as useCommandState
+  We as Command,
+  Pe as CommandDialog,
+  Ve as CommandEmpty,
+  Le as CommandInput,
+  ke as CommandItem,
+  Me as CommandList,
+  De as CommandLoading,
+  he as CommandRoot,
+  _e as CommandSeparator,
+  xe as defaultFilter,
+  V as useCommandState,
+  te as useCommandStore
 };