@bioturing/components 0.32.0 → 0.32.2

package/dist/components/cmdk/index.js

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