@pismo/marola 0.0.1-alpha.4 → 0.0.1-alpha.6

package/dist/components/Tooltip/Tooltip.js

@@ -0,0 +1,1463 @@
+import '../../assets/Tooltip.css';
+import { jsx as S } from "react/jsx-runtime";
+import * as x from "react";
+import { useLayoutEffect as Qt, useEffect as Lt, useRef as Zt, useState as vt } from "react";
+import { _ as kt, a as et } from "../../objectWithoutPropertiesLoose-D7Cp0Pg_.js";
+import { d as Mt, P as g, g as te, a as ee, u as ne, c as oe, b as ie } from "../../index-D2P7y2mE.js";
+import { u as re, o as pt, e as se, a as ce, r as le, P as ae, H as bt } from "../../Portal-P3fPvS3-.js";
+import { u as fe } from "../../useEnhancedEffect-CJGo-L3B.js";
+import { c as ue } from "../../clsx-DB4S2d7J.js";
+function Et(t) {
+  return t.substring(2).toLowerCase();
+}
+function de(t, e) {
+  return e.documentElement.clientWidth < t.clientX || e.documentElement.clientHeight < t.clientY;
+}
+function ot(t) {
+  const {
+    children: e,
+    disableReactTree: o = !1,
+    mouseEvent: n = "onClick",
+    onClickAway: i,
+    touchEvent: r = "onTouchEnd"
+  } = t, s = x.useRef(!1), c = x.useRef(null), l = x.useRef(!1), a = x.useRef(!1);
+  x.useEffect(() => (setTimeout(() => {
+    l.current = !0;
+  }, 0), () => {
+    l.current = !1;
+  }), []);
+  const u = Mt(
+    // @ts-expect-error TODO upstream fix
+    e.ref,
+    c
+  ), f = re((m) => {
+    const p = a.current;
+    a.current = !1;
+    const w = pt(c.current);
+    if (!l.current || !c.current || "clientX" in m && de(m, w))
+      return;
+    if (s.current) {
+      s.current = !1;
+      return;
+    }
+    let y;
+    m.composedPath ? y = m.composedPath().indexOf(c.current) > -1 : y = !w.documentElement.contains(
+      // @ts-expect-error returns `false` as intended when not dispatched from a Node
+      m.target
+    ) || c.current.contains(
+      // @ts-expect-error returns `false` as intended when not dispatched from a Node
+      m.target
+    ), !y && (o || !p) && i(m);
+  }), h = (m) => (p) => {
+    a.current = !0;
+    const w = e.props[m];
+    w && w(p);
+  }, d = {
+    ref: u
+  };
+  return r !== !1 && (d[r] = h(r)), x.useEffect(() => {
+    if (r !== !1) {
+      const m = Et(r), p = pt(c.current), w = () => {
+        s.current = !0;
+      };
+      return p.addEventListener(m, f), p.addEventListener("touchmove", w), () => {
+        p.removeEventListener(m, f), p.removeEventListener("touchmove", w);
+      };
+    }
+  }, [f, r]), n !== !1 && (d[n] = h(n)), x.useEffect(() => {
+    if (n !== !1) {
+      const m = Et(n), p = pt(c.current);
+      return p.addEventListener(m, f), () => {
+        p.removeEventListener(m, f);
+      };
+    }
+  }, [f, n]), /* @__PURE__ */ S(x.Fragment, {
+    children: /* @__PURE__ */ x.cloneElement(e, d)
+  });
+}
+process.env.NODE_ENV !== "production" && (ot.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The wrapped element.
+   */
+  children: se.isRequired,
+  /**
+   * If `true`, the React tree is ignored and only the DOM tree is considered.
+   * This prop changes how portaled elements are handled.
+   * @default false
+   */
+  disableReactTree: g.bool,
+  /**
+   * The mouse event to listen to. You can disable the listener by providing `false`.
+   * @default 'onClick'
+   */
+  mouseEvent: g.oneOf(["onClick", "onMouseDown", "onMouseUp", "onPointerDown", "onPointerUp", !1]),
+  /**
+   * Callback fired when a "click away" event is detected.
+   */
+  onClickAway: g.func.isRequired,
+  /**
+   * The touch event to listen to. You can disable the listener by providing `false`.
+   * @default 'onTouchEnd'
+   */
+  touchEvent: g.oneOf(["onTouchEnd", "onTouchStart", !1])
+});
+process.env.NODE_ENV !== "production" && (ot.propTypes = ce(ot.propTypes));
+const it = Math.min, I = Math.max, rt = Math.round, tt = Math.floor, H = (t) => ({
+  x: t,
+  y: t
+}), me = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+}, pe = {
+  start: "end",
+  end: "start"
+};
+function Rt(t, e, o) {
+  return I(t, it(e, o));
+}
+function at(t, e) {
+  return typeof t == "function" ? t(e) : t;
+}
+function U(t) {
+  return t.split("-")[0];
+}
+function ft(t) {
+  return t.split("-")[1];
+}
+function Dt(t) {
+  return t === "x" ? "y" : "x";
+}
+function Ft(t) {
+  return t === "y" ? "height" : "width";
+}
+function ut(t) {
+  return ["top", "bottom"].includes(U(t)) ? "y" : "x";
+}
+function Vt(t) {
+  return Dt(ut(t));
+}
+function he(t, e, o) {
+  o === void 0 && (o = !1);
+  const n = ft(t), i = Vt(t), r = Ft(i);
+  let s = i === "x" ? n === (o ? "end" : "start") ? "right" : "left" : n === "start" ? "bottom" : "top";
+  return e.reference[r] > e.floating[r] && (s = st(s)), [s, st(s)];
+}
+function ge(t) {
+  const e = st(t);
+  return [ht(t), e, ht(e)];
+}
+function ht(t) {
+  return t.replace(/start|end/g, (e) => pe[e]);
+}
+function xe(t, e, o) {
+  const n = ["left", "right"], i = ["right", "left"], r = ["top", "bottom"], s = ["bottom", "top"];
+  switch (t) {
+    case "top":
+    case "bottom":
+      return o ? e ? i : n : e ? n : i;
+    case "left":
+    case "right":
+      return e ? r : s;
+    default:
+      return [];
+  }
+}
+function ye(t, e, o, n) {
+  const i = ft(t);
+  let r = xe(U(t), o === "start", n);
+  return i && (r = r.map((s) => s + "-" + i), e && (r = r.concat(r.map(ht)))), r;
+}
+function st(t) {
+  return t.replace(/left|right|bottom|top/g, (e) => me[e]);
+}
+function we(t) {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    ...t
+  };
+}
+function ve(t) {
+  return typeof t != "number" ? we(t) : {
+    top: t,
+    right: t,
+    bottom: t,
+    left: t
+  };
+}
+function ct(t) {
+  const {
+    x: e,
+    y: o,
+    width: n,
+    height: i
+  } = t;
+  return {
+    width: n,
+    height: i,
+    top: o,
+    left: e,
+    right: e + n,
+    bottom: o + i,
+    x: e,
+    y: o
+  };
+}
+function Ct(t, e, o) {
+  let {
+    reference: n,
+    floating: i
+  } = t;
+  const r = ut(e), s = Vt(e), c = Ft(s), l = U(e), a = r === "y", u = n.x + n.width / 2 - i.width / 2, f = n.y + n.height / 2 - i.height / 2, h = n[c] / 2 - i[c] / 2;
+  let d;
+  switch (l) {
+    case "top":
+      d = {
+        x: u,
+        y: n.y - i.height
+      };
+      break;
+    case "bottom":
+      d = {
+        x: u,
+        y: n.y + n.height
+      };
+      break;
+    case "right":
+      d = {
+        x: n.x + n.width,
+        y: f
+      };
+      break;
+    case "left":
+      d = {
+        x: n.x - i.width,
+        y: f
+      };
+      break;
+    default:
+      d = {
+        x: n.x,
+        y: n.y
+      };
+  }
+  switch (ft(e)) {
+    case "start":
+      d[s] -= h * (o && a ? -1 : 1);
+      break;
+    case "end":
+      d[s] += h * (o && a ? -1 : 1);
+      break;
+  }
+  return d;
+}
+const be = async (t, e, o) => {
+  const {
+    placement: n = "bottom",
+    strategy: i = "absolute",
+    middleware: r = [],
+    platform: s
+  } = o, c = r.filter(Boolean), l = await (s.isRTL == null ? void 0 : s.isRTL(e));
+  let a = await s.getElementRects({
+    reference: t,
+    floating: e,
+    strategy: i
+  }), {
+    x: u,
+    y: f
+  } = Ct(a, n, l), h = n, d = {}, m = 0;
+  for (let p = 0; p < c.length; p++) {
+    const {
+      name: w,
+      fn: y
+    } = c[p], {
+      x: v,
+      y: b,
+      data: E,
+      reset: R
+    } = await y({
+      x: u,
+      y: f,
+      initialPlacement: n,
+      placement: h,
+      strategy: i,
+      middlewareData: d,
+      rects: a,
+      platform: s,
+      elements: {
+        reference: t,
+        floating: e
+      }
+    });
+    u = v ?? u, f = b ?? f, d = {
+      ...d,
+      [w]: {
+        ...d[w],
+        ...E
+      }
+    }, R && m <= 50 && (m++, typeof R == "object" && (R.placement && (h = R.placement), R.rects && (a = R.rects === !0 ? await s.getElementRects({
+      reference: t,
+      floating: e,
+      strategy: i
+    }) : R.rects), {
+      x: u,
+      y: f
+    } = Ct(a, h, l)), p = -1);
+  }
+  return {
+    x: u,
+    y: f,
+    placement: h,
+    strategy: i,
+    middlewareData: d
+  };
+};
+async function jt(t, e) {
+  var o;
+  e === void 0 && (e = {});
+  const {
+    x: n,
+    y: i,
+    platform: r,
+    rects: s,
+    elements: c,
+    strategy: l
+  } = t, {
+    boundary: a = "clippingAncestors",
+    rootBoundary: u = "viewport",
+    elementContext: f = "floating",
+    altBoundary: h = !1,
+    padding: d = 0
+  } = at(e, t), m = ve(d), w = c[h ? f === "floating" ? "reference" : "floating" : f], y = ct(await r.getClippingRect({
+    element: (o = await (r.isElement == null ? void 0 : r.isElement(w))) == null || o ? w : w.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(c.floating)),
+    boundary: a,
+    rootBoundary: u,
+    strategy: l
+  })), v = f === "floating" ? {
+    x: n,
+    y: i,
+    width: s.floating.width,
+    height: s.floating.height
+  } : s.reference, b = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(c.floating)), E = await (r.isElement == null ? void 0 : r.isElement(b)) ? await (r.getScale == null ? void 0 : r.getScale(b)) || {
+    x: 1,
+    y: 1
+  } : {
+    x: 1,
+    y: 1
+  }, R = ct(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements: c,
+    rect: v,
+    offsetParent: b,
+    strategy: l
+  }) : v);
+  return {
+    top: (y.top - R.top + m.top) / E.y,
+    bottom: (R.bottom - y.bottom + m.bottom) / E.y,
+    left: (y.left - R.left + m.left) / E.x,
+    right: (R.right - y.right + m.right) / E.x
+  };
+}
+const Ee = function(t) {
+  return t === void 0 && (t = {}), {
+    name: "flip",
+    options: t,
+    async fn(e) {
+      var o, n;
+      const {
+        placement: i,
+        middlewareData: r,
+        rects: s,
+        initialPlacement: c,
+        platform: l,
+        elements: a
+      } = e, {
+        mainAxis: u = !0,
+        crossAxis: f = !0,
+        fallbackPlacements: h,
+        fallbackStrategy: d = "bestFit",
+        fallbackAxisSideDirection: m = "none",
+        flipAlignment: p = !0,
+        ...w
+      } = at(t, e);
+      if ((o = r.arrow) != null && o.alignmentOffset)
+        return {};
+      const y = U(i), v = U(c) === c, b = await (l.isRTL == null ? void 0 : l.isRTL(a.floating)), E = h || (v || !p ? [st(c)] : ge(c));
+      !h && m !== "none" && E.push(...ye(c, p, m, b));
+      const R = [c, ...E], T = await jt(e, w), P = [];
+      let _ = ((n = r.flip) == null ? void 0 : n.overflows) || [];
+      if (u && P.push(T[y]), f) {
+        const A = he(i, s, b);
+        P.push(T[A[0]], T[A[1]]);
+      }
+      if (_ = [..._, {
+        placement: i,
+        overflows: P
+      }], !P.every((A) => A <= 0)) {
+        var z, j;
+        const A = (((z = r.flip) == null ? void 0 : z.index) || 0) + 1, B = R[A];
+        if (B)
+          return {
+            data: {
+              index: A,
+              overflows: _
+            },
+            reset: {
+              placement: B
+            }
+          };
+        let k = (j = _.filter((O) => O.overflows[0] <= 0).sort((O, M) => O.overflows[1] - M.overflows[1])[0]) == null ? void 0 : j.placement;
+        if (!k)
+          switch (d) {
+            case "bestFit": {
+              var W;
+              const O = (W = _.map((M) => [M.placement, M.overflows.filter((C) => C > 0).reduce((C, Y) => C + Y, 0)]).sort((M, C) => M[1] - C[1])[0]) == null ? void 0 : W[0];
+              O && (k = O);
+              break;
+            }
+            case "initialPlacement":
+              k = c;
+              break;
+          }
+        if (i !== k)
+          return {
+            reset: {
+              placement: k
+            }
+          };
+      }
+      return {};
+    }
+  };
+};
+async function Re(t, e) {
+  const {
+    placement: o,
+    platform: n,
+    elements: i
+  } = t, r = await (n.isRTL == null ? void 0 : n.isRTL(i.floating)), s = U(o), c = ft(o), l = ut(o) === "y", a = ["left", "top"].includes(s) ? -1 : 1, u = r && l ? -1 : 1, f = at(e, t);
+  let {
+    mainAxis: h,
+    crossAxis: d,
+    alignmentAxis: m
+  } = typeof f == "number" ? {
+    mainAxis: f,
+    crossAxis: 0,
+    alignmentAxis: null
+  } : {
+    mainAxis: 0,
+    crossAxis: 0,
+    alignmentAxis: null,
+    ...f
+  };
+  return c && typeof m == "number" && (d = c === "end" ? m * -1 : m), l ? {
+    x: d * u,
+    y: h * a
+  } : {
+    x: h * a,
+    y: d * u
+  };
+}
+const Ce = function(t) {
+  return t === void 0 && (t = 0), {
+    name: "offset",
+    options: t,
+    async fn(e) {
+      var o, n;
+      const {
+        x: i,
+        y: r,
+        placement: s,
+        middlewareData: c
+      } = e, l = await Re(e, t);
+      return s === ((o = c.offset) == null ? void 0 : o.placement) && (n = c.arrow) != null && n.alignmentOffset ? {} : {
+        x: i + l.x,
+        y: r + l.y,
+        data: {
+          ...l,
+          placement: s
+        }
+      };
+    }
+  };
+}, Te = function(t) {
+  return t === void 0 && (t = {}), {
+    name: "shift",
+    options: t,
+    async fn(e) {
+      const {
+        x: o,
+        y: n,
+        placement: i
+      } = e, {
+        mainAxis: r = !0,
+        crossAxis: s = !1,
+        limiter: c = {
+          fn: (w) => {
+            let {
+              x: y,
+              y: v
+            } = w;
+            return {
+              x: y,
+              y: v
+            };
+          }
+        },
+        ...l
+      } = at(t, e), a = {
+        x: o,
+        y: n
+      }, u = await jt(e, l), f = ut(U(i)), h = Dt(f);
+      let d = a[h], m = a[f];
+      if (r) {
+        const w = h === "y" ? "top" : "left", y = h === "y" ? "bottom" : "right", v = d + u[w], b = d - u[y];
+        d = Rt(v, d, b);
+      }
+      if (s) {
+        const w = f === "y" ? "top" : "left", y = f === "y" ? "bottom" : "right", v = m + u[w], b = m - u[y];
+        m = Rt(v, m, b);
+      }
+      const p = c.fn({
+        ...e,
+        [h]: d,
+        [f]: m
+      });
+      return {
+        ...p,
+        data: {
+          x: p.x - o,
+          y: p.y - n
+        }
+      };
+    }
+  };
+};
+function $(t) {
+  return Wt(t) ? (t.nodeName || "").toLowerCase() : "#document";
+}
+function N(t) {
+  var e;
+  return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
+}
+function V(t) {
+  var e;
+  return (e = (Wt(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
+}
+function Wt(t) {
+  return t instanceof Node || t instanceof N(t).Node;
+}
+function F(t) {
+  return t instanceof Element || t instanceof N(t).Element;
+}
+function D(t) {
+  return t instanceof HTMLElement || t instanceof N(t).HTMLElement;
+}
+function Tt(t) {
+  return typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof N(t).ShadowRoot;
+}
+function Z(t) {
+  const {
+    overflow: e,
+    overflowX: o,
+    overflowY: n,
+    display: i
+  } = L(t);
+  return /auto|scroll|overlay|hidden|clip/.test(e + n + o) && !["inline", "contents"].includes(i);
+}
+function Ae(t) {
+  return ["table", "td", "th"].includes($(t));
+}
+function gt(t) {
+  const e = xt(), o = L(t);
+  return o.transform !== "none" || o.perspective !== "none" || (o.containerType ? o.containerType !== "normal" : !1) || !e && (o.backdropFilter ? o.backdropFilter !== "none" : !1) || !e && (o.filter ? o.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((n) => (o.willChange || "").includes(n)) || ["paint", "layout", "strict", "content"].some((n) => (o.contain || "").includes(n));
+}
+function Oe(t) {
+  let e = J(t);
+  for (; D(e) && !dt(e); ) {
+    if (gt(e))
+      return e;
+    e = J(e);
+  }
+  return null;
+}
+function xt() {
+  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
+}
+function dt(t) {
+  return ["html", "body", "#document"].includes($(t));
+}
+function L(t) {
+  return N(t).getComputedStyle(t);
+}
+function mt(t) {
+  return F(t) ? {
+    scrollLeft: t.scrollLeft,
+    scrollTop: t.scrollTop
+  } : {
+    scrollLeft: t.pageXOffset,
+    scrollTop: t.pageYOffset
+  };
+}
+function J(t) {
+  if ($(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.
+    Tt(t) && t.host || // Fallback.
+    V(t)
+  );
+  return Tt(e) ? e.host : e;
+}
+function Bt(t) {
+  const e = J(t);
+  return dt(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : D(e) && Z(e) ? e : Bt(e);
+}
+function Q(t, e, o) {
+  var n;
+  e === void 0 && (e = []), o === void 0 && (o = !0);
+  const i = Bt(t), r = i === ((n = t.ownerDocument) == null ? void 0 : n.body), s = N(i);
+  return r ? e.concat(s, s.visualViewport || [], Z(i) ? i : [], s.frameElement && o ? Q(s.frameElement) : []) : e.concat(i, Q(i, [], o));
+}
+function Ht(t) {
+  const e = L(t);
+  let o = parseFloat(e.width) || 0, n = parseFloat(e.height) || 0;
+  const i = D(t), r = i ? t.offsetWidth : o, s = i ? t.offsetHeight : n, c = rt(o) !== r || rt(n) !== s;
+  return c && (o = r, n = s), {
+    width: o,
+    height: n,
+    $: c
+  };
+}
+function yt(t) {
+  return F(t) ? t : t.contextElement;
+}
+function G(t) {
+  const e = yt(t);
+  if (!D(e))
+    return H(1);
+  const o = e.getBoundingClientRect(), {
+    width: n,
+    height: i,
+    $: r
+  } = Ht(e);
+  let s = (r ? rt(o.width) : o.width) / n, c = (r ? rt(o.height) : o.height) / i;
+  return (!s || !Number.isFinite(s)) && (s = 1), (!c || !Number.isFinite(c)) && (c = 1), {
+    x: s,
+    y: c
+  };
+}
+const Pe = /* @__PURE__ */ H(0);
+function $t(t) {
+  const e = N(t);
+  return !xt() || !e.visualViewport ? Pe : {
+    x: e.visualViewport.offsetLeft,
+    y: e.visualViewport.offsetTop
+  };
+}
+function Ne(t, e, o) {
+  return e === void 0 && (e = !1), !o || e && o !== N(t) ? !1 : e;
+}
+function X(t, e, o, n) {
+  e === void 0 && (e = !1), o === void 0 && (o = !1);
+  const i = t.getBoundingClientRect(), r = yt(t);
+  let s = H(1);
+  e && (n ? F(n) && (s = G(n)) : s = G(t));
+  const c = Ne(r, o, n) ? $t(r) : H(0);
+  let l = (i.left + c.x) / s.x, a = (i.top + c.y) / s.y, u = i.width / s.x, f = i.height / s.y;
+  if (r) {
+    const h = N(r), d = n && F(n) ? N(n) : n;
+    let m = h, p = m.frameElement;
+    for (; p && n && d !== m; ) {
+      const w = G(p), y = p.getBoundingClientRect(), v = L(p), b = y.left + (p.clientLeft + parseFloat(v.paddingLeft)) * w.x, E = y.top + (p.clientTop + parseFloat(v.paddingTop)) * w.y;
+      l *= w.x, a *= w.y, u *= w.x, f *= w.y, l += b, a += E, m = N(p), p = m.frameElement;
+    }
+  }
+  return ct({
+    width: u,
+    height: f,
+    x: l,
+    y: a
+  });
+}
+const _e = [":popover-open", ":modal"];
+function zt(t) {
+  return _e.some((e) => {
+    try {
+      return t.matches(e);
+    } catch {
+      return !1;
+    }
+  });
+}
+function Se(t) {
+  let {
+    elements: e,
+    rect: o,
+    offsetParent: n,
+    strategy: i
+  } = t;
+  const r = i === "fixed", s = V(n), c = e ? zt(e.floating) : !1;
+  if (n === s || c && r)
+    return o;
+  let l = {
+    scrollLeft: 0,
+    scrollTop: 0
+  }, a = H(1);
+  const u = H(0), f = D(n);
+  if ((f || !f && !r) && (($(n) !== "body" || Z(s)) && (l = mt(n)), D(n))) {
+    const h = X(n);
+    a = G(n), u.x = h.x + n.clientLeft, u.y = h.y + n.clientTop;
+  }
+  return {
+    width: o.width * a.x,
+    height: o.height * a.y,
+    x: o.x * a.x - l.scrollLeft * a.x + u.x,
+    y: o.y * a.y - l.scrollTop * a.y + u.y
+  };
+}
+function Le(t) {
+  return Array.from(t.getClientRects());
+}
+function It(t) {
+  return X(V(t)).left + mt(t).scrollLeft;
+}
+function ke(t) {
+  const e = V(t), o = mt(t), n = t.ownerDocument.body, i = I(e.scrollWidth, e.clientWidth, n.scrollWidth, n.clientWidth), r = I(e.scrollHeight, e.clientHeight, n.scrollHeight, n.clientHeight);
+  let s = -o.scrollLeft + It(t);
+  const c = -o.scrollTop;
+  return L(n).direction === "rtl" && (s += I(e.clientWidth, n.clientWidth) - i), {
+    width: i,
+    height: r,
+    x: s,
+    y: c
+  };
+}
+function Me(t, e) {
+  const o = N(t), n = V(t), i = o.visualViewport;
+  let r = n.clientWidth, s = n.clientHeight, c = 0, l = 0;
+  if (i) {
+    r = i.width, s = i.height;
+    const a = xt();
+    (!a || a && e === "fixed") && (c = i.offsetLeft, l = i.offsetTop);
+  }
+  return {
+    width: r,
+    height: s,
+    x: c,
+    y: l
+  };
+}
+function De(t, e) {
+  const o = X(t, !0, e === "fixed"), n = o.top + t.clientTop, i = o.left + t.clientLeft, r = D(t) ? G(t) : H(1), s = t.clientWidth * r.x, c = t.clientHeight * r.y, l = i * r.x, a = n * r.y;
+  return {
+    width: s,
+    height: c,
+    x: l,
+    y: a
+  };
+}
+function At(t, e, o) {
+  let n;
+  if (e === "viewport")
+    n = Me(t, o);
+  else if (e === "document")
+    n = ke(V(t));
+  else if (F(e))
+    n = De(e, o);
+  else {
+    const i = $t(t);
+    n = {
+      ...e,
+      x: e.x - i.x,
+      y: e.y - i.y
+    };
+  }
+  return ct(n);
+}
+function Ut(t, e) {
+  const o = J(t);
+  return o === e || !F(o) || dt(o) ? !1 : L(o).position === "fixed" || Ut(o, e);
+}
+function Fe(t, e) {
+  const o = e.get(t);
+  if (o)
+    return o;
+  let n = Q(t, [], !1).filter((c) => F(c) && $(c) !== "body"), i = null;
+  const r = L(t).position === "fixed";
+  let s = r ? J(t) : t;
+  for (; F(s) && !dt(s); ) {
+    const c = L(s), l = gt(s);
+    !l && c.position === "fixed" && (i = null), (r ? !l && !i : !l && c.position === "static" && !!i && ["absolute", "fixed"].includes(i.position) || Z(s) && !l && Ut(t, s)) ? n = n.filter((u) => u !== s) : i = c, s = J(s);
+  }
+  return e.set(t, n), n;
+}
+function Ve(t) {
+  let {
+    element: e,
+    boundary: o,
+    rootBoundary: n,
+    strategy: i
+  } = t;
+  const s = [...o === "clippingAncestors" ? Fe(e, this._c) : [].concat(o), n], c = s[0], l = s.reduce((a, u) => {
+    const f = At(e, u, i);
+    return a.top = I(f.top, a.top), a.right = it(f.right, a.right), a.bottom = it(f.bottom, a.bottom), a.left = I(f.left, a.left), a;
+  }, At(e, c, i));
+  return {
+    width: l.right - l.left,
+    height: l.bottom - l.top,
+    x: l.left,
+    y: l.top
+  };
+}
+function je(t) {
+  const {
+    width: e,
+    height: o
+  } = Ht(t);
+  return {
+    width: e,
+    height: o
+  };
+}
+function We(t, e, o) {
+  const n = D(e), i = V(e), r = o === "fixed", s = X(t, !0, r, e);
+  let c = {
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+  const l = H(0);
+  if (n || !n && !r)
+    if (($(e) !== "body" || Z(i)) && (c = mt(e)), n) {
+      const f = X(e, !0, r, e);
+      l.x = f.x + e.clientLeft, l.y = f.y + e.clientTop;
+    } else
+      i && (l.x = It(i));
+  const a = s.left + c.scrollLeft - l.x, u = s.top + c.scrollTop - l.y;
+  return {
+    x: a,
+    y: u,
+    width: s.width,
+    height: s.height
+  };
+}
+function Ot(t, e) {
+  return !D(t) || L(t).position === "fixed" ? null : e ? e(t) : t.offsetParent;
+}
+function Xt(t, e) {
+  const o = N(t);
+  if (!D(t) || zt(t))
+    return o;
+  let n = Ot(t, e);
+  for (; n && Ae(n) && L(n).position === "static"; )
+    n = Ot(n, e);
+  return n && ($(n) === "html" || $(n) === "body" && L(n).position === "static" && !gt(n)) ? o : n || Oe(t) || o;
+}
+const Be = async function(t) {
+  const e = this.getOffsetParent || Xt, o = this.getDimensions, n = await o(t.floating);
+  return {
+    reference: We(t.reference, await e(t.floating), t.strategy),
+    floating: {
+      x: 0,
+      y: 0,
+      width: n.width,
+      height: n.height
+    }
+  };
+};
+function He(t) {
+  return L(t).direction === "rtl";
+}
+const $e = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: Se,
+  getDocumentElement: V,
+  getClippingRect: Ve,
+  getOffsetParent: Xt,
+  getElementRects: Be,
+  getClientRects: Le,
+  getDimensions: je,
+  getScale: G,
+  isElement: F,
+  isRTL: He
+};
+function ze(t, e) {
+  let o = null, n;
+  const i = V(t);
+  function r() {
+    var c;
+    clearTimeout(n), (c = o) == null || c.disconnect(), o = null;
+  }
+  function s(c, l) {
+    c === void 0 && (c = !1), l === void 0 && (l = 1), r();
+    const {
+      left: a,
+      top: u,
+      width: f,
+      height: h
+    } = t.getBoundingClientRect();
+    if (c || e(), !f || !h)
+      return;
+    const d = tt(u), m = tt(i.clientWidth - (a + f)), p = tt(i.clientHeight - (u + h)), w = tt(a), v = {
+      rootMargin: -d + "px " + -m + "px " + -p + "px " + -w + "px",
+      threshold: I(0, it(1, l)) || 1
+    };
+    let b = !0;
+    function E(R) {
+      const T = R[0].intersectionRatio;
+      if (T !== l) {
+        if (!b)
+          return s();
+        T ? s(!1, T) : n = setTimeout(() => {
+          s(!1, 1e-7);
+        }, 1e3);
+      }
+      b = !1;
+    }
+    try {
+      o = new IntersectionObserver(E, {
+        ...v,
+        // Handle <iframe>s
+        root: i.ownerDocument
+      });
+    } catch {
+      o = new IntersectionObserver(E, v);
+    }
+    o.observe(t);
+  }
+  return s(!0), r;
+}
+function Pt(t, e, o, n) {
+  n === void 0 && (n = {});
+  const {
+    ancestorScroll: i = !0,
+    ancestorResize: r = !0,
+    elementResize: s = typeof ResizeObserver == "function",
+    layoutShift: c = typeof IntersectionObserver == "function",
+    animationFrame: l = !1
+  } = n, a = yt(t), u = i || r ? [...a ? Q(a) : [], ...Q(e)] : [];
+  u.forEach((y) => {
+    i && y.addEventListener("scroll", o, {
+      passive: !0
+    }), r && y.addEventListener("resize", o);
+  });
+  const f = a && c ? ze(a, o) : null;
+  let h = -1, d = null;
+  s && (d = new ResizeObserver((y) => {
+    let [v] = y;
+    v && v.target === a && d && (d.unobserve(e), cancelAnimationFrame(h), h = requestAnimationFrame(() => {
+      var b;
+      (b = d) == null || b.observe(e);
+    })), o();
+  }), a && !l && d.observe(a), d.observe(e));
+  let m, p = l ? X(t) : null;
+  l && w();
+  function w() {
+    const y = X(t);
+    p && (y.x !== p.x || y.y !== p.y || y.width !== p.width || y.height !== p.height) && o(), p = y, m = requestAnimationFrame(w);
+  }
+  return o(), () => {
+    var y;
+    u.forEach((v) => {
+      i && v.removeEventListener("scroll", o), r && v.removeEventListener("resize", o);
+    }), f == null || f(), (y = d) == null || y.disconnect(), d = null, l && cancelAnimationFrame(m);
+  };
+}
+const Nt = Ce, Ie = Te, Ue = Ee, Xe = (t, e, o) => {
+  const n = /* @__PURE__ */ new Map(), i = {
+    platform: $e,
+    ...o
+  }, r = {
+    ...i.platform,
+    _c: n
+  };
+  return be(t, e, {
+    ...i,
+    platform: r
+  });
+};
+var nt = typeof document < "u" ? Qt : Lt;
+function lt(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 o, n, i;
+  if (t && e && typeof t == "object") {
+    if (Array.isArray(t)) {
+      if (o = t.length, o !== e.length)
+        return !1;
+      for (n = o; n-- !== 0; )
+        if (!lt(t[n], e[n]))
+          return !1;
+      return !0;
+    }
+    if (i = Object.keys(t), o = i.length, o !== Object.keys(e).length)
+      return !1;
+    for (n = o; n-- !== 0; )
+      if (!{}.hasOwnProperty.call(e, i[n]))
+        return !1;
+    for (n = o; n-- !== 0; ) {
+      const r = i[n];
+      if (!(r === "_owner" && t.$$typeof) && !lt(t[r], e[r]))
+        return !1;
+    }
+    return !0;
+  }
+  return t !== t && e !== e;
+}
+function Yt(t) {
+  return typeof window > "u" ? 1 : (t.ownerDocument.defaultView || window).devicePixelRatio || 1;
+}
+function _t(t, e) {
+  const o = Yt(t);
+  return Math.round(e * o) / o;
+}
+function St(t) {
+  const e = x.useRef(t);
+  return nt(() => {
+    e.current = t;
+  }), e;
+}
+function Ye(t) {
+  t === void 0 && (t = {});
+  const {
+    placement: e = "bottom",
+    strategy: o = "absolute",
+    middleware: n = [],
+    platform: i,
+    elements: {
+      reference: r,
+      floating: s
+    } = {},
+    transform: c = !0,
+    whileElementsMounted: l,
+    open: a
+  } = t, [u, f] = x.useState({
+    x: 0,
+    y: 0,
+    strategy: o,
+    placement: e,
+    middlewareData: {},
+    isPositioned: !1
+  }), [h, d] = x.useState(n);
+  lt(h, n) || d(n);
+  const [m, p] = x.useState(null), [w, y] = x.useState(null), v = x.useCallback((C) => {
+    C !== T.current && (T.current = C, p(C));
+  }, []), b = x.useCallback((C) => {
+    C !== P.current && (P.current = C, y(C));
+  }, []), E = r || m, R = s || w, T = x.useRef(null), P = x.useRef(null), _ = x.useRef(u), z = l != null, j = St(l), W = St(i), A = x.useCallback(() => {
+    if (!T.current || !P.current)
+      return;
+    const C = {
+      placement: e,
+      strategy: o,
+      middleware: h
+    };
+    W.current && (C.platform = W.current), Xe(T.current, P.current, C).then((Y) => {
+      const q = {
+        ...Y,
+        isPositioned: !0
+      };
+      B.current && !lt(_.current, q) && (_.current = q, le.flushSync(() => {
+        f(q);
+      }));
+    });
+  }, [h, e, o, W]);
+  nt(() => {
+    a === !1 && _.current.isPositioned && (_.current.isPositioned = !1, f((C) => ({
+      ...C,
+      isPositioned: !1
+    })));
+  }, [a]);
+  const B = x.useRef(!1);
+  nt(() => (B.current = !0, () => {
+    B.current = !1;
+  }), []), nt(() => {
+    if (E && (T.current = E), R && (P.current = R), E && R) {
+      if (j.current)
+        return j.current(E, R, A);
+      A();
+    }
+  }, [E, R, A, j, z]);
+  const k = x.useMemo(() => ({
+    reference: T,
+    floating: P,
+    setReference: v,
+    setFloating: b
+  }), [v, b]), O = x.useMemo(() => ({
+    reference: E,
+    floating: R
+  }), [E, R]), M = x.useMemo(() => {
+    const C = {
+      position: o,
+      left: 0,
+      top: 0
+    };
+    if (!O.floating)
+      return C;
+    const Y = _t(O.floating, u.x), q = _t(O.floating, u.y);
+    return c ? {
+      ...C,
+      transform: "translate(" + Y + "px, " + q + "px)",
+      ...Yt(O.floating) >= 1.5 && {
+        willChange: "transform"
+      }
+    } : {
+      position: o,
+      left: Y,
+      top: q
+    };
+  }, [o, c, O.floating, u.x, u.y]);
+  return x.useMemo(() => ({
+    ...u,
+    update: A,
+    refs: k,
+    elements: O,
+    floatingStyles: M
+  }), [u, A, k, O, M]);
+}
+const qt = "Popup";
+function qe(t) {
+  return te(qt, t);
+}
+ee(qt, ["root", "open"]);
+const wt = /* @__PURE__ */ x.createContext(null);
+process.env.NODE_ENV !== "production" && (wt.displayName = "TransitionContext");
+function Ke() {
+  const t = x.useContext(wt);
+  if (!t)
+    throw new Error("Missing transition context");
+  const {
+    registerTransition: e,
+    requestedEnter: o,
+    onExited: n
+  } = t;
+  return x.useEffect(() => e(), [e]), {
+    onExited: n,
+    requestedEnter: o
+  };
+}
+function Ge(t) {
+  const [e, o] = x.useState(!0), n = x.useRef(!1), i = x.useRef(0), [r, s] = x.useState(!1), c = x.useRef(t);
+  x.useEffect(() => {
+    !t && // checking registeredTransitions.current instead of hasTransition to avoid this effect re-firing whenever hasTransition changes
+    i.current > 0 && // prevents waiting for a pending transition right after mounting
+    c.current !== t && (n.current = !0, o(!1)), c.current = t;
+  }, [t]);
+  const l = x.useCallback(() => {
+    n.current = !1, o(!0);
+  }, []), a = x.useCallback(() => (i.current += 1, s(!0), () => {
+    i.current -= 1, i.current === 0 && s(!1);
+  }), []);
+  let u;
+  return r ? t ? u = !1 : u = !n.current && e : u = !t, {
+    contextValue: x.useMemo(() => ({
+      requestedEnter: t,
+      onExited: l,
+      registerTransition: a,
+      hasExited: u
+    }), [l, t, a, u]),
+    hasExited: u
+  };
+}
+const Kt = /* @__PURE__ */ x.createContext(null);
+process.env.NODE_ENV !== "production" && (Kt.displayName = "PopupContext");
+const Je = ["anchor", "children", "container", "disablePortal", "keepMounted", "middleware", "offset", "open", "placement", "slotProps", "slots", "strategy"];
+function Qe(t) {
+  const {
+    open: e
+  } = t;
+  return oe({
+    root: ["root", e && "open"]
+  }, ie(qe));
+}
+function Ze(t) {
+  return typeof t == "function" ? t() : t;
+}
+const Gt = /* @__PURE__ */ x.forwardRef(function(e, o) {
+  var n;
+  const {
+    anchor: i,
+    children: r,
+    container: s,
+    disablePortal: c = !1,
+    keepMounted: l = !1,
+    middleware: a,
+    offset: u = 0,
+    open: f = !1,
+    placement: h = "bottom",
+    slotProps: d = {},
+    slots: m = {},
+    strategy: p = "absolute"
+  } = e, w = kt(e, Je), {
+    refs: y,
+    elements: v,
+    floatingStyles: b,
+    update: E,
+    placement: R
+  } = Ye({
+    elements: {
+      reference: Ze(i)
+    },
+    open: f,
+    middleware: a ?? [Nt(u ?? 0), Ue(), Ie()],
+    placement: h,
+    strategy: p,
+    whileElementsMounted: l ? void 0 : Pt
+  }), T = Mt(y.setFloating, o);
+  fe(() => {
+    if (l && f && v.reference && v.floating)
+      return Pt(v.reference, v.floating, E);
+  }, [l, f, v, E]);
+  const P = et({}, e, {
+    disablePortal: c,
+    keepMounted: l,
+    offset: Nt,
+    open: f,
+    placement: h,
+    finalPlacement: R,
+    strategy: p
+  }), {
+    contextValue: _,
+    hasExited: z
+  } = Ge(f), j = l && z ? "hidden" : void 0, W = Qe(P), A = (n = m == null ? void 0 : m.root) != null ? n : "div", B = ne({
+    elementType: A,
+    externalSlotProps: d.root,
+    externalForwardedProps: w,
+    ownerState: P,
+    className: W.root,
+    additionalProps: {
+      ref: T,
+      role: "tooltip",
+      style: et({}, b, {
+        visibility: j
+      })
+    }
+  }), k = x.useMemo(() => ({
+    placement: R
+  }), [R]);
+  return l || !z ? /* @__PURE__ */ S(ae, {
+    disablePortal: c,
+    container: s,
+    children: /* @__PURE__ */ S(Kt.Provider, {
+      value: k,
+      children: /* @__PURE__ */ S(wt.Provider, {
+        value: _,
+        children: /* @__PURE__ */ S(A, et({}, B, {
+          children: r
+        }))
+      })
+    })
+  }) : null;
+});
+process.env.NODE_ENV !== "production" && (Gt.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * An HTML element, [virtual element](https://floating-ui.com/docs/virtual-elements),
+   * or a function that returns either.
+   * It's used to set the position of the popup.
+   */
+  anchor: g.oneOfType([bt, g.object, g.func]),
+  /**
+   * @ignore
+   */
+  children: g.oneOfType([g.node, g.func]),
+  /**
+   * An HTML element or function that returns one. The container will have the portal children appended to it.
+   * By default, it uses the body of the top-level document object, so it's `document.body` in these cases.
+   */
+  container: g.oneOfType([bt, g.func]),
+  /**
+   * If `true`, the popup will be rendered where it is defined, without the use of portals.
+   * @default false
+   */
+  disablePortal: g.bool,
+  /**
+   * If `true`, the popup will exist in the DOM even if it's closed.
+   * Its visibility will be controlled by the `visibility` CSS property.
+   *
+   * Otherwise, a closed popup will be removed from the DOM.
+   *
+   * @default false
+   */
+  keepMounted: g.bool,
+  /**
+   * Collection of Floating UI middleware to use when positioning the popup.
+   * If not provided, the [`offset`](https://floating-ui.com/docs/offset)
+   * and [`flip`](https://floating-ui.com/docs/flip) functions will be used.
+   *
+   * @see https://floating-ui.com/docs/computePosition#middleware
+   */
+  middleware: g.arrayOf(g.oneOfType([g.oneOf([!1]), g.shape({
+    fn: g.func.isRequired,
+    name: g.string.isRequired,
+    options: g.any
+  })])),
+  /**
+   * Distance between a popup and the trigger element.
+   * This prop is ignored when custom `middleware` is provided.
+   *
+   * @default 0
+   * @see https://floating-ui.com/docs/offset
+   */
+  offset: g.oneOfType([g.func, g.number, g.shape({
+    alignmentAxis: g.number,
+    crossAxis: g.number,
+    mainAxis: g.number
+  })]),
+  /**
+   * If `true`, the popup is visible.
+   *
+   * @default false
+   */
+  open: g.bool,
+  /**
+   * Determines where to place the popup relative to the trigger element.
+   *
+   * @default 'bottom'
+   * @see https://floating-ui.com/docs/computePosition#placement
+   */
+  placement: g.oneOf(["bottom-end", "bottom-start", "bottom", "left-end", "left-start", "left", "right-end", "right-start", "right", "top-end", "top-start", "top"]),
+  /**
+   * The props used for each slot inside the Popup.
+   *
+   * @default {}
+   */
+  slotProps: g.shape({
+    root: g.oneOfType([g.func, g.object])
+  }),
+  /**
+   * The components used for each slot inside the Popup.
+   * Either a string to use a HTML element or a component.
+   *
+   * @default {}
+   */
+  slots: g.shape({
+    root: g.elementType
+  }),
+  /**
+   * The type of CSS position property to use (absolute or fixed).
+   *
+   * @default 'absolute'
+   * @see https://floating-ui.com/docs/computePosition#strategy
+   */
+  strategy: g.oneOf(["absolute", "fixed"])
+});
+const tn = ["children", "className", "enterAnimationName", "enterClassName", "exitAnimationName", "exitClassName"];
+function Jt(t) {
+  const {
+    children: e,
+    className: o,
+    enterAnimationName: n,
+    enterClassName: i,
+    exitAnimationName: r,
+    exitClassName: s
+  } = t, c = kt(t, tn), {
+    requestedEnter: l,
+    onExited: a
+  } = Ke(), u = x.useRef(!0);
+  x.useEffect(() => {
+    l && u.current && (u.current = !1);
+  }, [l]);
+  const f = x.useCallback((h) => {
+    h.animationName === r ? (a(), u.current = !0) : h.animationName === n && (u.current = !1);
+  }, [a, r, n]);
+  return /* @__PURE__ */ S("div", et({
+    onAnimationEnd: f,
+    className: ue(o, l ? i : s)
+  }, c, {
+    children: e
+  }));
+}
+process.env.NODE_ENV !== "production" && (Jt.propTypes = {
+  children: g.node,
+  className: g.string,
+  enterAnimationName: g.string,
+  enterClassName: g.string,
+  exitAnimationName: g.string,
+  exitClassName: g.string
+});
+const en = "_tooltip_1dujm_1", K = {
+  tooltip: en,
+  "tooltip--small-padding": "_tooltip--small-padding_1dujm_5",
+  "tooltip--normal-padding": "_tooltip--normal-padding_1dujm_8",
+  "tooltip--white-theme": "_tooltip--white-theme_1dujm_11",
+  "tooltip--black-theme": "_tooltip--black-theme_1dujm_15",
+  "tooltip--animation": "_tooltip--animation_1dujm_20",
+  "tooltip--anim-open": "_tooltip--anim-open_1dujm_20",
+  "tooltip--open-animation": "_tooltip--open-animation_1dujm_1",
+  "tooltip--anim-close": "_tooltip--anim-close_1dujm_23",
+  "tooltip--close-animation": "_tooltip--close-animation_1dujm_1"
+}, fn = ({
+  children: t,
+  show: e,
+  anchorRef: o,
+  onClose: n,
+  arialRole: i,
+  position: r = "bottom",
+  theme: s = "black",
+  padding: c = "small",
+  className: l,
+  disableHoverListener: a,
+  ...u
+}) => {
+  const f = Zt(null), [h, d] = vt(e || !1), [m, p] = vt(o || null);
+  Lt(() => {
+    var b;
+    if (!o && (f != null && f.current)) {
+      const E = (b = f == null ? void 0 : f.current) == null ? void 0 : b.parentElement;
+      E && (a || (E.onpointerenter = () => d(!0), E.onpointerleave = () => d(!1)), p(E));
+    }
+  }, [f, a, o]);
+  const w = (b) => {
+    o != null && o.contains(b.target) || (n == null || n(), !a && d(!1));
+  }, y = {
+    padding: r.match(/(bottom|top)/) ? ".25rem 0" : "0 .25rem",
+    zIndex: 1
+  }, v = [
+    K.tooltip,
+    K[`tooltip--${s}-theme`],
+    K[`tooltip--${c}-padding`],
+    l || ""
+  ].join(" ").trim();
+  return /* @__PURE__ */ S("span", { ref: f, children: /* @__PURE__ */ S(
+    Gt,
+    {
+      ...u,
+      open: e || h,
+      anchor: m,
+      disablePortal: !0,
+      style: y,
+      role: i,
+      placement: r,
+      children: /* @__PURE__ */ S(
+        Jt,
+        {
+          className: K["tooltip--animation"],
+          enterClassName: K["tooltip--anim-open"],
+          exitClassName: K["tooltip--anim-close"],
+          enterAnimationName: "tooltip--open-animation",
+          exitAnimationName: "tooltip--close-animation",
+          children: /* @__PURE__ */ S("div", { className: v, children: /* @__PURE__ */ S(ot, { onClickAway: w, children: /* @__PURE__ */ S("div", { children: t }) }) })
+        }
+      )
+    }
+  ) });
+};
+export {
+  fn as Tooltip
+};