@konstructio/ui 0.1.2-alpha.7 → 0.1.2-alpha.71

package/dist/index-DPcwqB8q.js

@@ -0,0 +1,1878 @@
+import * as g from "react";
+import { useLayoutEffect as Wt } from "react";
+import { P as ce, b as et, u as Ve, a as Bt, c as J } from "./index--l0zux8V.js";
+import { u as ge } from "./index-DLcqcWxM.js";
+import { D as Vt } from "./index-URQGEGX7.js";
+import { u as zt } from "./index-BKMaItIC.js";
+import * as jt from "react-dom";
+import { jsx as O, Fragment as Yt, jsxs as Xt } from "react/jsx-runtime";
+import { u as Gt } from "./index-0ioNhtNM.js";
+import { u as qt } from "./index-BRXMsxSL.js";
+import { P as Ut } from "./index-3fEdeexs.js";
+const Kt = ["top", "right", "bottom", "left"], U = Math.min, $ = Math.max, de = Math.round, fe = Math.floor, j = (e) => ({
+  x: e,
+  y: e
+}), Zt = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+}, Jt = {
+  start: "end",
+  end: "start"
+};
+function Oe(e, t, n) {
+  return $(e, U(t, n));
+}
+function G(e, t) {
+  return typeof e == "function" ? e(t) : e;
+}
+function q(e) {
+  return e.split("-")[0];
+}
+function ne(e) {
+  return e.split("-")[1];
+}
+function De(e) {
+  return e === "x" ? "y" : "x";
+}
+function Me(e) {
+  return e === "y" ? "height" : "width";
+}
+const Qt = /* @__PURE__ */ new Set(["top", "bottom"]);
+function z(e) {
+  return Qt.has(q(e)) ? "y" : "x";
+}
+function _e(e) {
+  return De(z(e));
+}
+function en(e, t, n) {
+  n === void 0 && (n = !1);
+  const o = ne(e), r = _e(e), i = Me(r);
+  let s = r === "x" ? o === (n ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
+  return t.reference[i] > t.floating[i] && (s = pe(s)), [s, pe(s)];
+}
+function tn(e) {
+  const t = pe(e);
+  return [Te(e), t, Te(t)];
+}
+function Te(e) {
+  return e.replace(/start|end/g, (t) => Jt[t]);
+}
+const ze = ["left", "right"], je = ["right", "left"], nn = ["top", "bottom"], on = ["bottom", "top"];
+function rn(e, t, n) {
+  switch (e) {
+    case "top":
+    case "bottom":
+      return n ? t ? je : ze : t ? ze : je;
+    case "left":
+    case "right":
+      return t ? nn : on;
+    default:
+      return [];
+  }
+}
+function sn(e, t, n, o) {
+  const r = ne(e);
+  let i = rn(q(e), n === "start", o);
+  return r && (i = i.map((s) => s + "-" + r), t && (i = i.concat(i.map(Te)))), i;
+}
+function pe(e) {
+  return e.replace(/left|right|bottom|top/g, (t) => Zt[t]);
+}
+function cn(e) {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    ...e
+  };
+}
+function tt(e) {
+  return typeof e != "number" ? cn(e) : {
+    top: e,
+    right: e,
+    bottom: e,
+    left: e
+  };
+}
+function me(e) {
+  const {
+    x: t,
+    y: n,
+    width: o,
+    height: r
+  } = e;
+  return {
+    width: o,
+    height: r,
+    top: n,
+    left: t,
+    right: t + o,
+    bottom: n + r,
+    x: t,
+    y: n
+  };
+}
+function Ye(e, t, n) {
+  let {
+    reference: o,
+    floating: r
+  } = e;
+  const i = z(t), s = _e(t), l = Me(s), c = q(t), f = i === "y", a = o.x + o.width / 2 - r.width / 2, d = o.y + o.height / 2 - r.height / 2, p = o[l] / 2 - r[l] / 2;
+  let u;
+  switch (c) {
+    case "top":
+      u = {
+        x: a,
+        y: o.y - r.height
+      };
+      break;
+    case "bottom":
+      u = {
+        x: a,
+        y: o.y + o.height
+      };
+      break;
+    case "right":
+      u = {
+        x: o.x + o.width,
+        y: d
+      };
+      break;
+    case "left":
+      u = {
+        x: o.x - r.width,
+        y: d
+      };
+      break;
+    default:
+      u = {
+        x: o.x,
+        y: o.y
+      };
+  }
+  switch (ne(t)) {
+    case "start":
+      u[s] -= p * (n && f ? -1 : 1);
+      break;
+    case "end":
+      u[s] += p * (n && f ? -1 : 1);
+      break;
+  }
+  return u;
+}
+async function ln(e, t) {
+  var n;
+  t === void 0 && (t = {});
+  const {
+    x: o,
+    y: r,
+    platform: i,
+    rects: s,
+    elements: l,
+    strategy: c
+  } = e, {
+    boundary: f = "clippingAncestors",
+    rootBoundary: a = "viewport",
+    elementContext: d = "floating",
+    altBoundary: p = !1,
+    padding: u = 0
+  } = G(t, e), m = tt(u), w = l[p ? d === "floating" ? "reference" : "floating" : d], y = me(await i.getClippingRect({
+    element: (n = await (i.isElement == null ? void 0 : i.isElement(w))) == null || n ? w : w.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(l.floating)),
+    boundary: f,
+    rootBoundary: a,
+    strategy: c
+  })), v = d === "floating" ? {
+    x: o,
+    y: r,
+    width: s.floating.width,
+    height: s.floating.height
+  } : s.reference, b = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(l.floating)), x = await (i.isElement == null ? void 0 : i.isElement(b)) ? await (i.getScale == null ? void 0 : i.getScale(b)) || {
+    x: 1,
+    y: 1
+  } : {
+    x: 1,
+    y: 1
+  }, C = me(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements: l,
+    rect: v,
+    offsetParent: b,
+    strategy: c
+  }) : v);
+  return {
+    top: (y.top - C.top + m.top) / x.y,
+    bottom: (C.bottom - y.bottom + m.bottom) / x.y,
+    left: (y.left - C.left + m.left) / x.x,
+    right: (C.right - y.right + m.right) / x.x
+  };
+}
+const an = async (e, t, n) => {
+  const {
+    placement: o = "bottom",
+    strategy: r = "absolute",
+    middleware: i = [],
+    platform: s
+  } = n, l = i.filter(Boolean), c = await (s.isRTL == null ? void 0 : s.isRTL(t));
+  let f = await s.getElementRects({
+    reference: e,
+    floating: t,
+    strategy: r
+  }), {
+    x: a,
+    y: d
+  } = Ye(f, o, c), p = o, u = {}, m = 0;
+  for (let w = 0; w < l.length; w++) {
+    var h;
+    const {
+      name: y,
+      fn: v
+    } = l[w], {
+      x: b,
+      y: x,
+      data: C,
+      reset: A
+    } = await v({
+      x: a,
+      y: d,
+      initialPlacement: o,
+      placement: p,
+      strategy: r,
+      middlewareData: u,
+      rects: f,
+      platform: {
+        ...s,
+        detectOverflow: (h = s.detectOverflow) != null ? h : ln
+      },
+      elements: {
+        reference: e,
+        floating: t
+      }
+    });
+    a = b ?? a, d = x ?? d, u = {
+      ...u,
+      [y]: {
+        ...u[y],
+        ...C
+      }
+    }, A && m <= 50 && (m++, typeof A == "object" && (A.placement && (p = A.placement), A.rects && (f = A.rects === !0 ? await s.getElementRects({
+      reference: e,
+      floating: t,
+      strategy: r
+    }) : A.rects), {
+      x: a,
+      y: d
+    } = Ye(f, p, c)), w = -1);
+  }
+  return {
+    x: a,
+    y: d,
+    placement: p,
+    strategy: r,
+    middlewareData: u
+  };
+}, fn = (e) => ({
+  name: "arrow",
+  options: e,
+  async fn(t) {
+    const {
+      x: n,
+      y: o,
+      placement: r,
+      rects: i,
+      platform: s,
+      elements: l,
+      middlewareData: c
+    } = t, {
+      element: f,
+      padding: a = 0
+    } = G(e, t) || {};
+    if (f == null)
+      return {};
+    const d = tt(a), p = {
+      x: n,
+      y: o
+    }, u = _e(r), m = Me(u), h = await s.getDimensions(f), w = u === "y", y = w ? "top" : "left", v = w ? "bottom" : "right", b = w ? "clientHeight" : "clientWidth", x = i.reference[m] + i.reference[u] - p[u] - i.floating[m], C = p[u] - i.reference[u], A = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(f));
+    let P = A ? A[b] : 0;
+    (!P || !await (s.isElement == null ? void 0 : s.isElement(A))) && (P = l.floating[b] || i.floating[m]);
+    const M = x / 2 - C / 2, H = P / 2 - h[m] / 2 - 1, D = U(d[y], H), k = U(d[v], H), N = D, E = P - h[m] - k, T = P / 2 - h[m] / 2 + M, F = Oe(N, T, E), S = !c.arrow && ne(r) != null && T !== F && i.reference[m] / 2 - (T < N ? D : k) - h[m] / 2 < 0, L = S ? T < N ? T - N : T - E : 0;
+    return {
+      [u]: p[u] + L,
+      data: {
+        [u]: F,
+        centerOffset: T - F - L,
+        ...S && {
+          alignmentOffset: L
+        }
+      },
+      reset: S
+    };
+  }
+}), un = function(e) {
+  return e === void 0 && (e = {}), {
+    name: "flip",
+    options: e,
+    async fn(t) {
+      var n, o;
+      const {
+        placement: r,
+        middlewareData: i,
+        rects: s,
+        initialPlacement: l,
+        platform: c,
+        elements: f
+      } = t, {
+        mainAxis: a = !0,
+        crossAxis: d = !0,
+        fallbackPlacements: p,
+        fallbackStrategy: u = "bestFit",
+        fallbackAxisSideDirection: m = "none",
+        flipAlignment: h = !0,
+        ...w
+      } = G(e, t);
+      if ((n = i.arrow) != null && n.alignmentOffset)
+        return {};
+      const y = q(r), v = z(l), b = q(l) === l, x = await (c.isRTL == null ? void 0 : c.isRTL(f.floating)), C = p || (b || !h ? [pe(l)] : tn(l)), A = m !== "none";
+      !p && A && C.push(...sn(l, h, m, x));
+      const P = [l, ...C], M = await c.detectOverflow(t, w), H = [];
+      let D = ((o = i.flip) == null ? void 0 : o.overflows) || [];
+      if (a && H.push(M[y]), d) {
+        const T = en(r, s, x);
+        H.push(M[T[0]], M[T[1]]);
+      }
+      if (D = [...D, {
+        placement: r,
+        overflows: H
+      }], !H.every((T) => T <= 0)) {
+        var k, N;
+        const T = (((k = i.flip) == null ? void 0 : k.index) || 0) + 1, F = P[T];
+        if (F && (!(d === "alignment" ? v !== z(F) : !1) || // We leave the current main axis only if every placement on that axis
+        // overflows the main axis.
+        D.every((R) => z(R.placement) === v ? R.overflows[0] > 0 : !0)))
+          return {
+            data: {
+              index: T,
+              overflows: D
+            },
+            reset: {
+              placement: F
+            }
+          };
+        let S = (N = D.filter((L) => L.overflows[0] <= 0).sort((L, R) => L.overflows[1] - R.overflows[1])[0]) == null ? void 0 : N.placement;
+        if (!S)
+          switch (u) {
+            case "bestFit": {
+              var E;
+              const L = (E = D.filter((R) => {
+                if (A) {
+                  const _ = z(R.placement);
+                  return _ === v || // Create a bias to the `y` side axis due to horizontal
+                  // reading directions favoring greater width.
+                  _ === "y";
+                }
+                return !0;
+              }).map((R) => [R.placement, R.overflows.filter((_) => _ > 0).reduce((_, V) => _ + V, 0)]).sort((R, _) => R[1] - _[1])[0]) == null ? void 0 : E[0];
+              L && (S = L);
+              break;
+            }
+            case "initialPlacement":
+              S = l;
+              break;
+          }
+        if (r !== S)
+          return {
+            reset: {
+              placement: S
+            }
+          };
+      }
+      return {};
+    }
+  };
+};
+function Xe(e, t) {
+  return {
+    top: e.top - t.height,
+    right: e.right - t.width,
+    bottom: e.bottom - t.height,
+    left: e.left - t.width
+  };
+}
+function Ge(e) {
+  return Kt.some((t) => e[t] >= 0);
+}
+const dn = function(e) {
+  return e === void 0 && (e = {}), {
+    name: "hide",
+    options: e,
+    async fn(t) {
+      const {
+        rects: n,
+        platform: o
+      } = t, {
+        strategy: r = "referenceHidden",
+        ...i
+      } = G(e, t);
+      switch (r) {
+        case "referenceHidden": {
+          const s = await o.detectOverflow(t, {
+            ...i,
+            elementContext: "reference"
+          }), l = Xe(s, n.reference);
+          return {
+            data: {
+              referenceHiddenOffsets: l,
+              referenceHidden: Ge(l)
+            }
+          };
+        }
+        case "escaped": {
+          const s = await o.detectOverflow(t, {
+            ...i,
+            altBoundary: !0
+          }), l = Xe(s, n.floating);
+          return {
+            data: {
+              escapedOffsets: l,
+              escaped: Ge(l)
+            }
+          };
+        }
+        default:
+          return {};
+      }
+    }
+  };
+}, nt = /* @__PURE__ */ new Set(["left", "top"]);
+async function pn(e, t) {
+  const {
+    placement: n,
+    platform: o,
+    elements: r
+  } = e, i = await (o.isRTL == null ? void 0 : o.isRTL(r.floating)), s = q(n), l = ne(n), c = z(n) === "y", f = nt.has(s) ? -1 : 1, a = i && c ? -1 : 1, d = G(t, e);
+  let {
+    mainAxis: p,
+    crossAxis: u,
+    alignmentAxis: m
+  } = typeof d == "number" ? {
+    mainAxis: d,
+    crossAxis: 0,
+    alignmentAxis: null
+  } : {
+    mainAxis: d.mainAxis || 0,
+    crossAxis: d.crossAxis || 0,
+    alignmentAxis: d.alignmentAxis
+  };
+  return l && typeof m == "number" && (u = l === "end" ? m * -1 : m), c ? {
+    x: u * a,
+    y: p * f
+  } : {
+    x: p * f,
+    y: u * a
+  };
+}
+const mn = function(e) {
+  return e === void 0 && (e = 0), {
+    name: "offset",
+    options: e,
+    async fn(t) {
+      var n, o;
+      const {
+        x: r,
+        y: i,
+        placement: s,
+        middlewareData: l
+      } = t, c = await pn(t, e);
+      return s === ((n = l.offset) == null ? void 0 : n.placement) && (o = l.arrow) != null && o.alignmentOffset ? {} : {
+        x: r + c.x,
+        y: i + c.y,
+        data: {
+          ...c,
+          placement: s
+        }
+      };
+    }
+  };
+}, hn = function(e) {
+  return e === void 0 && (e = {}), {
+    name: "shift",
+    options: e,
+    async fn(t) {
+      const {
+        x: n,
+        y: o,
+        placement: r,
+        platform: i
+      } = t, {
+        mainAxis: s = !0,
+        crossAxis: l = !1,
+        limiter: c = {
+          fn: (y) => {
+            let {
+              x: v,
+              y: b
+            } = y;
+            return {
+              x: v,
+              y: b
+            };
+          }
+        },
+        ...f
+      } = G(e, t), a = {
+        x: n,
+        y: o
+      }, d = await i.detectOverflow(t, f), p = z(q(r)), u = De(p);
+      let m = a[u], h = a[p];
+      if (s) {
+        const y = u === "y" ? "top" : "left", v = u === "y" ? "bottom" : "right", b = m + d[y], x = m - d[v];
+        m = Oe(b, m, x);
+      }
+      if (l) {
+        const y = p === "y" ? "top" : "left", v = p === "y" ? "bottom" : "right", b = h + d[y], x = h - d[v];
+        h = Oe(b, h, x);
+      }
+      const w = c.fn({
+        ...t,
+        [u]: m,
+        [p]: h
+      });
+      return {
+        ...w,
+        data: {
+          x: w.x - n,
+          y: w.y - o,
+          enabled: {
+            [u]: s,
+            [p]: l
+          }
+        }
+      };
+    }
+  };
+}, gn = function(e) {
+  return e === void 0 && (e = {}), {
+    options: e,
+    fn(t) {
+      const {
+        x: n,
+        y: o,
+        placement: r,
+        rects: i,
+        middlewareData: s
+      } = t, {
+        offset: l = 0,
+        mainAxis: c = !0,
+        crossAxis: f = !0
+      } = G(e, t), a = {
+        x: n,
+        y: o
+      }, d = z(r), p = De(d);
+      let u = a[p], m = a[d];
+      const h = G(l, t), w = typeof h == "number" ? {
+        mainAxis: h,
+        crossAxis: 0
+      } : {
+        mainAxis: 0,
+        crossAxis: 0,
+        ...h
+      };
+      if (c) {
+        const b = p === "y" ? "height" : "width", x = i.reference[p] - i.floating[b] + w.mainAxis, C = i.reference[p] + i.reference[b] - w.mainAxis;
+        u < x ? u = x : u > C && (u = C);
+      }
+      if (f) {
+        var y, v;
+        const b = p === "y" ? "width" : "height", x = nt.has(q(r)), C = i.reference[d] - i.floating[b] + (x && ((y = s.offset) == null ? void 0 : y[d]) || 0) + (x ? 0 : w.crossAxis), A = i.reference[d] + i.reference[b] + (x ? 0 : ((v = s.offset) == null ? void 0 : v[d]) || 0) - (x ? w.crossAxis : 0);
+        m < C ? m = C : m > A && (m = A);
+      }
+      return {
+        [p]: u,
+        [d]: m
+      };
+    }
+  };
+}, wn = function(e) {
+  return e === void 0 && (e = {}), {
+    name: "size",
+    options: e,
+    async fn(t) {
+      var n, o;
+      const {
+        placement: r,
+        rects: i,
+        platform: s,
+        elements: l
+      } = t, {
+        apply: c = () => {
+        },
+        ...f
+      } = G(e, t), a = await s.detectOverflow(t, f), d = q(r), p = ne(r), u = z(r) === "y", {
+        width: m,
+        height: h
+      } = i.floating;
+      let w, y;
+      d === "top" || d === "bottom" ? (w = d, y = p === (await (s.isRTL == null ? void 0 : s.isRTL(l.floating)) ? "start" : "end") ? "left" : "right") : (y = d, w = p === "end" ? "top" : "bottom");
+      const v = h - a.top - a.bottom, b = m - a.left - a.right, x = U(h - a[w], v), C = U(m - a[y], b), A = !t.middlewareData.shift;
+      let P = x, M = C;
+      if ((n = t.middlewareData.shift) != null && n.enabled.x && (M = b), (o = t.middlewareData.shift) != null && o.enabled.y && (P = v), A && !p) {
+        const D = $(a.left, 0), k = $(a.right, 0), N = $(a.top, 0), E = $(a.bottom, 0);
+        u ? M = m - 2 * (D !== 0 || k !== 0 ? D + k : $(a.left, a.right)) : P = h - 2 * (N !== 0 || E !== 0 ? N + E : $(a.top, a.bottom));
+      }
+      await c({
+        ...t,
+        availableWidth: M,
+        availableHeight: P
+      });
+      const H = await s.getDimensions(l.floating);
+      return m !== H.width || h !== H.height ? {
+        reset: {
+          rects: !0
+        }
+      } : {};
+    }
+  };
+};
+function we() {
+  return typeof window < "u";
+}
+function oe(e) {
+  return ot(e) ? (e.nodeName || "").toLowerCase() : "#document";
+}
+function I(e) {
+  var t;
+  return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
+}
+function X(e) {
+  var t;
+  return (t = (ot(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
+}
+function ot(e) {
+  return we() ? e instanceof Node || e instanceof I(e).Node : !1;
+}
+function W(e) {
+  return we() ? e instanceof Element || e instanceof I(e).Element : !1;
+}
+function Y(e) {
+  return we() ? e instanceof HTMLElement || e instanceof I(e).HTMLElement : !1;
+}
+function qe(e) {
+  return !we() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof I(e).ShadowRoot;
+}
+const yn = /* @__PURE__ */ new Set(["inline", "contents"]);
+function le(e) {
+  const {
+    overflow: t,
+    overflowX: n,
+    overflowY: o,
+    display: r
+  } = B(e);
+  return /auto|scroll|overlay|hidden|clip/.test(t + o + n) && !yn.has(r);
+}
+const xn = /* @__PURE__ */ new Set(["table", "td", "th"]);
+function vn(e) {
+  return xn.has(oe(e));
+}
+const bn = [":popover-open", ":modal"];
+function ye(e) {
+  return bn.some((t) => {
+    try {
+      return e.matches(t);
+    } catch {
+      return !1;
+    }
+  });
+}
+const Cn = ["transform", "translate", "scale", "rotate", "perspective"], An = ["transform", "translate", "scale", "rotate", "perspective", "filter"], Rn = ["paint", "layout", "strict", "content"];
+function ke(e) {
+  const t = Ne(), n = W(e) ? B(e) : e;
+  return Cn.some((o) => n[o] ? n[o] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !t && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !t && (n.filter ? n.filter !== "none" : !1) || An.some((o) => (n.willChange || "").includes(o)) || Rn.some((o) => (n.contain || "").includes(o));
+}
+function Pn(e) {
+  let t = K(e);
+  for (; Y(t) && !ee(t); ) {
+    if (ke(t))
+      return t;
+    if (ye(t))
+      return null;
+    t = K(t);
+  }
+  return null;
+}
+function Ne() {
+  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
+}
+const On = /* @__PURE__ */ new Set(["html", "body", "#document"]);
+function ee(e) {
+  return On.has(oe(e));
+}
+function B(e) {
+  return I(e).getComputedStyle(e);
+}
+function xe(e) {
+  return W(e) ? {
+    scrollLeft: e.scrollLeft,
+    scrollTop: e.scrollTop
+  } : {
+    scrollLeft: e.scrollX,
+    scrollTop: e.scrollY
+  };
+}
+function K(e) {
+  if (oe(e) === "html")
+    return e;
+  const t = (
+    // Step into the shadow DOM of the parent of a slotted node.
+    e.assignedSlot || // DOM Element detected.
+    e.parentNode || // ShadowRoot detected.
+    qe(e) && e.host || // Fallback.
+    X(e)
+  );
+  return qe(t) ? t.host : t;
+}
+function rt(e) {
+  const t = K(e);
+  return ee(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : Y(t) && le(t) ? t : rt(t);
+}
+function ie(e, t, n) {
+  var o;
+  t === void 0 && (t = []), n === void 0 && (n = !0);
+  const r = rt(e), i = r === ((o = e.ownerDocument) == null ? void 0 : o.body), s = I(r);
+  if (i) {
+    const l = Ee(s);
+    return t.concat(s, s.visualViewport || [], le(r) ? r : [], l && n ? ie(l) : []);
+  }
+  return t.concat(r, ie(r, [], n));
+}
+function Ee(e) {
+  return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
+}
+function it(e) {
+  const t = B(e);
+  let n = parseFloat(t.width) || 0, o = parseFloat(t.height) || 0;
+  const r = Y(e), i = r ? e.offsetWidth : n, s = r ? e.offsetHeight : o, l = de(n) !== i || de(o) !== s;
+  return l && (n = i, o = s), {
+    width: n,
+    height: o,
+    $: l
+  };
+}
+function He(e) {
+  return W(e) ? e : e.contextElement;
+}
+function Q(e) {
+  const t = He(e);
+  if (!Y(t))
+    return j(1);
+  const n = t.getBoundingClientRect(), {
+    width: o,
+    height: r,
+    $: i
+  } = it(t);
+  let s = (i ? de(n.width) : n.width) / o, l = (i ? de(n.height) : n.height) / r;
+  return (!s || !Number.isFinite(s)) && (s = 1), (!l || !Number.isFinite(l)) && (l = 1), {
+    x: s,
+    y: l
+  };
+}
+const Tn = /* @__PURE__ */ j(0);
+function st(e) {
+  const t = I(e);
+  return !Ne() || !t.visualViewport ? Tn : {
+    x: t.visualViewport.offsetLeft,
+    y: t.visualViewport.offsetTop
+  };
+}
+function En(e, t, n) {
+  return t === void 0 && (t = !1), !n || t && n !== I(e) ? !1 : t;
+}
+function Z(e, t, n, o) {
+  t === void 0 && (t = !1), n === void 0 && (n = !1);
+  const r = e.getBoundingClientRect(), i = He(e);
+  let s = j(1);
+  t && (o ? W(o) && (s = Q(o)) : s = Q(e));
+  const l = En(i, n, o) ? st(i) : j(0);
+  let c = (r.left + l.x) / s.x, f = (r.top + l.y) / s.y, a = r.width / s.x, d = r.height / s.y;
+  if (i) {
+    const p = I(i), u = o && W(o) ? I(o) : o;
+    let m = p, h = Ee(m);
+    for (; h && o && u !== m; ) {
+      const w = Q(h), y = h.getBoundingClientRect(), v = B(h), b = y.left + (h.clientLeft + parseFloat(v.paddingLeft)) * w.x, x = y.top + (h.clientTop + parseFloat(v.paddingTop)) * w.y;
+      c *= w.x, f *= w.y, a *= w.x, d *= w.y, c += b, f += x, m = I(h), h = Ee(m);
+    }
+  }
+  return me({
+    width: a,
+    height: d,
+    x: c,
+    y: f
+  });
+}
+function ve(e, t) {
+  const n = xe(e).scrollLeft;
+  return t ? t.left + n : Z(X(e)).left + n;
+}
+function ct(e, t) {
+  const n = e.getBoundingClientRect(), o = n.left + t.scrollLeft - ve(e, n), r = n.top + t.scrollTop;
+  return {
+    x: o,
+    y: r
+  };
+}
+function Sn(e) {
+  let {
+    elements: t,
+    rect: n,
+    offsetParent: o,
+    strategy: r
+  } = e;
+  const i = r === "fixed", s = X(o), l = t ? ye(t.floating) : !1;
+  if (o === s || l && i)
+    return n;
+  let c = {
+    scrollLeft: 0,
+    scrollTop: 0
+  }, f = j(1);
+  const a = j(0), d = Y(o);
+  if ((d || !d && !i) && ((oe(o) !== "body" || le(s)) && (c = xe(o)), Y(o))) {
+    const u = Z(o);
+    f = Q(o), a.x = u.x + o.clientLeft, a.y = u.y + o.clientTop;
+  }
+  const p = s && !d && !i ? ct(s, c) : j(0);
+  return {
+    width: n.width * f.x,
+    height: n.height * f.y,
+    x: n.x * f.x - c.scrollLeft * f.x + a.x + p.x,
+    y: n.y * f.y - c.scrollTop * f.y + a.y + p.y
+  };
+}
+function Ln(e) {
+  return Array.from(e.getClientRects());
+}
+function Dn(e) {
+  const t = X(e), n = xe(e), o = e.ownerDocument.body, r = $(t.scrollWidth, t.clientWidth, o.scrollWidth, o.clientWidth), i = $(t.scrollHeight, t.clientHeight, o.scrollHeight, o.clientHeight);
+  let s = -n.scrollLeft + ve(e);
+  const l = -n.scrollTop;
+  return B(o).direction === "rtl" && (s += $(t.clientWidth, o.clientWidth) - r), {
+    width: r,
+    height: i,
+    x: s,
+    y: l
+  };
+}
+const Ue = 25;
+function Mn(e, t) {
+  const n = I(e), o = X(e), r = n.visualViewport;
+  let i = o.clientWidth, s = o.clientHeight, l = 0, c = 0;
+  if (r) {
+    i = r.width, s = r.height;
+    const a = Ne();
+    (!a || a && t === "fixed") && (l = r.offsetLeft, c = r.offsetTop);
+  }
+  const f = ve(o);
+  if (f <= 0) {
+    const a = o.ownerDocument, d = a.body, p = getComputedStyle(d), u = a.compatMode === "CSS1Compat" && parseFloat(p.marginLeft) + parseFloat(p.marginRight) || 0, m = Math.abs(o.clientWidth - d.clientWidth - u);
+    m <= Ue && (i -= m);
+  } else f <= Ue && (i += f);
+  return {
+    width: i,
+    height: s,
+    x: l,
+    y: c
+  };
+}
+const _n = /* @__PURE__ */ new Set(["absolute", "fixed"]);
+function kn(e, t) {
+  const n = Z(e, !0, t === "fixed"), o = n.top + e.clientTop, r = n.left + e.clientLeft, i = Y(e) ? Q(e) : j(1), s = e.clientWidth * i.x, l = e.clientHeight * i.y, c = r * i.x, f = o * i.y;
+  return {
+    width: s,
+    height: l,
+    x: c,
+    y: f
+  };
+}
+function Ke(e, t, n) {
+  let o;
+  if (t === "viewport")
+    o = Mn(e, n);
+  else if (t === "document")
+    o = Dn(X(e));
+  else if (W(t))
+    o = kn(t, n);
+  else {
+    const r = st(e);
+    o = {
+      x: t.x - r.x,
+      y: t.y - r.y,
+      width: t.width,
+      height: t.height
+    };
+  }
+  return me(o);
+}
+function lt(e, t) {
+  const n = K(e);
+  return n === t || !W(n) || ee(n) ? !1 : B(n).position === "fixed" || lt(n, t);
+}
+function Nn(e, t) {
+  const n = t.get(e);
+  if (n)
+    return n;
+  let o = ie(e, [], !1).filter((l) => W(l) && oe(l) !== "body"), r = null;
+  const i = B(e).position === "fixed";
+  let s = i ? K(e) : e;
+  for (; W(s) && !ee(s); ) {
+    const l = B(s), c = ke(s);
+    !c && l.position === "fixed" && (r = null), (i ? !c && !r : !c && l.position === "static" && !!r && _n.has(r.position) || le(s) && !c && lt(e, s)) ? o = o.filter((a) => a !== s) : r = l, s = K(s);
+  }
+  return t.set(e, o), o;
+}
+function Hn(e) {
+  let {
+    element: t,
+    boundary: n,
+    rootBoundary: o,
+    strategy: r
+  } = e;
+  const s = [...n === "clippingAncestors" ? ye(t) ? [] : Nn(t, this._c) : [].concat(n), o], l = s[0], c = s.reduce((f, a) => {
+    const d = Ke(t, a, r);
+    return f.top = $(d.top, f.top), f.right = U(d.right, f.right), f.bottom = U(d.bottom, f.bottom), f.left = $(d.left, f.left), f;
+  }, Ke(t, l, r));
+  return {
+    width: c.right - c.left,
+    height: c.bottom - c.top,
+    x: c.left,
+    y: c.top
+  };
+}
+function Fn(e) {
+  const {
+    width: t,
+    height: n
+  } = it(e);
+  return {
+    width: t,
+    height: n
+  };
+}
+function $n(e, t, n) {
+  const o = Y(t), r = X(t), i = n === "fixed", s = Z(e, !0, i, t);
+  let l = {
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+  const c = j(0);
+  function f() {
+    c.x = ve(r);
+  }
+  if (o || !o && !i)
+    if ((oe(t) !== "body" || le(r)) && (l = xe(t)), o) {
+      const u = Z(t, !0, i, t);
+      c.x = u.x + t.clientLeft, c.y = u.y + t.clientTop;
+    } else r && f();
+  i && !o && r && f();
+  const a = r && !o && !i ? ct(r, l) : j(0), d = s.left + l.scrollLeft - c.x - a.x, p = s.top + l.scrollTop - c.y - a.y;
+  return {
+    x: d,
+    y: p,
+    width: s.width,
+    height: s.height
+  };
+}
+function Re(e) {
+  return B(e).position === "static";
+}
+function Ze(e, t) {
+  if (!Y(e) || B(e).position === "fixed")
+    return null;
+  if (t)
+    return t(e);
+  let n = e.offsetParent;
+  return X(e) === n && (n = n.ownerDocument.body), n;
+}
+function at(e, t) {
+  const n = I(e);
+  if (ye(e))
+    return n;
+  if (!Y(e)) {
+    let r = K(e);
+    for (; r && !ee(r); ) {
+      if (W(r) && !Re(r))
+        return r;
+      r = K(r);
+    }
+    return n;
+  }
+  let o = Ze(e, t);
+  for (; o && vn(o) && Re(o); )
+    o = Ze(o, t);
+  return o && ee(o) && Re(o) && !ke(o) ? n : o || Pn(e) || n;
+}
+const In = async function(e) {
+  const t = this.getOffsetParent || at, n = this.getDimensions, o = await n(e.floating);
+  return {
+    reference: $n(e.reference, await t(e.floating), e.strategy),
+    floating: {
+      x: 0,
+      y: 0,
+      width: o.width,
+      height: o.height
+    }
+  };
+};
+function Wn(e) {
+  return B(e).direction === "rtl";
+}
+const Bn = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: Sn,
+  getDocumentElement: X,
+  getClippingRect: Hn,
+  getOffsetParent: at,
+  getElementRects: In,
+  getClientRects: Ln,
+  getDimensions: Fn,
+  getScale: Q,
+  isElement: W,
+  isRTL: Wn
+};
+function ft(e, t) {
+  return e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height;
+}
+function Vn(e, t) {
+  let n = null, o;
+  const r = X(e);
+  function i() {
+    var l;
+    clearTimeout(o), (l = n) == null || l.disconnect(), n = null;
+  }
+  function s(l, c) {
+    l === void 0 && (l = !1), c === void 0 && (c = 1), i();
+    const f = e.getBoundingClientRect(), {
+      left: a,
+      top: d,
+      width: p,
+      height: u
+    } = f;
+    if (l || t(), !p || !u)
+      return;
+    const m = fe(d), h = fe(r.clientWidth - (a + p)), w = fe(r.clientHeight - (d + u)), y = fe(a), b = {
+      rootMargin: -m + "px " + -h + "px " + -w + "px " + -y + "px",
+      threshold: $(0, U(1, c)) || 1
+    };
+    let x = !0;
+    function C(A) {
+      const P = A[0].intersectionRatio;
+      if (P !== c) {
+        if (!x)
+          return s();
+        P ? s(!1, P) : o = setTimeout(() => {
+          s(!1, 1e-7);
+        }, 1e3);
+      }
+      P === 1 && !ft(f, e.getBoundingClientRect()) && s(), x = !1;
+    }
+    try {
+      n = new IntersectionObserver(C, {
+        ...b,
+        // Handle <iframe>s
+        root: r.ownerDocument
+      });
+    } catch {
+      n = new IntersectionObserver(C, b);
+    }
+    n.observe(e);
+  }
+  return s(!0), i;
+}
+function zn(e, t, n, o) {
+  o === void 0 && (o = {});
+  const {
+    ancestorScroll: r = !0,
+    ancestorResize: i = !0,
+    elementResize: s = typeof ResizeObserver == "function",
+    layoutShift: l = typeof IntersectionObserver == "function",
+    animationFrame: c = !1
+  } = o, f = He(e), a = r || i ? [...f ? ie(f) : [], ...ie(t)] : [];
+  a.forEach((y) => {
+    r && y.addEventListener("scroll", n, {
+      passive: !0
+    }), i && y.addEventListener("resize", n);
+  });
+  const d = f && l ? Vn(f, n) : null;
+  let p = -1, u = null;
+  s && (u = new ResizeObserver((y) => {
+    let [v] = y;
+    v && v.target === f && u && (u.unobserve(t), cancelAnimationFrame(p), p = requestAnimationFrame(() => {
+      var b;
+      (b = u) == null || b.observe(t);
+    })), n();
+  }), f && !c && u.observe(f), u.observe(t));
+  let m, h = c ? Z(e) : null;
+  c && w();
+  function w() {
+    const y = Z(e);
+    h && !ft(h, y) && n(), h = y, m = requestAnimationFrame(w);
+  }
+  return n(), () => {
+    var y;
+    a.forEach((v) => {
+      r && v.removeEventListener("scroll", n), i && v.removeEventListener("resize", n);
+    }), d?.(), (y = u) == null || y.disconnect(), u = null, c && cancelAnimationFrame(m);
+  };
+}
+const jn = mn, Yn = hn, Xn = un, Gn = wn, qn = dn, Je = fn, Un = gn, Kn = (e, t, n) => {
+  const o = /* @__PURE__ */ new Map(), r = {
+    platform: Bn,
+    ...n
+  }, i = {
+    ...r.platform,
+    _c: o
+  };
+  return an(e, t, {
+    ...r,
+    platform: i
+  });
+};
+var Zn = typeof document < "u", Jn = function() {
+}, ue = Zn ? Wt : Jn;
+function he(e, t) {
+  if (e === t)
+    return !0;
+  if (typeof e != typeof t)
+    return !1;
+  if (typeof e == "function" && e.toString() === t.toString())
+    return !0;
+  let n, o, r;
+  if (e && t && typeof e == "object") {
+    if (Array.isArray(e)) {
+      if (n = e.length, n !== t.length) return !1;
+      for (o = n; o-- !== 0; )
+        if (!he(e[o], t[o]))
+          return !1;
+      return !0;
+    }
+    if (r = Object.keys(e), n = r.length, n !== Object.keys(t).length)
+      return !1;
+    for (o = n; o-- !== 0; )
+      if (!{}.hasOwnProperty.call(t, r[o]))
+        return !1;
+    for (o = n; o-- !== 0; ) {
+      const i = r[o];
+      if (!(i === "_owner" && e.$$typeof) && !he(e[i], t[i]))
+        return !1;
+    }
+    return !0;
+  }
+  return e !== e && t !== t;
+}
+function ut(e) {
+  return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
+}
+function Qe(e, t) {
+  const n = ut(e);
+  return Math.round(t * n) / n;
+}
+function Pe(e) {
+  const t = g.useRef(e);
+  return ue(() => {
+    t.current = e;
+  }), t;
+}
+function Qn(e) {
+  e === void 0 && (e = {});
+  const {
+    placement: t = "bottom",
+    strategy: n = "absolute",
+    middleware: o = [],
+    platform: r,
+    elements: {
+      reference: i,
+      floating: s
+    } = {},
+    transform: l = !0,
+    whileElementsMounted: c,
+    open: f
+  } = e, [a, d] = g.useState({
+    x: 0,
+    y: 0,
+    strategy: n,
+    placement: t,
+    middlewareData: {},
+    isPositioned: !1
+  }), [p, u] = g.useState(o);
+  he(p, o) || u(o);
+  const [m, h] = g.useState(null), [w, y] = g.useState(null), v = g.useCallback((R) => {
+    R !== A.current && (A.current = R, h(R));
+  }, []), b = g.useCallback((R) => {
+    R !== P.current && (P.current = R, y(R));
+  }, []), x = i || m, C = s || w, A = g.useRef(null), P = g.useRef(null), M = g.useRef(a), H = c != null, D = Pe(c), k = Pe(r), N = Pe(f), E = g.useCallback(() => {
+    if (!A.current || !P.current)
+      return;
+    const R = {
+      placement: t,
+      strategy: n,
+      middleware: p
+    };
+    k.current && (R.platform = k.current), Kn(A.current, P.current, R).then((_) => {
+      const V = {
+        ..._,
+        // 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: N.current !== !1
+      };
+      T.current && !he(M.current, V) && (M.current = V, jt.flushSync(() => {
+        d(V);
+      }));
+    });
+  }, [p, t, n, k, N]);
+  ue(() => {
+    f === !1 && M.current.isPositioned && (M.current.isPositioned = !1, d((R) => ({
+      ...R,
+      isPositioned: !1
+    })));
+  }, [f]);
+  const T = g.useRef(!1);
+  ue(() => (T.current = !0, () => {
+    T.current = !1;
+  }), []), ue(() => {
+    if (x && (A.current = x), C && (P.current = C), x && C) {
+      if (D.current)
+        return D.current(x, C, E);
+      E();
+    }
+  }, [x, C, E, D, H]);
+  const F = g.useMemo(() => ({
+    reference: A,
+    floating: P,
+    setReference: v,
+    setFloating: b
+  }), [v, b]), S = g.useMemo(() => ({
+    reference: x,
+    floating: C
+  }), [x, C]), L = g.useMemo(() => {
+    const R = {
+      position: n,
+      left: 0,
+      top: 0
+    };
+    if (!S.floating)
+      return R;
+    const _ = Qe(S.floating, a.x), V = Qe(S.floating, a.y);
+    return l ? {
+      ...R,
+      transform: "translate(" + _ + "px, " + V + "px)",
+      ...ut(S.floating) >= 1.5 && {
+        willChange: "transform"
+      }
+    } : {
+      position: n,
+      left: _,
+      top: V
+    };
+  }, [n, l, S.floating, a.x, a.y]);
+  return g.useMemo(() => ({
+    ...a,
+    update: E,
+    refs: F,
+    elements: S,
+    floatingStyles: L
+  }), [a, E, F, S, L]);
+}
+const eo = (e) => {
+  function t(n) {
+    return {}.hasOwnProperty.call(n, "current");
+  }
+  return {
+    name: "arrow",
+    options: e,
+    fn(n) {
+      const {
+        element: o,
+        padding: r
+      } = typeof e == "function" ? e(n) : e;
+      return o && t(o) ? o.current != null ? Je({
+        element: o.current,
+        padding: r
+      }).fn(n) : {} : o ? Je({
+        element: o,
+        padding: r
+      }).fn(n) : {};
+    }
+  };
+}, to = (e, t) => ({
+  ...jn(e),
+  options: [e, t]
+}), no = (e, t) => ({
+  ...Yn(e),
+  options: [e, t]
+}), oo = (e, t) => ({
+  ...Un(e),
+  options: [e, t]
+}), ro = (e, t) => ({
+  ...Xn(e),
+  options: [e, t]
+}), io = (e, t) => ({
+  ...Gn(e),
+  options: [e, t]
+}), so = (e, t) => ({
+  ...qn(e),
+  options: [e, t]
+}), co = (e, t) => ({
+  ...eo(e),
+  options: [e, t]
+});
+var lo = "Arrow", dt = g.forwardRef((e, t) => {
+  const { children: n, width: o = 10, height: r = 5, ...i } = e;
+  return /* @__PURE__ */ O(
+    ce.svg,
+    {
+      ...i,
+      ref: t,
+      width: o,
+      height: r,
+      viewBox: "0 0 30 10",
+      preserveAspectRatio: "none",
+      children: e.asChild ? n : /* @__PURE__ */ O("polygon", { points: "0,0 30,0 15,10" })
+    }
+  );
+});
+dt.displayName = lo;
+var ao = dt, Fe = "Popper", [pt, mt] = et(Fe), [fo, ht] = pt(Fe), gt = (e) => {
+  const { __scopePopper: t, children: n } = e, [o, r] = g.useState(null);
+  return /* @__PURE__ */ O(fo, { scope: t, anchor: o, onAnchorChange: r, children: n });
+};
+gt.displayName = Fe;
+var wt = "PopperAnchor", yt = g.forwardRef(
+  (e, t) => {
+    const { __scopePopper: n, virtualRef: o, ...r } = e, i = ht(wt, n), s = g.useRef(null), l = ge(t, s), c = g.useRef(null);
+    return g.useEffect(() => {
+      const f = c.current;
+      c.current = o?.current || s.current, f !== c.current && i.onAnchorChange(c.current);
+    }), o ? null : /* @__PURE__ */ O(ce.div, { ...r, ref: l });
+  }
+);
+yt.displayName = wt;
+var $e = "PopperContent", [uo, po] = pt($e), xt = g.forwardRef(
+  (e, t) => {
+    const {
+      __scopePopper: n,
+      side: o = "bottom",
+      sideOffset: r = 0,
+      align: i = "center",
+      alignOffset: s = 0,
+      arrowPadding: l = 0,
+      avoidCollisions: c = !0,
+      collisionBoundary: f = [],
+      collisionPadding: a = 0,
+      sticky: d = "partial",
+      hideWhenDetached: p = !1,
+      updatePositionStrategy: u = "optimized",
+      onPlaced: m,
+      ...h
+    } = e, w = ht($e, n), [y, v] = g.useState(null), b = ge(t, (re) => v(re)), [x, C] = g.useState(null), A = qt(x), P = A?.width ?? 0, M = A?.height ?? 0, H = o + (i !== "center" ? "-" + i : ""), D = typeof a == "number" ? a : { top: 0, right: 0, bottom: 0, left: 0, ...a }, k = Array.isArray(f) ? f : [f], N = k.length > 0, E = {
+      padding: D,
+      boundary: k.filter(ho),
+      // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
+      altBoundary: N
+    }, { refs: T, floatingStyles: F, placement: S, isPositioned: L, middlewareData: R } = Qn({
+      // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
+      strategy: "fixed",
+      placement: H,
+      whileElementsMounted: (...re) => zn(...re, {
+        animationFrame: u === "always"
+      }),
+      elements: {
+        reference: w.anchor
+      },
+      middleware: [
+        to({ mainAxis: r + M, alignmentAxis: s }),
+        c && no({
+          mainAxis: !0,
+          crossAxis: !1,
+          limiter: d === "partial" ? oo() : void 0,
+          ...E
+        }),
+        c && ro({ ...E }),
+        io({
+          ...E,
+          apply: ({ elements: re, rects: Be, availableWidth: Ht, availableHeight: Ft }) => {
+            const { width: $t, height: It } = Be.reference, ae = re.floating.style;
+            ae.setProperty("--radix-popper-available-width", `${Ht}px`), ae.setProperty("--radix-popper-available-height", `${Ft}px`), ae.setProperty("--radix-popper-anchor-width", `${$t}px`), ae.setProperty("--radix-popper-anchor-height", `${It}px`);
+          }
+        }),
+        x && co({ element: x, padding: l }),
+        go({ arrowWidth: P, arrowHeight: M }),
+        p && so({ strategy: "referenceHidden", ...E })
+      ]
+    }), [_, V] = Ct(S), We = Gt(m);
+    Ve(() => {
+      L && We?.();
+    }, [L, We]);
+    const Dt = R.arrow?.x, Mt = R.arrow?.y, _t = R.arrow?.centerOffset !== 0, [kt, Nt] = g.useState();
+    return Ve(() => {
+      y && Nt(window.getComputedStyle(y).zIndex);
+    }, [y]), /* @__PURE__ */ O(
+      "div",
+      {
+        ref: T.setFloating,
+        "data-radix-popper-content-wrapper": "",
+        style: {
+          ...F,
+          transform: L ? F.transform : "translate(0, -200%)",
+          // keep off the page when measuring
+          minWidth: "max-content",
+          zIndex: kt,
+          "--radix-popper-transform-origin": [
+            R.transformOrigin?.x,
+            R.transformOrigin?.y
+          ].join(" "),
+          // hide the content if using the hide middleware and should be hidden
+          // set visibility to hidden and disable pointer events so the UI behaves
+          // as if the PopperContent isn't there at all
+          ...R.hide?.referenceHidden && {
+            visibility: "hidden",
+            pointerEvents: "none"
+          }
+        },
+        dir: e.dir,
+        children: /* @__PURE__ */ O(
+          uo,
+          {
+            scope: n,
+            placedSide: _,
+            onArrowChange: C,
+            arrowX: Dt,
+            arrowY: Mt,
+            shouldHideArrow: _t,
+            children: /* @__PURE__ */ O(
+              ce.div,
+              {
+                "data-side": _,
+                "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"
+                }
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+);
+xt.displayName = $e;
+var vt = "PopperArrow", mo = {
+  top: "bottom",
+  right: "left",
+  bottom: "top",
+  left: "right"
+}, bt = g.forwardRef(function(t, n) {
+  const { __scopePopper: o, ...r } = t, i = po(vt, o), s = mo[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__ */ O(
+      "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__ */ O(
+          ao,
+          {
+            ...r,
+            ref: n,
+            style: {
+              ...r.style,
+              // ensures the element can be measured correctly (mostly for if SVG)
+              display: "block"
+            }
+          }
+        )
+      }
+    )
+  );
+});
+bt.displayName = vt;
+function ho(e) {
+  return e !== null;
+}
+var go = (e) => ({
+  name: "transformOrigin",
+  options: e,
+  fn(t) {
+    const { placement: n, rects: o, middlewareData: r } = t, s = r.arrow?.centerOffset !== 0, l = s ? 0 : e.arrowWidth, c = s ? 0 : e.arrowHeight, [f, a] = Ct(n), d = { start: "0%", center: "50%", end: "100%" }[a], p = (r.arrow?.x ?? 0) + l / 2, u = (r.arrow?.y ?? 0) + c / 2;
+    let m = "", h = "";
+    return f === "bottom" ? (m = s ? d : `${p}px`, h = `${-c}px`) : f === "top" ? (m = s ? d : `${p}px`, h = `${o.floating.height + c}px`) : f === "right" ? (m = `${-c}px`, h = s ? d : `${u}px`) : f === "left" && (m = `${o.floating.width + c}px`, h = s ? d : `${u}px`), { data: { x: m, y: h } };
+  }
+});
+function Ct(e) {
+  const [t, n = "center"] = e.split("-");
+  return [t, n];
+}
+var wo = gt, yo = yt, xo = xt, vo = bt, bo = /* @__PURE__ */ Symbol("radix.slottable");
+// @__NO_SIDE_EFFECTS__
+function Co(e) {
+  const t = ({ children: n }) => /* @__PURE__ */ O(Yt, { children: n });
+  return t.displayName = `${e}.Slottable`, t.__radixId = bo, t;
+}
+var Ao = Object.freeze({
+  // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss
+  position: "absolute",
+  border: 0,
+  width: 1,
+  height: 1,
+  padding: 0,
+  margin: -1,
+  overflow: "hidden",
+  clip: "rect(0, 0, 0, 0)",
+  whiteSpace: "nowrap",
+  wordWrap: "normal"
+}), Ro = "VisuallyHidden", At = g.forwardRef(
+  (e, t) => /* @__PURE__ */ O(
+    ce.span,
+    {
+      ...e,
+      ref: t,
+      style: { ...Ao, ...e.style }
+    }
+  )
+);
+At.displayName = Ro;
+var Po = At, [be] = et("Tooltip", [
+  mt
+]), Ce = mt(), Rt = "TooltipProvider", Oo = 700, Se = "tooltip.open", [To, Ie] = be(Rt), Pt = (e) => {
+  const {
+    __scopeTooltip: t,
+    delayDuration: n = Oo,
+    skipDelayDuration: o = 300,
+    disableHoverableContent: r = !1,
+    children: i
+  } = e, s = g.useRef(!0), l = g.useRef(!1), c = g.useRef(0);
+  return g.useEffect(() => {
+    const f = c.current;
+    return () => window.clearTimeout(f);
+  }, []), /* @__PURE__ */ O(
+    To,
+    {
+      scope: t,
+      isOpenDelayedRef: s,
+      delayDuration: n,
+      onOpen: g.useCallback(() => {
+        window.clearTimeout(c.current), s.current = !1;
+      }, []),
+      onClose: g.useCallback(() => {
+        window.clearTimeout(c.current), c.current = window.setTimeout(
+          () => s.current = !0,
+          o
+        );
+      }, [o]),
+      isPointerInTransitRef: l,
+      onPointerInTransitChange: g.useCallback((f) => {
+        l.current = f;
+      }, []),
+      disableHoverableContent: r,
+      children: i
+    }
+  );
+};
+Pt.displayName = Rt;
+var se = "Tooltip", [Eo, Ae] = be(se), Ot = (e) => {
+  const {
+    __scopeTooltip: t,
+    children: n,
+    open: o,
+    defaultOpen: r,
+    onOpenChange: i,
+    disableHoverableContent: s,
+    delayDuration: l
+  } = e, c = Ie(se, e.__scopeTooltip), f = Ce(t), [a, d] = g.useState(null), p = zt(), u = g.useRef(0), m = s ?? c.disableHoverableContent, h = l ?? c.delayDuration, w = g.useRef(!1), [y, v] = Bt({
+    prop: o,
+    defaultProp: r ?? !1,
+    onChange: (P) => {
+      P ? (c.onOpen(), document.dispatchEvent(new CustomEvent(Se))) : c.onClose(), i?.(P);
+    },
+    caller: se
+  }), b = g.useMemo(() => y ? w.current ? "delayed-open" : "instant-open" : "closed", [y]), x = g.useCallback(() => {
+    window.clearTimeout(u.current), u.current = 0, w.current = !1, v(!0);
+  }, [v]), C = g.useCallback(() => {
+    window.clearTimeout(u.current), u.current = 0, v(!1);
+  }, [v]), A = g.useCallback(() => {
+    window.clearTimeout(u.current), u.current = window.setTimeout(() => {
+      w.current = !0, v(!0), u.current = 0;
+    }, h);
+  }, [h, v]);
+  return g.useEffect(() => () => {
+    u.current && (window.clearTimeout(u.current), u.current = 0);
+  }, []), /* @__PURE__ */ O(wo, { ...f, children: /* @__PURE__ */ O(
+    Eo,
+    {
+      scope: t,
+      contentId: p,
+      open: y,
+      stateAttribute: b,
+      trigger: a,
+      onTriggerChange: d,
+      onTriggerEnter: g.useCallback(() => {
+        c.isOpenDelayedRef.current ? A() : x();
+      }, [c.isOpenDelayedRef, A, x]),
+      onTriggerLeave: g.useCallback(() => {
+        m ? C() : (window.clearTimeout(u.current), u.current = 0);
+      }, [C, m]),
+      onOpen: x,
+      onClose: C,
+      disableHoverableContent: m,
+      children: n
+    }
+  ) });
+};
+Ot.displayName = se;
+var Le = "TooltipTrigger", Tt = g.forwardRef(
+  (e, t) => {
+    const { __scopeTooltip: n, ...o } = e, r = Ae(Le, n), i = Ie(Le, n), s = Ce(n), l = g.useRef(null), c = ge(t, l, r.onTriggerChange), f = g.useRef(!1), a = g.useRef(!1), d = g.useCallback(() => f.current = !1, []);
+    return g.useEffect(() => () => document.removeEventListener("pointerup", d), [d]), /* @__PURE__ */ O(yo, { asChild: !0, ...s, children: /* @__PURE__ */ O(
+      ce.button,
+      {
+        "aria-describedby": r.open ? r.contentId : void 0,
+        "data-state": r.stateAttribute,
+        ...o,
+        ref: c,
+        onPointerMove: J(e.onPointerMove, (p) => {
+          p.pointerType !== "touch" && !a.current && !i.isPointerInTransitRef.current && (r.onTriggerEnter(), a.current = !0);
+        }),
+        onPointerLeave: J(e.onPointerLeave, () => {
+          r.onTriggerLeave(), a.current = !1;
+        }),
+        onPointerDown: J(e.onPointerDown, () => {
+          r.open && r.onClose(), f.current = !0, document.addEventListener("pointerup", d, { once: !0 });
+        }),
+        onFocus: J(e.onFocus, () => {
+          f.current || r.onOpen();
+        }),
+        onBlur: J(e.onBlur, r.onClose),
+        onClick: J(e.onClick, r.onClose)
+      }
+    ) });
+  }
+);
+Tt.displayName = Le;
+var So = "TooltipPortal", [Zo, Lo] = be(So, {
+  forceMount: void 0
+}), te = "TooltipContent", Et = g.forwardRef(
+  (e, t) => {
+    const n = Lo(te, e.__scopeTooltip), { forceMount: o = n.forceMount, side: r = "top", ...i } = e, s = Ae(te, e.__scopeTooltip);
+    return /* @__PURE__ */ O(Ut, { present: o || s.open, children: s.disableHoverableContent ? /* @__PURE__ */ O(St, { side: r, ...i, ref: t }) : /* @__PURE__ */ O(Do, { side: r, ...i, ref: t }) });
+  }
+), Do = g.forwardRef((e, t) => {
+  const n = Ae(te, e.__scopeTooltip), o = Ie(te, e.__scopeTooltip), r = g.useRef(null), i = ge(t, r), [s, l] = g.useState(null), { trigger: c, onClose: f } = n, a = r.current, { onPointerInTransitChange: d } = o, p = g.useCallback(() => {
+    l(null), d(!1);
+  }, [d]), u = g.useCallback(
+    (m, h) => {
+      const w = m.currentTarget, y = { x: m.clientX, y: m.clientY }, v = Ho(y, w.getBoundingClientRect()), b = Fo(y, v), x = $o(h.getBoundingClientRect()), C = Wo([...b, ...x]);
+      l(C), d(!0);
+    },
+    [d]
+  );
+  return g.useEffect(() => () => p(), [p]), g.useEffect(() => {
+    if (c && a) {
+      const m = (w) => u(w, a), h = (w) => u(w, c);
+      return c.addEventListener("pointerleave", m), a.addEventListener("pointerleave", h), () => {
+        c.removeEventListener("pointerleave", m), a.removeEventListener("pointerleave", h);
+      };
+    }
+  }, [c, a, u, p]), g.useEffect(() => {
+    if (s) {
+      const m = (h) => {
+        const w = h.target, y = { x: h.clientX, y: h.clientY }, v = c?.contains(w) || a?.contains(w), b = !Io(y, s);
+        v ? p() : b && (p(), f());
+      };
+      return document.addEventListener("pointermove", m), () => document.removeEventListener("pointermove", m);
+    }
+  }, [c, a, s, f, p]), /* @__PURE__ */ O(St, { ...e, ref: i });
+}), [Mo, _o] = be(se, { isInside: !1 }), ko = /* @__PURE__ */ Co("TooltipContent"), St = g.forwardRef(
+  (e, t) => {
+    const {
+      __scopeTooltip: n,
+      children: o,
+      "aria-label": r,
+      onEscapeKeyDown: i,
+      onPointerDownOutside: s,
+      ...l
+    } = e, c = Ae(te, n), f = Ce(n), { onClose: a } = c;
+    return g.useEffect(() => (document.addEventListener(Se, a), () => document.removeEventListener(Se, a)), [a]), g.useEffect(() => {
+      if (c.trigger) {
+        const d = (p) => {
+          p.target?.contains(c.trigger) && a();
+        };
+        return window.addEventListener("scroll", d, { capture: !0 }), () => window.removeEventListener("scroll", d, { capture: !0 });
+      }
+    }, [c.trigger, a]), /* @__PURE__ */ O(
+      Vt,
+      {
+        asChild: !0,
+        disableOutsidePointerEvents: !1,
+        onEscapeKeyDown: i,
+        onPointerDownOutside: s,
+        onFocusOutside: (d) => d.preventDefault(),
+        onDismiss: a,
+        children: /* @__PURE__ */ Xt(
+          xo,
+          {
+            "data-state": c.stateAttribute,
+            ...f,
+            ...l,
+            ref: t,
+            style: {
+              ...l.style,
+              "--radix-tooltip-content-transform-origin": "var(--radix-popper-transform-origin)",
+              "--radix-tooltip-content-available-width": "var(--radix-popper-available-width)",
+              "--radix-tooltip-content-available-height": "var(--radix-popper-available-height)",
+              "--radix-tooltip-trigger-width": "var(--radix-popper-anchor-width)",
+              "--radix-tooltip-trigger-height": "var(--radix-popper-anchor-height)"
+            },
+            children: [
+              /* @__PURE__ */ O(ko, { children: o }),
+              /* @__PURE__ */ O(Mo, { scope: n, isInside: !0, children: /* @__PURE__ */ O(Po, { id: c.contentId, role: "tooltip", children: r || o }) })
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+Et.displayName = te;
+var Lt = "TooltipArrow", No = g.forwardRef(
+  (e, t) => {
+    const { __scopeTooltip: n, ...o } = e, r = Ce(n);
+    return _o(
+      Lt,
+      n
+    ).isInside ? null : /* @__PURE__ */ O(vo, { ...r, ...o, ref: t });
+  }
+);
+No.displayName = Lt;
+function Ho(e, t) {
+  const n = Math.abs(t.top - e.y), o = Math.abs(t.bottom - e.y), r = Math.abs(t.right - e.x), i = Math.abs(t.left - e.x);
+  switch (Math.min(n, o, r, i)) {
+    case i:
+      return "left";
+    case r:
+      return "right";
+    case n:
+      return "top";
+    case o:
+      return "bottom";
+    default:
+      throw new Error("unreachable");
+  }
+}
+function Fo(e, t, n = 5) {
+  const o = [];
+  switch (t) {
+    case "top":
+      o.push(
+        { x: e.x - n, y: e.y + n },
+        { x: e.x + n, y: e.y + n }
+      );
+      break;
+    case "bottom":
+      o.push(
+        { x: e.x - n, y: e.y - n },
+        { x: e.x + n, y: e.y - n }
+      );
+      break;
+    case "left":
+      o.push(
+        { x: e.x + n, y: e.y - n },
+        { x: e.x + n, y: e.y + n }
+      );
+      break;
+    case "right":
+      o.push(
+        { x: e.x - n, y: e.y - n },
+        { x: e.x - n, y: e.y + n }
+      );
+      break;
+  }
+  return o;
+}
+function $o(e) {
+  const { top: t, right: n, bottom: o, left: r } = e;
+  return [
+    { x: r, y: t },
+    { x: n, y: t },
+    { x: n, y: o },
+    { x: r, y: o }
+  ];
+}
+function Io(e, t) {
+  const { x: n, y: o } = e;
+  let r = !1;
+  for (let i = 0, s = t.length - 1; i < t.length; s = i++) {
+    const l = t[i], c = t[s], f = l.x, a = l.y, d = c.x, p = c.y;
+    a > o != p > o && n < (d - f) * (o - a) / (p - a) + f && (r = !r);
+  }
+  return r;
+}
+function Wo(e) {
+  const t = e.slice();
+  return t.sort((n, o) => n.x < o.x ? -1 : n.x > o.x ? 1 : n.y < o.y ? -1 : n.y > o.y ? 1 : 0), Bo(t);
+}
+function Bo(e) {
+  if (e.length <= 1) return e.slice();
+  const t = [];
+  for (let o = 0; o < e.length; o++) {
+    const r = e[o];
+    for (; t.length >= 2; ) {
+      const i = t[t.length - 1], s = t[t.length - 2];
+      if ((i.x - s.x) * (r.y - s.y) >= (i.y - s.y) * (r.x - s.x)) t.pop();
+      else break;
+    }
+    t.push(r);
+  }
+  t.pop();
+  const n = [];
+  for (let o = e.length - 1; o >= 0; o--) {
+    const r = e[o];
+    for (; n.length >= 2; ) {
+      const i = n[n.length - 1], s = n[n.length - 2];
+      if ((i.x - s.x) * (r.y - s.y) >= (i.y - s.y) * (r.x - s.x)) n.pop();
+      else break;
+    }
+    n.push(r);
+  }
+  return n.pop(), t.length === 1 && n.length === 1 && t[0].x === n[0].x && t[0].y === n[0].y ? t : t.concat(n);
+}
+var Jo = Pt, Qo = Ot, er = Tt, tr = Et;
+export {
+  tr as C,
+  Jo as P,
+  Qo as R,
+  er as T
+};