@senitix/ui 0.4.0

package/dist/popover-4V4sGe1U.js

@@ -0,0 +1,765 @@
+import { c as rt } from "./createLucideIcon-BbeNo6vq.js";
+import { jsx as p, jsxs as U } from "react/jsx-runtime";
+import * as o from "react";
+import { R as ke, P as Ee, O as ue, a as pe, C as Ne, T as ot, b as Se, D as Ae, S as nt } from "./index-l828OqQN.js";
+import { P as S, f as V, X as at, e as lt, g as st, h as Ie, j as H, m as _e } from "./scroll-area-DQeqDp3Y.js";
+import { p as F, o as De, u as it, R as ct, A as Oe, P as dt, r as ut, t as pt, s as ft, F as mt, v as vt, C as gt, w as ht } from "./input-D4AoiWxo.js";
+import { c as k } from "./index-CwJPJKOE.js";
+const Sr = rt("LoaderCircle", [
+  ["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]
+]);
+var Ce = 1, bt = 0.9, yt = 0.8, xt = 0.17, le = 0.1, se = 0.999, wt = 0.9999, Ct = 0.99, Rt = /[\\\/_+.#"@\[\(\{&]/, Pt = /[\\\/_+.#"@\[\(\{&]/g, kt = /[\s-]/, Fe = /[\s-]/g;
+function ce(e, r, t, s, n, l, i) {
+  if (l === r.length) return n === e.length ? Ce : Ct;
+  var d = `${n},${l}`;
+  if (i[d] !== void 0) return i[d];
+  for (var m = s.charAt(l), c = t.indexOf(m, n), v = 0, h, x, C, A; c >= 0; ) h = ce(e, r, t, s, c + 1, l + 1, i), h > v && (c === n ? h *= Ce : Rt.test(e.charAt(c - 1)) ? (h *= yt, C = e.slice(n, c - 1).match(Pt), C && n > 0 && (h *= Math.pow(se, C.length))) : kt.test(e.charAt(c - 1)) ? (h *= bt, A = e.slice(n, c - 1).match(Fe), A && n > 0 && (h *= Math.pow(se, A.length))) : (h *= xt, n > 0 && (h *= Math.pow(se, c - n))), e.charAt(c) !== r.charAt(l) && (h *= wt)), (h < le && t.charAt(c - 1) === s.charAt(l + 1) || s.charAt(l + 1) === s.charAt(l) && t.charAt(c - 1) !== s.charAt(l)) && (x = ce(e, r, t, s, c + 1, l + 2, i), x * le > h && (h = x * le)), h > v && (v = h), c = t.indexOf(m, c + 1);
+  return i[d] = v, v;
+}
+function Re(e) {
+  return e.toLowerCase().replace(Fe, " ");
+}
+function Et(e, r, t) {
+  return e = t && t.length > 0 ? `${e + " " + t.join(" ")}` : e, ce(e, r, Re(e), Re(r), 0, 0, {});
+}
+var K = '[cmdk-group=""]', ie = '[cmdk-group-items=""]', Nt = '[cmdk-group-heading=""]', Me = '[cmdk-item=""]', Pe = `${Me}:not([aria-disabled="true"])`, de = "cmdk-item-select", T = "data-value", St = (e, r, t) => Et(e, r, t), $e = o.createContext(void 0), q = () => o.useContext($e), Te = o.createContext(void 0), fe = () => o.useContext(Te), Le = o.createContext(void 0), Ve = o.forwardRef((e, r) => {
+  let t = L(() => {
+    var a, f;
+    return { search: "", value: (f = (a = e.value) != null ? a : e.defaultValue) != null ? f : "", selectedItemId: void 0, filtered: { count: 0, items: /* @__PURE__ */ new Map(), groups: /* @__PURE__ */ new Set() } };
+  }), s = L(() => /* @__PURE__ */ new Set()), n = L(() => /* @__PURE__ */ new Map()), l = L(() => /* @__PURE__ */ new Map()), i = L(() => /* @__PURE__ */ new Set()), d = je(e), { label: m, children: c, value: v, onValueChange: h, filter: x, shouldFilter: C, loop: A, disablePointerSelection: J = !1, vimBindings: D = !0, ...G } = e, Y = F(), ve = F(), Q = F(), O = o.useRef(null), w = Vt();
+  M(() => {
+    if (v !== void 0) {
+      let a = v.trim();
+      t.current.value = a, P.emit();
+    }
+  }, [v]), M(() => {
+    w(6, he);
+  }, []);
+  let P = o.useMemo(() => ({ subscribe: (a) => (i.current.add(a), () => i.current.delete(a)), snapshot: () => t.current, setState: (a, f, g) => {
+    var u, b, y, N;
+    if (!Object.is(t.current[a], f)) {
+      if (t.current[a] = f, a === "search") oe(), te(), w(1, re);
+      else if (a === "value") {
+        if (document.activeElement.hasAttribute("cmdk-input") || document.activeElement.hasAttribute("cmdk-root")) {
+          let R = document.getElementById(Q);
+          R ? R.focus() : (u = document.getElementById(Y)) == null || u.focus();
+        }
+        if (w(7, () => {
+          var R;
+          t.current.selectedItemId = (R = $()) == null ? void 0 : R.id, P.emit();
+        }), g || w(5, he), ((b = d.current) == null ? void 0 : b.value) !== void 0) {
+          let R = f ?? "";
+          (N = (y = d.current).onValueChange) == null || N.call(y, R);
+          return;
+        }
+      }
+      P.emit();
+    }
+  }, emit: () => {
+    i.current.forEach((a) => a());
+  } }), []), ee = o.useMemo(() => ({ value: (a, f, g) => {
+    var u;
+    f !== ((u = l.current.get(a)) == null ? void 0 : u.value) && (l.current.set(a, { value: f, keywords: g }), t.current.filtered.items.set(a, ge(f, g)), w(2, () => {
+      te(), P.emit();
+    }));
+  }, item: (a, f) => (s.current.add(a), f && (n.current.has(f) ? n.current.get(f).add(a) : n.current.set(f, /* @__PURE__ */ new Set([a]))), w(3, () => {
+    oe(), te(), t.current.value || re(), P.emit();
+  }), () => {
+    l.current.delete(a), s.current.delete(a), t.current.filtered.items.delete(a);
+    let g = $();
+    w(4, () => {
+      oe(), g?.getAttribute("id") === a && re(), P.emit();
+    });
+  }), group: (a) => (n.current.has(a) || n.current.set(a, /* @__PURE__ */ new Set()), () => {
+    l.current.delete(a), n.current.delete(a);
+  }), filter: () => d.current.shouldFilter, label: m || e["aria-label"], getDisablePointerSelection: () => d.current.disablePointerSelection, listId: Y, inputId: Q, labelId: ve, listInnerRef: O }), []);
+  function ge(a, f) {
+    var g, u;
+    let b = (u = (g = d.current) == null ? void 0 : g.filter) != null ? u : St;
+    return a ? b(a, t.current.search, f) : 0;
+  }
+  function te() {
+    if (!t.current.search || d.current.shouldFilter === !1) return;
+    let a = t.current.filtered.items, f = [];
+    t.current.filtered.groups.forEach((u) => {
+      let b = n.current.get(u), y = 0;
+      b.forEach((N) => {
+        let R = a.get(N);
+        y = Math.max(R, y);
+      }), f.push([u, y]);
+    });
+    let g = O.current;
+    z().sort((u, b) => {
+      var y, N;
+      let R = u.getAttribute("id"), B = b.getAttribute("id");
+      return ((y = a.get(B)) != null ? y : 0) - ((N = a.get(R)) != null ? N : 0);
+    }).forEach((u) => {
+      let b = u.closest(ie);
+      b ? b.appendChild(u.parentElement === b ? u : u.closest(`${ie} > *`)) : g.appendChild(u.parentElement === g ? u : u.closest(`${ie} > *`));
+    }), f.sort((u, b) => b[1] - u[1]).forEach((u) => {
+      var b;
+      let y = (b = O.current) == null ? void 0 : b.querySelector(`${K}[${T}="${encodeURIComponent(u[0])}"]`);
+      y?.parentElement.appendChild(y);
+    });
+  }
+  function re() {
+    let a = z().find((g) => g.getAttribute("aria-disabled") !== "true"), f = a?.getAttribute(T);
+    P.setState("value", f || void 0);
+  }
+  function oe() {
+    var a, f, g, u;
+    if (!t.current.search || d.current.shouldFilter === !1) {
+      t.current.filtered.count = s.current.size;
+      return;
+    }
+    t.current.filtered.groups = /* @__PURE__ */ new Set();
+    let b = 0;
+    for (let y of s.current) {
+      let N = (f = (a = l.current.get(y)) == null ? void 0 : a.value) != null ? f : "", R = (u = (g = l.current.get(y)) == null ? void 0 : g.keywords) != null ? u : [], B = ge(N, R);
+      t.current.filtered.items.set(y, B), B > 0 && b++;
+    }
+    for (let [y, N] of n.current) for (let R of N) if (t.current.filtered.items.get(R) > 0) {
+      t.current.filtered.groups.add(y);
+      break;
+    }
+    t.current.filtered.count = b;
+  }
+  function he() {
+    var a, f, g;
+    let u = $();
+    u && (((a = u.parentElement) == null ? void 0 : a.firstChild) === u && ((g = (f = u.closest(K)) == null ? void 0 : f.querySelector(Nt)) == null || g.scrollIntoView({ block: "nearest" })), u.scrollIntoView({ block: "nearest" }));
+  }
+  function $() {
+    var a;
+    return (a = O.current) == null ? void 0 : a.querySelector(`${Me}[aria-selected="true"]`);
+  }
+  function z() {
+    var a;
+    return Array.from(((a = O.current) == null ? void 0 : a.querySelectorAll(Pe)) || []);
+  }
+  function ne(a) {
+    let f = z()[a];
+    f && P.setState("value", f.getAttribute(T));
+  }
+  function ae(a) {
+    var f;
+    let g = $(), u = z(), b = u.findIndex((N) => N === g), y = u[b + a];
+    (f = d.current) != null && f.loop && (y = b + a < 0 ? u[u.length - 1] : b + a === u.length ? u[0] : u[b + a]), y && P.setState("value", y.getAttribute(T));
+  }
+  function be(a) {
+    let f = $(), g = f?.closest(K), u;
+    for (; g && !u; ) g = a > 0 ? Tt(g, K) : Lt(g, K), u = g?.querySelector(Pe);
+    u ? P.setState("value", u.getAttribute(T)) : ae(a);
+  }
+  let ye = () => ne(z().length - 1), xe = (a) => {
+    a.preventDefault(), a.metaKey ? ye() : a.altKey ? be(1) : ae(1);
+  }, we = (a) => {
+    a.preventDefault(), a.metaKey ? ne(0) : a.altKey ? be(-1) : ae(-1);
+  };
+  return o.createElement(S.div, { ref: r, tabIndex: -1, ...G, "cmdk-root": "", onKeyDown: (a) => {
+    var f;
+    (f = G.onKeyDown) == null || f.call(G, a);
+    let g = a.nativeEvent.isComposing || a.keyCode === 229;
+    if (!(a.defaultPrevented || g)) switch (a.key) {
+      case "n":
+      case "j": {
+        D && a.ctrlKey && xe(a);
+        break;
+      }
+      case "ArrowDown": {
+        xe(a);
+        break;
+      }
+      case "p":
+      case "k": {
+        D && a.ctrlKey && we(a);
+        break;
+      }
+      case "ArrowUp": {
+        we(a);
+        break;
+      }
+      case "Home": {
+        a.preventDefault(), ne(0);
+        break;
+      }
+      case "End": {
+        a.preventDefault(), ye();
+        break;
+      }
+      case "Enter": {
+        a.preventDefault();
+        let u = $();
+        if (u) {
+          let b = new Event(de);
+          u.dispatchEvent(b);
+        }
+      }
+    }
+  } }, o.createElement("label", { "cmdk-label": "", htmlFor: ee.inputId, id: ee.labelId, style: zt }, m), X(e, (a) => o.createElement(Te.Provider, { value: P }, o.createElement($e.Provider, { value: ee }, a))));
+}), At = o.forwardRef((e, r) => {
+  var t, s;
+  let n = F(), l = o.useRef(null), i = o.useContext(Le), d = q(), m = je(e), c = (s = (t = m.current) == null ? void 0 : t.forceMount) != null ? s : i?.forceMount;
+  M(() => {
+    if (!c) return d.item(n, i?.id);
+  }, [c]);
+  let v = ze(n, l, [e.value, e.children, l], e.keywords), h = fe(), x = I((w) => w.value && w.value === v.current), C = I((w) => c || d.filter() === !1 ? !0 : w.search ? w.filtered.items.get(n) > 0 : !0);
+  o.useEffect(() => {
+    let w = l.current;
+    if (!(!w || e.disabled)) return w.addEventListener(de, A), () => w.removeEventListener(de, A);
+  }, [C, e.onSelect, e.disabled]);
+  function A() {
+    var w, P;
+    J(), (P = (w = m.current).onSelect) == null || P.call(w, v.current);
+  }
+  function J() {
+    h.setState("value", v.current, !0);
+  }
+  if (!C) return null;
+  let { disabled: D, value: G, onSelect: Y, forceMount: ve, keywords: Q, ...O } = e;
+  return o.createElement(S.div, { ref: V(l, r), ...O, id: n, "cmdk-item": "", role: "option", "aria-disabled": !!D, "aria-selected": !!x, "data-disabled": !!D, "data-selected": !!x, onPointerMove: D || d.getDisablePointerSelection() ? void 0 : J, onClick: D ? void 0 : A }, e.children);
+}), It = o.forwardRef((e, r) => {
+  let { heading: t, children: s, forceMount: n, ...l } = e, i = F(), d = o.useRef(null), m = o.useRef(null), c = F(), v = q(), h = I((C) => n || v.filter() === !1 ? !0 : C.search ? C.filtered.groups.has(i) : !0);
+  M(() => v.group(i), []), ze(i, d, [e.value, e.heading, m]);
+  let x = o.useMemo(() => ({ id: i, forceMount: n }), [n]);
+  return o.createElement(S.div, { ref: V(d, r), ...l, "cmdk-group": "", role: "presentation", hidden: h ? void 0 : !0 }, t && o.createElement("div", { ref: m, "cmdk-group-heading": "", "aria-hidden": !0, id: c }, t), X(e, (C) => o.createElement("div", { "cmdk-group-items": "", role: "group", "aria-labelledby": t ? c : void 0 }, o.createElement(Le.Provider, { value: x }, C))));
+}), _t = o.forwardRef((e, r) => {
+  let { alwaysRender: t, ...s } = e, n = o.useRef(null), l = I((i) => !i.search);
+  return !t && !l ? null : o.createElement(S.div, { ref: V(n, r), ...s, "cmdk-separator": "", role: "separator" });
+}), Dt = o.forwardRef((e, r) => {
+  let { onValueChange: t, ...s } = e, n = e.value != null, l = fe(), i = I((c) => c.search), d = I((c) => c.selectedItemId), m = q();
+  return o.useEffect(() => {
+    e.value != null && l.setState("search", e.value);
+  }, [e.value]), o.createElement(S.input, { ref: r, ...s, "cmdk-input": "", autoComplete: "off", autoCorrect: "off", spellCheck: !1, "aria-autocomplete": "list", role: "combobox", "aria-expanded": !0, "aria-controls": m.listId, "aria-labelledby": m.labelId, "aria-activedescendant": d, id: m.inputId, type: "text", value: n ? e.value : i, onChange: (c) => {
+    n || l.setState("search", c.target.value), t?.(c.target.value);
+  } });
+}), Ot = o.forwardRef((e, r) => {
+  let { children: t, label: s = "Suggestions", ...n } = e, l = o.useRef(null), i = o.useRef(null), d = I((c) => c.selectedItemId), m = q();
+  return o.useEffect(() => {
+    if (i.current && l.current) {
+      let c = i.current, v = l.current, h, x = new ResizeObserver(() => {
+        h = requestAnimationFrame(() => {
+          let C = c.offsetHeight;
+          v.style.setProperty("--cmdk-list-height", C.toFixed(1) + "px");
+        });
+      });
+      return x.observe(c), () => {
+        cancelAnimationFrame(h), x.unobserve(c);
+      };
+    }
+  }, []), o.createElement(S.div, { ref: V(l, r), ...n, "cmdk-list": "", role: "listbox", tabIndex: -1, "aria-activedescendant": d, "aria-label": s, id: m.listId }, X(e, (c) => o.createElement("div", { ref: V(i, m.listInnerRef), "cmdk-list-sizer": "" }, c)));
+}), Ft = o.forwardRef((e, r) => {
+  let { open: t, onOpenChange: s, overlayClassName: n, contentClassName: l, container: i, ...d } = e;
+  return o.createElement(ke, { open: t, onOpenChange: s }, o.createElement(Ee, { container: i }, o.createElement(ue, { "cmdk-overlay": "", className: n }), o.createElement(pe, { "aria-label": e.label, "cmdk-dialog": "", className: l }, o.createElement(Ve, { ref: r, ...d }))));
+}), Mt = o.forwardRef((e, r) => I((t) => t.filtered.count === 0) ? o.createElement(S.div, { ref: r, ...e, "cmdk-empty": "", role: "presentation" }) : null), $t = o.forwardRef((e, r) => {
+  let { progress: t, children: s, label: n = "Loading...", ...l } = e;
+  return o.createElement(S.div, { ref: r, ...l, "cmdk-loading": "", role: "progressbar", "aria-valuenow": t, "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": n }, X(e, (i) => o.createElement("div", { "aria-hidden": !0 }, i)));
+}), E = Object.assign(Ve, { List: Ot, Item: At, Input: Dt, Group: It, Separator: _t, Dialog: Ft, Empty: Mt, Loading: $t });
+function Tt(e, r) {
+  let t = e.nextElementSibling;
+  for (; t; ) {
+    if (t.matches(r)) return t;
+    t = t.nextElementSibling;
+  }
+}
+function Lt(e, r) {
+  let t = e.previousElementSibling;
+  for (; t; ) {
+    if (t.matches(r)) return t;
+    t = t.previousElementSibling;
+  }
+}
+function je(e) {
+  let r = o.useRef(e);
+  return M(() => {
+    r.current = e;
+  }), r;
+}
+var M = typeof window > "u" ? o.useEffect : o.useLayoutEffect;
+function L(e) {
+  let r = o.useRef();
+  return r.current === void 0 && (r.current = e()), r;
+}
+function I(e) {
+  let r = fe(), t = () => e(r.snapshot());
+  return o.useSyncExternalStore(r.subscribe, t, t);
+}
+function ze(e, r, t, s = []) {
+  let n = o.useRef(), l = q();
+  return M(() => {
+    var i;
+    let d = (() => {
+      var c;
+      for (let v of t) {
+        if (typeof v == "string") return v.trim();
+        if (typeof v == "object" && "current" in v) return v.current ? (c = v.current.textContent) == null ? void 0 : c.trim() : n.current;
+      }
+    })(), m = s.map((c) => c.trim());
+    l.value(e, d, m), (i = r.current) == null || i.setAttribute(T, d), n.current = d;
+  }), n;
+}
+var Vt = () => {
+  let [e, r] = o.useState(), t = L(() => /* @__PURE__ */ new Map());
+  return M(() => {
+    t.current.forEach((s) => s()), t.current = /* @__PURE__ */ new Map();
+  }, [e]), (s, n) => {
+    t.current.set(s, n), r({});
+  };
+};
+function jt(e) {
+  let r = e.type;
+  return typeof r == "function" ? r(e.props) : "render" in r ? r.render(e.props) : e;
+}
+function X({ asChild: e, children: r }, t) {
+  return e && o.isValidElement(r) ? o.cloneElement(jt(r), { ref: r.ref }, t(r.props.children)) : t(r);
+}
+var zt = { position: "absolute", width: "1px", height: "1px", padding: "0", margin: "-1px", overflow: "hidden", clip: "rect(0, 0, 0, 0)", whiteSpace: "nowrap", borderWidth: "0" };
+const Kt = ke, Ar = ot, Ht = Ee, Ir = Ne, Ke = o.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ p(
+  ue,
+  {
+    ref: t,
+    className: k(
+      "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      e
+    ),
+    ...r
+  }
+));
+Ke.displayName = ue.displayName;
+const qt = lt(
+  "fixed left-[50%] top-[50%] z-50 grid w-full translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+  {
+    variants: {
+      size: {
+        sm: "max-w-sm",
+        md: "max-w-md",
+        lg: "max-w-lg",
+        xl: "max-w-xl",
+        "2xl": "max-w-2xl",
+        "3xl": "max-w-3xl",
+        "4xl": "max-w-4xl",
+        full: "max-w-full"
+      }
+    },
+    defaultVariants: {
+      size: "lg"
+    }
+  }
+), He = o.forwardRef(({ className: e, children: r, size: t, ...s }, n) => /* @__PURE__ */ U(Ht, { children: [
+  /* @__PURE__ */ p(Ke, {}),
+  /* @__PURE__ */ U(
+    pe,
+    {
+      ref: n,
+      className: k(qt({ size: t }), e),
+      ...s,
+      children: [
+        r,
+        /* @__PURE__ */ U(Ne, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
+          /* @__PURE__ */ p(at, { className: "h-4 w-4" }),
+          /* @__PURE__ */ p("span", { className: "sr-only", children: "Close" })
+        ] })
+      ]
+    }
+  )
+] }));
+He.displayName = pe.displayName;
+const Wt = ({ className: e, ...r }) => /* @__PURE__ */ p("div", { className: k("flex flex-col space-y-1.5 text-center sm:text-left", e), ...r });
+Wt.displayName = "DialogHeader";
+const Gt = ({ className: e, ...r }) => /* @__PURE__ */ p(
+  "div",
+  {
+    className: k("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", e),
+    ...r
+  }
+);
+Gt.displayName = "DialogFooter";
+const Bt = o.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ p(
+  Se,
+  {
+    ref: t,
+    className: k("text-lg font-semibold leading-none tracking-tight", e),
+    ...r
+  }
+));
+Bt.displayName = Se.displayName;
+const Ut = o.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ p(
+  Ae,
+  {
+    ref: t,
+    className: k("text-sm text-muted-foreground", e),
+    ...r
+  }
+));
+Ut.displayName = Ae.displayName;
+const qe = o.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ p(
+  E,
+  {
+    ref: t,
+    className: k(
+      "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
+      e
+    ),
+    ...r
+  }
+));
+qe.displayName = E.displayName;
+const _r = ({ children: e, ...r }) => /* @__PURE__ */ p(Kt, { ...r, children: /* @__PURE__ */ p(He, { className: "overflow-hidden p-0 shadow-lg", children: /* @__PURE__ */ p(qe, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children: e }) }) }), Xt = o.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ U("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
+  /* @__PURE__ */ p(nt, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+  /* @__PURE__ */ p(
+    E.Input,
+    {
+      ref: t,
+      className: k(
+        "flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
+        e
+      ),
+      ...r
+    }
+  )
+] }));
+Xt.displayName = E.Input.displayName;
+const Zt = o.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ p(
+  E.List,
+  {
+    ref: t,
+    className: k("max-h-[300px] overflow-y-auto overflow-x-hidden", e),
+    ...r
+  }
+));
+Zt.displayName = E.List.displayName;
+const Jt = o.forwardRef((e, r) => /* @__PURE__ */ p(E.Empty, { ref: r, className: "py-6 text-center text-sm", ...e }));
+Jt.displayName = E.Empty.displayName;
+const Yt = o.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ p(
+  E.Group,
+  {
+    ref: t,
+    className: k(
+      "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
+      e
+    ),
+    ...r
+  }
+));
+Yt.displayName = E.Group.displayName;
+const Qt = o.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ p(
+  E.Separator,
+  {
+    ref: t,
+    className: k("-mx-1 h-px bg-border", e),
+    ...r
+  }
+));
+Qt.displayName = E.Separator.displayName;
+const er = o.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ p(
+  E.Item,
+  {
+    ref: t,
+    className: k(
+      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50",
+      e
+    ),
+    ...r
+  }
+));
+er.displayName = E.Item.displayName;
+const tr = ({ className: e, ...r }) => /* @__PURE__ */ p(
+  "span",
+  {
+    className: k("ml-auto text-xs tracking-widest text-muted-foreground", e),
+    ...r
+  }
+);
+tr.displayName = "CommandShortcut";
+// @__NO_SIDE_EFFECTS__
+function rr(e) {
+  const r = /* @__PURE__ */ or(e), t = o.forwardRef((s, n) => {
+    const { children: l, ...i } = s, d = o.Children.toArray(l), m = d.find(ar);
+    if (m) {
+      const c = m.props.children, v = d.map((h) => h === m ? o.Children.count(c) > 1 ? o.Children.only(null) : o.isValidElement(c) ? c.props.children : null : h);
+      return /* @__PURE__ */ p(r, { ...i, ref: n, children: o.isValidElement(c) ? o.cloneElement(c, void 0, v) : null });
+    }
+    return /* @__PURE__ */ p(r, { ...i, ref: n, children: l });
+  });
+  return t.displayName = `${e}.Slot`, t;
+}
+// @__NO_SIDE_EFFECTS__
+function or(e) {
+  const r = o.forwardRef((t, s) => {
+    const { children: n, ...l } = t;
+    if (o.isValidElement(n)) {
+      const i = sr(n), d = lr(l, n.props);
+      return n.type !== o.Fragment && (d.ref = s ? V(s, i) : i), o.cloneElement(n, d);
+    }
+    return o.Children.count(n) > 1 ? o.Children.only(null) : null;
+  });
+  return r.displayName = `${e}.SlotClone`, r;
+}
+var nr = /* @__PURE__ */ Symbol("radix.slottable");
+function ar(e) {
+  return o.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === nr;
+}
+function lr(e, r) {
+  const t = { ...r };
+  for (const s in r) {
+    const n = e[s], l = r[s];
+    /^on[A-Z]/.test(s) ? n && l ? t[s] = (...d) => {
+      const m = l(...d);
+      return n(...d), m;
+    } : n && (t[s] = n) : s === "style" ? t[s] = { ...n, ...l } : s === "className" && (t[s] = [n, l].filter(Boolean).join(" "));
+  }
+  return { ...e, ...t };
+}
+function sr(e) {
+  let r = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, t = r && "isReactWarning" in r && r.isReactWarning;
+  return t ? e.ref : (r = Object.getOwnPropertyDescriptor(e, "ref")?.get, t = r && "isReactWarning" in r && r.isReactWarning, t ? e.props.ref : e.props.ref || e.ref);
+}
+var Z = "Popover", [We] = st(Z, [
+  De
+]), W = De(), [ir, _] = We(Z), Ge = (e) => {
+  const {
+    __scopePopover: r,
+    children: t,
+    open: s,
+    defaultOpen: n,
+    onOpenChange: l,
+    modal: i = !1
+  } = e, d = W(r), m = o.useRef(null), [c, v] = o.useState(!1), [h, x] = it({
+    prop: s,
+    defaultProp: n ?? !1,
+    onChange: l,
+    caller: Z
+  });
+  return /* @__PURE__ */ p(ct, { ...d, children: /* @__PURE__ */ p(
+    ir,
+    {
+      scope: r,
+      contentId: F(),
+      triggerRef: m,
+      open: h,
+      onOpenChange: x,
+      onOpenToggle: o.useCallback(() => x((C) => !C), [x]),
+      hasCustomAnchor: c,
+      onCustomAnchorAdd: o.useCallback(() => v(!0), []),
+      onCustomAnchorRemove: o.useCallback(() => v(!1), []),
+      modal: i,
+      children: t
+    }
+  ) });
+};
+Ge.displayName = Z;
+var Be = "PopoverAnchor", cr = o.forwardRef(
+  (e, r) => {
+    const { __scopePopover: t, ...s } = e, n = _(Be, t), l = W(t), { onCustomAnchorAdd: i, onCustomAnchorRemove: d } = n;
+    return o.useEffect(() => (i(), () => d()), [i, d]), /* @__PURE__ */ p(Oe, { ...l, ...s, ref: r });
+  }
+);
+cr.displayName = Be;
+var Ue = "PopoverTrigger", Xe = o.forwardRef(
+  (e, r) => {
+    const { __scopePopover: t, ...s } = e, n = _(Ue, t), l = W(t), i = Ie(r, n.triggerRef), d = /* @__PURE__ */ p(
+      S.button,
+      {
+        type: "button",
+        "aria-haspopup": "dialog",
+        "aria-expanded": n.open,
+        "aria-controls": n.contentId,
+        "data-state": et(n.open),
+        ...s,
+        ref: i,
+        onClick: H(e.onClick, n.onOpenToggle)
+      }
+    );
+    return n.hasCustomAnchor ? d : /* @__PURE__ */ p(Oe, { asChild: !0, ...l, children: d });
+  }
+);
+Xe.displayName = Ue;
+var me = "PopoverPortal", [dr, ur] = We(me, {
+  forceMount: void 0
+}), Ze = (e) => {
+  const { __scopePopover: r, forceMount: t, children: s, container: n } = e, l = _(me, r);
+  return /* @__PURE__ */ p(dr, { scope: r, forceMount: t, children: /* @__PURE__ */ p(_e, { present: t || l.open, children: /* @__PURE__ */ p(dt, { asChild: !0, container: n, children: s }) }) });
+};
+Ze.displayName = me;
+var j = "PopoverContent", Je = o.forwardRef(
+  (e, r) => {
+    const t = ur(j, e.__scopePopover), { forceMount: s = t.forceMount, ...n } = e, l = _(j, e.__scopePopover);
+    return /* @__PURE__ */ p(_e, { present: s || l.open, children: l.modal ? /* @__PURE__ */ p(fr, { ...n, ref: r }) : /* @__PURE__ */ p(mr, { ...n, ref: r }) });
+  }
+);
+Je.displayName = j;
+var pr = /* @__PURE__ */ rr("PopoverContent.RemoveScroll"), fr = o.forwardRef(
+  (e, r) => {
+    const t = _(j, e.__scopePopover), s = o.useRef(null), n = Ie(r, s), l = o.useRef(!1);
+    return o.useEffect(() => {
+      const i = s.current;
+      if (i) return ut(i);
+    }, []), /* @__PURE__ */ p(pt, { as: pr, allowPinchZoom: !0, children: /* @__PURE__ */ p(
+      Ye,
+      {
+        ...e,
+        ref: n,
+        trapFocus: t.open,
+        disableOutsidePointerEvents: !0,
+        onCloseAutoFocus: H(e.onCloseAutoFocus, (i) => {
+          i.preventDefault(), l.current || t.triggerRef.current?.focus();
+        }),
+        onPointerDownOutside: H(
+          e.onPointerDownOutside,
+          (i) => {
+            const d = i.detail.originalEvent, m = d.button === 0 && d.ctrlKey === !0, c = d.button === 2 || m;
+            l.current = c;
+          },
+          { checkForDefaultPrevented: !1 }
+        ),
+        onFocusOutside: H(
+          e.onFocusOutside,
+          (i) => i.preventDefault(),
+          { checkForDefaultPrevented: !1 }
+        )
+      }
+    ) });
+  }
+), mr = o.forwardRef(
+  (e, r) => {
+    const t = _(j, e.__scopePopover), s = o.useRef(!1), n = o.useRef(!1);
+    return /* @__PURE__ */ p(
+      Ye,
+      {
+        ...e,
+        ref: r,
+        trapFocus: !1,
+        disableOutsidePointerEvents: !1,
+        onCloseAutoFocus: (l) => {
+          e.onCloseAutoFocus?.(l), l.defaultPrevented || (s.current || t.triggerRef.current?.focus(), l.preventDefault()), s.current = !1, n.current = !1;
+        },
+        onInteractOutside: (l) => {
+          e.onInteractOutside?.(l), l.defaultPrevented || (s.current = !0, l.detail.originalEvent.type === "pointerdown" && (n.current = !0));
+          const i = l.target;
+          t.triggerRef.current?.contains(i) && l.preventDefault(), l.detail.originalEvent.type === "focusin" && n.current && l.preventDefault();
+        }
+      }
+    );
+  }
+), Ye = o.forwardRef(
+  (e, r) => {
+    const {
+      __scopePopover: t,
+      trapFocus: s,
+      onOpenAutoFocus: n,
+      onCloseAutoFocus: l,
+      disableOutsidePointerEvents: i,
+      onEscapeKeyDown: d,
+      onPointerDownOutside: m,
+      onFocusOutside: c,
+      onInteractOutside: v,
+      ...h
+    } = e, x = _(j, t), C = W(t);
+    return ft(), /* @__PURE__ */ p(
+      mt,
+      {
+        asChild: !0,
+        loop: !0,
+        trapped: s,
+        onMountAutoFocus: n,
+        onUnmountAutoFocus: l,
+        children: /* @__PURE__ */ p(
+          vt,
+          {
+            asChild: !0,
+            disableOutsidePointerEvents: i,
+            onInteractOutside: v,
+            onEscapeKeyDown: d,
+            onPointerDownOutside: m,
+            onFocusOutside: c,
+            onDismiss: () => x.onOpenChange(!1),
+            children: /* @__PURE__ */ p(
+              gt,
+              {
+                "data-state": et(x.open),
+                role: "dialog",
+                id: x.contentId,
+                ...C,
+                ...h,
+                ref: r,
+                style: {
+                  ...h.style,
+                  "--radix-popover-content-transform-origin": "var(--radix-popper-transform-origin)",
+                  "--radix-popover-content-available-width": "var(--radix-popper-available-width)",
+                  "--radix-popover-content-available-height": "var(--radix-popper-available-height)",
+                  "--radix-popover-trigger-width": "var(--radix-popper-anchor-width)",
+                  "--radix-popover-trigger-height": "var(--radix-popper-anchor-height)"
+                }
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+), Qe = "PopoverClose", vr = o.forwardRef(
+  (e, r) => {
+    const { __scopePopover: t, ...s } = e, n = _(Qe, t);
+    return /* @__PURE__ */ p(
+      S.button,
+      {
+        type: "button",
+        ...s,
+        ref: r,
+        onClick: H(e.onClick, () => n.onOpenChange(!1))
+      }
+    );
+  }
+);
+vr.displayName = Qe;
+var gr = "PopoverArrow", hr = o.forwardRef(
+  (e, r) => {
+    const { __scopePopover: t, ...s } = e, n = W(t);
+    return /* @__PURE__ */ p(ht, { ...n, ...s, ref: r });
+  }
+);
+hr.displayName = gr;
+function et(e) {
+  return e ? "open" : "closed";
+}
+var br = Ge, yr = Xe, xr = Ze, tt = Je;
+const Dr = br, Or = yr, wr = o.forwardRef(({ className: e, align: r = "center", sideOffset: t = 4, ...s }, n) => /* @__PURE__ */ p(xr, { children: /* @__PURE__ */ p(
+  tt,
+  {
+    ref: n,
+    align: r,
+    sideOffset: t,
+    className: k(
+      "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      e
+    ),
+    ...s
+  }
+) }));
+wr.displayName = tt.displayName;
+export {
+  qe as C,
+  Kt as D,
+  Sr as L,
+  Dr as P,
+  _r as a,
+  Xt as b,
+  Zt as c,
+  Jt as d,
+  Yt as e,
+  er as f,
+  tr as g,
+  Qt as h,
+  Ht as i,
+  Ke as j,
+  Ir as k,
+  Ar as l,
+  He as m,
+  Wt as n,
+  Gt as o,
+  Bt as p,
+  Ut as q,
+  Or as r,
+  wr as s
+};
+//# sourceMappingURL=popover-4V4sGe1U.js.map