@inkeep/cxkit-primitives 0.5.47 → 0.5.49

package/dist/atoms/cmdk/index.js

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