ics-ui-kit 0.1.0-alpha.73 → 0.1.0-alpha.75

package/dist/{Command-DR9YRwlX.js → Command-BhbfL5wm.js}

@@ -1,4 +1,4 @@
-import { jsx as x, jsxs as ae } from "react/jsx-runtime";
+import { jsx as w, jsxs as ae } from "react/jsx-runtime";
 import * as a from "react";
 import { R as Re, P as Ne, O as De, a as Ae } from "./index-CQD-Njgt.js";
 import { P as A } from "./index-CFaU3UXv.js";
@@ -10,16 +10,16 @@ import { m as $e } from "./MenuItemShortcut-DgPol9Nz.js";
 import { m as _e } from "./MenuItemText-7uPl9P3z.js";
 import { I as Le } from "./Icon-DH3ev9GK.js";
 import { u as M } from "./ComponentVariantProvider-B0SFUaXB.js";
-import { b as Fe, g as je, a as Pe, D as Ke, e as Ve } from "./Dialog-Dthc9c-1.js";
+import { b as Fe, g as je, a as Pe, D as Ke, e as Ve } from "./Dialog-ByiJIDhl.js";
 import { S as qe } from "./ScrollShadowContainer-DdrnF8qU.js";
 import { S as Oe } from "./search-CDdgqSGg.js";
-var ve = 1, Te = 0.9, Ge = 0.8, Be = 0.17, te = 0.1, re = 0.999, ze = 0.9999, He = 0.99, Ue = /[\\\/_+.#"@\[\(\{&]/, We = /[\\\/_+.#"@\[\(\{&]/g, Je = /[\s-]/, be = /[\s-]/g;
-function le(e, n, t, i, l, s, u) {
+var ve = 1, Te = 0.9, Be = 0.8, Ge = 0.17, te = 0.1, re = 0.999, ze = 0.9999, He = 0.99, Ue = /[\\\/_+.#"@\[\(\{&]/, We = /[\\\/_+.#"@\[\(\{&]/g, Je = /[\s-]/, be = /[\s-]/g;
+function le(e, n, t, i, l, s, c) {
   if (s === n.length) return l === e.length ? ve : He;
-  var f = `${l},${s}`;
-  if (u[f] !== void 0) return u[f];
-  for (var b = i.charAt(s), d = t.indexOf(b, l), v = 0, h, I, S, N; d >= 0; ) h = le(e, n, t, i, d + 1, s + 1, u), h > v && (d === l ? h *= ve : Ue.test(e.charAt(d - 1)) ? (h *= Ge, S = e.slice(l, d - 1).match(We), S && l > 0 && (h *= Math.pow(re, S.length))) : Je.test(e.charAt(d - 1)) ? (h *= Te, N = e.slice(l, d - 1).match(be), N && l > 0 && (h *= Math.pow(re, N.length))) : (h *= Be, l > 0 && (h *= Math.pow(re, d - l))), e.charAt(d) !== n.charAt(s) && (h *= ze)), (h < te && t.charAt(d - 1) === i.charAt(s + 1) || i.charAt(s + 1) === i.charAt(s) && t.charAt(d - 1) !== i.charAt(s)) && (I = le(e, n, t, i, d + 1, s + 2, u), I * te > h && (h = I * te)), h > v && (v = h), d = t.indexOf(b, d + 1);
-  return u[f] = v, v;
+  var m = `${l},${s}`;
+  if (c[m] !== void 0) return c[m];
+  for (var b = i.charAt(s), d = t.indexOf(b, l), v = 0, h, I, S, N; d >= 0; ) h = le(e, n, t, i, d + 1, s + 1, c), h > v && (d === l ? h *= ve : Ue.test(e.charAt(d - 1)) ? (h *= Be, S = e.slice(l, d - 1).match(We), S && l > 0 && (h *= Math.pow(re, S.length))) : Je.test(e.charAt(d - 1)) ? (h *= Te, N = e.slice(l, d - 1).match(be), N && l > 0 && (h *= Math.pow(re, N.length))) : (h *= Ge, l > 0 && (h *= Math.pow(re, d - l))), e.charAt(d) !== n.charAt(s) && (h *= ze)), (h < te && t.charAt(d - 1) === i.charAt(s + 1) || i.charAt(s + 1) === i.charAt(s) && t.charAt(d - 1) !== i.charAt(s)) && (I = le(e, n, t, i, d + 1, s + 2, c), I * te > h && (h = I * te)), h > v && (v = h), d = t.indexOf(b, d + 1);
+  return c[m] = v, v;
 }
 function he(e) {
   return e.toLowerCase().replace(be, " ");
@@ -27,112 +27,112 @@ function he(e) {
 function Xe(e, n, t) {
   return e = t && t.length > 0 ? `${e + " " + t.join(" ")}` : e, le(e, n, he(e), he(n), 0, 0, {});
 }
-var q = '[cmdk-group=""]', ne = '[cmdk-group-items=""]', Ye = '[cmdk-group-heading=""]', ye = '[cmdk-item=""]', ge = `${ye}:not([aria-disabled="true"])`, oe = "cmdk-item-select", j = "data-value", Qe = (e, n, t) => Xe(e, n, t), xe = a.createContext(void 0), T = () => a.useContext(xe), we = a.createContext(void 0), ie = () => a.useContext(we), ke = a.createContext(void 0), Se = a.forwardRef((e, n) => {
+var q = '[cmdk-group=""]', ne = '[cmdk-group-items=""]', Ye = '[cmdk-group-heading=""]', ye = '[cmdk-item=""]', ge = `${ye}:not([aria-disabled="true"])`, oe = "cmdk-item-select", j = "data-value", Qe = (e, n, t) => Xe(e, n, t), we = a.createContext(void 0), T = () => a.useContext(we), xe = a.createContext(void 0), ie = () => a.useContext(xe), ke = a.createContext(void 0), Se = a.forwardRef((e, n) => {
   let t = P(() => {
-    var r, c;
-    return { search: "", value: (c = (r = e.value) != null ? r : e.defaultValue) != null ? c : "", selectedItemId: void 0, filtered: { count: 0, items: /* @__PURE__ */ new Map(), groups: /* @__PURE__ */ new Set() } };
-  }), i = P(() => /* @__PURE__ */ new Set()), l = P(() => /* @__PURE__ */ new Map()), s = P(() => /* @__PURE__ */ new Map()), u = P(() => /* @__PURE__ */ new Set()), f = Ce(e), { label: b, children: d, value: v, onValueChange: h, filter: I, shouldFilter: S, loop: N, disablePointerSelection: H = !1, vimBindings: $ = !0, ...G } = e, U = K(), se = K(), W = K(), _ = a.useRef(null), y = dt();
+    var r, u;
+    return { search: "", value: (u = (r = e.value) != null ? r : e.defaultValue) != null ? u : "", selectedItemId: void 0, filtered: { count: 0, items: /* @__PURE__ */ new Map(), groups: /* @__PURE__ */ new Set() } };
+  }), i = P(() => /* @__PURE__ */ new Set()), l = P(() => /* @__PURE__ */ new Map()), s = P(() => /* @__PURE__ */ new Map()), c = P(() => /* @__PURE__ */ new Set()), m = Ce(e), { label: b, children: d, value: v, onValueChange: h, filter: I, shouldFilter: S, loop: N, disablePointerSelection: H = !1, vimBindings: $ = !0, ...B } = e, U = K(), se = K(), W = K(), _ = a.useRef(null), y = dt();
   L(() => {
     if (v !== void 0) {
       let r = v.trim();
       t.current.value = r, C.emit();
     }
   }, [v]), L(() => {
-    y(6, ce);
+    y(6, ue);
   }, []);
-  let C = a.useMemo(() => ({ subscribe: (r) => (u.current.add(r), () => u.current.delete(r)), snapshot: () => t.current, setState: (r, c, m) => {
+  let C = a.useMemo(() => ({ subscribe: (r) => (c.current.add(r), () => c.current.delete(r)), snapshot: () => t.current, setState: (r, u, f) => {
     var o, p, g, E;
-    if (!Object.is(t.current[r], c)) {
-      if (t.current[r] = c, r === "search") Q(), X(), y(1, Y);
+    if (!Object.is(t.current[r], u)) {
+      if (t.current[r] = u, r === "search") Q(), X(), y(1, Y);
       else if (r === "value") {
         if (document.activeElement.hasAttribute("cmdk-input") || document.activeElement.hasAttribute("cmdk-root")) {
-          let w = document.getElementById(W);
-          w ? w.focus() : (o = document.getElementById(U)) == null || o.focus();
+          let x = document.getElementById(W);
+          x ? x.focus() : (o = document.getElementById(U)) == null || o.focus();
         }
         if (y(7, () => {
-          var w;
-          t.current.selectedItemId = (w = F()) == null ? void 0 : w.id, C.emit();
-        }), m || y(5, ce), ((p = f.current) == null ? void 0 : p.value) !== void 0) {
-          let w = c ?? "";
-          (E = (g = f.current).onValueChange) == null || E.call(g, w);
+          var x;
+          t.current.selectedItemId = (x = F()) == null ? void 0 : x.id, C.emit();
+        }), f || y(5, ue), ((p = m.current) == null ? void 0 : p.value) !== void 0) {
+          let x = u ?? "";
+          (E = (g = m.current).onValueChange) == null || E.call(g, x);
           return;
         }
       }
       C.emit();
     }
   }, emit: () => {
-    u.current.forEach((r) => r());
-  } }), []), J = a.useMemo(() => ({ value: (r, c, m) => {
+    c.current.forEach((r) => r());
+  } }), []), J = a.useMemo(() => ({ value: (r, u, f) => {
     var o;
-    c !== ((o = s.current.get(r)) == null ? void 0 : o.value) && (s.current.set(r, { value: c, keywords: m }), t.current.filtered.items.set(r, de(c, m)), y(2, () => {
+    u !== ((o = s.current.get(r)) == null ? void 0 : o.value) && (s.current.set(r, { value: u, keywords: f }), t.current.filtered.items.set(r, de(u, f)), y(2, () => {
       X(), C.emit();
     }));
-  }, item: (r, c) => (i.current.add(r), c && (l.current.has(c) ? l.current.get(c).add(r) : l.current.set(c, /* @__PURE__ */ new Set([r]))), y(3, () => {
+  }, item: (r, u) => (i.current.add(r), u && (l.current.has(u) ? l.current.get(u).add(r) : l.current.set(u, /* @__PURE__ */ new Set([r]))), y(3, () => {
     Q(), X(), t.current.value || Y(), C.emit();
   }), () => {
     s.current.delete(r), i.current.delete(r), t.current.filtered.items.delete(r);
-    let m = F();
+    let f = F();
     y(4, () => {
-      Q(), m?.getAttribute("id") === r && Y(), C.emit();
+      Q(), f?.getAttribute("id") === r && Y(), C.emit();
     });
   }), group: (r) => (l.current.has(r) || l.current.set(r, /* @__PURE__ */ new Set()), () => {
     s.current.delete(r), l.current.delete(r);
-  }), filter: () => f.current.shouldFilter, label: b || e["aria-label"], getDisablePointerSelection: () => f.current.disablePointerSelection, listId: U, inputId: W, labelId: se, listInnerRef: _ }), []);
-  function de(r, c) {
-    var m, o;
-    let p = (o = (m = f.current) == null ? void 0 : m.filter) != null ? o : Qe;
-    return r ? p(r, t.current.search, c) : 0;
+  }), filter: () => m.current.shouldFilter, label: b || e["aria-label"], getDisablePointerSelection: () => m.current.disablePointerSelection, listId: U, inputId: W, labelId: se, listInnerRef: _ }), []);
+  function de(r, u) {
+    var f, o;
+    let p = (o = (f = m.current) == null ? void 0 : f.filter) != null ? o : Qe;
+    return r ? p(r, t.current.search, u) : 0;
   }
   function X() {
-    if (!t.current.search || f.current.shouldFilter === !1) return;
-    let r = t.current.filtered.items, c = [];
+    if (!t.current.search || m.current.shouldFilter === !1) return;
+    let r = t.current.filtered.items, u = [];
     t.current.filtered.groups.forEach((o) => {
       let p = l.current.get(o), g = 0;
       p.forEach((E) => {
-        let w = r.get(E);
-        g = Math.max(w, g);
-      }), c.push([o, g]);
+        let x = r.get(E);
+        g = Math.max(x, g);
+      }), u.push([o, g]);
     });
-    let m = _.current;
+    let f = _.current;
     V().sort((o, p) => {
       var g, E;
-      let w = o.getAttribute("id"), B = p.getAttribute("id");
-      return ((g = r.get(B)) != null ? g : 0) - ((E = r.get(w)) != null ? E : 0);
+      let x = o.getAttribute("id"), G = p.getAttribute("id");
+      return ((g = r.get(G)) != null ? g : 0) - ((E = r.get(x)) != null ? E : 0);
     }).forEach((o) => {
       let p = o.closest(ne);
-      p ? p.appendChild(o.parentElement === p ? o : o.closest(`${ne} > *`)) : m.appendChild(o.parentElement === m ? o : o.closest(`${ne} > *`));
-    }), c.sort((o, p) => p[1] - o[1]).forEach((o) => {
+      p ? p.appendChild(o.parentElement === p ? o : o.closest(`${ne} > *`)) : f.appendChild(o.parentElement === f ? o : o.closest(`${ne} > *`));
+    }), u.sort((o, p) => p[1] - o[1]).forEach((o) => {
       var p;
       let g = (p = _.current) == null ? void 0 : p.querySelector(`${q}[${j}="${encodeURIComponent(o[0])}"]`);
       g?.parentElement.appendChild(g);
     });
   }
   function Y() {
-    let r = V().find((m) => m.getAttribute("aria-disabled") !== "true"), c = r?.getAttribute(j);
-    C.setState("value", c || void 0);
+    let r = V().find((f) => f.getAttribute("aria-disabled") !== "true"), u = r?.getAttribute(j);
+    C.setState("value", u || void 0);
   }
   function Q() {
-    var r, c, m, o;
-    if (!t.current.search || f.current.shouldFilter === !1) {
+    var r, u, f, o;
+    if (!t.current.search || m.current.shouldFilter === !1) {
       t.current.filtered.count = i.current.size;
       return;
     }
     t.current.filtered.groups = /* @__PURE__ */ new Set();
     let p = 0;
     for (let g of i.current) {
-      let E = (c = (r = s.current.get(g)) == null ? void 0 : r.value) != null ? c : "", w = (o = (m = s.current.get(g)) == null ? void 0 : m.keywords) != null ? o : [], B = de(E, w);
-      t.current.filtered.items.set(g, B), B > 0 && p++;
+      let E = (u = (r = s.current.get(g)) == null ? void 0 : r.value) != null ? u : "", x = (o = (f = s.current.get(g)) == null ? void 0 : f.keywords) != null ? o : [], G = de(E, x);
+      t.current.filtered.items.set(g, G), G > 0 && p++;
     }
-    for (let [g, E] of l.current) for (let w of E) if (t.current.filtered.items.get(w) > 0) {
+    for (let [g, E] of l.current) for (let x of E) if (t.current.filtered.items.get(x) > 0) {
       t.current.filtered.groups.add(g);
       break;
     }
     t.current.filtered.count = p;
   }
-  function ce() {
-    var r, c, m;
+  function ue() {
+    var r, u, f;
     let o = F();
-    o && (((r = o.parentElement) == null ? void 0 : r.firstChild) === o && ((m = (c = o.closest(q)) == null ? void 0 : c.querySelector(Ye)) == null || m.scrollIntoView({ block: "nearest" })), o.scrollIntoView({ block: "nearest" }));
+    o && (((r = o.parentElement) == null ? void 0 : r.firstChild) === o && ((f = (u = o.closest(q)) == null ? void 0 : u.querySelector(Ye)) == null || f.scrollIntoView({ block: "nearest" })), o.scrollIntoView({ block: "nearest" }));
   }
   function F() {
     var r;
@@ -143,29 +143,29 @@ var q = '[cmdk-group=""]', ne = '[cmdk-group-items=""]', Ye = '[cmdk-group-headi
     return Array.from(((r = _.current) == null ? void 0 : r.querySelectorAll(ge)) || []);
   }
   function Z(r) {
-    let c = V()[r];
-    c && C.setState("value", c.getAttribute(j));
+    let u = V()[r];
+    u && C.setState("value", u.getAttribute(j));
   }
   function ee(r) {
-    var c;
-    let m = F(), o = V(), p = o.findIndex((E) => E === m), g = o[p + r];
-    (c = f.current) != null && c.loop && (g = p + r < 0 ? o[o.length - 1] : p + r === o.length ? o[0] : o[p + r]), g && C.setState("value", g.getAttribute(j));
+    var u;
+    let f = F(), o = V(), p = o.findIndex((E) => E === f), g = o[p + r];
+    (u = m.current) != null && u.loop && (g = p + r < 0 ? o[o.length - 1] : p + r === o.length ? o[0] : o[p + r]), g && C.setState("value", g.getAttribute(j));
   }
-  function ue(r) {
-    let c = F(), m = c?.closest(q), o;
-    for (; m && !o; ) m = r > 0 ? it(m, q) : st(m, q), o = m?.querySelector(ge);
+  function ce(r) {
+    let u = F(), f = u?.closest(q), o;
+    for (; f && !o; ) f = r > 0 ? it(f, q) : st(f, q), o = f?.querySelector(ge);
     o ? C.setState("value", o.getAttribute(j)) : ee(r);
   }
   let me = () => Z(V().length - 1), fe = (r) => {
-    r.preventDefault(), r.metaKey ? me() : r.altKey ? ue(1) : ee(1);
+    r.preventDefault(), r.metaKey ? me() : r.altKey ? ce(1) : ee(1);
   }, pe = (r) => {
-    r.preventDefault(), r.metaKey ? Z(0) : r.altKey ? ue(-1) : ee(-1);
+    r.preventDefault(), r.metaKey ? Z(0) : r.altKey ? ce(-1) : ee(-1);
   };
-  return a.createElement(A.div, { ref: n, tabIndex: -1, ...G, "cmdk-root": "", onKeyDown: (r) => {
-    var c;
-    (c = G.onKeyDown) == null || c.call(G, r);
-    let m = r.nativeEvent.isComposing || r.keyCode === 229;
-    if (!(r.defaultPrevented || m)) switch (r.key) {
+  return a.createElement(A.div, { ref: n, tabIndex: -1, ...B, "cmdk-root": "", onKeyDown: (r) => {
+    var u;
+    (u = B.onKeyDown) == null || u.call(B, r);
+    let f = r.nativeEvent.isComposing || r.keyCode === 229;
+    if (!(r.defaultPrevented || f)) switch (r.key) {
       case "n":
       case "j": {
         $ && r.ctrlKey && fe(r);
@@ -201,14 +201,14 @@ var q = '[cmdk-group=""]', ne = '[cmdk-group-items=""]', Ye = '[cmdk-group-headi
         }
       }
     }
-  } }, a.createElement("label", { "cmdk-label": "", htmlFor: J.inputId, id: J.labelId, style: ut }, b), z(e, (r) => a.createElement(we.Provider, { value: C }, a.createElement(xe.Provider, { value: J }, r))));
+  } }, a.createElement("label", { "cmdk-label": "", htmlFor: J.inputId, id: J.labelId, style: ct }, b), z(e, (r) => a.createElement(xe.Provider, { value: C }, a.createElement(we.Provider, { value: J }, r))));
 }), Ze = a.forwardRef((e, n) => {
   var t, i;
-  let l = K(), s = a.useRef(null), u = a.useContext(ke), f = T(), b = Ce(e), d = (i = (t = b.current) == null ? void 0 : t.forceMount) != null ? i : u?.forceMount;
+  let l = K(), s = a.useRef(null), c = a.useContext(ke), m = T(), b = Ce(e), d = (i = (t = b.current) == null ? void 0 : t.forceMount) != null ? i : c?.forceMount;
   L(() => {
-    if (!d) return f.item(l, u?.id);
+    if (!d) return m.item(l, c?.id);
   }, [d]);
-  let v = Ee(l, s, [e.value, e.children, s], e.keywords), h = ie(), I = D((y) => y.value && y.value === v.current), S = D((y) => d || f.filter() === !1 ? !0 : y.search ? y.filtered.items.get(l) > 0 : !0);
+  let v = Ee(l, s, [e.value, e.children, s], e.keywords), h = ie(), I = D((y) => y.value && y.value === v.current), S = D((y) => d || m.filter() === !1 ? !0 : y.search ? y.filtered.items.get(l) > 0 : !0);
   a.useEffect(() => {
     let y = s.current;
     if (!(!y || e.disabled)) return y.addEventListener(oe, N), () => y.removeEventListener(oe, N);
@@ -221,28 +221,28 @@ var q = '[cmdk-group=""]', ne = '[cmdk-group-items=""]', Ye = '[cmdk-group-headi
     h.setState("value", v.current, !0);
   }
   if (!S) return null;
-  let { disabled: $, value: G, onSelect: U, forceMount: se, keywords: W, ..._ } = e;
-  return a.createElement(A.div, { ref: O(s, n), ..._, id: l, "cmdk-item": "", role: "option", "aria-disabled": !!$, "aria-selected": !!I, "data-disabled": !!$, "data-selected": !!I, onPointerMove: $ || f.getDisablePointerSelection() ? void 0 : H, onClick: $ ? void 0 : N }, e.children);
+  let { disabled: $, value: B, onSelect: U, forceMount: se, keywords: W, ..._ } = e;
+  return a.createElement(A.div, { ref: O(s, n), ..._, id: l, "cmdk-item": "", role: "option", "aria-disabled": !!$, "aria-selected": !!I, "data-disabled": !!$, "data-selected": !!I, onPointerMove: $ || m.getDisablePointerSelection() ? void 0 : H, onClick: $ ? void 0 : N }, e.children);
 }), et = a.forwardRef((e, n) => {
-  let { heading: t, children: i, forceMount: l, ...s } = e, u = K(), f = a.useRef(null), b = a.useRef(null), d = K(), v = T(), h = D((S) => l || v.filter() === !1 ? !0 : S.search ? S.filtered.groups.has(u) : !0);
-  L(() => v.group(u), []), Ee(u, f, [e.value, e.heading, b]);
-  let I = a.useMemo(() => ({ id: u, forceMount: l }), [l]);
-  return a.createElement(A.div, { ref: O(f, n), ...s, "cmdk-group": "", role: "presentation", hidden: h ? void 0 : !0 }, t && a.createElement("div", { ref: b, "cmdk-group-heading": "", "aria-hidden": !0, id: d }, t), z(e, (S) => a.createElement("div", { "cmdk-group-items": "", role: "group", "aria-labelledby": t ? d : void 0 }, a.createElement(ke.Provider, { value: I }, S))));
+  let { heading: t, children: i, forceMount: l, ...s } = e, c = K(), m = a.useRef(null), b = a.useRef(null), d = K(), v = T(), h = D((S) => l || v.filter() === !1 ? !0 : S.search ? S.filtered.groups.has(c) : !0);
+  L(() => v.group(c), []), Ee(c, m, [e.value, e.heading, b]);
+  let I = a.useMemo(() => ({ id: c, forceMount: l }), [l]);
+  return a.createElement(A.div, { ref: O(m, n), ...s, "cmdk-group": "", role: "presentation", hidden: h ? void 0 : !0 }, t && a.createElement("div", { ref: b, "cmdk-group-heading": "", "aria-hidden": !0, id: d }, t), z(e, (S) => a.createElement("div", { "cmdk-group-items": "", role: "group", "aria-labelledby": t ? d : void 0 }, a.createElement(ke.Provider, { value: I }, S))));
 }), tt = a.forwardRef((e, n) => {
-  let { alwaysRender: t, ...i } = e, l = a.useRef(null), s = D((u) => !u.search);
+  let { alwaysRender: t, ...i } = e, l = a.useRef(null), s = D((c) => !c.search);
   return !t && !s ? null : a.createElement(A.div, { ref: O(l, n), ...i, "cmdk-separator": "", role: "separator" });
 }), rt = a.forwardRef((e, n) => {
-  let { onValueChange: t, ...i } = e, l = e.value != null, s = ie(), u = D((d) => d.search), f = D((d) => d.selectedItemId), b = T();
+  let { onValueChange: t, ...i } = e, l = e.value != null, s = ie(), c = D((d) => d.search), m = D((d) => d.selectedItemId), b = T();
   return a.useEffect(() => {
     e.value != null && s.setState("search", e.value);
-  }, [e.value]), a.createElement(A.input, { ref: n, ...i, "cmdk-input": "", autoComplete: "off", autoCorrect: "off", spellCheck: !1, "aria-autocomplete": "list", role: "combobox", "aria-expanded": !0, "aria-controls": b.listId, "aria-labelledby": b.labelId, "aria-activedescendant": f, id: b.inputId, type: "text", value: l ? e.value : u, onChange: (d) => {
+  }, [e.value]), a.createElement(A.input, { ref: n, ...i, "cmdk-input": "", autoComplete: "off", autoCorrect: "off", spellCheck: !1, "aria-autocomplete": "list", role: "combobox", "aria-expanded": !0, "aria-controls": b.listId, "aria-labelledby": b.labelId, "aria-activedescendant": m, id: b.inputId, type: "text", value: l ? e.value : c, onChange: (d) => {
     l || s.setState("search", d.target.value), t?.(d.target.value);
   } });
 }), nt = a.forwardRef((e, n) => {
-  let { children: t, label: i = "Suggestions", ...l } = e, s = a.useRef(null), u = a.useRef(null), f = D((d) => d.selectedItemId), b = T();
+  let { children: t, label: i = "Suggestions", ...l } = e, s = a.useRef(null), c = a.useRef(null), m = D((d) => d.selectedItemId), b = T();
   return a.useEffect(() => {
-    if (u.current && s.current) {
-      let d = u.current, v = s.current, h, I = new ResizeObserver(() => {
+    if (c.current && s.current) {
+      let d = c.current, v = s.current, h, I = new ResizeObserver(() => {
         h = requestAnimationFrame(() => {
           let S = d.offsetHeight;
           v.style.setProperty("--cmdk-list-height", S.toFixed(1) + "px");
@@ -252,13 +252,13 @@ var q = '[cmdk-group=""]', ne = '[cmdk-group-items=""]', Ye = '[cmdk-group-headi
         cancelAnimationFrame(h), I.unobserve(d);
       };
     }
-  }, []), a.createElement(A.div, { ref: O(s, n), ...l, "cmdk-list": "", role: "listbox", tabIndex: -1, "aria-activedescendant": f, "aria-label": i, id: b.listId }, z(e, (d) => a.createElement("div", { ref: O(u, b.listInnerRef), "cmdk-list-sizer": "" }, d)));
+  }, []), a.createElement(A.div, { ref: O(s, n), ...l, "cmdk-list": "", role: "listbox", tabIndex: -1, "aria-activedescendant": m, "aria-label": i, id: b.listId }, z(e, (d) => a.createElement("div", { ref: O(c, b.listInnerRef), "cmdk-list-sizer": "" }, d)));
 }), at = a.forwardRef((e, n) => {
-  let { open: t, onOpenChange: i, overlayClassName: l, contentClassName: s, container: u, ...f } = e;
-  return a.createElement(Re, { open: t, onOpenChange: i }, a.createElement(Ne, { container: u }, a.createElement(De, { "cmdk-overlay": "", className: l }), a.createElement(Ae, { "aria-label": e.label, "cmdk-dialog": "", className: s }, a.createElement(Se, { ref: n, ...f }))));
+  let { open: t, onOpenChange: i, overlayClassName: l, contentClassName: s, container: c, ...m } = e;
+  return a.createElement(Re, { open: t, onOpenChange: i }, a.createElement(Ne, { container: c }, a.createElement(De, { "cmdk-overlay": "", className: l }), a.createElement(Ae, { "aria-label": e.label, "cmdk-dialog": "", className: s }, a.createElement(Se, { ref: n, ...m }))));
 }), lt = a.forwardRef((e, n) => D((t) => t.filtered.count === 0) ? a.createElement(A.div, { ref: n, ...e, "cmdk-empty": "", role: "presentation" }) : null), ot = a.forwardRef((e, n) => {
   let { progress: t, children: i, label: l = "Loading...", ...s } = e;
-  return a.createElement(A.div, { ref: n, ...s, "cmdk-loading": "", role: "progressbar", "aria-valuenow": t, "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": l }, z(e, (u) => a.createElement("div", { "aria-hidden": !0 }, u)));
+  return a.createElement(A.div, { ref: n, ...s, "cmdk-loading": "", role: "progressbar", "aria-valuenow": t, "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": l }, z(e, (c) => a.createElement("div", { "aria-hidden": !0 }, c)));
 }), k = Object.assign(Se, { List: nt, Item: Ze, Input: rt, Group: et, Separator: tt, Dialog: at, Empty: lt, Loading: ot });
 function it(e, n) {
   let t = e.nextElementSibling;
@@ -292,15 +292,15 @@ function D(e) {
 function Ee(e, n, t, i = []) {
   let l = a.useRef(), s = T();
   return L(() => {
-    var u;
-    let f = (() => {
+    var c;
+    let m = (() => {
       var d;
       for (let v of t) {
         if (typeof v == "string") return v.trim();
         if (typeof v == "object" && "current" in v) return v.current ? (d = v.current.textContent) == null ? void 0 : d.trim() : l.current;
       }
     })(), b = i.map((d) => d.trim());
-    s.value(e, f, b), (u = n.current) == null || u.setAttribute(j, f), l.current = f;
+    s.value(e, m, b), (c = n.current) == null || c.setAttribute(j, m), l.current = m;
   }), l;
 }
 var dt = () => {
@@ -311,36 +311,38 @@ var dt = () => {
     t.current.set(i, l), n({});
   };
 };
-function ct(e) {
+function ut(e) {
   let n = e.type;
   return typeof n == "function" ? n(e.props) : "render" in n ? n.render(e.props) : e;
 }
 function z({ asChild: e, children: n }, t) {
-  return e && a.isValidElement(n) ? a.cloneElement(ct(n), { ref: n.ref }, t(n.props.children)) : t(n);
+  return e && a.isValidElement(n) ? a.cloneElement(ut(n), { ref: n.ref }, t(n.props.children)) : t(n);
 }
-var ut = { position: "absolute", width: "1px", height: "1px", padding: "0", margin: "-1px", overflow: "hidden", clip: "rect(0, 0, 0, 0)", whiteSpace: "nowrap", borderWidth: "0" };
+var ct = { position: "absolute", width: "1px", height: "1px", padding: "0", margin: "-1px", overflow: "hidden", clip: "rect(0, 0, 0, 0)", whiteSpace: "nowrap", borderWidth: "0" };
 const mt = R({
-  base: "flex h-full w-full flex-col overflow-hidden rounded-lg border border-secondary-border bg-secondary-bg text-primary-fg shadow-soft-md",
+  base: "flex h-full w-full flex-col overflow-hidden rounded-lg bg-secondary-bg text-primary-fg shadow-soft-md",
   variants: {
     theme: {
-      inverse: "border-inverse-border bg-inverse-primary-bg text-inverse-primary-fg"
+      inverse: "border-inverse-border bg-inverse-primary-bg text-inverse-primary-fg shadow-hard-md"
     }
   }
 }), Ie = a.forwardRef(({ className: e, ...n }, t) => {
   const { variant: i } = M();
-  return /* @__PURE__ */ x(k, { ref: t, "data-slot": "command", className: mt({ className: e, theme: i }), ...n });
+  return /* @__PURE__ */ w(k, { ref: t, "data-slot": "command", className: mt({ className: e, theme: i }), ...n });
 });
 Ie.displayName = k.displayName;
 const ft = R({
   slots: {
-    content: "overflow-hidden border-none p-0",
+    content: "overflow-hidden border-none p-0 shadow-soft-2xl",
     command: [
       "rounded-xl",
-      "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
+      "[&_[cmdk-group-heading]]:px-3 [&_[cmdk-group-heading]]:font-normal [&_[cmdk-group-heading]]:text-muted",
       "[&_[cmdk-group]]:px-1",
-      "[&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5",
-      "[&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-1.5",
-      "[&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5"
+      "[&_[cmdk-input-wrapper]_svg]:h-4 [&_[cmdk-input-wrapper]_svg]:w-4",
+      "[&_[cmdk-input-wrapper]]:pl-4",
+      "[&_[cmdk-group-items]]:p-1",
+      "[&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-1.5",
+      "[&_[cmdk-item]_svg]:h-4 [&_[cmdk-item]_svg]:w-4"
     ]
   },
   variants: {
@@ -355,15 +357,26 @@ const ft = R({
   description: n = "Search for a command to run...",
   children: t,
   className: i,
-  ...l
+  overlayType: l,
+  overlayBlur: s,
+  ...c
 }) => {
-  const s = ft();
-  return /* @__PURE__ */ ae(Fe, { ...l, children: [
+  const m = ft();
+  return /* @__PURE__ */ ae(Fe, { ...c, children: [
     /* @__PURE__ */ ae(je, { className: "!sr-only", children: [
-      /* @__PURE__ */ x(Pe, { children: e }),
-      /* @__PURE__ */ x(Ke, { children: n })
+      /* @__PURE__ */ w(Pe, { children: e }),
+      /* @__PURE__ */ w(Ke, { children: n })
     ] }),
-    /* @__PURE__ */ x(Ve, { className: s.content({ className: i }), children: /* @__PURE__ */ x(Ie, { className: s.command(), children: t }) })
+    /* @__PURE__ */ w(
+      Ve,
+      {
+        className: m.content({ className: i }),
+        overlayType: l,
+        overlayBlur: s,
+        showCloseButton: !1,
+        children: /* @__PURE__ */ w(Ie, { className: m.command(), children: t })
+      }
+    )
   ] });
 }, pt = R({
   slots: {
@@ -375,7 +388,8 @@ const ft = R({
     theme: {
       inverse: {
         wrapper: "border-inverse-border",
-        input: "placeholder:text-inverse-muted placeholder:opacity-50"
+        search: "text-inverse-muted",
+        input: "placeholder:text-inverse-muted"
       }
     }
   }
@@ -389,8 +403,8 @@ const ft = R({
         "data-slot": "command-input-wrapper",
         "cmdk-input-wrapper": "",
         children: [
-          /* @__PURE__ */ x(Le, { icon: Oe, className: s.search() }),
-          /* @__PURE__ */ x(
+          /* @__PURE__ */ w(Le, { icon: Oe, className: s.search() }),
+          /* @__PURE__ */ w(
             k.Input,
             {
               ref: i,
@@ -407,35 +421,35 @@ const ft = R({
 vt.displayName = k.Input.displayName;
 const ht = R({
   base: "max-h-[300px] overflow-y-auto overflow-x-hidden outline-none"
-}), gt = a.forwardRef(({ className: e, ...n }, t) => /* @__PURE__ */ x(k.List, { ref: t, "data-slot": "command-list", className: ht({ className: e }), ...n })), bt = R({
+}), gt = a.forwardRef(({ className: e, ...n }, t) => /* @__PURE__ */ w(k.List, { ref: t, "data-slot": "command-list", className: ht({ className: e }), ...n })), bt = R({
   base: "max-h-[300px] overflow-x-hidden outline-none"
-}), yt = a.forwardRef(({ className: e, containerClassName: n, shadowSize: t, ...i }, l) => /* @__PURE__ */ x(
+}), yt = a.forwardRef(({ className: e, containerClassName: n, shadowSize: t, ...i }, l) => /* @__PURE__ */ w(
   qe,
   {
     className: bt({ className: n }),
     "data-slot": "command-list-scroll-shadow",
     shadowSize: t,
-    children: /* @__PURE__ */ x(k.List, { ref: l, "data-slot": "command-list", className: e, ...i })
+    children: /* @__PURE__ */ w(k.List, { ref: l, "data-slot": "command-list", className: e, ...i })
   }
 ));
 gt.displayName = k.List.displayName;
 yt.displayName = "CommandListContainer";
-const xt = R({
+const wt = R({
   extend: _e,
   base: "flex items-center justify-center px-3 py-6 text-secondary-fg"
-}), wt = a.forwardRef(({ className: e, ...n }, t) => {
+}), xt = a.forwardRef(({ className: e, ...n }, t) => {
   const { variant: i } = M();
-  return /* @__PURE__ */ x(
+  return /* @__PURE__ */ w(
     k.Empty,
     {
       ref: t,
       "data-slot": "command-empty",
-      className: xt({ className: e, theme: i }),
+      className: wt({ className: e, theme: i }),
       ...n
     }
   );
 });
-wt.displayName = k.Empty.displayName;
+xt.displayName = k.Empty.displayName;
 const kt = R({
   base: "overflow-hidden p-1 text-primary-fg [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:text-muted",
   variants: {
@@ -445,7 +459,7 @@ const kt = R({
   }
 }), St = a.forwardRef(({ className: e, ...n }, t) => {
   const { variant: i } = M();
-  return /* @__PURE__ */ x(
+  return /* @__PURE__ */ w(
     k.Group,
     {
       ref: t,
@@ -465,7 +479,7 @@ const Ct = R({
   }
 }), Et = a.forwardRef(({ className: e, ...n }, t) => {
   const { variant: i } = M();
-  return /* @__PURE__ */ x(
+  return /* @__PURE__ */ w(
     k.Separator,
     {
       ref: t,
@@ -481,7 +495,7 @@ const It = R({
   base: "pr-2 data-[disabled=true]:pointer-events-none data-[selected=true]:bg-secondary-bg-hover data-[selected=true]:text-primary-fg data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0"
 }), Rt = a.forwardRef(({ className: e, disabled: n, children: t, ...i }, l) => {
   const { variant: s } = M();
-  return /* @__PURE__ */ x(
+  return /* @__PURE__ */ w(
     k.Item,
     {
       disabled: n,
@@ -499,7 +513,7 @@ const Nt = R({
   base: "ml-auto text-xs tracking-widest"
 }), Dt = ({ className: e, ...n }) => {
   const { variant: t } = M();
-  return /* @__PURE__ */ x("span", { "data-slot": "command-shortcut", className: Nt({ className: e, theme: t }), ...n });
+  return /* @__PURE__ */ w("span", { "data-slot": "command-shortcut", className: Nt({ className: e, theme: t }), ...n });
 };
 Dt.displayName = "CommandShortcut";
 const At = R({
@@ -512,7 +526,7 @@ const At = R({
 }), Mt = a.forwardRef(
   ({ className: e, ...n }, t) => {
     const { variant: i } = M();
-    return /* @__PURE__ */ x(
+    return /* @__PURE__ */ w(
       "div",
       {
         ref: t,
@@ -530,11 +544,11 @@ export {
   vt as b,
   gt as c,
   yt as d,
-  wt as e,
+  xt as e,
   St as f,
   Rt as g,
   Dt as h,
   Et as i,
   Mt as j
 };
-//# sourceMappingURL=Command-DR9YRwlX.js.map
+//# sourceMappingURL=Command-BhbfL5wm.js.map