@react-pdf-kit/viewer 2.0.1-rc.4 → 2.0.1-rc.6

package/dist/index-d0f0aa9a.js

@@ -0,0 +1,1542 @@
+import * as C from "react";
+import { useLayoutEffect as Ee } from "react";
+import * as Le from "react-dom";
+import { P as Rt, c as De, a as Gt, u as _t } from "./index-113053cf.js";
+import { jsx as j } from "react/jsx-runtime";
+import { a as Me } from "./index-23911b43.js";
+import { u as Te } from "./index-ada501c4.js";
+const $e = ["top", "right", "bottom", "left"], Z = Math.min, W = Math.max, ft = Math.round, lt = Math.floor, I = (t) => ({
+  x: t,
+  y: t
+}), ke = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+}, Fe = {
+  start: "end",
+  end: "start"
+};
+function vt(t, e, n) {
+  return W(t, Z(e, n));
+}
+function q(t, e) {
+  return typeof t == "function" ? t(e) : t;
+}
+function U(t) {
+  return t.split("-")[0];
+}
+function tt(t) {
+  return t.split("-")[1];
+}
+function Ct(t) {
+  return t === "x" ? "y" : "x";
+}
+function Ot(t) {
+  return t === "y" ? "height" : "width";
+}
+const Ne = /* @__PURE__ */ new Set(["top", "bottom"]);
+function z(t) {
+  return Ne.has(U(t)) ? "y" : "x";
+}
+function Pt(t) {
+  return Ct(z(t));
+}
+function We(t, e, n) {
+  n === void 0 && (n = !1);
+  const o = tt(t), i = Pt(t), r = Ot(i);
+  let s = i === "x" ? o === (n ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
+  return e.reference[r] > e.floating[r] && (s = ut(s)), [s, ut(s)];
+}
+function He(t) {
+  const e = ut(t);
+  return [bt(t), e, bt(e)];
+}
+function bt(t) {
+  return t.replace(/start|end/g, (e) => Fe[e]);
+}
+const Bt = ["left", "right"], Vt = ["right", "left"], _e = ["top", "bottom"], Be = ["bottom", "top"];
+function Ve(t, e, n) {
+  switch (t) {
+    case "top":
+    case "bottom":
+      return n ? e ? Vt : Bt : e ? Bt : Vt;
+    case "left":
+    case "right":
+      return e ? _e : Be;
+    default:
+      return [];
+  }
+}
+function ze(t, e, n, o) {
+  const i = tt(t);
+  let r = Ve(U(t), n === "start", o);
+  return i && (r = r.map((s) => s + "-" + i), e && (r = r.concat(r.map(bt)))), r;
+}
+function ut(t) {
+  return t.replace(/left|right|bottom|top/g, (e) => ke[e]);
+}
+function Ie(t) {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    ...t
+  };
+}
+function Jt(t) {
+  return typeof t != "number" ? Ie(t) : {
+    top: t,
+    right: t,
+    bottom: t,
+    left: t
+  };
+}
+function dt(t) {
+  const {
+    x: e,
+    y: n,
+    width: o,
+    height: i
+  } = t;
+  return {
+    width: o,
+    height: i,
+    top: n,
+    left: e,
+    right: e + o,
+    bottom: n + i,
+    x: e,
+    y: n
+  };
+}
+function zt(t, e, n) {
+  let {
+    reference: o,
+    floating: i
+  } = t;
+  const r = z(e), s = Pt(e), c = Ot(s), l = U(e), a = r === "y", f = o.x + o.width / 2 - i.width / 2, u = o.y + o.height / 2 - i.height / 2, p = o[c] / 2 - i[c] / 2;
+  let d;
+  switch (l) {
+    case "top":
+      d = {
+        x: f,
+        y: o.y - i.height
+      };
+      break;
+    case "bottom":
+      d = {
+        x: f,
+        y: o.y + o.height
+      };
+      break;
+    case "right":
+      d = {
+        x: o.x + o.width,
+        y: u
+      };
+      break;
+    case "left":
+      d = {
+        x: o.x - i.width,
+        y: u
+      };
+      break;
+    default:
+      d = {
+        x: o.x,
+        y: o.y
+      };
+  }
+  switch (tt(e)) {
+    case "start":
+      d[s] -= p * (n && a ? -1 : 1);
+      break;
+    case "end":
+      d[s] += p * (n && a ? -1 : 1);
+      break;
+  }
+  return d;
+}
+const Xe = async (t, e, n) => {
+  const {
+    placement: o = "bottom",
+    strategy: i = "absolute",
+    middleware: r = [],
+    platform: s
+  } = n, c = r.filter(Boolean), l = await (s.isRTL == null ? void 0 : s.isRTL(e));
+  let a = await s.getElementRects({
+    reference: t,
+    floating: e,
+    strategy: i
+  }), {
+    x: f,
+    y: u
+  } = zt(a, o, l), p = o, d = {}, m = 0;
+  for (let h = 0; h < c.length; h++) {
+    const {
+      name: w,
+      fn: g
+    } = c[h], {
+      x,
+      y: b,
+      data: y,
+      reset: v
+    } = await g({
+      x: f,
+      y: u,
+      initialPlacement: o,
+      placement: p,
+      strategy: i,
+      middlewareData: d,
+      rects: a,
+      platform: s,
+      elements: {
+        reference: t,
+        floating: e
+      }
+    });
+    f = x ?? f, u = b ?? u, d = {
+      ...d,
+      [w]: {
+        ...d[w],
+        ...y
+      }
+    }, v && m <= 50 && (m++, typeof v == "object" && (v.placement && (p = v.placement), v.rects && (a = v.rects === !0 ? await s.getElementRects({
+      reference: t,
+      floating: e,
+      strategy: i
+    }) : v.rects), {
+      x: f,
+      y: u
+    } = zt(a, p, l)), h = -1);
+  }
+  return {
+    x: f,
+    y: u,
+    placement: p,
+    strategy: i,
+    middlewareData: d
+  };
+};
+async function ot(t, e) {
+  var n;
+  e === void 0 && (e = {});
+  const {
+    x: o,
+    y: i,
+    platform: r,
+    rects: s,
+    elements: c,
+    strategy: l
+  } = t, {
+    boundary: a = "clippingAncestors",
+    rootBoundary: f = "viewport",
+    elementContext: u = "floating",
+    altBoundary: p = !1,
+    padding: d = 0
+  } = q(e, t), m = Jt(d), w = c[p ? u === "floating" ? "reference" : "floating" : u], g = dt(await r.getClippingRect({
+    element: (n = await (r.isElement == null ? void 0 : r.isElement(w))) == null || n ? w : w.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(c.floating)),
+    boundary: a,
+    rootBoundary: f,
+    strategy: l
+  })), x = u === "floating" ? {
+    x: o,
+    y: i,
+    width: s.floating.width,
+    height: s.floating.height
+  } : s.reference, b = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(c.floating)), y = await (r.isElement == null ? void 0 : r.isElement(b)) ? await (r.getScale == null ? void 0 : r.getScale(b)) || {
+    x: 1,
+    y: 1
+  } : {
+    x: 1,
+    y: 1
+  }, v = dt(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements: c,
+    rect: x,
+    offsetParent: b,
+    strategy: l
+  }) : x);
+  return {
+    top: (g.top - v.top + m.top) / y.y,
+    bottom: (v.bottom - g.bottom + m.bottom) / y.y,
+    left: (g.left - v.left + m.left) / y.x,
+    right: (v.right - g.right + m.right) / y.x
+  };
+}
+const Ye = (t) => ({
+  name: "arrow",
+  options: t,
+  async fn(e) {
+    const {
+      x: n,
+      y: o,
+      placement: i,
+      rects: r,
+      platform: s,
+      elements: c,
+      middlewareData: l
+    } = e, {
+      element: a,
+      padding: f = 0
+    } = q(t, e) || {};
+    if (a == null)
+      return {};
+    const u = Jt(f), p = {
+      x: n,
+      y: o
+    }, d = Pt(i), m = Ot(d), h = await s.getDimensions(a), w = d === "y", g = w ? "top" : "left", x = w ? "bottom" : "right", b = w ? "clientHeight" : "clientWidth", y = r.reference[m] + r.reference[d] - p[d] - r.floating[m], v = p[d] - r.reference[d], R = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(a));
+    let O = R ? R[b] : 0;
+    (!O || !await (s.isElement == null ? void 0 : s.isElement(R))) && (O = c.floating[b] || r.floating[m]);
+    const M = y / 2 - v / 2, F = O / 2 - h[m] / 2 - 1, D = Z(u[g], F), $ = Z(u[x], F), k = D, S = O - h[m] - $, P = O / 2 - h[m] / 2 + M, N = vt(k, P, S), E = !l.arrow && tt(i) != null && P !== N && r.reference[m] / 2 - (P < k ? D : $) - h[m] / 2 < 0, L = E ? P < k ? P - k : P - S : 0;
+    return {
+      [d]: p[d] + L,
+      data: {
+        [d]: N,
+        centerOffset: P - N - L,
+        ...E && {
+          alignmentOffset: L
+        }
+      },
+      reset: E
+    };
+  }
+}), je = function(t) {
+  return t === void 0 && (t = {}), {
+    name: "flip",
+    options: t,
+    async fn(e) {
+      var n, o;
+      const {
+        placement: i,
+        middlewareData: r,
+        rects: s,
+        initialPlacement: c,
+        platform: l,
+        elements: a
+      } = e, {
+        mainAxis: f = !0,
+        crossAxis: u = !0,
+        fallbackPlacements: p,
+        fallbackStrategy: d = "bestFit",
+        fallbackAxisSideDirection: m = "none",
+        flipAlignment: h = !0,
+        ...w
+      } = q(t, e);
+      if ((n = r.arrow) != null && n.alignmentOffset)
+        return {};
+      const g = U(i), x = z(c), b = U(c) === c, y = await (l.isRTL == null ? void 0 : l.isRTL(a.floating)), v = p || (b || !h ? [ut(c)] : He(c)), R = m !== "none";
+      !p && R && v.push(...ze(c, h, m, y));
+      const O = [c, ...v], M = await ot(e, w), F = [];
+      let D = ((o = r.flip) == null ? void 0 : o.overflows) || [];
+      if (f && F.push(M[g]), u) {
+        const P = We(i, s, y);
+        F.push(M[P[0]], M[P[1]]);
+      }
+      if (D = [...D, {
+        placement: i,
+        overflows: F
+      }], !F.every((P) => P <= 0)) {
+        var $, k;
+        const P = ((($ = r.flip) == null ? void 0 : $.index) || 0) + 1, N = O[P];
+        if (N && (!(u === "alignment" ? x !== z(N) : !1) || // We leave the current main axis only if every placement on that axis
+        // overflows the main axis.
+        D.every((A) => z(A.placement) === x ? A.overflows[0] > 0 : !0)))
+          return {
+            data: {
+              index: P,
+              overflows: D
+            },
+            reset: {
+              placement: N
+            }
+          };
+        let E = (k = D.filter((L) => L.overflows[0] <= 0).sort((L, A) => L.overflows[1] - A.overflows[1])[0]) == null ? void 0 : k.placement;
+        if (!E)
+          switch (d) {
+            case "bestFit": {
+              var S;
+              const L = (S = D.filter((A) => {
+                if (R) {
+                  const T = z(A.placement);
+                  return T === x || // Create a bias to the `y` side axis due to horizontal
+                  // reading directions favoring greater width.
+                  T === "y";
+                }
+                return !0;
+              }).map((A) => [A.placement, A.overflows.filter((T) => T > 0).reduce((T, V) => T + V, 0)]).sort((A, T) => A[1] - T[1])[0]) == null ? void 0 : S[0];
+              L && (E = L);
+              break;
+            }
+            case "initialPlacement":
+              E = c;
+              break;
+          }
+        if (i !== E)
+          return {
+            reset: {
+              placement: E
+            }
+          };
+      }
+      return {};
+    }
+  };
+};
+function It(t, e) {
+  return {
+    top: t.top - e.height,
+    right: t.right - e.width,
+    bottom: t.bottom - e.height,
+    left: t.left - e.width
+  };
+}
+function Xt(t) {
+  return $e.some((e) => t[e] >= 0);
+}
+const qe = function(t) {
+  return t === void 0 && (t = {}), {
+    name: "hide",
+    options: t,
+    async fn(e) {
+      const {
+        rects: n
+      } = e, {
+        strategy: o = "referenceHidden",
+        ...i
+      } = q(t, e);
+      switch (o) {
+        case "referenceHidden": {
+          const r = await ot(e, {
+            ...i,
+            elementContext: "reference"
+          }), s = It(r, n.reference);
+          return {
+            data: {
+              referenceHiddenOffsets: s,
+              referenceHidden: Xt(s)
+            }
+          };
+        }
+        case "escaped": {
+          const r = await ot(e, {
+            ...i,
+            altBoundary: !0
+          }), s = It(r, n.floating);
+          return {
+            data: {
+              escapedOffsets: s,
+              escaped: Xt(s)
+            }
+          };
+        }
+        default:
+          return {};
+      }
+    }
+  };
+}, Qt = /* @__PURE__ */ new Set(["left", "top"]);
+async function Ue(t, e) {
+  const {
+    placement: n,
+    platform: o,
+    elements: i
+  } = t, r = await (o.isRTL == null ? void 0 : o.isRTL(i.floating)), s = U(n), c = tt(n), l = z(n) === "y", a = Qt.has(s) ? -1 : 1, f = r && l ? -1 : 1, u = q(e, t);
+  let {
+    mainAxis: p,
+    crossAxis: d,
+    alignmentAxis: m
+  } = typeof u == "number" ? {
+    mainAxis: u,
+    crossAxis: 0,
+    alignmentAxis: null
+  } : {
+    mainAxis: u.mainAxis || 0,
+    crossAxis: u.crossAxis || 0,
+    alignmentAxis: u.alignmentAxis
+  };
+  return c && typeof m == "number" && (d = c === "end" ? m * -1 : m), l ? {
+    x: d * f,
+    y: p * a
+  } : {
+    x: p * a,
+    y: d * f
+  };
+}
+const Ze = function(t) {
+  return t === void 0 && (t = 0), {
+    name: "offset",
+    options: t,
+    async fn(e) {
+      var n, o;
+      const {
+        x: i,
+        y: r,
+        placement: s,
+        middlewareData: c
+      } = e, l = await Ue(e, t);
+      return s === ((n = c.offset) == null ? void 0 : n.placement) && (o = c.arrow) != null && o.alignmentOffset ? {} : {
+        x: i + l.x,
+        y: r + l.y,
+        data: {
+          ...l,
+          placement: s
+        }
+      };
+    }
+  };
+}, Ke = function(t) {
+  return t === void 0 && (t = {}), {
+    name: "shift",
+    options: t,
+    async fn(e) {
+      const {
+        x: n,
+        y: o,
+        placement: i
+      } = e, {
+        mainAxis: r = !0,
+        crossAxis: s = !1,
+        limiter: c = {
+          fn: (w) => {
+            let {
+              x: g,
+              y: x
+            } = w;
+            return {
+              x: g,
+              y: x
+            };
+          }
+        },
+        ...l
+      } = q(t, e), a = {
+        x: n,
+        y: o
+      }, f = await ot(e, l), u = z(U(i)), p = Ct(u);
+      let d = a[p], m = a[u];
+      if (r) {
+        const w = p === "y" ? "top" : "left", g = p === "y" ? "bottom" : "right", x = d + f[w], b = d - f[g];
+        d = vt(x, d, b);
+      }
+      if (s) {
+        const w = u === "y" ? "top" : "left", g = u === "y" ? "bottom" : "right", x = m + f[w], b = m - f[g];
+        m = vt(x, m, b);
+      }
+      const h = c.fn({
+        ...e,
+        [p]: d,
+        [u]: m
+      });
+      return {
+        ...h,
+        data: {
+          x: h.x - n,
+          y: h.y - o,
+          enabled: {
+            [p]: r,
+            [u]: s
+          }
+        }
+      };
+    }
+  };
+}, Ge = function(t) {
+  return t === void 0 && (t = {}), {
+    options: t,
+    fn(e) {
+      const {
+        x: n,
+        y: o,
+        placement: i,
+        rects: r,
+        middlewareData: s
+      } = e, {
+        offset: c = 0,
+        mainAxis: l = !0,
+        crossAxis: a = !0
+      } = q(t, e), f = {
+        x: n,
+        y: o
+      }, u = z(i), p = Ct(u);
+      let d = f[p], m = f[u];
+      const h = q(c, e), w = typeof h == "number" ? {
+        mainAxis: h,
+        crossAxis: 0
+      } : {
+        mainAxis: 0,
+        crossAxis: 0,
+        ...h
+      };
+      if (l) {
+        const b = p === "y" ? "height" : "width", y = r.reference[p] - r.floating[b] + w.mainAxis, v = r.reference[p] + r.reference[b] - w.mainAxis;
+        d < y ? d = y : d > v && (d = v);
+      }
+      if (a) {
+        var g, x;
+        const b = p === "y" ? "width" : "height", y = Qt.has(U(i)), v = r.reference[u] - r.floating[b] + (y && ((g = s.offset) == null ? void 0 : g[u]) || 0) + (y ? 0 : w.crossAxis), R = r.reference[u] + r.reference[b] + (y ? 0 : ((x = s.offset) == null ? void 0 : x[u]) || 0) - (y ? w.crossAxis : 0);
+        m < v ? m = v : m > R && (m = R);
+      }
+      return {
+        [p]: d,
+        [u]: m
+      };
+    }
+  };
+}, Je = function(t) {
+  return t === void 0 && (t = {}), {
+    name: "size",
+    options: t,
+    async fn(e) {
+      var n, o;
+      const {
+        placement: i,
+        rects: r,
+        platform: s,
+        elements: c
+      } = e, {
+        apply: l = () => {
+        },
+        ...a
+      } = q(t, e), f = await ot(e, a), u = U(i), p = tt(i), d = z(i) === "y", {
+        width: m,
+        height: h
+      } = r.floating;
+      let w, g;
+      u === "top" || u === "bottom" ? (w = u, g = p === (await (s.isRTL == null ? void 0 : s.isRTL(c.floating)) ? "start" : "end") ? "left" : "right") : (g = u, w = p === "end" ? "top" : "bottom");
+      const x = h - f.top - f.bottom, b = m - f.left - f.right, y = Z(h - f[w], x), v = Z(m - f[g], b), R = !e.middlewareData.shift;
+      let O = y, M = v;
+      if ((n = e.middlewareData.shift) != null && n.enabled.x && (M = b), (o = e.middlewareData.shift) != null && o.enabled.y && (O = x), R && !p) {
+        const D = W(f.left, 0), $ = W(f.right, 0), k = W(f.top, 0), S = W(f.bottom, 0);
+        d ? M = m - 2 * (D !== 0 || $ !== 0 ? D + $ : W(f.left, f.right)) : O = h - 2 * (k !== 0 || S !== 0 ? k + S : W(f.top, f.bottom));
+      }
+      await l({
+        ...e,
+        availableWidth: M,
+        availableHeight: O
+      });
+      const F = await s.getDimensions(c.floating);
+      return m !== F.width || h !== F.height ? {
+        reset: {
+          rects: !0
+        }
+      } : {};
+    }
+  };
+};
+function pt() {
+  return typeof window < "u";
+}
+function et(t) {
+  return te(t) ? (t.nodeName || "").toLowerCase() : "#document";
+}
+function H(t) {
+  var e;
+  return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
+}
+function Y(t) {
+  var e;
+  return (e = (te(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
+}
+function te(t) {
+  return pt() ? t instanceof Node || t instanceof H(t).Node : !1;
+}
+function _(t) {
+  return pt() ? t instanceof Element || t instanceof H(t).Element : !1;
+}
+function X(t) {
+  return pt() ? t instanceof HTMLElement || t instanceof H(t).HTMLElement : !1;
+}
+function Yt(t) {
+  return !pt() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof H(t).ShadowRoot;
+}
+const Qe = /* @__PURE__ */ new Set(["inline", "contents"]);
+function rt(t) {
+  const {
+    overflow: e,
+    overflowX: n,
+    overflowY: o,
+    display: i
+  } = B(t);
+  return /auto|scroll|overlay|hidden|clip/.test(e + o + n) && !Qe.has(i);
+}
+const tn = /* @__PURE__ */ new Set(["table", "td", "th"]);
+function en(t) {
+  return tn.has(et(t));
+}
+const nn = [":popover-open", ":modal"];
+function ht(t) {
+  return nn.some((e) => {
+    try {
+      return t.matches(e);
+    } catch {
+      return !1;
+    }
+  });
+}
+const on = ["transform", "translate", "scale", "rotate", "perspective"], rn = ["transform", "translate", "scale", "rotate", "perspective", "filter"], sn = ["paint", "layout", "strict", "content"];
+function St(t) {
+  const e = Et(), n = _(t) ? B(t) : t;
+  return on.some((o) => n[o] ? n[o] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !e && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !e && (n.filter ? n.filter !== "none" : !1) || rn.some((o) => (n.willChange || "").includes(o)) || sn.some((o) => (n.contain || "").includes(o));
+}
+function cn(t) {
+  let e = K(t);
+  for (; X(e) && !Q(e); ) {
+    if (St(e))
+      return e;
+    if (ht(e))
+      return null;
+    e = K(e);
+  }
+  return null;
+}
+function Et() {
+  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
+}
+const ln = /* @__PURE__ */ new Set(["html", "body", "#document"]);
+function Q(t) {
+  return ln.has(et(t));
+}
+function B(t) {
+  return H(t).getComputedStyle(t);
+}
+function gt(t) {
+  return _(t) ? {
+    scrollLeft: t.scrollLeft,
+    scrollTop: t.scrollTop
+  } : {
+    scrollLeft: t.scrollX,
+    scrollTop: t.scrollY
+  };
+}
+function K(t) {
+  if (et(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.
+    Yt(t) && t.host || // Fallback.
+    Y(t)
+  );
+  return Yt(e) ? e.host : e;
+}
+function ee(t) {
+  const e = K(t);
+  return Q(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : X(e) && rt(e) ? e : ee(e);
+}
+function it(t, e, n) {
+  var o;
+  e === void 0 && (e = []), n === void 0 && (n = !0);
+  const i = ee(t), r = i === ((o = t.ownerDocument) == null ? void 0 : o.body), s = H(i);
+  if (r) {
+    const c = At(s);
+    return e.concat(s, s.visualViewport || [], rt(i) ? i : [], c && n ? it(c) : []);
+  }
+  return e.concat(i, it(i, [], n));
+}
+function At(t) {
+  return t.parent && Object.getPrototypeOf(t.parent) ? t.frameElement : null;
+}
+function ne(t) {
+  const e = B(t);
+  let n = parseFloat(e.width) || 0, o = parseFloat(e.height) || 0;
+  const i = X(t), r = i ? t.offsetWidth : n, s = i ? t.offsetHeight : o, c = ft(n) !== r || ft(o) !== s;
+  return c && (n = r, o = s), {
+    width: n,
+    height: o,
+    $: c
+  };
+}
+function Lt(t) {
+  return _(t) ? t : t.contextElement;
+}
+function J(t) {
+  const e = Lt(t);
+  if (!X(e))
+    return I(1);
+  const n = e.getBoundingClientRect(), {
+    width: o,
+    height: i,
+    $: r
+  } = ne(e);
+  let s = (r ? ft(n.width) : n.width) / o, c = (r ? ft(n.height) : n.height) / i;
+  return (!s || !Number.isFinite(s)) && (s = 1), (!c || !Number.isFinite(c)) && (c = 1), {
+    x: s,
+    y: c
+  };
+}
+const an = /* @__PURE__ */ I(0);
+function oe(t) {
+  const e = H(t);
+  return !Et() || !e.visualViewport ? an : {
+    x: e.visualViewport.offsetLeft,
+    y: e.visualViewport.offsetTop
+  };
+}
+function fn(t, e, n) {
+  return e === void 0 && (e = !1), !n || e && n !== H(t) ? !1 : e;
+}
+function G(t, e, n, o) {
+  e === void 0 && (e = !1), n === void 0 && (n = !1);
+  const i = t.getBoundingClientRect(), r = Lt(t);
+  let s = I(1);
+  e && (o ? _(o) && (s = J(o)) : s = J(t));
+  const c = fn(r, n, o) ? oe(r) : I(0);
+  let l = (i.left + c.x) / s.x, a = (i.top + c.y) / s.y, f = i.width / s.x, u = i.height / s.y;
+  if (r) {
+    const p = H(r), d = o && _(o) ? H(o) : o;
+    let m = p, h = At(m);
+    for (; h && o && d !== m; ) {
+      const w = J(h), g = h.getBoundingClientRect(), x = B(h), b = g.left + (h.clientLeft + parseFloat(x.paddingLeft)) * w.x, y = g.top + (h.clientTop + parseFloat(x.paddingTop)) * w.y;
+      l *= w.x, a *= w.y, f *= w.x, u *= w.y, l += b, a += y, m = H(h), h = At(m);
+    }
+  }
+  return dt({
+    width: f,
+    height: u,
+    x: l,
+    y: a
+  });
+}
+function wt(t, e) {
+  const n = gt(t).scrollLeft;
+  return e ? e.left + n : G(Y(t)).left + n;
+}
+function ie(t, e) {
+  const n = t.getBoundingClientRect(), o = n.left + e.scrollLeft - wt(t, n), i = n.top + e.scrollTop;
+  return {
+    x: o,
+    y: i
+  };
+}
+function un(t) {
+  let {
+    elements: e,
+    rect: n,
+    offsetParent: o,
+    strategy: i
+  } = t;
+  const r = i === "fixed", s = Y(o), c = e ? ht(e.floating) : !1;
+  if (o === s || c && r)
+    return n;
+  let l = {
+    scrollLeft: 0,
+    scrollTop: 0
+  }, a = I(1);
+  const f = I(0), u = X(o);
+  if ((u || !u && !r) && ((et(o) !== "body" || rt(s)) && (l = gt(o)), X(o))) {
+    const d = G(o);
+    a = J(o), f.x = d.x + o.clientLeft, f.y = d.y + o.clientTop;
+  }
+  const p = s && !u && !r ? ie(s, l) : I(0);
+  return {
+    width: n.width * a.x,
+    height: n.height * a.y,
+    x: n.x * a.x - l.scrollLeft * a.x + f.x + p.x,
+    y: n.y * a.y - l.scrollTop * a.y + f.y + p.y
+  };
+}
+function dn(t) {
+  return Array.from(t.getClientRects());
+}
+function mn(t) {
+  const e = Y(t), n = gt(t), o = t.ownerDocument.body, i = W(e.scrollWidth, e.clientWidth, o.scrollWidth, o.clientWidth), r = W(e.scrollHeight, e.clientHeight, o.scrollHeight, o.clientHeight);
+  let s = -n.scrollLeft + wt(t);
+  const c = -n.scrollTop;
+  return B(o).direction === "rtl" && (s += W(e.clientWidth, o.clientWidth) - i), {
+    width: i,
+    height: r,
+    x: s,
+    y: c
+  };
+}
+const jt = 25;
+function pn(t, e) {
+  const n = H(t), o = Y(t), i = n.visualViewport;
+  let r = o.clientWidth, s = o.clientHeight, c = 0, l = 0;
+  if (i) {
+    r = i.width, s = i.height;
+    const f = Et();
+    (!f || f && e === "fixed") && (c = i.offsetLeft, l = i.offsetTop);
+  }
+  const a = wt(o);
+  if (a <= 0) {
+    const f = o.ownerDocument, u = f.body, p = getComputedStyle(u), d = f.compatMode === "CSS1Compat" && parseFloat(p.marginLeft) + parseFloat(p.marginRight) || 0, m = Math.abs(o.clientWidth - u.clientWidth - d);
+    m <= jt && (r -= m);
+  } else
+    a <= jt && (r += a);
+  return {
+    width: r,
+    height: s,
+    x: c,
+    y: l
+  };
+}
+const hn = /* @__PURE__ */ new Set(["absolute", "fixed"]);
+function gn(t, e) {
+  const n = G(t, !0, e === "fixed"), o = n.top + t.clientTop, i = n.left + t.clientLeft, r = X(t) ? J(t) : I(1), s = t.clientWidth * r.x, c = t.clientHeight * r.y, l = i * r.x, a = o * r.y;
+  return {
+    width: s,
+    height: c,
+    x: l,
+    y: a
+  };
+}
+function qt(t, e, n) {
+  let o;
+  if (e === "viewport")
+    o = pn(t, n);
+  else if (e === "document")
+    o = mn(Y(t));
+  else if (_(e))
+    o = gn(e, n);
+  else {
+    const i = oe(t);
+    o = {
+      x: e.x - i.x,
+      y: e.y - i.y,
+      width: e.width,
+      height: e.height
+    };
+  }
+  return dt(o);
+}
+function re(t, e) {
+  const n = K(t);
+  return n === e || !_(n) || Q(n) ? !1 : B(n).position === "fixed" || re(n, e);
+}
+function wn(t, e) {
+  const n = e.get(t);
+  if (n)
+    return n;
+  let o = it(t, [], !1).filter((c) => _(c) && et(c) !== "body"), i = null;
+  const r = B(t).position === "fixed";
+  let s = r ? K(t) : t;
+  for (; _(s) && !Q(s); ) {
+    const c = B(s), l = St(s);
+    !l && c.position === "fixed" && (i = null), (r ? !l && !i : !l && c.position === "static" && !!i && hn.has(i.position) || rt(s) && !l && re(t, s)) ? o = o.filter((f) => f !== s) : i = c, s = K(s);
+  }
+  return e.set(t, o), o;
+}
+function xn(t) {
+  let {
+    element: e,
+    boundary: n,
+    rootBoundary: o,
+    strategy: i
+  } = t;
+  const s = [...n === "clippingAncestors" ? ht(e) ? [] : wn(e, this._c) : [].concat(n), o], c = s[0], l = s.reduce((a, f) => {
+    const u = qt(e, f, i);
+    return a.top = W(u.top, a.top), a.right = Z(u.right, a.right), a.bottom = Z(u.bottom, a.bottom), a.left = W(u.left, a.left), a;
+  }, qt(e, c, i));
+  return {
+    width: l.right - l.left,
+    height: l.bottom - l.top,
+    x: l.left,
+    y: l.top
+  };
+}
+function yn(t) {
+  const {
+    width: e,
+    height: n
+  } = ne(t);
+  return {
+    width: e,
+    height: n
+  };
+}
+function vn(t, e, n) {
+  const o = X(e), i = Y(e), r = n === "fixed", s = G(t, !0, r, e);
+  let c = {
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+  const l = I(0);
+  function a() {
+    l.x = wt(i);
+  }
+  if (o || !o && !r)
+    if ((et(e) !== "body" || rt(i)) && (c = gt(e)), o) {
+      const d = G(e, !0, r, e);
+      l.x = d.x + e.clientLeft, l.y = d.y + e.clientTop;
+    } else
+      i && a();
+  r && !o && i && a();
+  const f = i && !o && !r ? ie(i, c) : I(0), u = s.left + c.scrollLeft - l.x - f.x, p = s.top + c.scrollTop - l.y - f.y;
+  return {
+    x: u,
+    y: p,
+    width: s.width,
+    height: s.height
+  };
+}
+function xt(t) {
+  return B(t).position === "static";
+}
+function Ut(t, e) {
+  if (!X(t) || B(t).position === "fixed")
+    return null;
+  if (e)
+    return e(t);
+  let n = t.offsetParent;
+  return Y(t) === n && (n = n.ownerDocument.body), n;
+}
+function se(t, e) {
+  const n = H(t);
+  if (ht(t))
+    return n;
+  if (!X(t)) {
+    let i = K(t);
+    for (; i && !Q(i); ) {
+      if (_(i) && !xt(i))
+        return i;
+      i = K(i);
+    }
+    return n;
+  }
+  let o = Ut(t, e);
+  for (; o && en(o) && xt(o); )
+    o = Ut(o, e);
+  return o && Q(o) && xt(o) && !St(o) ? n : o || cn(t) || n;
+}
+const bn = async function(t) {
+  const e = this.getOffsetParent || se, 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 An(t) {
+  return B(t).direction === "rtl";
+}
+const Rn = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: un,
+  getDocumentElement: Y,
+  getClippingRect: xn,
+  getOffsetParent: se,
+  getElementRects: bn,
+  getClientRects: dn,
+  getDimensions: yn,
+  getScale: J,
+  isElement: _,
+  isRTL: An
+};
+function ce(t, e) {
+  return t.x === e.x && t.y === e.y && t.width === e.width && t.height === e.height;
+}
+function Cn(t, e) {
+  let n = null, o;
+  const i = Y(t);
+  function r() {
+    var c;
+    clearTimeout(o), (c = n) == null || c.disconnect(), n = null;
+  }
+  function s(c, l) {
+    c === void 0 && (c = !1), l === void 0 && (l = 1), r();
+    const a = t.getBoundingClientRect(), {
+      left: f,
+      top: u,
+      width: p,
+      height: d
+    } = a;
+    if (c || e(), !p || !d)
+      return;
+    const m = lt(u), h = lt(i.clientWidth - (f + p)), w = lt(i.clientHeight - (u + d)), g = lt(f), b = {
+      rootMargin: -m + "px " + -h + "px " + -w + "px " + -g + "px",
+      threshold: W(0, Z(1, l)) || 1
+    };
+    let y = !0;
+    function v(R) {
+      const O = R[0].intersectionRatio;
+      if (O !== l) {
+        if (!y)
+          return s();
+        O ? s(!1, O) : o = setTimeout(() => {
+          s(!1, 1e-7);
+        }, 1e3);
+      }
+      O === 1 && !ce(a, t.getBoundingClientRect()) && s(), y = !1;
+    }
+    try {
+      n = new IntersectionObserver(v, {
+        ...b,
+        // Handle <iframe>s
+        root: i.ownerDocument
+      });
+    } catch {
+      n = new IntersectionObserver(v, b);
+    }
+    n.observe(t);
+  }
+  return s(!0), r;
+}
+function On(t, e, n, o) {
+  o === void 0 && (o = {});
+  const {
+    ancestorScroll: i = !0,
+    ancestorResize: r = !0,
+    elementResize: s = typeof ResizeObserver == "function",
+    layoutShift: c = typeof IntersectionObserver == "function",
+    animationFrame: l = !1
+  } = o, a = Lt(t), f = i || r ? [...a ? it(a) : [], ...it(e)] : [];
+  f.forEach((g) => {
+    i && g.addEventListener("scroll", n, {
+      passive: !0
+    }), r && g.addEventListener("resize", n);
+  });
+  const u = a && c ? Cn(a, n) : null;
+  let p = -1, d = null;
+  s && (d = new ResizeObserver((g) => {
+    let [x] = g;
+    x && x.target === a && d && (d.unobserve(e), cancelAnimationFrame(p), p = requestAnimationFrame(() => {
+      var b;
+      (b = d) == null || b.observe(e);
+    })), n();
+  }), a && !l && d.observe(a), d.observe(e));
+  let m, h = l ? G(t) : null;
+  l && w();
+  function w() {
+    const g = G(t);
+    h && !ce(h, g) && n(), h = g, m = requestAnimationFrame(w);
+  }
+  return n(), () => {
+    var g;
+    f.forEach((x) => {
+      i && x.removeEventListener("scroll", n), r && x.removeEventListener("resize", n);
+    }), u == null || u(), (g = d) == null || g.disconnect(), d = null, l && cancelAnimationFrame(m);
+  };
+}
+const Pn = Ze, Sn = Ke, En = je, Ln = Je, Dn = qe, Zt = Ye, Mn = Ge, Tn = (t, e, n) => {
+  const o = /* @__PURE__ */ new Map(), i = {
+    platform: Rn,
+    ...n
+  }, r = {
+    ...i.platform,
+    _c: o
+  };
+  return Xe(t, e, {
+    ...i,
+    platform: r
+  });
+};
+var $n = typeof document < "u", kn = function() {
+}, at = $n ? Ee : kn;
+function mt(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, i;
+  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 (!mt(t[o], e[o]))
+          return !1;
+      return !0;
+    }
+    if (i = Object.keys(t), n = i.length, n !== Object.keys(e).length)
+      return !1;
+    for (o = n; o-- !== 0; )
+      if (!{}.hasOwnProperty.call(e, i[o]))
+        return !1;
+    for (o = n; o-- !== 0; ) {
+      const r = i[o];
+      if (!(r === "_owner" && t.$$typeof) && !mt(t[r], e[r]))
+        return !1;
+    }
+    return !0;
+  }
+  return t !== t && e !== e;
+}
+function le(t) {
+  return typeof window > "u" ? 1 : (t.ownerDocument.defaultView || window).devicePixelRatio || 1;
+}
+function Kt(t, e) {
+  const n = le(t);
+  return Math.round(e * n) / n;
+}
+function yt(t) {
+  const e = C.useRef(t);
+  return at(() => {
+    e.current = t;
+  }), e;
+}
+function Fn(t) {
+  t === void 0 && (t = {});
+  const {
+    placement: e = "bottom",
+    strategy: n = "absolute",
+    middleware: o = [],
+    platform: i,
+    elements: {
+      reference: r,
+      floating: s
+    } = {},
+    transform: c = !0,
+    whileElementsMounted: l,
+    open: a
+  } = t, [f, u] = C.useState({
+    x: 0,
+    y: 0,
+    strategy: n,
+    placement: e,
+    middlewareData: {},
+    isPositioned: !1
+  }), [p, d] = C.useState(o);
+  mt(p, o) || d(o);
+  const [m, h] = C.useState(null), [w, g] = C.useState(null), x = C.useCallback((A) => {
+    A !== R.current && (R.current = A, h(A));
+  }, []), b = C.useCallback((A) => {
+    A !== O.current && (O.current = A, g(A));
+  }, []), y = r || m, v = s || w, R = C.useRef(null), O = C.useRef(null), M = C.useRef(f), F = l != null, D = yt(l), $ = yt(i), k = yt(a), S = C.useCallback(() => {
+    if (!R.current || !O.current)
+      return;
+    const A = {
+      placement: e,
+      strategy: n,
+      middleware: p
+    };
+    $.current && (A.platform = $.current), Tn(R.current, O.current, A).then((T) => {
+      const V = {
+        ...T,
+        // 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: k.current !== !1
+      };
+      P.current && !mt(M.current, V) && (M.current = V, Le.flushSync(() => {
+        u(V);
+      }));
+    });
+  }, [p, e, n, $, k]);
+  at(() => {
+    a === !1 && M.current.isPositioned && (M.current.isPositioned = !1, u((A) => ({
+      ...A,
+      isPositioned: !1
+    })));
+  }, [a]);
+  const P = C.useRef(!1);
+  at(() => (P.current = !0, () => {
+    P.current = !1;
+  }), []), at(() => {
+    if (y && (R.current = y), v && (O.current = v), y && v) {
+      if (D.current)
+        return D.current(y, v, S);
+      S();
+    }
+  }, [y, v, S, D, F]);
+  const N = C.useMemo(() => ({
+    reference: R,
+    floating: O,
+    setReference: x,
+    setFloating: b
+  }), [x, b]), E = C.useMemo(() => ({
+    reference: y,
+    floating: v
+  }), [y, v]), L = C.useMemo(() => {
+    const A = {
+      position: n,
+      left: 0,
+      top: 0
+    };
+    if (!E.floating)
+      return A;
+    const T = Kt(E.floating, f.x), V = Kt(E.floating, f.y);
+    return c ? {
+      ...A,
+      transform: "translate(" + T + "px, " + V + "px)",
+      ...le(E.floating) >= 1.5 && {
+        willChange: "transform"
+      }
+    } : {
+      position: n,
+      left: T,
+      top: V
+    };
+  }, [n, c, E.floating, f.x, f.y]);
+  return C.useMemo(() => ({
+    ...f,
+    update: S,
+    refs: N,
+    elements: E,
+    floatingStyles: L
+  }), [f, S, N, E, L]);
+}
+const Nn = (t) => {
+  function e(n) {
+    return {}.hasOwnProperty.call(n, "current");
+  }
+  return {
+    name: "arrow",
+    options: t,
+    fn(n) {
+      const {
+        element: o,
+        padding: i
+      } = typeof t == "function" ? t(n) : t;
+      return o && e(o) ? o.current != null ? Zt({
+        element: o.current,
+        padding: i
+      }).fn(n) : {} : o ? Zt({
+        element: o,
+        padding: i
+      }).fn(n) : {};
+    }
+  };
+}, Wn = (t, e) => ({
+  ...Pn(t),
+  options: [t, e]
+}), Hn = (t, e) => ({
+  ...Sn(t),
+  options: [t, e]
+}), _n = (t, e) => ({
+  ...Mn(t),
+  options: [t, e]
+}), Bn = (t, e) => ({
+  ...En(t),
+  options: [t, e]
+}), Vn = (t, e) => ({
+  ...Ln(t),
+  options: [t, e]
+}), zn = (t, e) => ({
+  ...Dn(t),
+  options: [t, e]
+}), In = (t, e) => ({
+  ...Nn(t),
+  options: [t, e]
+});
+var Xn = "Arrow", ae = C.forwardRef((t, e) => {
+  const { children: n, width: o = 10, height: i = 5, ...r } = t;
+  return /* @__PURE__ */ j(
+    Rt.svg,
+    {
+      ...r,
+      ref: e,
+      width: o,
+      height: i,
+      viewBox: "0 0 30 10",
+      preserveAspectRatio: "none",
+      children: t.asChild ? n : /* @__PURE__ */ j("polygon", { points: "0,0 30,0 15,10" })
+    }
+  );
+});
+ae.displayName = Xn;
+var Yn = ae, Dt = "Popper", [fe, oo] = De(Dt), [jn, ue] = fe(Dt), de = (t) => {
+  const { __scopePopper: e, children: n } = t, [o, i] = C.useState(null);
+  return /* @__PURE__ */ j(jn, { scope: e, anchor: o, onAnchorChange: i, children: n });
+};
+de.displayName = Dt;
+var me = "PopperAnchor", pe = C.forwardRef(
+  (t, e) => {
+    const { __scopePopper: n, virtualRef: o, ...i } = t, r = ue(me, n), s = C.useRef(null), c = Gt(e, s), l = C.useRef(null);
+    return C.useEffect(() => {
+      const a = l.current;
+      l.current = (o == null ? void 0 : o.current) || s.current, a !== l.current && r.onAnchorChange(l.current);
+    }), o ? null : /* @__PURE__ */ j(Rt.div, { ...i, ref: c });
+  }
+);
+pe.displayName = me;
+var Mt = "PopperContent", [qn, Un] = fe(Mt), he = C.forwardRef(
+  (t, e) => {
+    var Tt, $t, kt, Ft, Nt, Wt;
+    const {
+      __scopePopper: n,
+      side: o = "bottom",
+      sideOffset: i = 0,
+      align: r = "center",
+      alignOffset: s = 0,
+      arrowPadding: c = 0,
+      avoidCollisions: l = !0,
+      collisionBoundary: a = [],
+      collisionPadding: f = 0,
+      sticky: u = "partial",
+      hideWhenDetached: p = !1,
+      updatePositionStrategy: d = "optimized",
+      onPlaced: m,
+      ...h
+    } = t, w = ue(Mt, n), [g, x] = C.useState(null), b = Gt(e, (nt) => x(nt)), [y, v] = C.useState(null), R = Te(y), O = (R == null ? void 0 : R.width) ?? 0, M = (R == null ? void 0 : R.height) ?? 0, F = o + (r !== "center" ? "-" + r : ""), D = typeof f == "number" ? f : { top: 0, right: 0, bottom: 0, left: 0, ...f }, $ = Array.isArray(a) ? a : [a], k = $.length > 0, S = {
+      padding: D,
+      boundary: $.filter(Kn),
+      // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
+      altBoundary: k
+    }, { refs: P, floatingStyles: N, placement: E, isPositioned: L, middlewareData: A } = Fn({
+      // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
+      strategy: "fixed",
+      placement: F,
+      whileElementsMounted: (...nt) => On(...nt, {
+        animationFrame: d === "always"
+      }),
+      elements: {
+        reference: w.anchor
+      },
+      middleware: [
+        Wn({ mainAxis: i + M, alignmentAxis: s }),
+        l && Hn({
+          mainAxis: !0,
+          crossAxis: !1,
+          limiter: u === "partial" ? _n() : void 0,
+          ...S
+        }),
+        l && Bn({ ...S }),
+        Vn({
+          ...S,
+          apply: ({ elements: nt, rects: Ht, availableWidth: Ce, availableHeight: Oe }) => {
+            const { width: Pe, height: Se } = Ht.reference, ct = nt.floating.style;
+            ct.setProperty("--radix-popper-available-width", `${Ce}px`), ct.setProperty("--radix-popper-available-height", `${Oe}px`), ct.setProperty("--radix-popper-anchor-width", `${Pe}px`), ct.setProperty("--radix-popper-anchor-height", `${Se}px`);
+          }
+        }),
+        y && In({ element: y, padding: c }),
+        Gn({ arrowWidth: O, arrowHeight: M }),
+        p && zn({ strategy: "referenceHidden", ...S })
+      ]
+    }), [T, V] = xe(E), st = Me(m);
+    _t(() => {
+      L && (st == null || st());
+    }, [L, st]);
+    const ye = (Tt = A.arrow) == null ? void 0 : Tt.x, ve = ($t = A.arrow) == null ? void 0 : $t.y, be = ((kt = A.arrow) == null ? void 0 : kt.centerOffset) !== 0, [Ae, Re] = C.useState();
+    return _t(() => {
+      g && Re(window.getComputedStyle(g).zIndex);
+    }, [g]), /* @__PURE__ */ j(
+      "div",
+      {
+        ref: P.setFloating,
+        "data-radix-popper-content-wrapper": "",
+        style: {
+          ...N,
+          transform: L ? N.transform : "translate(0, -200%)",
+          // keep off the page when measuring
+          minWidth: "max-content",
+          zIndex: Ae,
+          "--radix-popper-transform-origin": [
+            (Ft = A.transformOrigin) == null ? void 0 : Ft.x,
+            (Nt = A.transformOrigin) == null ? void 0 : Nt.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
+          ...((Wt = A.hide) == null ? void 0 : Wt.referenceHidden) && {
+            visibility: "hidden",
+            pointerEvents: "none"
+          }
+        },
+        dir: t.dir,
+        children: /* @__PURE__ */ j(
+          qn,
+          {
+            scope: n,
+            placedSide: T,
+            onArrowChange: v,
+            arrowX: ye,
+            arrowY: ve,
+            shouldHideArrow: be,
+            children: /* @__PURE__ */ j(
+              Rt.div,
+              {
+                "data-side": T,
+                "data-align": V,
+                ...h,
+                ref: b,
+                style: {
+                  ...h.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: L ? void 0 : "none"
+                }
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+);
+he.displayName = Mt;
+var ge = "PopperArrow", Zn = {
+  top: "bottom",
+  right: "left",
+  bottom: "top",
+  left: "right"
+}, we = C.forwardRef(function(e, n) {
+  const { __scopePopper: o, ...i } = e, r = Un(ge, o), s = Zn[r.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__ */ j(
+      "span",
+      {
+        ref: r.onArrowChange,
+        style: {
+          position: "absolute",
+          left: r.arrowX,
+          top: r.arrowY,
+          [s]: 0,
+          transformOrigin: {
+            top: "",
+            right: "0 0",
+            bottom: "center 0",
+            left: "100% 0"
+          }[r.placedSide],
+          transform: {
+            top: "translateY(100%)",
+            right: "translateY(50%) rotate(90deg) translateX(-50%)",
+            bottom: "rotate(180deg)",
+            left: "translateY(50%) rotate(-90deg) translateX(50%)"
+          }[r.placedSide],
+          visibility: r.shouldHideArrow ? "hidden" : void 0
+        },
+        children: /* @__PURE__ */ j(
+          Yn,
+          {
+            ...i,
+            ref: n,
+            style: {
+              ...i.style,
+              // ensures the element can be measured correctly (mostly for if SVG)
+              display: "block"
+            }
+          }
+        )
+      }
+    )
+  );
+});
+we.displayName = ge;
+function Kn(t) {
+  return t !== null;
+}
+var Gn = (t) => ({
+  name: "transformOrigin",
+  options: t,
+  fn(e) {
+    var w, g, x;
+    const { placement: n, rects: o, middlewareData: i } = e, s = ((w = i.arrow) == null ? void 0 : w.centerOffset) !== 0, c = s ? 0 : t.arrowWidth, l = s ? 0 : t.arrowHeight, [a, f] = xe(n), u = { start: "0%", center: "50%", end: "100%" }[f], p = (((g = i.arrow) == null ? void 0 : g.x) ?? 0) + c / 2, d = (((x = i.arrow) == null ? void 0 : x.y) ?? 0) + l / 2;
+    let m = "", h = "";
+    return a === "bottom" ? (m = s ? u : `${p}px`, h = `${-l}px`) : a === "top" ? (m = s ? u : `${p}px`, h = `${o.floating.height + l}px`) : a === "right" ? (m = `${-l}px`, h = s ? u : `${d}px`) : a === "left" && (m = `${o.floating.width + l}px`, h = s ? u : `${d}px`), { data: { x: m, y: h } };
+  }
+});
+function xe(t) {
+  const [e, n = "center"] = t.split("-");
+  return [e, n];
+}
+var io = de, ro = pe, so = he, co = we;
+export {
+  ro as A,
+  so as C,
+  io as R,
+  co as a,
+  oo as c
+};