@pdf-viewer/react 1.9.0-beta.3 → 1.9.0-beta.4

package/dist/index-5f66a29f.js

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