@openfeed-ink/widget 0.1.3

package/dist/npm/PopoverType-DlyRog2q.js

@@ -0,0 +1,1863 @@
+"use client";
+import { jsx as y, jsxs as pt } from "react/jsx-runtime";
+import { u as xt, a as Xe, c as je, B as Ye } from "./button-Q2Dh1yK6.js";
+import { a as qe } from "./index-BkmaVINv.js";
+import * as g from "react";
+import { useLayoutEffect as Ke, Suspense as Ue } from "react";
+import { u as Et, P as at, c as te, a as Ge, b as Ze, d as Je, e as st, f as ee, g as Qe, h as tn, R as en, i as nn, F as on, D as rn } from "./index-BaBFRQOq.js";
+import * as sn from "react-dom";
+import { W as cn } from "./WidgetContent-Bs4eY5OF.js";
+function an(t) {
+  const [e, n] = g.useState(void 0);
+  return Et(() => {
+    if (t) {
+      n({ width: t.offsetWidth, height: t.offsetHeight });
+      const o = new ResizeObserver((r) => {
+        if (!Array.isArray(r) || !r.length)
+          return;
+        const i = r[0];
+        let s, c;
+        if ("borderBoxSize" in i) {
+          const a = i.borderBoxSize, f = Array.isArray(a) ? a[0] : a;
+          s = f.inlineSize, c = f.blockSize;
+        } else
+          s = t.offsetWidth, c = t.offsetHeight;
+        n({ width: s, height: c });
+      });
+      return o.observe(t, { box: "border-box" }), () => o.unobserve(t);
+    } else
+      n(void 0);
+  }, [t]), e;
+}
+const ln = ["top", "right", "bottom", "left"], U = Math.min, W = Math.max, mt = Math.round, dt = Math.floor, X = (t) => ({
+  x: t,
+  y: t
+}), fn = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+};
+function Dt(t, e, n) {
+  return W(t, U(e, n));
+}
+function Y(t, e) {
+  return typeof t == "function" ? t(e) : t;
+}
+function q(t) {
+  return t.split("-")[0];
+}
+function ot(t) {
+  return t.split("-")[1];
+}
+function Tt(t) {
+  return t === "x" ? "y" : "x";
+}
+function _t(t) {
+  return t === "y" ? "height" : "width";
+}
+function V(t) {
+  const e = t[0];
+  return e === "t" || e === "b" ? "y" : "x";
+}
+function Ft(t) {
+  return Tt(V(t));
+}
+function un(t, e, n) {
+  n === void 0 && (n = !1);
+  const o = ot(t), r = Ft(t), i = _t(r);
+  let s = r === "x" ? o === (n ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
+  return e.reference[i] > e.floating[i] && (s = gt(s)), [s, gt(s)];
+}
+function dn(t) {
+  const e = gt(t);
+  return [Mt(t), e, Mt(e)];
+}
+function Mt(t) {
+  return t.includes("start") ? t.replace("start", "end") : t.replace("end", "start");
+}
+const Vt = ["left", "right"], Xt = ["right", "left"], pn = ["top", "bottom"], hn = ["bottom", "top"];
+function mn(t, e, n) {
+  switch (t) {
+    case "top":
+    case "bottom":
+      return n ? e ? Xt : Vt : e ? Vt : Xt;
+    case "left":
+    case "right":
+      return e ? pn : hn;
+    default:
+      return [];
+  }
+}
+function gn(t, e, n, o) {
+  const r = ot(t);
+  let i = mn(q(t), n === "start", o);
+  return r && (i = i.map((s) => s + "-" + r), e && (i = i.concat(i.map(Mt)))), i;
+}
+function gt(t) {
+  const e = q(t);
+  return fn[e] + t.slice(e.length);
+}
+function wn(t) {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    ...t
+  };
+}
+function ne(t) {
+  return typeof t != "number" ? wn(t) : {
+    top: t,
+    right: t,
+    bottom: t,
+    left: t
+  };
+}
+function wt(t) {
+  const {
+    x: e,
+    y: n,
+    width: o,
+    height: r
+  } = t;
+  return {
+    width: o,
+    height: r,
+    top: n,
+    left: e,
+    right: e + o,
+    bottom: n + r,
+    x: e,
+    y: n
+  };
+}
+function jt(t, e, n) {
+  let {
+    reference: o,
+    floating: r
+  } = t;
+  const i = V(e), s = Ft(e), c = _t(s), a = q(e), f = i === "y", l = o.x + o.width / 2 - r.width / 2, u = o.y + o.height / 2 - r.height / 2, p = o[c] / 2 - r[c] / 2;
+  let d;
+  switch (a) {
+    case "top":
+      d = {
+        x: l,
+        y: o.y - r.height
+      };
+      break;
+    case "bottom":
+      d = {
+        x: l,
+        y: o.y + o.height
+      };
+      break;
+    case "right":
+      d = {
+        x: o.x + o.width,
+        y: u
+      };
+      break;
+    case "left":
+      d = {
+        x: o.x - r.width,
+        y: u
+      };
+      break;
+    default:
+      d = {
+        x: o.x,
+        y: o.y
+      };
+  }
+  switch (ot(e)) {
+    case "start":
+      d[s] -= p * (n && f ? -1 : 1);
+      break;
+    case "end":
+      d[s] += p * (n && f ? -1 : 1);
+      break;
+  }
+  return d;
+}
+async function vn(t, e) {
+  var n;
+  e === void 0 && (e = {});
+  const {
+    x: o,
+    y: r,
+    platform: i,
+    rects: s,
+    elements: c,
+    strategy: a
+  } = t, {
+    boundary: f = "clippingAncestors",
+    rootBoundary: l = "viewport",
+    elementContext: u = "floating",
+    altBoundary: p = !1,
+    padding: d = 0
+  } = Y(e, t), h = ne(d), x = c[p ? u === "floating" ? "reference" : "floating" : u], w = wt(await i.getClippingRect({
+    element: (n = await (i.isElement == null ? void 0 : i.isElement(x))) == null || n ? x : x.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(c.floating)),
+    boundary: f,
+    rootBoundary: l,
+    strategy: a
+  })), P = u === "floating" ? {
+    x: o,
+    y: r,
+    width: s.floating.width,
+    height: s.floating.height
+  } : s.reference, b = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(c.floating)), v = await (i.isElement == null ? void 0 : i.isElement(b)) ? await (i.getScale == null ? void 0 : i.getScale(b)) || {
+    x: 1,
+    y: 1
+  } : {
+    x: 1,
+    y: 1
+  }, R = wt(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements: c,
+    rect: P,
+    offsetParent: b,
+    strategy: a
+  }) : P);
+  return {
+    top: (w.top - R.top + h.top) / v.y,
+    bottom: (R.bottom - w.bottom + h.bottom) / v.y,
+    left: (w.left - R.left + h.left) / v.x,
+    right: (R.right - w.right + h.right) / v.x
+  };
+}
+const xn = 50, yn = async (t, e, n) => {
+  const {
+    placement: o = "bottom",
+    strategy: r = "absolute",
+    middleware: i = [],
+    platform: s
+  } = n, c = s.detectOverflow ? s : {
+    ...s,
+    detectOverflow: vn
+  }, a = await (s.isRTL == null ? void 0 : s.isRTL(e));
+  let f = await s.getElementRects({
+    reference: t,
+    floating: e,
+    strategy: r
+  }), {
+    x: l,
+    y: u
+  } = jt(f, o, a), p = o, d = 0;
+  const h = {};
+  for (let m = 0; m < i.length; m++) {
+    const x = i[m];
+    if (!x)
+      continue;
+    const {
+      name: w,
+      fn: P
+    } = x, {
+      x: b,
+      y: v,
+      data: R,
+      reset: C
+    } = await P({
+      x: l,
+      y: u,
+      initialPlacement: o,
+      placement: p,
+      strategy: r,
+      middlewareData: h,
+      rects: f,
+      platform: c,
+      elements: {
+        reference: t,
+        floating: e
+      }
+    });
+    l = b ?? l, u = v ?? u, h[w] = {
+      ...h[w],
+      ...R
+    }, C && d < xn && (d++, typeof C == "object" && (C.placement && (p = C.placement), C.rects && (f = C.rects === !0 ? await s.getElementRects({
+      reference: t,
+      floating: e,
+      strategy: r
+    }) : C.rects), {
+      x: l,
+      y: u
+    } = jt(f, p, a)), m = -1);
+  }
+  return {
+    x: l,
+    y: u,
+    placement: p,
+    strategy: r,
+    middlewareData: h
+  };
+}, bn = (t) => ({
+  name: "arrow",
+  options: t,
+  async fn(e) {
+    const {
+      x: n,
+      y: o,
+      placement: r,
+      rects: i,
+      platform: s,
+      elements: c,
+      middlewareData: a
+    } = e, {
+      element: f,
+      padding: l = 0
+    } = Y(t, e) || {};
+    if (f == null)
+      return {};
+    const u = ne(l), p = {
+      x: n,
+      y: o
+    }, d = Ft(r), h = _t(d), m = await s.getDimensions(f), x = d === "y", w = x ? "top" : "left", P = x ? "bottom" : "right", b = x ? "clientHeight" : "clientWidth", v = i.reference[h] + i.reference[d] - p[d] - i.floating[h], R = p[d] - i.reference[d], C = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(f));
+    let O = C ? C[b] : 0;
+    (!O || !await (s.isElement == null ? void 0 : s.isElement(C))) && (O = c.floating[b] || i.floating[h]);
+    const T = v / 2 - R / 2, $ = O / 2 - m[h] / 2 - 1, N = U(u[w], $), F = U(u[P], $), L = N, E = O - m[h] - F, S = O / 2 - m[h] / 2 + T, k = Dt(L, S, E), D = !a.arrow && ot(r) != null && S !== k && i.reference[h] / 2 - (S < L ? N : F) - m[h] / 2 < 0, M = D ? S < L ? S - L : S - E : 0;
+    return {
+      [d]: p[d] + M,
+      data: {
+        [d]: k,
+        centerOffset: S - k - M,
+        ...D && {
+          alignmentOffset: M
+        }
+      },
+      reset: D
+    };
+  }
+}), Pn = function(t) {
+  return t === void 0 && (t = {}), {
+    name: "flip",
+    options: t,
+    async fn(e) {
+      var n, o;
+      const {
+        placement: r,
+        middlewareData: i,
+        rects: s,
+        initialPlacement: c,
+        platform: a,
+        elements: f
+      } = e, {
+        mainAxis: l = !0,
+        crossAxis: u = !0,
+        fallbackPlacements: p,
+        fallbackStrategy: d = "bestFit",
+        fallbackAxisSideDirection: h = "none",
+        flipAlignment: m = !0,
+        ...x
+      } = Y(t, e);
+      if ((n = i.arrow) != null && n.alignmentOffset)
+        return {};
+      const w = q(r), P = V(c), b = q(c) === c, v = await (a.isRTL == null ? void 0 : a.isRTL(f.floating)), R = p || (b || !m ? [gt(c)] : dn(c)), C = h !== "none";
+      !p && C && R.push(...gn(c, m, h, v));
+      const O = [c, ...R], T = await a.detectOverflow(e, x), $ = [];
+      let N = ((o = i.flip) == null ? void 0 : o.overflows) || [];
+      if (l && $.push(T[w]), u) {
+        const S = un(r, s, v);
+        $.push(T[S[0]], T[S[1]]);
+      }
+      if (N = [...N, {
+        placement: r,
+        overflows: $
+      }], !$.every((S) => S <= 0)) {
+        var F, L;
+        const S = (((F = i.flip) == null ? void 0 : F.index) || 0) + 1, k = O[S];
+        if (k && (!(u === "alignment" ? P !== V(k) : !1) || // We leave the current main axis only if every placement on that axis
+        // overflows the main axis.
+        N.every((A) => V(A.placement) === P ? A.overflows[0] > 0 : !0)))
+          return {
+            data: {
+              index: S,
+              overflows: N
+            },
+            reset: {
+              placement: k
+            }
+          };
+        let D = (L = N.filter((M) => M.overflows[0] <= 0).sort((M, A) => M.overflows[1] - A.overflows[1])[0]) == null ? void 0 : L.placement;
+        if (!D)
+          switch (d) {
+            case "bestFit": {
+              var E;
+              const M = (E = N.filter((A) => {
+                if (C) {
+                  const _ = V(A.placement);
+                  return _ === P || // Create a bias to the `y` side axis due to horizontal
+                  // reading directions favoring greater width.
+                  _ === "y";
+                }
+                return !0;
+              }).map((A) => [A.placement, A.overflows.filter((_) => _ > 0).reduce((_, I) => _ + I, 0)]).sort((A, _) => A[1] - _[1])[0]) == null ? void 0 : E[0];
+              M && (D = M);
+              break;
+            }
+            case "initialPlacement":
+              D = c;
+              break;
+          }
+        if (r !== D)
+          return {
+            reset: {
+              placement: D
+            }
+          };
+      }
+      return {};
+    }
+  };
+};
+function Yt(t, e) {
+  return {
+    top: t.top - e.height,
+    right: t.right - e.width,
+    bottom: t.bottom - e.height,
+    left: t.left - e.width
+  };
+}
+function qt(t) {
+  return ln.some((e) => t[e] >= 0);
+}
+const An = function(t) {
+  return t === void 0 && (t = {}), {
+    name: "hide",
+    options: t,
+    async fn(e) {
+      const {
+        rects: n,
+        platform: o
+      } = e, {
+        strategy: r = "referenceHidden",
+        ...i
+      } = Y(t, e);
+      switch (r) {
+        case "referenceHidden": {
+          const s = await o.detectOverflow(e, {
+            ...i,
+            elementContext: "reference"
+          }), c = Yt(s, n.reference);
+          return {
+            data: {
+              referenceHiddenOffsets: c,
+              referenceHidden: qt(c)
+            }
+          };
+        }
+        case "escaped": {
+          const s = await o.detectOverflow(e, {
+            ...i,
+            altBoundary: !0
+          }), c = Yt(s, n.floating);
+          return {
+            data: {
+              escapedOffsets: c,
+              escaped: qt(c)
+            }
+          };
+        }
+        default:
+          return {};
+      }
+    }
+  };
+}, oe = /* @__PURE__ */ new Set(["left", "top"]);
+async function Rn(t, e) {
+  const {
+    placement: n,
+    platform: o,
+    elements: r
+  } = t, i = await (o.isRTL == null ? void 0 : o.isRTL(r.floating)), s = q(n), c = ot(n), a = V(n) === "y", f = oe.has(s) ? -1 : 1, l = i && a ? -1 : 1, u = Y(e, t);
+  let {
+    mainAxis: p,
+    crossAxis: d,
+    alignmentAxis: h
+  } = typeof u == "number" ? {
+    mainAxis: u,
+    crossAxis: 0,
+    alignmentAxis: null
+  } : {
+    mainAxis: u.mainAxis || 0,
+    crossAxis: u.crossAxis || 0,
+    alignmentAxis: u.alignmentAxis
+  };
+  return c && typeof h == "number" && (d = c === "end" ? h * -1 : h), a ? {
+    x: d * l,
+    y: p * f
+  } : {
+    x: p * f,
+    y: d * l
+  };
+}
+const Cn = function(t) {
+  return t === void 0 && (t = 0), {
+    name: "offset",
+    options: t,
+    async fn(e) {
+      var n, o;
+      const {
+        x: r,
+        y: i,
+        placement: s,
+        middlewareData: c
+      } = e, a = await Rn(e, t);
+      return s === ((n = c.offset) == null ? void 0 : n.placement) && (o = c.arrow) != null && o.alignmentOffset ? {} : {
+        x: r + a.x,
+        y: i + a.y,
+        data: {
+          ...a,
+          placement: s
+        }
+      };
+    }
+  };
+}, On = function(t) {
+  return t === void 0 && (t = {}), {
+    name: "shift",
+    options: t,
+    async fn(e) {
+      const {
+        x: n,
+        y: o,
+        placement: r,
+        platform: i
+      } = e, {
+        mainAxis: s = !0,
+        crossAxis: c = !1,
+        limiter: a = {
+          fn: (w) => {
+            let {
+              x: P,
+              y: b
+            } = w;
+            return {
+              x: P,
+              y: b
+            };
+          }
+        },
+        ...f
+      } = Y(t, e), l = {
+        x: n,
+        y: o
+      }, u = await i.detectOverflow(e, f), p = V(q(r)), d = Tt(p);
+      let h = l[d], m = l[p];
+      if (s) {
+        const w = d === "y" ? "top" : "left", P = d === "y" ? "bottom" : "right", b = h + u[w], v = h - u[P];
+        h = Dt(b, h, v);
+      }
+      if (c) {
+        const w = p === "y" ? "top" : "left", P = p === "y" ? "bottom" : "right", b = m + u[w], v = m - u[P];
+        m = Dt(b, m, v);
+      }
+      const x = a.fn({
+        ...e,
+        [d]: h,
+        [p]: m
+      });
+      return {
+        ...x,
+        data: {
+          x: x.x - n,
+          y: x.y - o,
+          enabled: {
+            [d]: s,
+            [p]: c
+          }
+        }
+      };
+    }
+  };
+}, Sn = function(t) {
+  return t === void 0 && (t = {}), {
+    options: t,
+    fn(e) {
+      const {
+        x: n,
+        y: o,
+        placement: r,
+        rects: i,
+        middlewareData: s
+      } = e, {
+        offset: c = 0,
+        mainAxis: a = !0,
+        crossAxis: f = !0
+      } = Y(t, e), l = {
+        x: n,
+        y: o
+      }, u = V(r), p = Tt(u);
+      let d = l[p], h = l[u];
+      const m = Y(c, e), x = typeof m == "number" ? {
+        mainAxis: m,
+        crossAxis: 0
+      } : {
+        mainAxis: 0,
+        crossAxis: 0,
+        ...m
+      };
+      if (a) {
+        const b = p === "y" ? "height" : "width", v = i.reference[p] - i.floating[b] + x.mainAxis, R = i.reference[p] + i.reference[b] - x.mainAxis;
+        d < v ? d = v : d > R && (d = R);
+      }
+      if (f) {
+        var w, P;
+        const b = p === "y" ? "width" : "height", v = oe.has(q(r)), R = i.reference[u] - i.floating[b] + (v && ((w = s.offset) == null ? void 0 : w[u]) || 0) + (v ? 0 : x.crossAxis), C = i.reference[u] + i.reference[b] + (v ? 0 : ((P = s.offset) == null ? void 0 : P[u]) || 0) - (v ? x.crossAxis : 0);
+        h < R ? h = R : h > C && (h = C);
+      }
+      return {
+        [p]: d,
+        [u]: h
+      };
+    }
+  };
+}, En = function(t) {
+  return t === void 0 && (t = {}), {
+    name: "size",
+    options: t,
+    async fn(e) {
+      var n, o;
+      const {
+        placement: r,
+        rects: i,
+        platform: s,
+        elements: c
+      } = e, {
+        apply: a = () => {
+        },
+        ...f
+      } = Y(t, e), l = await s.detectOverflow(e, f), u = q(r), p = ot(r), d = V(r) === "y", {
+        width: h,
+        height: m
+      } = i.floating;
+      let x, w;
+      u === "top" || u === "bottom" ? (x = u, w = p === (await (s.isRTL == null ? void 0 : s.isRTL(c.floating)) ? "start" : "end") ? "left" : "right") : (w = u, x = p === "end" ? "top" : "bottom");
+      const P = m - l.top - l.bottom, b = h - l.left - l.right, v = U(m - l[x], P), R = U(h - l[w], b), C = !e.middlewareData.shift;
+      let O = v, T = R;
+      if ((n = e.middlewareData.shift) != null && n.enabled.x && (T = b), (o = e.middlewareData.shift) != null && o.enabled.y && (O = P), C && !p) {
+        const N = W(l.left, 0), F = W(l.right, 0), L = W(l.top, 0), E = W(l.bottom, 0);
+        d ? T = h - 2 * (N !== 0 || F !== 0 ? N + F : W(l.left, l.right)) : O = m - 2 * (L !== 0 || E !== 0 ? L + E : W(l.top, l.bottom));
+      }
+      await a({
+        ...e,
+        availableWidth: T,
+        availableHeight: O
+      });
+      const $ = await s.getDimensions(c.floating);
+      return h !== $.width || m !== $.height ? {
+        reset: {
+          rects: !0
+        }
+      } : {};
+    }
+  };
+};
+function yt() {
+  return typeof window < "u";
+}
+function rt(t) {
+  return re(t) ? (t.nodeName || "").toLowerCase() : "#document";
+}
+function B(t) {
+  var e;
+  return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
+}
+function j(t) {
+  var e;
+  return (e = (re(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
+}
+function re(t) {
+  return yt() ? t instanceof Node || t instanceof B(t).Node : !1;
+}
+function z(t) {
+  return yt() ? t instanceof Element || t instanceof B(t).Element : !1;
+}
+function K(t) {
+  return yt() ? t instanceof HTMLElement || t instanceof B(t).HTMLElement : !1;
+}
+function Kt(t) {
+  return !yt() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof B(t).ShadowRoot;
+}
+function lt(t) {
+  const {
+    overflow: e,
+    overflowX: n,
+    overflowY: o,
+    display: r
+  } = H(t);
+  return /auto|scroll|overlay|hidden|clip/.test(e + o + n) && r !== "inline" && r !== "contents";
+}
+function Dn(t) {
+  return /^(table|td|th)$/.test(rt(t));
+}
+function bt(t) {
+  try {
+    if (t.matches(":popover-open"))
+      return !0;
+  } catch {
+  }
+  try {
+    return t.matches(":modal");
+  } catch {
+    return !1;
+  }
+}
+const Mn = /transform|translate|scale|rotate|perspective|filter/, Nn = /paint|layout|strict|content/, J = (t) => !!t && t !== "none";
+let Ct;
+function Lt(t) {
+  const e = z(t) ? H(t) : t;
+  return J(e.transform) || J(e.translate) || J(e.scale) || J(e.rotate) || J(e.perspective) || !$t() && (J(e.backdropFilter) || J(e.filter)) || Mn.test(e.willChange || "") || Nn.test(e.contain || "");
+}
+function Tn(t) {
+  let e = G(t);
+  for (; K(e) && !et(e); ) {
+    if (Lt(e))
+      return e;
+    if (bt(e))
+      return null;
+    e = G(e);
+  }
+  return null;
+}
+function $t() {
+  return Ct == null && (Ct = typeof CSS < "u" && CSS.supports && CSS.supports("-webkit-backdrop-filter", "none")), Ct;
+}
+function et(t) {
+  return /^(html|body|#document)$/.test(rt(t));
+}
+function H(t) {
+  return B(t).getComputedStyle(t);
+}
+function Pt(t) {
+  return z(t) ? {
+    scrollLeft: t.scrollLeft,
+    scrollTop: t.scrollTop
+  } : {
+    scrollLeft: t.scrollX,
+    scrollTop: t.scrollY
+  };
+}
+function G(t) {
+  if (rt(t) === "html")
+    return t;
+  const e = (
+    // Step into the shadow DOM of the parent of a slotted node.
+    t.assignedSlot || // DOM Element detected.
+    t.parentNode || // ShadowRoot detected.
+    Kt(t) && t.host || // Fallback.
+    j(t)
+  );
+  return Kt(e) ? e.host : e;
+}
+function ie(t) {
+  const e = G(t);
+  return et(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : K(e) && lt(e) ? e : ie(e);
+}
+function ct(t, e, n) {
+  var o;
+  e === void 0 && (e = []), n === void 0 && (n = !0);
+  const r = ie(t), i = r === ((o = t.ownerDocument) == null ? void 0 : o.body), s = B(r);
+  if (i) {
+    const c = Nt(s);
+    return e.concat(s, s.visualViewport || [], lt(r) ? r : [], c && n ? ct(c) : []);
+  } else
+    return e.concat(r, ct(r, [], n));
+}
+function Nt(t) {
+  return t.parent && Object.getPrototypeOf(t.parent) ? t.frameElement : null;
+}
+function se(t) {
+  const e = H(t);
+  let n = parseFloat(e.width) || 0, o = parseFloat(e.height) || 0;
+  const r = K(t), i = r ? t.offsetWidth : n, s = r ? t.offsetHeight : o, c = mt(n) !== i || mt(o) !== s;
+  return c && (n = i, o = s), {
+    width: n,
+    height: o,
+    $: c
+  };
+}
+function kt(t) {
+  return z(t) ? t : t.contextElement;
+}
+function tt(t) {
+  const e = kt(t);
+  if (!K(e))
+    return X(1);
+  const n = e.getBoundingClientRect(), {
+    width: o,
+    height: r,
+    $: i
+  } = se(e);
+  let s = (i ? mt(n.width) : n.width) / o, c = (i ? mt(n.height) : n.height) / r;
+  return (!s || !Number.isFinite(s)) && (s = 1), (!c || !Number.isFinite(c)) && (c = 1), {
+    x: s,
+    y: c
+  };
+}
+const _n = /* @__PURE__ */ X(0);
+function ce(t) {
+  const e = B(t);
+  return !$t() || !e.visualViewport ? _n : {
+    x: e.visualViewport.offsetLeft,
+    y: e.visualViewport.offsetTop
+  };
+}
+function Fn(t, e, n) {
+  return e === void 0 && (e = !1), !n || e && n !== B(t) ? !1 : e;
+}
+function Q(t, e, n, o) {
+  e === void 0 && (e = !1), n === void 0 && (n = !1);
+  const r = t.getBoundingClientRect(), i = kt(t);
+  let s = X(1);
+  e && (o ? z(o) && (s = tt(o)) : s = tt(t));
+  const c = Fn(i, n, o) ? ce(i) : X(0);
+  let a = (r.left + c.x) / s.x, f = (r.top + c.y) / s.y, l = r.width / s.x, u = r.height / s.y;
+  if (i) {
+    const p = B(i), d = o && z(o) ? B(o) : o;
+    let h = p, m = Nt(h);
+    for (; m && o && d !== h; ) {
+      const x = tt(m), w = m.getBoundingClientRect(), P = H(m), b = w.left + (m.clientLeft + parseFloat(P.paddingLeft)) * x.x, v = w.top + (m.clientTop + parseFloat(P.paddingTop)) * x.y;
+      a *= x.x, f *= x.y, l *= x.x, u *= x.y, a += b, f += v, h = B(m), m = Nt(h);
+    }
+  }
+  return wt({
+    width: l,
+    height: u,
+    x: a,
+    y: f
+  });
+}
+function At(t, e) {
+  const n = Pt(t).scrollLeft;
+  return e ? e.left + n : Q(j(t)).left + n;
+}
+function ae(t, e) {
+  const n = t.getBoundingClientRect(), o = n.left + e.scrollLeft - At(t, n), r = n.top + e.scrollTop;
+  return {
+    x: o,
+    y: r
+  };
+}
+function Ln(t) {
+  let {
+    elements: e,
+    rect: n,
+    offsetParent: o,
+    strategy: r
+  } = t;
+  const i = r === "fixed", s = j(o), c = e ? bt(e.floating) : !1;
+  if (o === s || c && i)
+    return n;
+  let a = {
+    scrollLeft: 0,
+    scrollTop: 0
+  }, f = X(1);
+  const l = X(0), u = K(o);
+  if ((u || !u && !i) && ((rt(o) !== "body" || lt(s)) && (a = Pt(o)), u)) {
+    const d = Q(o);
+    f = tt(o), l.x = d.x + o.clientLeft, l.y = d.y + o.clientTop;
+  }
+  const p = s && !u && !i ? ae(s, a) : X(0);
+  return {
+    width: n.width * f.x,
+    height: n.height * f.y,
+    x: n.x * f.x - a.scrollLeft * f.x + l.x + p.x,
+    y: n.y * f.y - a.scrollTop * f.y + l.y + p.y
+  };
+}
+function $n(t) {
+  return Array.from(t.getClientRects());
+}
+function kn(t) {
+  const e = j(t), n = Pt(t), o = t.ownerDocument.body, r = W(e.scrollWidth, e.clientWidth, o.scrollWidth, o.clientWidth), i = W(e.scrollHeight, e.clientHeight, o.scrollHeight, o.clientHeight);
+  let s = -n.scrollLeft + At(t);
+  const c = -n.scrollTop;
+  return H(o).direction === "rtl" && (s += W(e.clientWidth, o.clientWidth) - r), {
+    width: r,
+    height: i,
+    x: s,
+    y: c
+  };
+}
+const Ut = 25;
+function Wn(t, e) {
+  const n = B(t), o = j(t), r = n.visualViewport;
+  let i = o.clientWidth, s = o.clientHeight, c = 0, a = 0;
+  if (r) {
+    i = r.width, s = r.height;
+    const l = $t();
+    (!l || l && e === "fixed") && (c = r.offsetLeft, a = r.offsetTop);
+  }
+  const f = At(o);
+  if (f <= 0) {
+    const l = o.ownerDocument, u = l.body, p = getComputedStyle(u), d = l.compatMode === "CSS1Compat" && parseFloat(p.marginLeft) + parseFloat(p.marginRight) || 0, h = Math.abs(o.clientWidth - u.clientWidth - d);
+    h <= Ut && (i -= h);
+  } else f <= Ut && (i += f);
+  return {
+    width: i,
+    height: s,
+    x: c,
+    y: a
+  };
+}
+function Bn(t, e) {
+  const n = Q(t, !0, e === "fixed"), o = n.top + t.clientTop, r = n.left + t.clientLeft, i = K(t) ? tt(t) : X(1), s = t.clientWidth * i.x, c = t.clientHeight * i.y, a = r * i.x, f = o * i.y;
+  return {
+    width: s,
+    height: c,
+    x: a,
+    y: f
+  };
+}
+function Gt(t, e, n) {
+  let o;
+  if (e === "viewport")
+    o = Wn(t, n);
+  else if (e === "document")
+    o = kn(j(t));
+  else if (z(e))
+    o = Bn(e, n);
+  else {
+    const r = ce(t);
+    o = {
+      x: e.x - r.x,
+      y: e.y - r.y,
+      width: e.width,
+      height: e.height
+    };
+  }
+  return wt(o);
+}
+function le(t, e) {
+  const n = G(t);
+  return n === e || !z(n) || et(n) ? !1 : H(n).position === "fixed" || le(n, e);
+}
+function zn(t, e) {
+  const n = e.get(t);
+  if (n)
+    return n;
+  let o = ct(t, [], !1).filter((c) => z(c) && rt(c) !== "body"), r = null;
+  const i = H(t).position === "fixed";
+  let s = i ? G(t) : t;
+  for (; z(s) && !et(s); ) {
+    const c = H(s), a = Lt(s);
+    !a && c.position === "fixed" && (r = null), (i ? !a && !r : !a && c.position === "static" && !!r && (r.position === "absolute" || r.position === "fixed") || lt(s) && !a && le(t, s)) ? o = o.filter((l) => l !== s) : r = c, s = G(s);
+  }
+  return e.set(t, o), o;
+}
+function Hn(t) {
+  let {
+    element: e,
+    boundary: n,
+    rootBoundary: o,
+    strategy: r
+  } = t;
+  const s = [...n === "clippingAncestors" ? bt(e) ? [] : zn(e, this._c) : [].concat(n), o], c = Gt(e, s[0], r);
+  let a = c.top, f = c.right, l = c.bottom, u = c.left;
+  for (let p = 1; p < s.length; p++) {
+    const d = Gt(e, s[p], r);
+    a = W(d.top, a), f = U(d.right, f), l = U(d.bottom, l), u = W(d.left, u);
+  }
+  return {
+    width: f - u,
+    height: l - a,
+    x: u,
+    y: a
+  };
+}
+function In(t) {
+  const {
+    width: e,
+    height: n
+  } = se(t);
+  return {
+    width: e,
+    height: n
+  };
+}
+function Vn(t, e, n) {
+  const o = K(e), r = j(e), i = n === "fixed", s = Q(t, !0, i, e);
+  let c = {
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+  const a = X(0);
+  function f() {
+    a.x = At(r);
+  }
+  if (o || !o && !i)
+    if ((rt(e) !== "body" || lt(r)) && (c = Pt(e)), o) {
+      const d = Q(e, !0, i, e);
+      a.x = d.x + e.clientLeft, a.y = d.y + e.clientTop;
+    } else r && f();
+  i && !o && r && f();
+  const l = r && !o && !i ? ae(r, c) : X(0), u = s.left + c.scrollLeft - a.x - l.x, p = s.top + c.scrollTop - a.y - l.y;
+  return {
+    x: u,
+    y: p,
+    width: s.width,
+    height: s.height
+  };
+}
+function Ot(t) {
+  return H(t).position === "static";
+}
+function Zt(t, e) {
+  if (!K(t) || H(t).position === "fixed")
+    return null;
+  if (e)
+    return e(t);
+  let n = t.offsetParent;
+  return j(t) === n && (n = n.ownerDocument.body), n;
+}
+function fe(t, e) {
+  const n = B(t);
+  if (bt(t))
+    return n;
+  if (!K(t)) {
+    let r = G(t);
+    for (; r && !et(r); ) {
+      if (z(r) && !Ot(r))
+        return r;
+      r = G(r);
+    }
+    return n;
+  }
+  let o = Zt(t, e);
+  for (; o && Dn(o) && Ot(o); )
+    o = Zt(o, e);
+  return o && et(o) && Ot(o) && !Lt(o) ? n : o || Tn(t) || n;
+}
+const Xn = async function(t) {
+  const e = this.getOffsetParent || fe, n = this.getDimensions, o = await n(t.floating);
+  return {
+    reference: Vn(t.reference, await e(t.floating), t.strategy),
+    floating: {
+      x: 0,
+      y: 0,
+      width: o.width,
+      height: o.height
+    }
+  };
+};
+function jn(t) {
+  return H(t).direction === "rtl";
+}
+const Yn = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: Ln,
+  getDocumentElement: j,
+  getClippingRect: Hn,
+  getOffsetParent: fe,
+  getElementRects: Xn,
+  getClientRects: $n,
+  getDimensions: In,
+  getScale: tt,
+  isElement: z,
+  isRTL: jn
+};
+function ue(t, e) {
+  return t.x === e.x && t.y === e.y && t.width === e.width && t.height === e.height;
+}
+function qn(t, e) {
+  let n = null, o;
+  const r = j(t);
+  function i() {
+    var c;
+    clearTimeout(o), (c = n) == null || c.disconnect(), n = null;
+  }
+  function s(c, a) {
+    c === void 0 && (c = !1), a === void 0 && (a = 1), i();
+    const f = t.getBoundingClientRect(), {
+      left: l,
+      top: u,
+      width: p,
+      height: d
+    } = f;
+    if (c || e(), !p || !d)
+      return;
+    const h = dt(u), m = dt(r.clientWidth - (l + p)), x = dt(r.clientHeight - (u + d)), w = dt(l), b = {
+      rootMargin: -h + "px " + -m + "px " + -x + "px " + -w + "px",
+      threshold: W(0, U(1, a)) || 1
+    };
+    let v = !0;
+    function R(C) {
+      const O = C[0].intersectionRatio;
+      if (O !== a) {
+        if (!v)
+          return s();
+        O ? s(!1, O) : o = setTimeout(() => {
+          s(!1, 1e-7);
+        }, 1e3);
+      }
+      O === 1 && !ue(f, t.getBoundingClientRect()) && s(), v = !1;
+    }
+    try {
+      n = new IntersectionObserver(R, {
+        ...b,
+        // Handle <iframe>s
+        root: r.ownerDocument
+      });
+    } catch {
+      n = new IntersectionObserver(R, b);
+    }
+    n.observe(t);
+  }
+  return s(!0), i;
+}
+function Kn(t, e, n, o) {
+  o === void 0 && (o = {});
+  const {
+    ancestorScroll: r = !0,
+    ancestorResize: i = !0,
+    elementResize: s = typeof ResizeObserver == "function",
+    layoutShift: c = typeof IntersectionObserver == "function",
+    animationFrame: a = !1
+  } = o, f = kt(t), l = r || i ? [...f ? ct(f) : [], ...e ? ct(e) : []] : [];
+  l.forEach((w) => {
+    r && w.addEventListener("scroll", n, {
+      passive: !0
+    }), i && w.addEventListener("resize", n);
+  });
+  const u = f && c ? qn(f, n) : null;
+  let p = -1, d = null;
+  s && (d = new ResizeObserver((w) => {
+    let [P] = w;
+    P && P.target === f && d && e && (d.unobserve(e), cancelAnimationFrame(p), p = requestAnimationFrame(() => {
+      var b;
+      (b = d) == null || b.observe(e);
+    })), n();
+  }), f && !a && d.observe(f), e && d.observe(e));
+  let h, m = a ? Q(t) : null;
+  a && x();
+  function x() {
+    const w = Q(t);
+    m && !ue(m, w) && n(), m = w, h = requestAnimationFrame(x);
+  }
+  return n(), () => {
+    var w;
+    l.forEach((P) => {
+      r && P.removeEventListener("scroll", n), i && P.removeEventListener("resize", n);
+    }), u?.(), (w = d) == null || w.disconnect(), d = null, a && cancelAnimationFrame(h);
+  };
+}
+const Un = Cn, Gn = On, Zn = Pn, Jn = En, Qn = An, Jt = bn, to = Sn, eo = (t, e, n) => {
+  const o = /* @__PURE__ */ new Map(), r = {
+    platform: Yn,
+    ...n
+  }, i = {
+    ...r.platform,
+    _c: o
+  };
+  return yn(t, e, {
+    ...r,
+    platform: i
+  });
+};
+var no = typeof document < "u", oo = function() {
+}, ht = no ? Ke : oo;
+function vt(t, e) {
+  if (t === e)
+    return !0;
+  if (typeof t != typeof e)
+    return !1;
+  if (typeof t == "function" && t.toString() === e.toString())
+    return !0;
+  let n, o, r;
+  if (t && e && typeof t == "object") {
+    if (Array.isArray(t)) {
+      if (n = t.length, n !== e.length) return !1;
+      for (o = n; o-- !== 0; )
+        if (!vt(t[o], e[o]))
+          return !1;
+      return !0;
+    }
+    if (r = Object.keys(t), n = r.length, n !== Object.keys(e).length)
+      return !1;
+    for (o = n; o-- !== 0; )
+      if (!{}.hasOwnProperty.call(e, r[o]))
+        return !1;
+    for (o = n; o-- !== 0; ) {
+      const i = r[o];
+      if (!(i === "_owner" && t.$$typeof) && !vt(t[i], e[i]))
+        return !1;
+    }
+    return !0;
+  }
+  return t !== t && e !== e;
+}
+function de(t) {
+  return typeof window > "u" ? 1 : (t.ownerDocument.defaultView || window).devicePixelRatio || 1;
+}
+function Qt(t, e) {
+  const n = de(t);
+  return Math.round(e * n) / n;
+}
+function St(t) {
+  const e = g.useRef(t);
+  return ht(() => {
+    e.current = t;
+  }), e;
+}
+function ro(t) {
+  t === void 0 && (t = {});
+  const {
+    placement: e = "bottom",
+    strategy: n = "absolute",
+    middleware: o = [],
+    platform: r,
+    elements: {
+      reference: i,
+      floating: s
+    } = {},
+    transform: c = !0,
+    whileElementsMounted: a,
+    open: f
+  } = t, [l, u] = g.useState({
+    x: 0,
+    y: 0,
+    strategy: n,
+    placement: e,
+    middlewareData: {},
+    isPositioned: !1
+  }), [p, d] = g.useState(o);
+  vt(p, o) || d(o);
+  const [h, m] = g.useState(null), [x, w] = g.useState(null), P = g.useCallback((A) => {
+    A !== C.current && (C.current = A, m(A));
+  }, []), b = g.useCallback((A) => {
+    A !== O.current && (O.current = A, w(A));
+  }, []), v = i || h, R = s || x, C = g.useRef(null), O = g.useRef(null), T = g.useRef(l), $ = a != null, N = St(a), F = St(r), L = St(f), E = g.useCallback(() => {
+    if (!C.current || !O.current)
+      return;
+    const A = {
+      placement: e,
+      strategy: n,
+      middleware: p
+    };
+    F.current && (A.platform = F.current), eo(C.current, O.current, A).then((_) => {
+      const I = {
+        ..._,
+        // The floating element's position may be recomputed while it's closed
+        // but still mounted (such as when transitioning out). To ensure
+        // `isPositioned` will be `false` initially on the next open, avoid
+        // setting it to `true` when `open === false` (must be specified).
+        isPositioned: L.current !== !1
+      };
+      S.current && !vt(T.current, I) && (T.current = I, sn.flushSync(() => {
+        u(I);
+      }));
+    });
+  }, [p, e, n, F, L]);
+  ht(() => {
+    f === !1 && T.current.isPositioned && (T.current.isPositioned = !1, u((A) => ({
+      ...A,
+      isPositioned: !1
+    })));
+  }, [f]);
+  const S = g.useRef(!1);
+  ht(() => (S.current = !0, () => {
+    S.current = !1;
+  }), []), ht(() => {
+    if (v && (C.current = v), R && (O.current = R), v && R) {
+      if (N.current)
+        return N.current(v, R, E);
+      E();
+    }
+  }, [v, R, E, N, $]);
+  const k = g.useMemo(() => ({
+    reference: C,
+    floating: O,
+    setReference: P,
+    setFloating: b
+  }), [P, b]), D = g.useMemo(() => ({
+    reference: v,
+    floating: R
+  }), [v, R]), M = g.useMemo(() => {
+    const A = {
+      position: n,
+      left: 0,
+      top: 0
+    };
+    if (!D.floating)
+      return A;
+    const _ = Qt(D.floating, l.x), I = Qt(D.floating, l.y);
+    return c ? {
+      ...A,
+      transform: "translate(" + _ + "px, " + I + "px)",
+      ...de(D.floating) >= 1.5 && {
+        willChange: "transform"
+      }
+    } : {
+      position: n,
+      left: _,
+      top: I
+    };
+  }, [n, c, D.floating, l.x, l.y]);
+  return g.useMemo(() => ({
+    ...l,
+    update: E,
+    refs: k,
+    elements: D,
+    floatingStyles: M
+  }), [l, E, k, D, M]);
+}
+const io = (t) => {
+  function e(n) {
+    return {}.hasOwnProperty.call(n, "current");
+  }
+  return {
+    name: "arrow",
+    options: t,
+    fn(n) {
+      const {
+        element: o,
+        padding: r
+      } = typeof t == "function" ? t(n) : t;
+      return o && e(o) ? o.current != null ? Jt({
+        element: o.current,
+        padding: r
+      }).fn(n) : {} : o ? Jt({
+        element: o,
+        padding: r
+      }).fn(n) : {};
+    }
+  };
+}, so = (t, e) => {
+  const n = Un(t);
+  return {
+    name: n.name,
+    fn: n.fn,
+    options: [t, e]
+  };
+}, co = (t, e) => {
+  const n = Gn(t);
+  return {
+    name: n.name,
+    fn: n.fn,
+    options: [t, e]
+  };
+}, ao = (t, e) => ({
+  fn: to(t).fn,
+  options: [t, e]
+}), lo = (t, e) => {
+  const n = Zn(t);
+  return {
+    name: n.name,
+    fn: n.fn,
+    options: [t, e]
+  };
+}, fo = (t, e) => {
+  const n = Jn(t);
+  return {
+    name: n.name,
+    fn: n.fn,
+    options: [t, e]
+  };
+}, uo = (t, e) => {
+  const n = Qn(t);
+  return {
+    name: n.name,
+    fn: n.fn,
+    options: [t, e]
+  };
+}, po = (t, e) => {
+  const n = io(t);
+  return {
+    name: n.name,
+    fn: n.fn,
+    options: [t, e]
+  };
+};
+var ho = "Arrow", pe = g.forwardRef((t, e) => {
+  const { children: n, width: o = 10, height: r = 5, ...i } = t;
+  return /* @__PURE__ */ y(
+    at.svg,
+    {
+      ...i,
+      ref: e,
+      width: o,
+      height: r,
+      viewBox: "0 0 30 10",
+      preserveAspectRatio: "none",
+      children: t.asChild ? n : /* @__PURE__ */ y("polygon", { points: "0,0 30,0 15,10" })
+    }
+  );
+});
+pe.displayName = ho;
+var mo = pe, Wt = "Popper", [he, me] = te(Wt), [go, ge] = he(Wt), we = (t) => {
+  const { __scopePopper: e, children: n } = t, [o, r] = g.useState(null);
+  return /* @__PURE__ */ y(go, { scope: e, anchor: o, onAnchorChange: r, children: n });
+};
+we.displayName = Wt;
+var ve = "PopperAnchor", xe = g.forwardRef(
+  (t, e) => {
+    const { __scopePopper: n, virtualRef: o, ...r } = t, i = ge(ve, n), s = g.useRef(null), c = xt(e, s), a = g.useRef(null);
+    return g.useEffect(() => {
+      const f = a.current;
+      a.current = o?.current || s.current, f !== a.current && i.onAnchorChange(a.current);
+    }), o ? null : /* @__PURE__ */ y(at.div, { ...r, ref: c });
+  }
+);
+xe.displayName = ve;
+var Bt = "PopperContent", [wo, vo] = he(Bt), ye = g.forwardRef(
+  (t, e) => {
+    const {
+      __scopePopper: n,
+      side: o = "bottom",
+      sideOffset: r = 0,
+      align: i = "center",
+      alignOffset: s = 0,
+      arrowPadding: c = 0,
+      avoidCollisions: a = !0,
+      collisionBoundary: f = [],
+      collisionPadding: l = 0,
+      sticky: u = "partial",
+      hideWhenDetached: p = !1,
+      updatePositionStrategy: d = "optimized",
+      onPlaced: h,
+      ...m
+    } = t, x = ge(Bt, n), [w, P] = g.useState(null), b = xt(e, (it) => P(it)), [v, R] = g.useState(null), C = an(v), O = C?.width ?? 0, T = C?.height ?? 0, $ = o + (i !== "center" ? "-" + i : ""), N = typeof l == "number" ? l : { top: 0, right: 0, bottom: 0, left: 0, ...l }, F = Array.isArray(f) ? f : [f], L = F.length > 0, E = {
+      padding: N,
+      boundary: F.filter(yo),
+      // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
+      altBoundary: L
+    }, { refs: S, floatingStyles: k, placement: D, isPositioned: M, middlewareData: A } = ro({
+      // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
+      strategy: "fixed",
+      placement: $,
+      whileElementsMounted: (...it) => Kn(...it, {
+        animationFrame: d === "always"
+      }),
+      elements: {
+        reference: x.anchor
+      },
+      middleware: [
+        so({ mainAxis: r + T, alignmentAxis: s }),
+        a && co({
+          mainAxis: !0,
+          crossAxis: !1,
+          limiter: u === "partial" ? ao() : void 0,
+          ...E
+        }),
+        a && lo({ ...E }),
+        fo({
+          ...E,
+          apply: ({ elements: it, rects: It, availableWidth: ze, availableHeight: He }) => {
+            const { width: Ie, height: Ve } = It.reference, ut = it.floating.style;
+            ut.setProperty("--radix-popper-available-width", `${ze}px`), ut.setProperty("--radix-popper-available-height", `${He}px`), ut.setProperty("--radix-popper-anchor-width", `${Ie}px`), ut.setProperty("--radix-popper-anchor-height", `${Ve}px`);
+          }
+        }),
+        v && po({ element: v, padding: c }),
+        bo({ arrowWidth: O, arrowHeight: T }),
+        p && uo({ strategy: "referenceHidden", ...E })
+      ]
+    }), [_, I] = Ae(D), Ht = Ge(h);
+    Et(() => {
+      M && Ht?.();
+    }, [M, Ht]);
+    const Le = A.arrow?.x, $e = A.arrow?.y, ke = A.arrow?.centerOffset !== 0, [We, Be] = g.useState();
+    return Et(() => {
+      w && Be(window.getComputedStyle(w).zIndex);
+    }, [w]), /* @__PURE__ */ y(
+      "div",
+      {
+        ref: S.setFloating,
+        "data-radix-popper-content-wrapper": "",
+        style: {
+          ...k,
+          transform: M ? k.transform : "translate(0, -200%)",
+          // keep off the page when measuring
+          minWidth: "max-content",
+          zIndex: We,
+          "--radix-popper-transform-origin": [
+            A.transformOrigin?.x,
+            A.transformOrigin?.y
+          ].join(" "),
+          // hide the content if using the hide middleware and should be hidden
+          // set visibility to hidden and disable pointer events so the UI behaves
+          // as if the PopperContent isn't there at all
+          ...A.hide?.referenceHidden && {
+            visibility: "hidden",
+            pointerEvents: "none"
+          }
+        },
+        dir: t.dir,
+        children: /* @__PURE__ */ y(
+          wo,
+          {
+            scope: n,
+            placedSide: _,
+            onArrowChange: R,
+            arrowX: Le,
+            arrowY: $e,
+            shouldHideArrow: ke,
+            children: /* @__PURE__ */ y(
+              at.div,
+              {
+                "data-side": _,
+                "data-align": I,
+                ...m,
+                ref: b,
+                style: {
+                  ...m.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: M ? void 0 : "none"
+                }
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+);
+ye.displayName = Bt;
+var be = "PopperArrow", xo = {
+  top: "bottom",
+  right: "left",
+  bottom: "top",
+  left: "right"
+}, Pe = g.forwardRef(function(e, n) {
+  const { __scopePopper: o, ...r } = e, i = vo(be, o), s = xo[i.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__ */ y(
+      "span",
+      {
+        ref: i.onArrowChange,
+        style: {
+          position: "absolute",
+          left: i.arrowX,
+          top: i.arrowY,
+          [s]: 0,
+          transformOrigin: {
+            top: "",
+            right: "0 0",
+            bottom: "center 0",
+            left: "100% 0"
+          }[i.placedSide],
+          transform: {
+            top: "translateY(100%)",
+            right: "translateY(50%) rotate(90deg) translateX(-50%)",
+            bottom: "rotate(180deg)",
+            left: "translateY(50%) rotate(-90deg) translateX(50%)"
+          }[i.placedSide],
+          visibility: i.shouldHideArrow ? "hidden" : void 0
+        },
+        children: /* @__PURE__ */ y(
+          mo,
+          {
+            ...r,
+            ref: n,
+            style: {
+              ...r.style,
+              // ensures the element can be measured correctly (mostly for if SVG)
+              display: "block"
+            }
+          }
+        )
+      }
+    )
+  );
+});
+Pe.displayName = be;
+function yo(t) {
+  return t !== null;
+}
+var bo = (t) => ({
+  name: "transformOrigin",
+  options: t,
+  fn(e) {
+    const { placement: n, rects: o, middlewareData: r } = e, s = r.arrow?.centerOffset !== 0, c = s ? 0 : t.arrowWidth, a = s ? 0 : t.arrowHeight, [f, l] = Ae(n), u = { start: "0%", center: "50%", end: "100%" }[l], p = (r.arrow?.x ?? 0) + c / 2, d = (r.arrow?.y ?? 0) + a / 2;
+    let h = "", m = "";
+    return f === "bottom" ? (h = s ? u : `${p}px`, m = `${-a}px`) : f === "top" ? (h = s ? u : `${p}px`, m = `${o.floating.height + a}px`) : f === "right" ? (h = `${-a}px`, m = s ? u : `${d}px`) : f === "left" && (h = `${o.floating.width + a}px`, m = s ? u : `${d}px`), { data: { x: h, y: m } };
+  }
+});
+function Ae(t) {
+  const [e, n = "center"] = t.split("-");
+  return [e, n];
+}
+var Po = we, Re = xe, Ao = ye, Ro = Pe, Rt = "Popover", [Ce] = te(Rt, [
+  me
+]), ft = me(), [Co, Z] = Ce(Rt), Oe = (t) => {
+  const {
+    __scopePopover: e,
+    children: n,
+    open: o,
+    defaultOpen: r,
+    onOpenChange: i,
+    modal: s = !1
+  } = t, c = ft(e), a = g.useRef(null), [f, l] = g.useState(!1), [u, p] = Ze({
+    prop: o,
+    defaultProp: r ?? !1,
+    onChange: i,
+    caller: Rt
+  });
+  return /* @__PURE__ */ y(Po, { ...c, children: /* @__PURE__ */ y(
+    Co,
+    {
+      scope: e,
+      contentId: Je(),
+      triggerRef: a,
+      open: u,
+      onOpenChange: p,
+      onOpenToggle: g.useCallback(() => p((d) => !d), [p]),
+      hasCustomAnchor: f,
+      onCustomAnchorAdd: g.useCallback(() => l(!0), []),
+      onCustomAnchorRemove: g.useCallback(() => l(!1), []),
+      modal: s,
+      children: n
+    }
+  ) });
+};
+Oe.displayName = Rt;
+var Se = "PopoverAnchor", Oo = g.forwardRef(
+  (t, e) => {
+    const { __scopePopover: n, ...o } = t, r = Z(Se, n), i = ft(n), { onCustomAnchorAdd: s, onCustomAnchorRemove: c } = r;
+    return g.useEffect(() => (s(), () => c()), [s, c]), /* @__PURE__ */ y(Re, { ...i, ...o, ref: e });
+  }
+);
+Oo.displayName = Se;
+var Ee = "PopoverTrigger", De = g.forwardRef(
+  (t, e) => {
+    const { __scopePopover: n, ...o } = t, r = Z(Ee, n), i = ft(n), s = xt(e, r.triggerRef), c = /* @__PURE__ */ y(
+      at.button,
+      {
+        type: "button",
+        "aria-haspopup": "dialog",
+        "aria-expanded": r.open,
+        "aria-controls": r.contentId,
+        "data-state": Fe(r.open),
+        ...o,
+        ref: s,
+        onClick: st(t.onClick, r.onOpenToggle)
+      }
+    );
+    return r.hasCustomAnchor ? c : /* @__PURE__ */ y(Re, { asChild: !0, ...i, children: c });
+  }
+);
+De.displayName = Ee;
+var zt = "PopoverPortal", [So, Eo] = Ce(zt, {
+  forceMount: void 0
+}), Me = (t) => {
+  const { __scopePopover: e, forceMount: n, children: o, container: r } = t, i = Z(zt, e);
+  return /* @__PURE__ */ y(So, { scope: e, forceMount: n, children: /* @__PURE__ */ y(ee, { present: n || i.open, children: /* @__PURE__ */ y(Qe, { asChild: !0, container: r, children: o }) }) });
+};
+Me.displayName = zt;
+var nt = "PopoverContent", Ne = g.forwardRef(
+  (t, e) => {
+    const n = Eo(nt, t.__scopePopover), { forceMount: o = n.forceMount, ...r } = t, i = Z(nt, t.__scopePopover);
+    return /* @__PURE__ */ y(ee, { present: o || i.open, children: i.modal ? /* @__PURE__ */ y(Mo, { ...r, ref: e }) : /* @__PURE__ */ y(No, { ...r, ref: e }) });
+  }
+);
+Ne.displayName = nt;
+var Do = Xe("PopoverContent.RemoveScroll"), Mo = g.forwardRef(
+  (t, e) => {
+    const n = Z(nt, t.__scopePopover), o = g.useRef(null), r = xt(e, o), i = g.useRef(!1);
+    return g.useEffect(() => {
+      const s = o.current;
+      if (s) return tn(s);
+    }, []), /* @__PURE__ */ y(en, { as: Do, allowPinchZoom: !0, children: /* @__PURE__ */ y(
+      Te,
+      {
+        ...t,
+        ref: r,
+        trapFocus: n.open,
+        disableOutsidePointerEvents: !0,
+        onCloseAutoFocus: st(t.onCloseAutoFocus, (s) => {
+          s.preventDefault(), i.current || n.triggerRef.current?.focus();
+        }),
+        onPointerDownOutside: st(
+          t.onPointerDownOutside,
+          (s) => {
+            const c = s.detail.originalEvent, a = c.button === 0 && c.ctrlKey === !0, f = c.button === 2 || a;
+            i.current = f;
+          },
+          { checkForDefaultPrevented: !1 }
+        ),
+        onFocusOutside: st(
+          t.onFocusOutside,
+          (s) => s.preventDefault(),
+          { checkForDefaultPrevented: !1 }
+        )
+      }
+    ) });
+  }
+), No = g.forwardRef(
+  (t, e) => {
+    const n = Z(nt, t.__scopePopover), o = g.useRef(!1), r = g.useRef(!1);
+    return /* @__PURE__ */ y(
+      Te,
+      {
+        ...t,
+        ref: e,
+        trapFocus: !1,
+        disableOutsidePointerEvents: !1,
+        onCloseAutoFocus: (i) => {
+          t.onCloseAutoFocus?.(i), i.defaultPrevented || (o.current || n.triggerRef.current?.focus(), i.preventDefault()), o.current = !1, r.current = !1;
+        },
+        onInteractOutside: (i) => {
+          t.onInteractOutside?.(i), i.defaultPrevented || (o.current = !0, i.detail.originalEvent.type === "pointerdown" && (r.current = !0));
+          const s = i.target;
+          n.triggerRef.current?.contains(s) && i.preventDefault(), i.detail.originalEvent.type === "focusin" && r.current && i.preventDefault();
+        }
+      }
+    );
+  }
+), Te = g.forwardRef(
+  (t, e) => {
+    const {
+      __scopePopover: n,
+      trapFocus: o,
+      onOpenAutoFocus: r,
+      onCloseAutoFocus: i,
+      disableOutsidePointerEvents: s,
+      onEscapeKeyDown: c,
+      onPointerDownOutside: a,
+      onFocusOutside: f,
+      onInteractOutside: l,
+      ...u
+    } = t, p = Z(nt, n), d = ft(n);
+    return nn(), /* @__PURE__ */ y(
+      on,
+      {
+        asChild: !0,
+        loop: !0,
+        trapped: o,
+        onMountAutoFocus: r,
+        onUnmountAutoFocus: i,
+        children: /* @__PURE__ */ y(
+          rn,
+          {
+            asChild: !0,
+            disableOutsidePointerEvents: s,
+            onInteractOutside: l,
+            onEscapeKeyDown: c,
+            onPointerDownOutside: a,
+            onFocusOutside: f,
+            onDismiss: () => p.onOpenChange(!1),
+            children: /* @__PURE__ */ y(
+              Ao,
+              {
+                "data-state": Fe(p.open),
+                role: "dialog",
+                id: p.contentId,
+                ...d,
+                ...u,
+                ref: e,
+                style: {
+                  ...u.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)"
+                }
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+), _e = "PopoverClose", To = g.forwardRef(
+  (t, e) => {
+    const { __scopePopover: n, ...o } = t, r = Z(_e, n);
+    return /* @__PURE__ */ y(
+      at.button,
+      {
+        type: "button",
+        ...o,
+        ref: e,
+        onClick: st(t.onClick, () => r.onOpenChange(!1))
+      }
+    );
+  }
+);
+To.displayName = _e;
+var _o = "PopoverArrow", Fo = g.forwardRef(
+  (t, e) => {
+    const { __scopePopover: n, ...o } = t, r = ft(n);
+    return /* @__PURE__ */ y(Ro, { ...r, ...o, ref: e });
+  }
+);
+Fo.displayName = _o;
+function Fe(t) {
+  return t ? "open" : "closed";
+}
+var Lo = Oe, $o = De, ko = Me, Wo = Ne;
+function Bo({
+  ...t
+}) {
+  return /* @__PURE__ */ y(Lo, { "data-slot": "popover", ...t });
+}
+function zo({
+  ...t
+}) {
+  return /* @__PURE__ */ y($o, { "data-slot": "popover-trigger", ...t });
+}
+function Ho({
+  className: t,
+  align: e = "center",
+  sideOffset: n = 4,
+  ...o
+}) {
+  const r = qe();
+  return /* @__PURE__ */ y(ko, { container: r, children: /* @__PURE__ */ y(
+    Wo,
+    {
+      "data-slot": "popover-content",
+      align: e,
+      sideOffset: n,
+      className: je(
+        "z-50 flex w-72 origin-(--radix-popover-content-transform-origin) flex-col gap-2.5 rounded-lg bg-popover p-2.5 text-sm text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden duration-100 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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
+        t
+      ),
+      ...o
+    }
+  ) });
+}
+const Io = (t) => {
+  switch (t) {
+    case "float-bottom-right":
+      return "bottom-6 right-6";
+    case "float-bottom-left":
+      return "bottom-6 left-6";
+    case "float-up-right":
+      return "top-6 right-6";
+    case "float-up-left":
+      return "top-6 left-6";
+    default:
+      return "bottom-6 right-6";
+  }
+}, Vo = ({ config: t, IconComponent: e }) => /* @__PURE__ */ pt(
+  Ye,
+  {
+    style: {
+      backgroundColor: t.triggerBtn.color,
+      color: t.triggerBtn.textColor
+    },
+    size: t.triggerBtn.size,
+    children: [
+      e && /* @__PURE__ */ y(e, { className: "h-4 w-4" }),
+      !t.triggerBtn.size.startsWith("icon") && t.triggerBtn.text && t.triggerBtn.text
+    ]
+  }
+);
+function Go({ config: t, widgetConfig: e, IconComponent: n }) {
+  return /* @__PURE__ */ y("div", { className: `fixed ${Io(t.triggerBtn.position)} z-50`, children: /* @__PURE__ */ pt(Bo, { children: [
+    /* @__PURE__ */ y(zo, { asChild: !0, children: Vo({ config: t, IconComponent: n }) }),
+    /* @__PURE__ */ pt(Ho, { className: "w-80 md:w-100 h-[60vh] bg-muted p-0 flex flex-col min-h-0", children: [
+      /* @__PURE__ */ pt("div", { className: "p-4 border-b", children: [
+        /* @__PURE__ */ y("h2", { className: "font-semibold text-lg", children: t.widgetName }),
+        t.info && /* @__PURE__ */ y("p", { className: "text-sm opacity-90", children: t.info })
+      ] }),
+      /* @__PURE__ */ y("div", { className: "flex-1 min-h-0", children: /* @__PURE__ */ y(Ue, { fallback: null, children: /* @__PURE__ */ y(cn, { config: t, widgetConfig: e, isDrawer: !1 }) }) })
+    ] })
+  ] }) });
+}
+export {
+  Go as default
+};