ics-ui-kit 0.1.8 → 0.1.9

package/dist/Command-DrFVm_8w.js

@@ -0,0 +1,562 @@
+import { jsx as w, jsxs as ne } from "react/jsx-runtime";
+import * as n from "react";
+import { R as _e, P as Ne, O as Ae, a as De } from "./index-CQD-Njgt.js";
+import { P as D } from "./index-CFaU3UXv.js";
+import { u as K } from "./index-xqkGMOJ8.js";
+import { c as q } from "./index-DLcqcWxM.js";
+import { T as x } from "./index-BVqs-uqP.js";
+import { M as Me, m as $e } from "./MenuItem-d19Ty84F.js";
+import { m as Le } from "./MenuItemShortcut-D1faeIXp.js";
+import { m as Fe } from "./MenuItemText-CRpaPbvg.js";
+import { I as je } from "./Icon-DH3ev9GK.js";
+import { u as _, n as be } from "./ComponentVariantProvider-brk0g-hm.js";
+import { b as Pe, g as Ke, a as Ve, D as Te, e as qe } from "./Dialog-Bs1B5Iu8.js";
+import { S as Oe } from "./ScrollShadowContainer-DdrnF8qU.js";
+import { S as Ge } from "./search-CDdgqSGg.js";
+var ge = 1, Be = 0.9, Ue = 0.8, ze = 0.17, te = 0.1, re = 0.999, He = 0.9999, We = 0.99, Ye = /[\\\/_+.#"@\[\(\{&]/, Je = /[\\\/_+.#"@\[\(\{&]/g, Xe = /[\s-]/, ye = /[\s-]/g;
+function oe(e, a, t, l, o, d, u) {
+  if (d === a.length) return o === e.length ? ge : We;
+  var p = `${o},${d}`;
+  if (u[p] !== void 0) return u[p];
+  for (var v = l.charAt(d), i = t.indexOf(v, o), g = 0, h, R, C, N; i >= 0; ) h = oe(e, a, t, l, i + 1, d + 1, u), h > g && (i === o ? h *= ge : Ye.test(e.charAt(i - 1)) ? (h *= Ue, C = e.slice(o, i - 1).match(Je), C && o > 0 && (h *= Math.pow(re, C.length))) : Xe.test(e.charAt(i - 1)) ? (h *= Be, N = e.slice(o, i - 1).match(ye), N && o > 0 && (h *= Math.pow(re, N.length))) : (h *= ze, o > 0 && (h *= Math.pow(re, i - o))), e.charAt(i) !== a.charAt(d) && (h *= He)), (h < te && t.charAt(i - 1) === l.charAt(d + 1) || l.charAt(d + 1) === l.charAt(d) && t.charAt(i - 1) !== l.charAt(d)) && (R = oe(e, a, t, l, i + 1, d + 2, u), R * te > h && (h = R * te)), h > g && (g = h), i = t.indexOf(v, i + 1);
+  return u[p] = g, g;
+}
+function ve(e) {
+  return e.toLowerCase().replace(ye, " ");
+}
+function Qe(e, a, t) {
+  return e = t && t.length > 0 ? `${e + " " + t.join(" ")}` : e, oe(e, a, ve(e), ve(a), 0, 0, {});
+}
+var T = '[cmdk-group=""]', ae = '[cmdk-group-items=""]', Ze = '[cmdk-group-heading=""]', xe = '[cmdk-item=""]', he = `${xe}:not([aria-disabled="true"])`, le = "cmdk-item-select", j = "data-value", et = (e, a, t) => Qe(e, a, t), we = n.createContext(void 0), O = () => n.useContext(we), ke = n.createContext(void 0), se = () => n.useContext(ke), Se = n.createContext(void 0), Ce = n.forwardRef((e, a) => {
+  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() } };
+  }), l = P(() => /* @__PURE__ */ new Set()), o = P(() => /* @__PURE__ */ new Map()), d = P(() => /* @__PURE__ */ new Map()), u = P(() => /* @__PURE__ */ new Set()), p = Ee(e), { label: v, children: i, value: g, onValueChange: h, filter: R, shouldFilter: C, loop: N, disablePointerSelection: z = !1, vimBindings: M = !0, ...G } = e, H = K(), de = K(), W = K(), $ = n.useRef(null), y = ut();
+  L(() => {
+    if (g !== void 0) {
+      let r = g.trim();
+      t.current.value = r, E.emit();
+    }
+  }, [g]), L(() => {
+    y(6, ce);
+  }, []);
+  let E = n.useMemo(() => ({ subscribe: (r) => (u.current.add(r), () => u.current.delete(r)), snapshot: () => t.current, setState: (r, c, m) => {
+    var s, f, b, I;
+    if (!Object.is(t.current[r], c)) {
+      if (t.current[r] = c, r === "search") Q(), J(), y(1, X);
+      else if (r === "value") {
+        if (document.activeElement.hasAttribute("cmdk-input") || document.activeElement.hasAttribute("cmdk-root")) {
+          let k = document.getElementById(W);
+          k ? k.focus() : (s = document.getElementById(H)) == null || s.focus();
+        }
+        if (y(7, () => {
+          var k;
+          t.current.selectedItemId = (k = F()) == null ? void 0 : k.id, E.emit();
+        }), m || y(5, ce), ((f = p.current) == null ? void 0 : f.value) !== void 0) {
+          let k = c ?? "";
+          (I = (b = p.current).onValueChange) == null || I.call(b, k);
+          return;
+        }
+      }
+      E.emit();
+    }
+  }, emit: () => {
+    u.current.forEach((r) => r());
+  } }), []), Y = n.useMemo(() => ({ value: (r, c, m) => {
+    var s;
+    c !== ((s = d.current.get(r)) == null ? void 0 : s.value) && (d.current.set(r, { value: c, keywords: m }), t.current.filtered.items.set(r, ie(c, m)), y(2, () => {
+      J(), E.emit();
+    }));
+  }, item: (r, c) => (l.current.add(r), c && (o.current.has(c) ? o.current.get(c).add(r) : o.current.set(c, /* @__PURE__ */ new Set([r]))), y(3, () => {
+    Q(), J(), t.current.value || X(), E.emit();
+  }), () => {
+    d.current.delete(r), l.current.delete(r), t.current.filtered.items.delete(r);
+    let m = F();
+    y(4, () => {
+      Q(), m?.getAttribute("id") === r && X(), E.emit();
+    });
+  }), group: (r) => (o.current.has(r) || o.current.set(r, /* @__PURE__ */ new Set()), () => {
+    d.current.delete(r), o.current.delete(r);
+  }), filter: () => p.current.shouldFilter, label: v || e["aria-label"], getDisablePointerSelection: () => p.current.disablePointerSelection, listId: H, inputId: W, labelId: de, listInnerRef: $ }), []);
+  function ie(r, c) {
+    var m, s;
+    let f = (s = (m = p.current) == null ? void 0 : m.filter) != null ? s : et;
+    return r ? f(r, t.current.search, c) : 0;
+  }
+  function J() {
+    if (!t.current.search || p.current.shouldFilter === !1) return;
+    let r = t.current.filtered.items, c = [];
+    t.current.filtered.groups.forEach((s) => {
+      let f = o.current.get(s), b = 0;
+      f.forEach((I) => {
+        let k = r.get(I);
+        b = Math.max(k, b);
+      }), c.push([s, b]);
+    });
+    let m = $.current;
+    V().sort((s, f) => {
+      var b, I;
+      let k = s.getAttribute("id"), B = f.getAttribute("id");
+      return ((b = r.get(B)) != null ? b : 0) - ((I = r.get(k)) != null ? I : 0);
+    }).forEach((s) => {
+      let f = s.closest(ae);
+      f ? f.appendChild(s.parentElement === f ? s : s.closest(`${ae} > *`)) : m.appendChild(s.parentElement === m ? s : s.closest(`${ae} > *`));
+    }), c.sort((s, f) => f[1] - s[1]).forEach((s) => {
+      var f;
+      let b = (f = $.current) == null ? void 0 : f.querySelector(`${T}[${j}="${encodeURIComponent(s[0])}"]`);
+      b?.parentElement.appendChild(b);
+    });
+  }
+  function X() {
+    let r = V().find((m) => m.getAttribute("aria-disabled") !== "true"), c = r?.getAttribute(j);
+    E.setState("value", c || void 0);
+  }
+  function Q() {
+    var r, c, m, s;
+    if (!t.current.search || p.current.shouldFilter === !1) {
+      t.current.filtered.count = l.current.size;
+      return;
+    }
+    t.current.filtered.groups = /* @__PURE__ */ new Set();
+    let f = 0;
+    for (let b of l.current) {
+      let I = (c = (r = d.current.get(b)) == null ? void 0 : r.value) != null ? c : "", k = (s = (m = d.current.get(b)) == null ? void 0 : m.keywords) != null ? s : [], B = ie(I, k);
+      t.current.filtered.items.set(b, B), B > 0 && f++;
+    }
+    for (let [b, I] of o.current) for (let k of I) if (t.current.filtered.items.get(k) > 0) {
+      t.current.filtered.groups.add(b);
+      break;
+    }
+    t.current.filtered.count = f;
+  }
+  function ce() {
+    var r, c, m;
+    let s = F();
+    s && (((r = s.parentElement) == null ? void 0 : r.firstChild) === s && ((m = (c = s.closest(T)) == null ? void 0 : c.querySelector(Ze)) == null || m.scrollIntoView({ block: "nearest" })), s.scrollIntoView({ block: "nearest" }));
+  }
+  function F() {
+    var r;
+    return (r = $.current) == null ? void 0 : r.querySelector(`${xe}[aria-selected="true"]`);
+  }
+  function V() {
+    var r;
+    return Array.from(((r = $.current) == null ? void 0 : r.querySelectorAll(he)) || []);
+  }
+  function Z(r) {
+    let c = V()[r];
+    c && E.setState("value", c.getAttribute(j));
+  }
+  function ee(r) {
+    var c;
+    let m = F(), s = V(), f = s.findIndex((I) => I === m), b = s[f + r];
+    (c = p.current) != null && c.loop && (b = f + r < 0 ? s[s.length - 1] : f + r === s.length ? s[0] : s[f + r]), b && E.setState("value", b.getAttribute(j));
+  }
+  function ue(r) {
+    let c = F(), m = c?.closest(T), s;
+    for (; m && !s; ) m = r > 0 ? it(m, T) : ct(m, T), s = m?.querySelector(he);
+    s ? E.setState("value", s.getAttribute(j)) : ee(r);
+  }
+  let me = () => Z(V().length - 1), pe = (r) => {
+    r.preventDefault(), r.metaKey ? me() : r.altKey ? ue(1) : ee(1);
+  }, fe = (r) => {
+    r.preventDefault(), r.metaKey ? Z(0) : r.altKey ? ue(-1) : ee(-1);
+  };
+  return n.createElement(D.div, { ref: a, 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) {
+      case "n":
+      case "j": {
+        M && r.ctrlKey && pe(r);
+        break;
+      }
+      case "ArrowDown": {
+        pe(r);
+        break;
+      }
+      case "p":
+      case "k": {
+        M && r.ctrlKey && fe(r);
+        break;
+      }
+      case "ArrowUp": {
+        fe(r);
+        break;
+      }
+      case "Home": {
+        r.preventDefault(), Z(0);
+        break;
+      }
+      case "End": {
+        r.preventDefault(), me();
+        break;
+      }
+      case "Enter": {
+        r.preventDefault();
+        let s = F();
+        if (s) {
+          let f = new Event(le);
+          s.dispatchEvent(f);
+        }
+      }
+    }
+  } }, n.createElement("label", { "cmdk-label": "", htmlFor: Y.inputId, id: Y.labelId, style: pt }, v), U(e, (r) => n.createElement(ke.Provider, { value: E }, n.createElement(we.Provider, { value: Y }, r))));
+}), tt = n.forwardRef((e, a) => {
+  var t, l;
+  let o = K(), d = n.useRef(null), u = n.useContext(Se), p = O(), v = Ee(e), i = (l = (t = v.current) == null ? void 0 : t.forceMount) != null ? l : u?.forceMount;
+  L(() => {
+    if (!i) return p.item(o, u?.id);
+  }, [i]);
+  let g = Ie(o, d, [e.value, e.children, d], e.keywords), h = se(), R = A((y) => y.value && y.value === g.current), C = A((y) => i || p.filter() === !1 ? !0 : y.search ? y.filtered.items.get(o) > 0 : !0);
+  n.useEffect(() => {
+    let y = d.current;
+    if (!(!y || e.disabled)) return y.addEventListener(le, N), () => y.removeEventListener(le, N);
+  }, [C, e.onSelect, e.disabled]);
+  function N() {
+    var y, E;
+    z(), (E = (y = v.current).onSelect) == null || E.call(y, g.current);
+  }
+  function z() {
+    h.setState("value", g.current, !0);
+  }
+  if (!C) return null;
+  let { disabled: M, value: G, onSelect: H, forceMount: de, keywords: W, ...$ } = e;
+  return n.createElement(D.div, { ref: q(d, a), ...$, id: o, "cmdk-item": "", role: "option", "aria-disabled": !!M, "aria-selected": !!R, "data-disabled": !!M, "data-selected": !!R, onPointerMove: M || p.getDisablePointerSelection() ? void 0 : z, onClick: M ? void 0 : N }, e.children);
+}), rt = n.forwardRef((e, a) => {
+  let { heading: t, children: l, forceMount: o, ...d } = e, u = K(), p = n.useRef(null), v = n.useRef(null), i = K(), g = O(), h = A((C) => o || g.filter() === !1 ? !0 : C.search ? C.filtered.groups.has(u) : !0);
+  L(() => g.group(u), []), Ie(u, p, [e.value, e.heading, v]);
+  let R = n.useMemo(() => ({ id: u, forceMount: o }), [o]);
+  return n.createElement(D.div, { ref: q(p, a), ...d, "cmdk-group": "", role: "presentation", hidden: h ? void 0 : !0 }, t && n.createElement("div", { ref: v, "cmdk-group-heading": "", "aria-hidden": !0, id: i }, t), U(e, (C) => n.createElement("div", { "cmdk-group-items": "", role: "group", "aria-labelledby": t ? i : void 0 }, n.createElement(Se.Provider, { value: R }, C))));
+}), at = n.forwardRef((e, a) => {
+  let { alwaysRender: t, ...l } = e, o = n.useRef(null), d = A((u) => !u.search);
+  return !t && !d ? null : n.createElement(D.div, { ref: q(o, a), ...l, "cmdk-separator": "", role: "separator" });
+}), nt = n.forwardRef((e, a) => {
+  let { onValueChange: t, ...l } = e, o = e.value != null, d = se(), u = A((i) => i.search), p = A((i) => i.selectedItemId), v = O();
+  return n.useEffect(() => {
+    e.value != null && d.setState("search", e.value);
+  }, [e.value]), n.createElement(D.input, { ref: a, ...l, "cmdk-input": "", autoComplete: "off", autoCorrect: "off", spellCheck: !1, "aria-autocomplete": "list", role: "combobox", "aria-expanded": !0, "aria-controls": v.listId, "aria-labelledby": v.labelId, "aria-activedescendant": p, id: v.inputId, type: "text", value: o ? e.value : u, onChange: (i) => {
+    o || d.setState("search", i.target.value), t?.(i.target.value);
+  } });
+}), ot = n.forwardRef((e, a) => {
+  let { children: t, label: l = "Suggestions", ...o } = e, d = n.useRef(null), u = n.useRef(null), p = A((i) => i.selectedItemId), v = O();
+  return n.useEffect(() => {
+    if (u.current && d.current) {
+      let i = u.current, g = d.current, h, R = new ResizeObserver(() => {
+        h = requestAnimationFrame(() => {
+          let C = i.offsetHeight;
+          g.style.setProperty("--cmdk-list-height", C.toFixed(1) + "px");
+        });
+      });
+      return R.observe(i), () => {
+        cancelAnimationFrame(h), R.unobserve(i);
+      };
+    }
+  }, []), n.createElement(D.div, { ref: q(d, a), ...o, "cmdk-list": "", role: "listbox", tabIndex: -1, "aria-activedescendant": p, "aria-label": l, id: v.listId }, U(e, (i) => n.createElement("div", { ref: q(u, v.listInnerRef), "cmdk-list-sizer": "" }, i)));
+}), lt = n.forwardRef((e, a) => {
+  let { open: t, onOpenChange: l, overlayClassName: o, contentClassName: d, container: u, ...p } = e;
+  return n.createElement(_e, { open: t, onOpenChange: l }, n.createElement(Ne, { container: u }, n.createElement(Ae, { "cmdk-overlay": "", className: o }), n.createElement(De, { "aria-label": e.label, "cmdk-dialog": "", className: d }, n.createElement(Ce, { ref: a, ...p }))));
+}), st = n.forwardRef((e, a) => A((t) => t.filtered.count === 0) ? n.createElement(D.div, { ref: a, ...e, "cmdk-empty": "", role: "presentation" }) : null), dt = n.forwardRef((e, a) => {
+  let { progress: t, children: l, label: o = "Loading...", ...d } = e;
+  return n.createElement(D.div, { ref: a, ...d, "cmdk-loading": "", role: "progressbar", "aria-valuenow": t, "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": o }, U(e, (u) => n.createElement("div", { "aria-hidden": !0 }, u)));
+}), S = Object.assign(Ce, { List: ot, Item: tt, Input: nt, Group: rt, Separator: at, Dialog: lt, Empty: st, Loading: dt });
+function it(e, a) {
+  let t = e.nextElementSibling;
+  for (; t; ) {
+    if (t.matches(a)) return t;
+    t = t.nextElementSibling;
+  }
+}
+function ct(e, a) {
+  let t = e.previousElementSibling;
+  for (; t; ) {
+    if (t.matches(a)) return t;
+    t = t.previousElementSibling;
+  }
+}
+function Ee(e) {
+  let a = n.useRef(e);
+  return L(() => {
+    a.current = e;
+  }), a;
+}
+var L = typeof window > "u" ? n.useEffect : n.useLayoutEffect;
+function P(e) {
+  let a = n.useRef();
+  return a.current === void 0 && (a.current = e()), a;
+}
+function A(e) {
+  let a = se(), t = () => e(a.snapshot());
+  return n.useSyncExternalStore(a.subscribe, t, t);
+}
+function Ie(e, a, t, l = []) {
+  let o = n.useRef(), d = O();
+  return L(() => {
+    var u;
+    let p = (() => {
+      var i;
+      for (let g of t) {
+        if (typeof g == "string") return g.trim();
+        if (typeof g == "object" && "current" in g) return g.current ? (i = g.current.textContent) == null ? void 0 : i.trim() : o.current;
+      }
+    })(), v = l.map((i) => i.trim());
+    d.value(e, p, v), (u = a.current) == null || u.setAttribute(j, p), o.current = p;
+  }), o;
+}
+var ut = () => {
+  let [e, a] = n.useState(), t = P(() => /* @__PURE__ */ new Map());
+  return L(() => {
+    t.current.forEach((l) => l()), t.current = /* @__PURE__ */ new Map();
+  }, [e]), (l, o) => {
+    t.current.set(l, o), a({});
+  };
+};
+function mt(e) {
+  let a = e.type;
+  return typeof a == "function" ? a(e.props) : "render" in a ? a.render(e.props) : e;
+}
+function U({ asChild: e, children: a }, t) {
+  return e && n.isValidElement(a) ? n.cloneElement(mt(a), { ref: a.ref }, t(a.props.children)) : t(a);
+}
+var pt = { position: "absolute", width: "1px", height: "1px", padding: "0", margin: "-1px", overflow: "hidden", clip: "rect(0, 0, 0, 0)", whiteSpace: "nowrap", borderWidth: "0" };
+const ft = x({
+  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 shadow-hard-md"
+    }
+  }
+}), gt = x({
+  base: "backdrop-glass-regular shadow-glass-md flex h-full w-full flex-col overflow-hidden rounded-2xl bg-alpha-40 text-primary-fg"
+}), Re = n.forwardRef(({ className: e, ...a }, t) => {
+  const { variant: l } = _(), o = l === "glass" ? gt({ className: e }) : ft({ className: e, theme: l });
+  return /* @__PURE__ */ w(S, { ref: t, "data-slot": "command", className: o, ...a });
+});
+Re.displayName = S.displayName;
+const vt = x({
+  slots: {
+    content: "overflow-hidden border-none p-0 shadow-soft-2xl",
+    command: [
+      "rounded-xl",
+      "[&_[cmdk-group-heading]]:px-3 [&_[cmdk-group-heading]]:font-normal [&_[cmdk-group-heading]]:text-muted",
+      "[&_[cmdk-group]]:px-1",
+      "[&_[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: {
+    theme: {
+      inverse: {
+        command: "border-inverse-border"
+      }
+    }
+  }
+}), ht = x({
+  slots: {
+    content: "shadow-glass-md backdrop-glass-regular overflow-hidden border-none bg-alpha-40 p-0",
+    command: [
+      "rounded-xl",
+      "[&_[cmdk-group-heading]]:px-3 [&_[cmdk-group-heading]]:font-normal [&_[cmdk-group-heading]]:text-muted",
+      "[&_[cmdk-group]]:px-1",
+      "[&_[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"
+    ]
+  }
+}), tr = ({
+  title: e = "Command Palette",
+  description: a = "Search for a command to run...",
+  children: t,
+  className: l,
+  overlayType: o,
+  overlayBlur: d,
+  ...u
+}) => {
+  const { variant: p } = _(), v = p === "glass" ? ht() : vt();
+  return /* @__PURE__ */ ne(Pe, { ...u, children: [
+    /* @__PURE__ */ ne(Ke, { className: "!sr-only", children: [
+      /* @__PURE__ */ w(Ve, { children: e }),
+      /* @__PURE__ */ w(Te, { children: a })
+    ] }),
+    /* @__PURE__ */ w(
+      qe,
+      {
+        className: v.content({ className: l }),
+        overlayType: o,
+        overlayBlur: d,
+        showCloseButton: !1,
+        children: /* @__PURE__ */ w(Re, { className: v.command(), children: t })
+      }
+    )
+  ] });
+}, bt = x({
+  slots: {
+    wrapper: "flex items-center border-b border-secondary-border pl-3 pr-2",
+    search: "mr-2 h-4 w-4 shrink-0 text-muted",
+    input: "flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted disabled:cursor-not-allowed disabled:opacity-50"
+  },
+  variants: {
+    theme: {
+      inverse: {
+        wrapper: "border-inverse-border",
+        search: "text-inverse-muted",
+        input: "placeholder:text-inverse-muted"
+      }
+    }
+  }
+}), yt = x({
+  slots: {
+    wrapper: "flex items-center border-b border-primary-border pl-3 pr-2",
+    search: "mr-2 h-4 w-4 shrink-0 text-muted",
+    input: "flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted disabled:cursor-not-allowed disabled:opacity-50"
+  }
+}), xt = n.forwardRef(
+  ({ className: e, wrapperClassName: a, ...t }, l) => {
+    const { variant: o } = _(), d = o === "glass" ? yt() : bt({ theme: o });
+    return /* @__PURE__ */ ne(
+      "div",
+      {
+        className: d.wrapper({ className: a }),
+        "data-slot": "command-input-wrapper",
+        "cmdk-input-wrapper": "",
+        children: [
+          /* @__PURE__ */ w(je, { icon: Ge, className: d.search() }),
+          /* @__PURE__ */ w(
+            S.Input,
+            {
+              ref: l,
+              "data-slot": "command-input",
+              className: d.input({ className: e }),
+              ...t
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+xt.displayName = S.Input.displayName;
+const wt = x({
+  base: "max-h-[300px] overflow-y-auto overflow-x-hidden outline-none"
+}), kt = n.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ w(S.List, { ref: t, "data-slot": "command-list", className: wt({ className: e }), ...a })), St = x({
+  base: "max-h-[300px] overflow-x-hidden outline-none"
+}), Ct = n.forwardRef(({ className: e, containerClassName: a, shadowSize: t, ...l }, o) => /* @__PURE__ */ w(
+  Oe,
+  {
+    className: St({ className: a }),
+    "data-slot": "command-list-scroll-shadow",
+    shadowSize: t,
+    children: /* @__PURE__ */ w(S.List, { ref: o, "data-slot": "command-list", className: e, ...l })
+  }
+));
+kt.displayName = S.List.displayName;
+Ct.displayName = "CommandListContainer";
+const Et = x({
+  extend: Fe,
+  base: "flex items-center justify-center px-3 py-6 text-secondary-fg"
+}), It = n.forwardRef(({ className: e, ...a }, t) => {
+  const { variant: l } = _(), o = be(l, ["inverse"]);
+  return /* @__PURE__ */ w(
+    S.Empty,
+    {
+      ref: t,
+      "data-slot": "command-empty",
+      className: Et({ className: e, theme: o }),
+      ...a
+    }
+  );
+});
+It.displayName = S.Empty.displayName;
+const Rt = x({
+  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: {
+    theme: {
+      inverse: "text-inverse-primary-fg [&_[cmdk-group-heading]]:text-inverse-muted"
+    }
+  }
+}), _t = x({
+  base: "overflow-hidden p-2 text-primary-fg [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:text-muted"
+}), Nt = n.forwardRef(({ className: e, ...a }, t) => {
+  const { variant: l } = _(), o = l === "glass" ? _t({ className: e }) : Rt({ className: e, theme: l });
+  return /* @__PURE__ */ w(S.Group, { ref: t, "data-slot": "command-group", className: o, ...a });
+});
+Nt.displayName = S.Group.displayName;
+const At = x({
+  base: "mx-1 h-px bg-secondary-border",
+  variants: {
+    theme: {
+      inverse: "bg-inverse-border"
+    }
+  }
+}), Dt = x({
+  base: "mx-1 h-px bg-primary-border"
+}), Mt = n.forwardRef(({ className: e, ...a }, t) => {
+  const { variant: l } = _(), o = l === "glass" ? Dt({ className: e }) : At({ className: e, theme: l });
+  return /* @__PURE__ */ w(S.Separator, { ref: t, "data-slot": "command-separator", className: o, ...a });
+});
+Mt.displayName = S.Separator.displayName;
+const $t = x({
+  extend: $e,
+  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"
+}), Lt = x({
+  base: [
+    ...Me,
+    "rounded-lg bg-transparent pr-2 text-primary-fg",
+    "hover:bg-secondary-border focus:bg-secondary-bg-hover",
+    "[&:has([data-menu-item-action]:hover)]:bg-secondary-bg",
+    "data-[selected=true]:bg-secondary-border data-[selected=true]:text-primary-fg",
+    "[&_svg]:pointer-events-none [&_svg]:shrink-0"
+  ],
+  variants: {
+    disabled: {
+      true: "pointer-events-none opacity-50"
+    }
+  }
+}), Ft = n.forwardRef(({ className: e, disabled: a, children: t, ...l }, o) => {
+  const { variant: d } = _(), u = d === "glass" ? Lt({ className: e, disabled: a }) : $t({ className: e, disabled: a, theme: d });
+  return /* @__PURE__ */ w(S.Item, { disabled: a, ref: o, "data-slot": "command-item", className: u, ...l, children: t });
+});
+Ft.displayName = S.Item.displayName;
+const jt = x({
+  extend: Le,
+  base: "ml-auto text-xs tracking-widest"
+}), Pt = ({ className: e, ...a }) => {
+  const { variant: t } = _(), l = be(t, ["inverse"]);
+  return /* @__PURE__ */ w("span", { "data-slot": "command-shortcut", className: jt({ className: e, theme: l }), ...a });
+};
+Pt.displayName = "CommandShortcut";
+const Kt = x({
+  base: "flex items-center gap-1 border-t border-secondary-border bg-alpha-60 px-4 py-2.5 text-xs text-secondary-fg",
+  variants: {
+    theme: {
+      inverse: "border-inverse-border bg-alpha-high-60 text-inverse-secondary-fg"
+    }
+  }
+}), Vt = x({
+  base: "flex items-center gap-1 border-t border-primary-border bg-alpha-40 px-4 py-2.5 text-xs text-secondary-fg"
+}), Tt = n.forwardRef(
+  ({ className: e, ...a }, t) => {
+    const { variant: l } = _(), o = l === "glass" ? Vt({ className: e }) : Kt({ className: e, theme: l });
+    return /* @__PURE__ */ w("div", { ref: t, "data-slot": "command-footer", className: o, ...a });
+  }
+);
+Tt.displayName = "CommandFooter";
+export {
+  Re as C,
+  tr as a,
+  xt as b,
+  kt as c,
+  Ct as d,
+  It as e,
+  Nt as f,
+  Ft as g,
+  Pt as h,
+  Mt as i,
+  Tt as j
+};
+//# sourceMappingURL=Command-DrFVm_8w.js.map