konsolpro-custom-ui 0.0.327

package/dist/chunks/popover-kFSgc5Lv.js

@@ -0,0 +1,748 @@
+var ft = Object.defineProperty, pt = Object.defineProperties;
+var vt = Object.getOwnPropertyDescriptors;
+var V = Object.getOwnPropertySymbols;
+var me = Object.prototype.hasOwnProperty, he = Object.prototype.propertyIsEnumerable;
+var ve = (e, o, t) => o in e ? ft(e, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[o] = t, d = (e, o) => {
+  for (var t in o || (o = {}))
+    me.call(o, t) && ve(e, t, o[t]);
+  if (V)
+    for (var t of V(o))
+      he.call(o, t) && ve(e, t, o[t]);
+  return e;
+}, m = (e, o) => pt(e, vt(o));
+var R = (e, o) => {
+  var t = {};
+  for (var r in e)
+    me.call(e, r) && o.indexOf(r) < 0 && (t[r] = e[r]);
+  if (e != null && V)
+    for (var r of V(e))
+      o.indexOf(r) < 0 && he.call(e, r) && (t[r] = e[r]);
+  return t;
+};
+import { jsx as f } from "react/jsx-runtime";
+import * as c from "react";
+import mt from "react";
+import { c as _ } from "./index-DLeNytVF.js";
+import { u as T } from "./index-DLcqcWxM.js";
+import { c as Ae } from "./index-E4d_Gd-w.js";
+import { P as D, d as ht } from "./index-BJD1rYeT.js";
+import { u as W } from "./index-DwYXX2sM.js";
+import { u as Pt } from "./index-NPrw3_0K.js";
+import { h as gt, R as Et, u as yt } from "./index-BxWD79NI.js";
+import { u as Ct } from "./index-1Er1dKQf.js";
+import { u as bt, o as wt, s as At, f as Ot, a as Rt, b as xt, h as Nt, l as St, c as _t, R as Ft, P as Tt } from "./index-Ctjv6tIJ.js";
+import { u as Pe } from "./index-DuekHEmj.js";
+import { u as Dt } from "./index-CHDs-SiB.js";
+import { P as Oe } from "./index-PsqJG3fE.js";
+import { c as Lt } from "./index-CN5JEZ5H.js";
+import { u as It } from "./index-DYfkNB0n.js";
+import { c as Mt } from "./utils-TbLXCoKm.js";
+var kt = "DismissableLayer", J = "dismissableLayer.update", $t = "dismissableLayer.pointerDownOutside", Ut = "dismissableLayer.focusOutside", ge, Re = c.createContext({
+  layers: /* @__PURE__ */ new Set(),
+  layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
+  branches: /* @__PURE__ */ new Set()
+}), xe = c.forwardRef(
+  (e, o) => {
+    var k;
+    const K = e, {
+      disableOutsidePointerEvents: t = !1,
+      onEscapeKeyDown: r,
+      onPointerDownOutside: n,
+      onFocusOutside: s,
+      onInteractOutside: i,
+      onDismiss: a
+    } = K, l = R(K, [
+      "disableOutsidePointerEvents",
+      "onEscapeKeyDown",
+      "onPointerDownOutside",
+      "onFocusOutside",
+      "onInteractOutside",
+      "onDismiss"
+    ]), u = c.useContext(Re), [p, C] = c.useState(null), h = (k = p == null ? void 0 : p.ownerDocument) != null ? k : globalThis == null ? void 0 : globalThis.document, [, E] = c.useState({}), b = T(o, (g) => C(g)), w = Array.from(u.layers), [v] = [...u.layersWithOutsidePointerEventsDisabled].slice(-1), A = w.indexOf(v), P = p ? w.indexOf(p) : -1, x = u.layersWithOutsidePointerEventsDisabled.size > 0, y = P >= A, O = Bt((g) => {
+      const L = g.target, $ = [...u.branches].some((U) => U.contains(L));
+      !y || $ || (n == null || n(g), i == null || i(g), g.defaultPrevented || a == null || a());
+    }, h), N = Kt((g) => {
+      const L = g.target;
+      [...u.branches].some((U) => U.contains(L)) || (s == null || s(g), i == null || i(g), g.defaultPrevented || a == null || a());
+    }, h);
+    return Pt((g) => {
+      P === u.layers.size - 1 && (r == null || r(g), !g.defaultPrevented && a && (g.preventDefault(), a()));
+    }, h), c.useEffect(() => {
+      if (p)
+        return t && (u.layersWithOutsidePointerEventsDisabled.size === 0 && (ge = h.body.style.pointerEvents, h.body.style.pointerEvents = "none"), u.layersWithOutsidePointerEventsDisabled.add(p)), u.layers.add(p), Ee(), () => {
+          t && u.layersWithOutsidePointerEventsDisabled.size === 1 && (h.body.style.pointerEvents = ge);
+        };
+    }, [p, h, t, u]), c.useEffect(() => () => {
+      p && (u.layers.delete(p), u.layersWithOutsidePointerEventsDisabled.delete(p), Ee());
+    }, [p, u]), c.useEffect(() => {
+      const g = () => E({});
+      return document.addEventListener(J, g), () => document.removeEventListener(J, g);
+    }, []), /* @__PURE__ */ f(
+      D.div,
+      m(d({}, l), {
+        ref: b,
+        style: d({
+          pointerEvents: x ? y ? "auto" : "none" : void 0
+        }, e.style),
+        onFocusCapture: _(e.onFocusCapture, N.onFocusCapture),
+        onBlurCapture: _(e.onBlurCapture, N.onBlurCapture),
+        onPointerDownCapture: _(
+          e.onPointerDownCapture,
+          O.onPointerDownCapture
+        )
+      })
+    );
+  }
+);
+xe.displayName = kt;
+var Ht = "DismissableLayerBranch", Wt = c.forwardRef((e, o) => {
+  const t = c.useContext(Re), r = c.useRef(null), n = T(o, r);
+  return c.useEffect(() => {
+    const s = r.current;
+    if (s)
+      return t.branches.add(s), () => {
+        t.branches.delete(s);
+      };
+  }, [t.branches]), /* @__PURE__ */ f(D.div, m(d({}, e), { ref: n }));
+});
+Wt.displayName = Ht;
+function Bt(e, o = globalThis == null ? void 0 : globalThis.document) {
+  const t = W(e), r = c.useRef(!1), n = c.useRef(() => {
+  });
+  return c.useEffect(() => {
+    const s = (a) => {
+      if (a.target && !r.current) {
+        let l = function() {
+          Ne(
+            $t,
+            t,
+            u,
+            { discrete: !0 }
+          );
+        };
+        const u = { originalEvent: a };
+        a.pointerType === "touch" ? (o.removeEventListener("click", n.current), n.current = l, o.addEventListener("click", n.current, { once: !0 })) : l();
+      } else
+        o.removeEventListener("click", n.current);
+      r.current = !1;
+    }, i = window.setTimeout(() => {
+      o.addEventListener("pointerdown", s);
+    }, 0);
+    return () => {
+      window.clearTimeout(i), o.removeEventListener("pointerdown", s), o.removeEventListener("click", n.current);
+    };
+  }, [o, t]), {
+    // ensures we check React component tree (not just DOM tree)
+    onPointerDownCapture: () => r.current = !0
+  };
+}
+function Kt(e, o = globalThis == null ? void 0 : globalThis.document) {
+  const t = W(e), r = c.useRef(!1);
+  return c.useEffect(() => {
+    const n = (s) => {
+      s.target && !r.current && Ne(Ut, t, { originalEvent: s }, {
+        discrete: !1
+      });
+    };
+    return o.addEventListener("focusin", n), () => o.removeEventListener("focusin", n);
+  }, [o, t]), {
+    onFocusCapture: () => r.current = !0,
+    onBlurCapture: () => r.current = !1
+  };
+}
+function Ee() {
+  const e = new CustomEvent(J);
+  document.dispatchEvent(e);
+}
+function Ne(e, o, t, { discrete: r }) {
+  const n = t.originalEvent.target, s = new CustomEvent(e, { bubbles: !1, cancelable: !0, detail: t });
+  o && n.addEventListener(e, o, { once: !0 }), r ? ht(n, s) : n.dispatchEvent(s);
+}
+var j = "focusScope.autoFocusOnMount", q = "focusScope.autoFocusOnUnmount", ye = { bubbles: !1, cancelable: !0 }, zt = "FocusScope", Se = c.forwardRef((e, o) => {
+  const w = e, {
+    loop: t = !1,
+    trapped: r = !1,
+    onMountAutoFocus: n,
+    onUnmountAutoFocus: s
+  } = w, i = R(w, [
+    "loop",
+    "trapped",
+    "onMountAutoFocus",
+    "onUnmountAutoFocus"
+  ]), [a, l] = c.useState(null), u = W(n), p = W(s), C = c.useRef(null), h = T(o, (v) => l(v)), E = c.useRef({
+    paused: !1,
+    pause() {
+      this.paused = !0;
+    },
+    resume() {
+      this.paused = !1;
+    }
+  }).current;
+  c.useEffect(() => {
+    if (r) {
+      let v = function(y) {
+        if (E.paused || !a) return;
+        const O = y.target;
+        a.contains(O) ? C.current = O : S(C.current, { select: !0 });
+      }, A = function(y) {
+        if (E.paused || !a) return;
+        const O = y.relatedTarget;
+        O !== null && (a.contains(O) || S(C.current, { select: !0 }));
+      }, P = function(y) {
+        if (document.activeElement === document.body)
+          for (const N of y)
+            N.removedNodes.length > 0 && S(a);
+      };
+      document.addEventListener("focusin", v), document.addEventListener("focusout", A);
+      const x = new MutationObserver(P);
+      return a && x.observe(a, { childList: !0, subtree: !0 }), () => {
+        document.removeEventListener("focusin", v), document.removeEventListener("focusout", A), x.disconnect();
+      };
+    }
+  }, [r, a, E.paused]), c.useEffect(() => {
+    if (a) {
+      be.add(E);
+      const v = document.activeElement;
+      if (!a.contains(v)) {
+        const P = new CustomEvent(j, ye);
+        a.addEventListener(j, u), a.dispatchEvent(P), P.defaultPrevented || (Yt(jt(_e(a)), { select: !0 }), document.activeElement === v && S(a));
+      }
+      return () => {
+        a.removeEventListener(j, u), setTimeout(() => {
+          const P = new CustomEvent(q, ye);
+          a.addEventListener(q, p), a.dispatchEvent(P), P.defaultPrevented || S(v != null ? v : document.body, { select: !0 }), a.removeEventListener(q, p), be.remove(E);
+        }, 0);
+      };
+    }
+  }, [a, u, p, E]);
+  const b = c.useCallback(
+    (v) => {
+      if (!t && !r || E.paused) return;
+      const A = v.key === "Tab" && !v.altKey && !v.ctrlKey && !v.metaKey, P = document.activeElement;
+      if (A && P) {
+        const x = v.currentTarget, [y, O] = Xt(x);
+        y && O ? !v.shiftKey && P === O ? (v.preventDefault(), t && S(y, { select: !0 })) : v.shiftKey && P === y && (v.preventDefault(), t && S(O, { select: !0 })) : P === x && v.preventDefault();
+      }
+    },
+    [t, r, E.paused]
+  );
+  return /* @__PURE__ */ f(D.div, m(d({ tabIndex: -1 }, i), { ref: h, onKeyDown: b }));
+});
+Se.displayName = zt;
+function Yt(e, { select: o = !1 } = {}) {
+  const t = document.activeElement;
+  for (const r of e)
+    if (S(r, { select: o }), document.activeElement !== t) return;
+}
+function Xt(e) {
+  const o = _e(e), t = Ce(o, e), r = Ce(o.reverse(), e);
+  return [t, r];
+}
+function _e(e) {
+  const o = [], t = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
+    acceptNode: (r) => {
+      const n = r.tagName === "INPUT" && r.type === "hidden";
+      return r.disabled || r.hidden || n ? NodeFilter.FILTER_SKIP : r.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+    }
+  });
+  for (; t.nextNode(); ) o.push(t.currentNode);
+  return o;
+}
+function Ce(e, o) {
+  for (const t of e)
+    if (!Gt(t, { upTo: o })) return t;
+}
+function Gt(e, { upTo: o }) {
+  if (getComputedStyle(e).visibility === "hidden") return !0;
+  for (; e; ) {
+    if (o !== void 0 && e === o) return !1;
+    if (getComputedStyle(e).display === "none") return !0;
+    e = e.parentElement;
+  }
+  return !1;
+}
+function Vt(e) {
+  return e instanceof HTMLInputElement && "select" in e;
+}
+function S(e, { select: o = !1 } = {}) {
+  if (e && e.focus) {
+    const t = document.activeElement;
+    e.focus({ preventScroll: !0 }), e !== t && Vt(e) && o && e.select();
+  }
+}
+var be = Zt();
+function Zt() {
+  let e = [];
+  return {
+    add(o) {
+      const t = e[0];
+      o !== t && (t == null || t.pause()), e = we(e, o), e.unshift(o);
+    },
+    remove(o) {
+      var t;
+      e = we(e, o), (t = e[0]) == null || t.resume();
+    }
+  };
+}
+function we(e, o) {
+  const t = [...e], r = t.indexOf(o);
+  return r !== -1 && t.splice(r, 1), t;
+}
+function jt(e) {
+  return e.filter((o) => o.tagName !== "A");
+}
+var Q = "Popper", [Fe, Te] = Ae(Q), [qt, De] = Fe(Q), Le = (e) => {
+  const { __scopePopper: o, children: t } = e, [r, n] = c.useState(null);
+  return /* @__PURE__ */ f(qt, { scope: o, anchor: r, onAnchorChange: n, children: t });
+};
+Le.displayName = Q;
+var Ie = "PopperAnchor", Me = c.forwardRef(
+  (e, o) => {
+    const l = e, { __scopePopper: t, virtualRef: r } = l, n = R(l, ["__scopePopper", "virtualRef"]), s = De(Ie, t), i = c.useRef(null), a = T(o, i);
+    return c.useEffect(() => {
+      s.onAnchorChange((r == null ? void 0 : r.current) || i.current);
+    }), r ? null : /* @__PURE__ */ f(D.div, m(d({}, n), { ref: a }));
+  }
+);
+Me.displayName = Ie;
+var ee = "PopperContent", [Jt, Qt] = Fe(ee), ke = c.forwardRef(
+  (e, o) => {
+    var se, ae, ie, ce, ue, de, le, fe;
+    const ne = e, {
+      __scopePopper: t,
+      side: r = "bottom",
+      sideOffset: n = 0,
+      align: s = "center",
+      alignOffset: i = 0,
+      arrowPadding: a = 0,
+      avoidCollisions: l = !0,
+      collisionBoundary: u = [],
+      collisionPadding: p = 0,
+      sticky: C = "partial",
+      hideWhenDetached: h = !1,
+      updatePositionStrategy: E = "optimized",
+      onPlaced: b
+    } = ne, w = R(ne, [
+      "__scopePopper",
+      "side",
+      "sideOffset",
+      "align",
+      "alignOffset",
+      "arrowPadding",
+      "avoidCollisions",
+      "collisionBoundary",
+      "collisionPadding",
+      "sticky",
+      "hideWhenDetached",
+      "updatePositionStrategy",
+      "onPlaced"
+    ]), v = De(ee, t), [A, P] = c.useState(null), x = T(o, (H) => P(H)), [y, O] = c.useState(null), N = Dt(y), K = (se = N == null ? void 0 : N.width) != null ? se : 0, k = (ae = N == null ? void 0 : N.height) != null ? ae : 0, g = r + (s !== "center" ? "-" + s : ""), L = typeof p == "number" ? p : d({ top: 0, right: 0, bottom: 0, left: 0 }, p), $ = Array.isArray(u) ? u : [u], U = $.length > 0, z = {
+      padding: L,
+      boundary: $.filter(to),
+      // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
+      altBoundary: U
+    }, { refs: et, floatingStyles: oe, placement: tt, isPositioned: Y, middlewareData: I } = bt({
+      // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
+      strategy: "fixed",
+      placement: g,
+      whileElementsMounted: (...H) => _t(...H, {
+        animationFrame: E === "always"
+      }),
+      elements: {
+        reference: v.anchor
+      },
+      middleware: [
+        wt({ mainAxis: n + k, alignmentAxis: i }),
+        l && At(d({
+          mainAxis: !0,
+          crossAxis: !1,
+          limiter: C === "partial" ? St() : void 0
+        }, z)),
+        l && Ot(d({}, z)),
+        Rt(m(d({}, z), {
+          apply: ({ elements: H, rects: pe, availableWidth: ct, availableHeight: ut }) => {
+            const { width: dt, height: lt } = pe.reference, G = H.floating.style;
+            G.setProperty("--radix-popper-available-width", `${ct}px`), G.setProperty("--radix-popper-available-height", `${ut}px`), G.setProperty("--radix-popper-anchor-width", `${dt}px`), G.setProperty("--radix-popper-anchor-height", `${lt}px`);
+          }
+        })),
+        y && xt({ element: y, padding: a }),
+        oo({ arrowWidth: K, arrowHeight: k }),
+        h && Nt(d({ strategy: "referenceHidden" }, z))
+      ]
+    }), [re, ot] = He(tt), X = W(b);
+    Pe(() => {
+      Y && (X == null || X());
+    }, [Y, X]);
+    const rt = (ie = I.arrow) == null ? void 0 : ie.x, nt = (ce = I.arrow) == null ? void 0 : ce.y, st = ((ue = I.arrow) == null ? void 0 : ue.centerOffset) !== 0, [at, it] = c.useState();
+    return Pe(() => {
+      A && it(window.getComputedStyle(A).zIndex);
+    }, [A]), /* @__PURE__ */ f(
+      "div",
+      {
+        ref: et.setFloating,
+        "data-radix-popper-content-wrapper": "",
+        style: d(m(d({}, oe), {
+          transform: Y ? oe.transform : "translate(0, -200%)",
+          // keep off the page when measuring
+          minWidth: "max-content",
+          zIndex: at,
+          "--radix-popper-transform-origin": [
+            (de = I.transformOrigin) == null ? void 0 : de.x,
+            (le = I.transformOrigin) == null ? void 0 : le.y
+          ].join(" ")
+        }), ((fe = I.hide) == null ? void 0 : fe.referenceHidden) && {
+          visibility: "hidden",
+          pointerEvents: "none"
+        }),
+        dir: e.dir,
+        children: /* @__PURE__ */ f(
+          Jt,
+          {
+            scope: t,
+            placedSide: re,
+            onArrowChange: O,
+            arrowX: rt,
+            arrowY: nt,
+            shouldHideArrow: st,
+            children: /* @__PURE__ */ f(
+              D.div,
+              m(d({
+                "data-side": re,
+                "data-align": ot
+              }, w), {
+                ref: x,
+                style: m(d({}, w.style), {
+                  // if the PopperContent hasn't been placed yet (not all measurements done)
+                  // we prevent animations so that users's animation don't kick in too early referring wrong sides
+                  animation: Y ? void 0 : "none"
+                })
+              })
+            )
+          }
+        )
+      }
+    );
+  }
+);
+ke.displayName = ee;
+var $e = "PopperArrow", eo = {
+  top: "bottom",
+  right: "left",
+  bottom: "top",
+  left: "right"
+}, Ue = c.forwardRef(function(o, t) {
+  const a = o, { __scopePopper: r } = a, n = R(a, ["__scopePopper"]), s = Qt($e, r), i = eo[s.placedSide];
+  return (
+    // we have to use an extra wrapper because `ResizeObserver` (used by `useSize`)
+    // doesn't report size as we'd expect on SVG elements.
+    // it reports their bounding box which is effectively the largest path inside the SVG.
+    /* @__PURE__ */ f(
+      "span",
+      {
+        ref: s.onArrowChange,
+        style: {
+          position: "absolute",
+          left: s.arrowX,
+          top: s.arrowY,
+          [i]: 0,
+          transformOrigin: {
+            top: "",
+            right: "0 0",
+            bottom: "center 0",
+            left: "100% 0"
+          }[s.placedSide],
+          transform: {
+            top: "translateY(100%)",
+            right: "translateY(50%) rotate(90deg) translateX(-50%)",
+            bottom: "rotate(180deg)",
+            left: "translateY(50%) rotate(-90deg) translateX(50%)"
+          }[s.placedSide],
+          visibility: s.shouldHideArrow ? "hidden" : void 0
+        },
+        children: /* @__PURE__ */ f(
+          Ft,
+          m(d({}, n), {
+            ref: t,
+            style: m(d({}, n.style), {
+              // ensures the element can be measured correctly (mostly for if SVG)
+              display: "block"
+            })
+          })
+        )
+      }
+    )
+  );
+});
+Ue.displayName = $e;
+function to(e) {
+  return e !== null;
+}
+var oo = (e) => ({
+  name: "transformOrigin",
+  options: e,
+  fn(o) {
+    var v, A, P, x, y;
+    const { placement: t, rects: r, middlewareData: n } = o, i = ((v = n.arrow) == null ? void 0 : v.centerOffset) !== 0, a = i ? 0 : e.arrowWidth, l = i ? 0 : e.arrowHeight, [u, p] = He(t), C = { start: "0%", center: "50%", end: "100%" }[p], h = ((P = (A = n.arrow) == null ? void 0 : A.x) != null ? P : 0) + a / 2, E = ((y = (x = n.arrow) == null ? void 0 : x.y) != null ? y : 0) + l / 2;
+    let b = "", w = "";
+    return u === "bottom" ? (b = i ? C : `${h}px`, w = `${-l}px`) : u === "top" ? (b = i ? C : `${h}px`, w = `${r.floating.height + l}px`) : u === "right" ? (b = `${-l}px`, w = i ? C : `${E}px`) : u === "left" && (b = `${r.floating.width + l}px`, w = i ? C : `${E}px`), { data: { x: b, y: w } };
+  }
+});
+function He(e) {
+  const [o, t = "center"] = e.split("-");
+  return [o, t];
+}
+var ro = Le, We = Me, no = ke, so = Ue, Z = "Popover", [Be, Uo] = Ae(Z, [
+  Te
+]), B = Te(), [ao, F] = Be(Z), Ke = (e) => {
+  const {
+    __scopePopover: o,
+    children: t,
+    open: r,
+    defaultOpen: n,
+    onOpenChange: s,
+    modal: i = !1
+  } = e, a = B(o), l = c.useRef(null), [u, p] = c.useState(!1), [C, h] = It({
+    prop: r,
+    defaultProp: n != null ? n : !1,
+    onChange: s,
+    caller: Z
+  });
+  return /* @__PURE__ */ f(ro, m(d({}, a), { children: /* @__PURE__ */ f(
+    ao,
+    {
+      scope: o,
+      contentId: Ct(),
+      triggerRef: l,
+      open: C,
+      onOpenChange: h,
+      onOpenToggle: c.useCallback(() => h((E) => !E), [h]),
+      hasCustomAnchor: u,
+      onCustomAnchorAdd: c.useCallback(() => p(!0), []),
+      onCustomAnchorRemove: c.useCallback(() => p(!1), []),
+      modal: i,
+      children: t
+    }
+  ) }));
+};
+Ke.displayName = Z;
+var ze = "PopoverAnchor", Ye = c.forwardRef(
+  (e, o) => {
+    const l = e, { __scopePopover: t } = l, r = R(l, ["__scopePopover"]), n = F(ze, t), s = B(t), { onCustomAnchorAdd: i, onCustomAnchorRemove: a } = n;
+    return c.useEffect(() => (i(), () => a()), [i, a]), /* @__PURE__ */ f(We, m(d(d({}, s), r), { ref: o }));
+  }
+);
+Ye.displayName = ze;
+var Xe = "PopoverTrigger", Ge = c.forwardRef(
+  (e, o) => {
+    const l = e, { __scopePopover: t } = l, r = R(l, ["__scopePopover"]), n = F(Xe, t), s = B(t), i = T(o, n.triggerRef), a = /* @__PURE__ */ f(
+      D.button,
+      m(d({
+        type: "button",
+        "aria-haspopup": "dialog",
+        "aria-expanded": n.open,
+        "aria-controls": n.contentId,
+        "data-state": Je(n.open)
+      }, r), {
+        ref: i,
+        onClick: _(e.onClick, n.onOpenToggle)
+      })
+    );
+    return n.hasCustomAnchor ? a : /* @__PURE__ */ f(We, m(d({ asChild: !0 }, s), { children: a }));
+  }
+);
+Ge.displayName = Xe;
+var te = "PopoverPortal", [io, co] = Be(te, {
+  forceMount: void 0
+}), Ve = (e) => {
+  const { __scopePopover: o, forceMount: t, children: r, container: n } = e, s = F(te, o);
+  return /* @__PURE__ */ f(io, { scope: o, forceMount: t, children: /* @__PURE__ */ f(Oe, { present: t || s.open, children: /* @__PURE__ */ f(Tt, { asChild: !0, container: n, children: r }) }) });
+};
+Ve.displayName = te;
+var M = "PopoverContent", Ze = c.forwardRef(
+  (e, o) => {
+    const t = co(M, e.__scopePopover), i = e, { forceMount: r = t.forceMount } = i, n = R(i, ["forceMount"]), s = F(M, e.__scopePopover);
+    return /* @__PURE__ */ f(Oe, { present: r || s.open, children: s.modal ? /* @__PURE__ */ f(lo, m(d({}, n), { ref: o })) : /* @__PURE__ */ f(fo, m(d({}, n), { ref: o })) });
+  }
+);
+Ze.displayName = M;
+var uo = Lt("PopoverContent.RemoveScroll"), lo = c.forwardRef(
+  (e, o) => {
+    const t = F(M, e.__scopePopover), r = c.useRef(null), n = T(o, r), s = c.useRef(!1);
+    return c.useEffect(() => {
+      const i = r.current;
+      if (i) return gt(i);
+    }, []), /* @__PURE__ */ f(Et, { as: uo, allowPinchZoom: !0, children: /* @__PURE__ */ f(
+      je,
+      m(d({}, e), {
+        ref: n,
+        trapFocus: t.open,
+        disableOutsidePointerEvents: !0,
+        onCloseAutoFocus: _(e.onCloseAutoFocus, (i) => {
+          var a;
+          i.preventDefault(), s.current || (a = t.triggerRef.current) == null || a.focus();
+        }),
+        onPointerDownOutside: _(
+          e.onPointerDownOutside,
+          (i) => {
+            const a = i.detail.originalEvent, l = a.button === 0 && a.ctrlKey === !0, u = a.button === 2 || l;
+            s.current = u;
+          },
+          { checkForDefaultPrevented: !1 }
+        ),
+        onFocusOutside: _(
+          e.onFocusOutside,
+          (i) => i.preventDefault(),
+          { checkForDefaultPrevented: !1 }
+        )
+      })
+    ) });
+  }
+), fo = c.forwardRef(
+  (e, o) => {
+    const t = F(M, e.__scopePopover), r = c.useRef(!1), n = c.useRef(!1);
+    return /* @__PURE__ */ f(
+      je,
+      m(d({}, e), {
+        ref: o,
+        trapFocus: !1,
+        disableOutsidePointerEvents: !1,
+        onCloseAutoFocus: (s) => {
+          var i, a;
+          (i = e.onCloseAutoFocus) == null || i.call(e, s), s.defaultPrevented || (r.current || (a = t.triggerRef.current) == null || a.focus(), s.preventDefault()), r.current = !1, n.current = !1;
+        },
+        onInteractOutside: (s) => {
+          var l, u;
+          (l = e.onInteractOutside) == null || l.call(e, s), s.defaultPrevented || (r.current = !0, s.detail.originalEvent.type === "pointerdown" && (n.current = !0));
+          const i = s.target;
+          ((u = t.triggerRef.current) == null ? void 0 : u.contains(i)) && s.preventDefault(), s.detail.originalEvent.type === "focusin" && n.current && s.preventDefault();
+        }
+      })
+    );
+  }
+), je = c.forwardRef(
+  (e, o) => {
+    const b = e, {
+      __scopePopover: t,
+      trapFocus: r,
+      onOpenAutoFocus: n,
+      onCloseAutoFocus: s,
+      disableOutsidePointerEvents: i,
+      onEscapeKeyDown: a,
+      onPointerDownOutside: l,
+      onFocusOutside: u,
+      onInteractOutside: p
+    } = b, C = R(b, [
+      "__scopePopover",
+      "trapFocus",
+      "onOpenAutoFocus",
+      "onCloseAutoFocus",
+      "disableOutsidePointerEvents",
+      "onEscapeKeyDown",
+      "onPointerDownOutside",
+      "onFocusOutside",
+      "onInteractOutside"
+    ]), h = F(M, t), E = B(t);
+    return yt(), /* @__PURE__ */ f(
+      Se,
+      {
+        asChild: !0,
+        loop: !0,
+        trapped: r,
+        onMountAutoFocus: n,
+        onUnmountAutoFocus: s,
+        children: /* @__PURE__ */ f(
+          xe,
+          {
+            asChild: !0,
+            disableOutsidePointerEvents: i,
+            onInteractOutside: p,
+            onEscapeKeyDown: a,
+            onPointerDownOutside: l,
+            onFocusOutside: u,
+            onDismiss: () => h.onOpenChange(!1),
+            children: /* @__PURE__ */ f(
+              no,
+              m(d(d({
+                "data-state": Je(h.open),
+                role: "dialog",
+                id: h.contentId
+              }, E), C), {
+                ref: o,
+                style: m(d({}, C.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", po = c.forwardRef(
+  (e, o) => {
+    const s = e, { __scopePopover: t } = s, r = R(s, ["__scopePopover"]), n = F(qe, t);
+    return /* @__PURE__ */ f(
+      D.button,
+      m(d({
+        type: "button"
+      }, r), {
+        ref: o,
+        onClick: _(e.onClick, () => n.onOpenChange(!1))
+      })
+    );
+  }
+);
+po.displayName = qe;
+var vo = "PopoverArrow", mo = c.forwardRef(
+  (e, o) => {
+    const s = e, { __scopePopover: t } = s, r = R(s, ["__scopePopover"]), n = B(t);
+    return /* @__PURE__ */ f(so, m(d(d({}, n), r), { ref: o }));
+  }
+);
+mo.displayName = vo;
+function Je(e) {
+  return e ? "open" : "closed";
+}
+var ho = Ke, Po = Ye, go = Ge, Eo = Ve, Qe = Ze;
+const Ho = ho, Wo = go, yo = mt.forwardRef((s, n) => {
+  var i = s, { className: e, align: o = "center", sideOffset: t = 4 } = i, r = R(i, ["className", "align", "sideOffset"]);
+  return /* @__PURE__ */ f(Eo, { children: /* @__PURE__ */ f(
+    Qe,
+    d({
+      ref: n,
+      align: o,
+      sideOffset: t,
+      className: Mt(
+        // TODO: remove z-1050 after fixing the issue with the popover being on top of the modal
+        "bg-popover text-popover-foreground 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 z-1050 w-72 rounded-md border-0 p-4 shadow-md outline-none",
+        e
+      )
+    }, r)
+  ) });
+});
+yo.displayName = Qe.displayName;
+function Bo(o) {
+  var e = R(o, []);
+  return /* @__PURE__ */ f(Po, d({ "data-slot": "popover-anchor" }, e));
+}
+export {
+  We as A,
+  Qe as C,
+  xe as D,
+  Se as F,
+  Ho as P,
+  ho as R,
+  go as T,
+  Bo as a,
+  yo as b,
+  Wo as c,
+  Eo as d,
+  Te as e,
+  ro as f,
+  no as g,
+  so as h
+};