@pismo/marola 0.0.1-alpha.5 → 0.0.1-alpha.7

package/dist/components/Tooltip/Tooltip.js

@@ -1 +1,1366 @@
-
+import '../../assets/Tooltip.css';
+import { jsx as L } from "react/jsx-runtime";
+import * as w from "react";
+import { useLayoutEffect as qt, useEffect as Pt, useRef as Kt, useState as yt } from "react";
+import { _ as _t, a as et } from "../../objectWithoutPropertiesLoose-D7Cp0Pg_.js";
+import { g as Gt, a as Jt, u as Qt, b as Zt, P as p, c as te, d as ee } from "../../index-CqjC7P5Y.js";
+import { r as ne } from "../../index-BNWbc5Kh.js";
+import { u as oe } from "../../useEnhancedEffect-CJGo-L3B.js";
+import { P as ie, H as wt } from "../../Portal-BcdMtRGF.js";
+import { c as re } from "../../clsx-DB4S2d7J.js";
+import { C as se } from "../../ClickAwayListener-BKznXF1d.js";
+const ot = Math.min, I = Math.max, it = Math.round, tt = Math.floor, $ = (t) => ({
+  x: t,
+  y: t
+}), le = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+}, ce = {
+  start: "end",
+  end: "start"
+};
+function vt(t, e, o) {
+  return I(t, ot(e, o));
+}
+function ct(t, e) {
+  return typeof t == "function" ? t(e) : t;
+}
+function U(t) {
+  return t.split("-")[0];
+}
+function at(t) {
+  return t.split("-")[1];
+}
+function St(t) {
+  return t === "x" ? "y" : "x";
+}
+function Lt(t) {
+  return t === "y" ? "height" : "width";
+}
+function ft(t) {
+  return ["top", "bottom"].includes(U(t)) ? "y" : "x";
+}
+function kt(t) {
+  return St(ft(t));
+}
+function ae(t, e, o) {
+  o === void 0 && (o = !1);
+  const n = at(t), i = kt(t), r = Lt(i);
+  let s = i === "x" ? n === (o ? "end" : "start") ? "right" : "left" : n === "start" ? "bottom" : "top";
+  return e.reference[r] > e.floating[r] && (s = rt(s)), [s, rt(s)];
+}
+function fe(t) {
+  const e = rt(t);
+  return [mt(t), e, mt(e)];
+}
+function mt(t) {
+  return t.replace(/start|end/g, (e) => ce[e]);
+}
+function ue(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 de(t, e, o, n) {
+  const i = at(t);
+  let r = ue(U(t), o === "start", n);
+  return i && (r = r.map((s) => s + "-" + i), e && (r = r.concat(r.map(mt)))), r;
+}
+function rt(t) {
+  return t.replace(/left|right|bottom|top/g, (e) => le[e]);
+}
+function me(t) {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    ...t
+  };
+}
+function pe(t) {
+  return typeof t != "number" ? me(t) : {
+    top: t,
+    right: t,
+    bottom: t,
+    left: t
+  };
+}
+function st(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 bt(t, e, o) {
+  let {
+    reference: n,
+    floating: i
+  } = t;
+  const r = ft(e), s = kt(e), l = Lt(s), c = U(e), a = r === "y", f = n.x + n.width / 2 - i.width / 2, u = n.y + n.height / 2 - i.height / 2, m = n[l] / 2 - i[l] / 2;
+  let d;
+  switch (c) {
+    case "top":
+      d = {
+        x: f,
+        y: n.y - i.height
+      };
+      break;
+    case "bottom":
+      d = {
+        x: f,
+        y: n.y + n.height
+      };
+      break;
+    case "right":
+      d = {
+        x: n.x + n.width,
+        y: u
+      };
+      break;
+    case "left":
+      d = {
+        x: n.x - i.width,
+        y: u
+      };
+      break;
+    default:
+      d = {
+        x: n.x,
+        y: n.y
+      };
+  }
+  switch (at(e)) {
+    case "start":
+      d[s] -= m * (o && a ? -1 : 1);
+      break;
+    case "end":
+      d[s] += m * (o && a ? -1 : 1);
+      break;
+  }
+  return d;
+}
+const he = async (t, e, o) => {
+  const {
+    placement: n = "bottom",
+    strategy: i = "absolute",
+    middleware: r = [],
+    platform: s
+  } = o, l = r.filter(Boolean), c = await (s.isRTL == null ? void 0 : s.isRTL(e));
+  let a = await s.getElementRects({
+    reference: t,
+    floating: e,
+    strategy: i
+  }), {
+    x: f,
+    y: u
+  } = bt(a, n, c), m = n, d = {}, g = 0;
+  for (let x = 0; x < l.length; x++) {
+    const {
+      name: v,
+      fn: h
+    } = l[x], {
+      x: y,
+      y: b,
+      data: C,
+      reset: E
+    } = await h({
+      x: f,
+      y: u,
+      initialPlacement: n,
+      placement: m,
+      strategy: i,
+      middlewareData: d,
+      rects: a,
+      platform: s,
+      elements: {
+        reference: t,
+        floating: e
+      }
+    });
+    f = y ?? f, u = b ?? u, d = {
+      ...d,
+      [v]: {
+        ...d[v],
+        ...C
+      }
+    }, E && g <= 50 && (g++, typeof E == "object" && (E.placement && (m = E.placement), E.rects && (a = E.rects === !0 ? await s.getElementRects({
+      reference: t,
+      floating: e,
+      strategy: i
+    }) : E.rects), {
+      x: f,
+      y: u
+    } = bt(a, m, c)), x = -1);
+  }
+  return {
+    x: f,
+    y: u,
+    placement: m,
+    strategy: i,
+    middlewareData: d
+  };
+};
+async function Mt(t, e) {
+  var o;
+  e === void 0 && (e = {});
+  const {
+    x: n,
+    y: i,
+    platform: r,
+    rects: s,
+    elements: l,
+    strategy: c
+  } = t, {
+    boundary: a = "clippingAncestors",
+    rootBoundary: f = "viewport",
+    elementContext: u = "floating",
+    altBoundary: m = !1,
+    padding: d = 0
+  } = ct(e, t), g = pe(d), v = l[m ? u === "floating" ? "reference" : "floating" : u], h = st(await r.getClippingRect({
+    element: (o = await (r.isElement == null ? void 0 : r.isElement(v))) == null || o ? v : v.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(l.floating)),
+    boundary: a,
+    rootBoundary: f,
+    strategy: c
+  })), y = u === "floating" ? {
+    x: n,
+    y: i,
+    width: s.floating.width,
+    height: s.floating.height
+  } : s.reference, b = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(l.floating)), C = 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
+  }, E = st(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements: l,
+    rect: y,
+    offsetParent: b,
+    strategy: c
+  }) : y);
+  return {
+    top: (h.top - E.top + g.top) / C.y,
+    bottom: (E.bottom - h.bottom + g.bottom) / C.y,
+    left: (h.left - E.left + g.left) / C.x,
+    right: (E.right - h.right + g.right) / C.x
+  };
+}
+const ge = 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: l,
+        platform: c,
+        elements: a
+      } = e, {
+        mainAxis: f = !0,
+        crossAxis: u = !0,
+        fallbackPlacements: m,
+        fallbackStrategy: d = "bestFit",
+        fallbackAxisSideDirection: g = "none",
+        flipAlignment: x = !0,
+        ...v
+      } = ct(t, e);
+      if ((o = r.arrow) != null && o.alignmentOffset)
+        return {};
+      const h = U(i), y = U(l) === l, b = await (c.isRTL == null ? void 0 : c.isRTL(a.floating)), C = m || (y || !x ? [rt(l)] : fe(l));
+      !m && g !== "none" && C.push(...de(l, x, g, b));
+      const E = [l, ...C], A = await Mt(e, v), N = [];
+      let _ = ((n = r.flip) == null ? void 0 : n.overflows) || [];
+      if (f && N.push(A[h]), u) {
+        const T = ae(i, s, b);
+        N.push(A[T[0]], A[T[1]]);
+      }
+      if (_ = [..._, {
+        placement: i,
+        overflows: N
+      }], !N.every((T) => T <= 0)) {
+        var z, j;
+        const T = (((z = r.flip) == null ? void 0 : z.index) || 0) + 1, W = E[T];
+        if (W)
+          return {
+            data: {
+              index: T,
+              overflows: _
+            },
+            reset: {
+              placement: W
+            }
+          };
+        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 B;
+              const O = (B = _.map((M) => [M.placement, M.overflows.filter((R) => R > 0).reduce((R, Y) => R + Y, 0)]).sort((M, R) => M[1] - R[1])[0]) == null ? void 0 : B[0];
+              O && (k = O);
+              break;
+            }
+            case "initialPlacement":
+              k = l;
+              break;
+          }
+        if (i !== k)
+          return {
+            reset: {
+              placement: k
+            }
+          };
+      }
+      return {};
+    }
+  };
+};
+async function xe(t, e) {
+  const {
+    placement: o,
+    platform: n,
+    elements: i
+  } = t, r = await (n.isRTL == null ? void 0 : n.isRTL(i.floating)), s = U(o), l = at(o), c = ft(o) === "y", a = ["left", "top"].includes(s) ? -1 : 1, f = r && c ? -1 : 1, u = ct(e, t);
+  let {
+    mainAxis: m,
+    crossAxis: d,
+    alignmentAxis: g
+  } = typeof u == "number" ? {
+    mainAxis: u,
+    crossAxis: 0,
+    alignmentAxis: null
+  } : {
+    mainAxis: 0,
+    crossAxis: 0,
+    alignmentAxis: null,
+    ...u
+  };
+  return l && typeof g == "number" && (d = l === "end" ? g * -1 : g), c ? {
+    x: d * f,
+    y: m * a
+  } : {
+    x: m * a,
+    y: d * f
+  };
+}
+const ye = 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: l
+      } = e, c = await xe(e, t);
+      return s === ((o = l.offset) == null ? void 0 : o.placement) && (n = l.arrow) != null && n.alignmentOffset ? {} : {
+        x: i + c.x,
+        y: r + c.y,
+        data: {
+          ...c,
+          placement: s
+        }
+      };
+    }
+  };
+}, we = 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: l = {
+          fn: (v) => {
+            let {
+              x: h,
+              y
+            } = v;
+            return {
+              x: h,
+              y
+            };
+          }
+        },
+        ...c
+      } = ct(t, e), a = {
+        x: o,
+        y: n
+      }, f = await Mt(e, c), u = ft(U(i)), m = St(u);
+      let d = a[m], g = a[u];
+      if (r) {
+        const v = m === "y" ? "top" : "left", h = m === "y" ? "bottom" : "right", y = d + f[v], b = d - f[h];
+        d = vt(y, d, b);
+      }
+      if (s) {
+        const v = u === "y" ? "top" : "left", h = u === "y" ? "bottom" : "right", y = g + f[v], b = g - f[h];
+        g = vt(y, g, b);
+      }
+      const x = l.fn({
+        ...e,
+        [m]: d,
+        [u]: g
+      });
+      return {
+        ...x,
+        data: {
+          x: x.x - o,
+          y: x.y - n
+        }
+      };
+    }
+  };
+};
+function H(t) {
+  return Dt(t) ? (t.nodeName || "").toLowerCase() : "#document";
+}
+function P(t) {
+  var e;
+  return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
+}
+function V(t) {
+  var e;
+  return (e = (Dt(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
+}
+function Dt(t) {
+  return t instanceof Node || t instanceof P(t).Node;
+}
+function F(t) {
+  return t instanceof Element || t instanceof P(t).Element;
+}
+function D(t) {
+  return t instanceof HTMLElement || t instanceof P(t).HTMLElement;
+}
+function Ct(t) {
+  return typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof P(t).ShadowRoot;
+}
+function Z(t) {
+  const {
+    overflow: e,
+    overflowX: o,
+    overflowY: n,
+    display: i
+  } = S(t);
+  return /auto|scroll|overlay|hidden|clip/.test(e + n + o) && !["inline", "contents"].includes(i);
+}
+function ve(t) {
+  return ["table", "td", "th"].includes(H(t));
+}
+function pt(t) {
+  const e = ht(), o = S(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 be(t) {
+  let e = J(t);
+  for (; D(e) && !ut(e); ) {
+    if (pt(e))
+      return e;
+    e = J(e);
+  }
+  return null;
+}
+function ht() {
+  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
+}
+function ut(t) {
+  return ["html", "body", "#document"].includes(H(t));
+}
+function S(t) {
+  return P(t).getComputedStyle(t);
+}
+function dt(t) {
+  return F(t) ? {
+    scrollLeft: t.scrollLeft,
+    scrollTop: t.scrollTop
+  } : {
+    scrollLeft: t.pageXOffset,
+    scrollTop: t.pageYOffset
+  };
+}
+function J(t) {
+  if (H(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.
+    Ct(t) && t.host || // Fallback.
+    V(t)
+  );
+  return Ct(e) ? e.host : e;
+}
+function Ft(t) {
+  const e = J(t);
+  return ut(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : D(e) && Z(e) ? e : Ft(e);
+}
+function Q(t, e, o) {
+  var n;
+  e === void 0 && (e = []), o === void 0 && (o = !0);
+  const i = Ft(t), r = i === ((n = t.ownerDocument) == null ? void 0 : n.body), s = P(i);
+  return r ? e.concat(s, s.visualViewport || [], Z(i) ? i : [], s.frameElement && o ? Q(s.frameElement) : []) : e.concat(i, Q(i, [], o));
+}
+function Vt(t) {
+  const e = S(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, l = it(o) !== r || it(n) !== s;
+  return l && (o = r, n = s), {
+    width: o,
+    height: n,
+    $: l
+  };
+}
+function gt(t) {
+  return F(t) ? t : t.contextElement;
+}
+function G(t) {
+  const e = gt(t);
+  if (!D(e))
+    return $(1);
+  const o = e.getBoundingClientRect(), {
+    width: n,
+    height: i,
+    $: r
+  } = Vt(e);
+  let s = (r ? it(o.width) : o.width) / n, l = (r ? it(o.height) : o.height) / i;
+  return (!s || !Number.isFinite(s)) && (s = 1), (!l || !Number.isFinite(l)) && (l = 1), {
+    x: s,
+    y: l
+  };
+}
+const Ce = /* @__PURE__ */ $(0);
+function jt(t) {
+  const e = P(t);
+  return !ht() || !e.visualViewport ? Ce : {
+    x: e.visualViewport.offsetLeft,
+    y: e.visualViewport.offsetTop
+  };
+}
+function Ee(t, e, o) {
+  return e === void 0 && (e = !1), !o || e && o !== P(t) ? !1 : e;
+}
+function X(t, e, o, n) {
+  e === void 0 && (e = !1), o === void 0 && (o = !1);
+  const i = t.getBoundingClientRect(), r = gt(t);
+  let s = $(1);
+  e && (n ? F(n) && (s = G(n)) : s = G(t));
+  const l = Ee(r, o, n) ? jt(r) : $(0);
+  let c = (i.left + l.x) / s.x, a = (i.top + l.y) / s.y, f = i.width / s.x, u = i.height / s.y;
+  if (r) {
+    const m = P(r), d = n && F(n) ? P(n) : n;
+    let g = m, x = g.frameElement;
+    for (; x && n && d !== g; ) {
+      const v = G(x), h = x.getBoundingClientRect(), y = S(x), b = h.left + (x.clientLeft + parseFloat(y.paddingLeft)) * v.x, C = h.top + (x.clientTop + parseFloat(y.paddingTop)) * v.y;
+      c *= v.x, a *= v.y, f *= v.x, u *= v.y, c += b, a += C, g = P(x), x = g.frameElement;
+    }
+  }
+  return st({
+    width: f,
+    height: u,
+    x: c,
+    y: a
+  });
+}
+const Re = [":popover-open", ":modal"];
+function Bt(t) {
+  return Re.some((e) => {
+    try {
+      return t.matches(e);
+    } catch {
+      return !1;
+    }
+  });
+}
+function Ae(t) {
+  let {
+    elements: e,
+    rect: o,
+    offsetParent: n,
+    strategy: i
+  } = t;
+  const r = i === "fixed", s = V(n), l = e ? Bt(e.floating) : !1;
+  if (n === s || l && r)
+    return o;
+  let c = {
+    scrollLeft: 0,
+    scrollTop: 0
+  }, a = $(1);
+  const f = $(0), u = D(n);
+  if ((u || !u && !r) && ((H(n) !== "body" || Z(s)) && (c = dt(n)), D(n))) {
+    const m = X(n);
+    a = G(n), f.x = m.x + n.clientLeft, f.y = m.y + n.clientTop;
+  }
+  return {
+    width: o.width * a.x,
+    height: o.height * a.y,
+    x: o.x * a.x - c.scrollLeft * a.x + f.x,
+    y: o.y * a.y - c.scrollTop * a.y + f.y
+  };
+}
+function Te(t) {
+  return Array.from(t.getClientRects());
+}
+function Wt(t) {
+  return X(V(t)).left + dt(t).scrollLeft;
+}
+function Oe(t) {
+  const e = V(t), o = dt(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 + Wt(t);
+  const l = -o.scrollTop;
+  return S(n).direction === "rtl" && (s += I(e.clientWidth, n.clientWidth) - i), {
+    width: i,
+    height: r,
+    x: s,
+    y: l
+  };
+}
+function Ne(t, e) {
+  const o = P(t), n = V(t), i = o.visualViewport;
+  let r = n.clientWidth, s = n.clientHeight, l = 0, c = 0;
+  if (i) {
+    r = i.width, s = i.height;
+    const a = ht();
+    (!a || a && e === "fixed") && (l = i.offsetLeft, c = i.offsetTop);
+  }
+  return {
+    width: r,
+    height: s,
+    x: l,
+    y: c
+  };
+}
+function Pe(t, e) {
+  const o = X(t, !0, e === "fixed"), n = o.top + t.clientTop, i = o.left + t.clientLeft, r = D(t) ? G(t) : $(1), s = t.clientWidth * r.x, l = t.clientHeight * r.y, c = i * r.x, a = n * r.y;
+  return {
+    width: s,
+    height: l,
+    x: c,
+    y: a
+  };
+}
+function Et(t, e, o) {
+  let n;
+  if (e === "viewport")
+    n = Ne(t, o);
+  else if (e === "document")
+    n = Oe(V(t));
+  else if (F(e))
+    n = Pe(e, o);
+  else {
+    const i = jt(t);
+    n = {
+      ...e,
+      x: e.x - i.x,
+      y: e.y - i.y
+    };
+  }
+  return st(n);
+}
+function $t(t, e) {
+  const o = J(t);
+  return o === e || !F(o) || ut(o) ? !1 : S(o).position === "fixed" || $t(o, e);
+}
+function _e(t, e) {
+  const o = e.get(t);
+  if (o)
+    return o;
+  let n = Q(t, [], !1).filter((l) => F(l) && H(l) !== "body"), i = null;
+  const r = S(t).position === "fixed";
+  let s = r ? J(t) : t;
+  for (; F(s) && !ut(s); ) {
+    const l = S(s), c = pt(s);
+    !c && l.position === "fixed" && (i = null), (r ? !c && !i : !c && l.position === "static" && !!i && ["absolute", "fixed"].includes(i.position) || Z(s) && !c && $t(t, s)) ? n = n.filter((f) => f !== s) : i = l, s = J(s);
+  }
+  return e.set(t, n), n;
+}
+function Se(t) {
+  let {
+    element: e,
+    boundary: o,
+    rootBoundary: n,
+    strategy: i
+  } = t;
+  const s = [...o === "clippingAncestors" ? _e(e, this._c) : [].concat(o), n], l = s[0], c = s.reduce((a, f) => {
+    const u = Et(e, f, i);
+    return a.top = I(u.top, a.top), a.right = ot(u.right, a.right), a.bottom = ot(u.bottom, a.bottom), a.left = I(u.left, a.left), a;
+  }, Et(e, l, i));
+  return {
+    width: c.right - c.left,
+    height: c.bottom - c.top,
+    x: c.left,
+    y: c.top
+  };
+}
+function Le(t) {
+  const {
+    width: e,
+    height: o
+  } = Vt(t);
+  return {
+    width: e,
+    height: o
+  };
+}
+function ke(t, e, o) {
+  const n = D(e), i = V(e), r = o === "fixed", s = X(t, !0, r, e);
+  let l = {
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+  const c = $(0);
+  if (n || !n && !r)
+    if ((H(e) !== "body" || Z(i)) && (l = dt(e)), n) {
+      const u = X(e, !0, r, e);
+      c.x = u.x + e.clientLeft, c.y = u.y + e.clientTop;
+    } else
+      i && (c.x = Wt(i));
+  const a = s.left + l.scrollLeft - c.x, f = s.top + l.scrollTop - c.y;
+  return {
+    x: a,
+    y: f,
+    width: s.width,
+    height: s.height
+  };
+}
+function Rt(t, e) {
+  return !D(t) || S(t).position === "fixed" ? null : e ? e(t) : t.offsetParent;
+}
+function Ht(t, e) {
+  const o = P(t);
+  if (!D(t) || Bt(t))
+    return o;
+  let n = Rt(t, e);
+  for (; n && ve(n) && S(n).position === "static"; )
+    n = Rt(n, e);
+  return n && (H(n) === "html" || H(n) === "body" && S(n).position === "static" && !pt(n)) ? o : n || be(t) || o;
+}
+const Me = async function(t) {
+  const e = this.getOffsetParent || Ht, o = this.getDimensions, n = await o(t.floating);
+  return {
+    reference: ke(t.reference, await e(t.floating), t.strategy),
+    floating: {
+      x: 0,
+      y: 0,
+      width: n.width,
+      height: n.height
+    }
+  };
+};
+function De(t) {
+  return S(t).direction === "rtl";
+}
+const Fe = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: Ae,
+  getDocumentElement: V,
+  getClippingRect: Se,
+  getOffsetParent: Ht,
+  getElementRects: Me,
+  getClientRects: Te,
+  getDimensions: Le,
+  getScale: G,
+  isElement: F,
+  isRTL: De
+};
+function Ve(t, e) {
+  let o = null, n;
+  const i = V(t);
+  function r() {
+    var l;
+    clearTimeout(n), (l = o) == null || l.disconnect(), o = null;
+  }
+  function s(l, c) {
+    l === void 0 && (l = !1), c === void 0 && (c = 1), r();
+    const {
+      left: a,
+      top: f,
+      width: u,
+      height: m
+    } = t.getBoundingClientRect();
+    if (l || e(), !u || !m)
+      return;
+    const d = tt(f), g = tt(i.clientWidth - (a + u)), x = tt(i.clientHeight - (f + m)), v = tt(a), y = {
+      rootMargin: -d + "px " + -g + "px " + -x + "px " + -v + "px",
+      threshold: I(0, ot(1, c)) || 1
+    };
+    let b = !0;
+    function C(E) {
+      const A = E[0].intersectionRatio;
+      if (A !== c) {
+        if (!b)
+          return s();
+        A ? s(!1, A) : n = setTimeout(() => {
+          s(!1, 1e-7);
+        }, 1e3);
+      }
+      b = !1;
+    }
+    try {
+      o = new IntersectionObserver(C, {
+        ...y,
+        // Handle <iframe>s
+        root: i.ownerDocument
+      });
+    } catch {
+      o = new IntersectionObserver(C, y);
+    }
+    o.observe(t);
+  }
+  return s(!0), r;
+}
+function At(t, e, o, n) {
+  n === void 0 && (n = {});
+  const {
+    ancestorScroll: i = !0,
+    ancestorResize: r = !0,
+    elementResize: s = typeof ResizeObserver == "function",
+    layoutShift: l = typeof IntersectionObserver == "function",
+    animationFrame: c = !1
+  } = n, a = gt(t), f = i || r ? [...a ? Q(a) : [], ...Q(e)] : [];
+  f.forEach((h) => {
+    i && h.addEventListener("scroll", o, {
+      passive: !0
+    }), r && h.addEventListener("resize", o);
+  });
+  const u = a && l ? Ve(a, o) : null;
+  let m = -1, d = null;
+  s && (d = new ResizeObserver((h) => {
+    let [y] = h;
+    y && y.target === a && d && (d.unobserve(e), cancelAnimationFrame(m), m = requestAnimationFrame(() => {
+      var b;
+      (b = d) == null || b.observe(e);
+    })), o();
+  }), a && !c && d.observe(a), d.observe(e));
+  let g, x = c ? X(t) : null;
+  c && v();
+  function v() {
+    const h = X(t);
+    x && (h.x !== x.x || h.y !== x.y || h.width !== x.width || h.height !== x.height) && o(), x = h, g = requestAnimationFrame(v);
+  }
+  return o(), () => {
+    var h;
+    f.forEach((y) => {
+      i && y.removeEventListener("scroll", o), r && y.removeEventListener("resize", o);
+    }), u == null || u(), (h = d) == null || h.disconnect(), d = null, c && cancelAnimationFrame(g);
+  };
+}
+const Tt = ye, je = we, Be = ge, We = (t, e, o) => {
+  const n = /* @__PURE__ */ new Map(), i = {
+    platform: Fe,
+    ...o
+  }, r = {
+    ...i.platform,
+    _c: n
+  };
+  return he(t, e, {
+    ...i,
+    platform: r
+  });
+};
+var nt = typeof document < "u" ? qt : Pt;
+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 zt(t) {
+  return typeof window > "u" ? 1 : (t.ownerDocument.defaultView || window).devicePixelRatio || 1;
+}
+function Ot(t, e) {
+  const o = zt(t);
+  return Math.round(e * o) / o;
+}
+function Nt(t) {
+  const e = w.useRef(t);
+  return nt(() => {
+    e.current = t;
+  }), e;
+}
+function $e(t) {
+  t === void 0 && (t = {});
+  const {
+    placement: e = "bottom",
+    strategy: o = "absolute",
+    middleware: n = [],
+    platform: i,
+    elements: {
+      reference: r,
+      floating: s
+    } = {},
+    transform: l = !0,
+    whileElementsMounted: c,
+    open: a
+  } = t, [f, u] = w.useState({
+    x: 0,
+    y: 0,
+    strategy: o,
+    placement: e,
+    middlewareData: {},
+    isPositioned: !1
+  }), [m, d] = w.useState(n);
+  lt(m, n) || d(n);
+  const [g, x] = w.useState(null), [v, h] = w.useState(null), y = w.useCallback((R) => {
+    R !== A.current && (A.current = R, x(R));
+  }, []), b = w.useCallback((R) => {
+    R !== N.current && (N.current = R, h(R));
+  }, []), C = r || g, E = s || v, A = w.useRef(null), N = w.useRef(null), _ = w.useRef(f), z = c != null, j = Nt(c), B = Nt(i), T = w.useCallback(() => {
+    if (!A.current || !N.current)
+      return;
+    const R = {
+      placement: e,
+      strategy: o,
+      middleware: m
+    };
+    B.current && (R.platform = B.current), We(A.current, N.current, R).then((Y) => {
+      const q = {
+        ...Y,
+        isPositioned: !0
+      };
+      W.current && !lt(_.current, q) && (_.current = q, ne.flushSync(() => {
+        u(q);
+      }));
+    });
+  }, [m, e, o, B]);
+  nt(() => {
+    a === !1 && _.current.isPositioned && (_.current.isPositioned = !1, u((R) => ({
+      ...R,
+      isPositioned: !1
+    })));
+  }, [a]);
+  const W = w.useRef(!1);
+  nt(() => (W.current = !0, () => {
+    W.current = !1;
+  }), []), nt(() => {
+    if (C && (A.current = C), E && (N.current = E), C && E) {
+      if (j.current)
+        return j.current(C, E, T);
+      T();
+    }
+  }, [C, E, T, j, z]);
+  const k = w.useMemo(() => ({
+    reference: A,
+    floating: N,
+    setReference: y,
+    setFloating: b
+  }), [y, b]), O = w.useMemo(() => ({
+    reference: C,
+    floating: E
+  }), [C, E]), M = w.useMemo(() => {
+    const R = {
+      position: o,
+      left: 0,
+      top: 0
+    };
+    if (!O.floating)
+      return R;
+    const Y = Ot(O.floating, f.x), q = Ot(O.floating, f.y);
+    return l ? {
+      ...R,
+      transform: "translate(" + Y + "px, " + q + "px)",
+      ...zt(O.floating) >= 1.5 && {
+        willChange: "transform"
+      }
+    } : {
+      position: o,
+      left: Y,
+      top: q
+    };
+  }, [o, l, O.floating, f.x, f.y]);
+  return w.useMemo(() => ({
+    ...f,
+    update: T,
+    refs: k,
+    elements: O,
+    floatingStyles: M
+  }), [f, T, k, O, M]);
+}
+const It = "Popup";
+function He(t) {
+  return Gt(It, t);
+}
+Jt(It, ["root", "open"]);
+const xt = /* @__PURE__ */ w.createContext(null);
+process.env.NODE_ENV !== "production" && (xt.displayName = "TransitionContext");
+function ze() {
+  const t = w.useContext(xt);
+  if (!t)
+    throw new Error("Missing transition context");
+  const {
+    registerTransition: e,
+    requestedEnter: o,
+    onExited: n
+  } = t;
+  return w.useEffect(() => e(), [e]), {
+    onExited: n,
+    requestedEnter: o
+  };
+}
+function Ie(t) {
+  const [e, o] = w.useState(!0), n = w.useRef(!1), i = w.useRef(0), [r, s] = w.useState(!1), l = w.useRef(t);
+  w.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
+    l.current !== t && (n.current = !0, o(!1)), l.current = t;
+  }, [t]);
+  const c = w.useCallback(() => {
+    n.current = !1, o(!0);
+  }, []), a = w.useCallback(() => (i.current += 1, s(!0), () => {
+    i.current -= 1, i.current === 0 && s(!1);
+  }), []);
+  let f;
+  return r ? t ? f = !1 : f = !n.current && e : f = !t, {
+    contextValue: w.useMemo(() => ({
+      requestedEnter: t,
+      onExited: c,
+      registerTransition: a,
+      hasExited: f
+    }), [c, t, a, f]),
+    hasExited: f
+  };
+}
+const Ut = /* @__PURE__ */ w.createContext(null);
+process.env.NODE_ENV !== "production" && (Ut.displayName = "PopupContext");
+const Ue = ["anchor", "children", "container", "disablePortal", "keepMounted", "middleware", "offset", "open", "placement", "slotProps", "slots", "strategy"];
+function Xe(t) {
+  const {
+    open: e
+  } = t;
+  return te({
+    root: ["root", e && "open"]
+  }, ee(He));
+}
+function Ye(t) {
+  return typeof t == "function" ? t() : t;
+}
+const Xt = /* @__PURE__ */ w.forwardRef(function(e, o) {
+  var n;
+  const {
+    anchor: i,
+    children: r,
+    container: s,
+    disablePortal: l = !1,
+    keepMounted: c = !1,
+    middleware: a,
+    offset: f = 0,
+    open: u = !1,
+    placement: m = "bottom",
+    slotProps: d = {},
+    slots: g = {},
+    strategy: x = "absolute"
+  } = e, v = _t(e, Ue), {
+    refs: h,
+    elements: y,
+    floatingStyles: b,
+    update: C,
+    placement: E
+  } = $e({
+    elements: {
+      reference: Ye(i)
+    },
+    open: u,
+    middleware: a ?? [Tt(f ?? 0), Be(), je()],
+    placement: m,
+    strategy: x,
+    whileElementsMounted: c ? void 0 : At
+  }), A = Qt(h.setFloating, o);
+  oe(() => {
+    if (c && u && y.reference && y.floating)
+      return At(y.reference, y.floating, C);
+  }, [c, u, y, C]);
+  const N = et({}, e, {
+    disablePortal: l,
+    keepMounted: c,
+    offset: Tt,
+    open: u,
+    placement: m,
+    finalPlacement: E,
+    strategy: x
+  }), {
+    contextValue: _,
+    hasExited: z
+  } = Ie(u), j = c && z ? "hidden" : void 0, B = Xe(N), T = (n = g == null ? void 0 : g.root) != null ? n : "div", W = Zt({
+    elementType: T,
+    externalSlotProps: d.root,
+    externalForwardedProps: v,
+    ownerState: N,
+    className: B.root,
+    additionalProps: {
+      ref: A,
+      role: "tooltip",
+      style: et({}, b, {
+        visibility: j
+      })
+    }
+  }), k = w.useMemo(() => ({
+    placement: E
+  }), [E]);
+  return c || !z ? /* @__PURE__ */ L(ie, {
+    disablePortal: l,
+    container: s,
+    children: /* @__PURE__ */ L(Ut.Provider, {
+      value: k,
+      children: /* @__PURE__ */ L(xt.Provider, {
+        value: _,
+        children: /* @__PURE__ */ L(T, et({}, W, {
+          children: r
+        }))
+      })
+    })
+  }) : null;
+});
+process.env.NODE_ENV !== "production" && (Xt.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: p.oneOfType([wt, p.object, p.func]),
+  /**
+   * @ignore
+   */
+  children: p.oneOfType([p.node, p.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: p.oneOfType([wt, p.func]),
+  /**
+   * If `true`, the popup will be rendered where it is defined, without the use of portals.
+   * @default false
+   */
+  disablePortal: p.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: p.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: p.arrayOf(p.oneOfType([p.oneOf([!1]), p.shape({
+    fn: p.func.isRequired,
+    name: p.string.isRequired,
+    options: p.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: p.oneOfType([p.func, p.number, p.shape({
+    alignmentAxis: p.number,
+    crossAxis: p.number,
+    mainAxis: p.number
+  })]),
+  /**
+   * If `true`, the popup is visible.
+   *
+   * @default false
+   */
+  open: p.bool,
+  /**
+   * Determines where to place the popup relative to the trigger element.
+   *
+   * @default 'bottom'
+   * @see https://floating-ui.com/docs/computePosition#placement
+   */
+  placement: p.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: p.shape({
+    root: p.oneOfType([p.func, p.object])
+  }),
+  /**
+   * The components used for each slot inside the Popup.
+   * Either a string to use a HTML element or a component.
+   *
+   * @default {}
+   */
+  slots: p.shape({
+    root: p.elementType
+  }),
+  /**
+   * The type of CSS position property to use (absolute or fixed).
+   *
+   * @default 'absolute'
+   * @see https://floating-ui.com/docs/computePosition#strategy
+   */
+  strategy: p.oneOf(["absolute", "fixed"])
+});
+const qe = ["children", "className", "enterAnimationName", "enterClassName", "exitAnimationName", "exitClassName"];
+function Yt(t) {
+  const {
+    children: e,
+    className: o,
+    enterAnimationName: n,
+    enterClassName: i,
+    exitAnimationName: r,
+    exitClassName: s
+  } = t, l = _t(t, qe), {
+    requestedEnter: c,
+    onExited: a
+  } = ze(), f = w.useRef(!0);
+  w.useEffect(() => {
+    c && f.current && (f.current = !1);
+  }, [c]);
+  const u = w.useCallback((m) => {
+    m.animationName === r ? (a(), f.current = !0) : m.animationName === n && (f.current = !1);
+  }, [a, r, n]);
+  return /* @__PURE__ */ L("div", et({
+    onAnimationEnd: u,
+    className: re(o, c ? i : s)
+  }, l, {
+    children: e
+  }));
+}
+process.env.NODE_ENV !== "production" && (Yt.propTypes = {
+  children: p.node,
+  className: p.string,
+  enterAnimationName: p.string,
+  enterClassName: p.string,
+  exitAnimationName: p.string,
+  exitClassName: p.string
+});
+const Ke = "_tooltip_1dujm_1", K = {
+  tooltip: Ke,
+  "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"
+}, sn = ({
+  children: t,
+  show: e,
+  anchorRef: o,
+  onClose: n,
+  arialRole: i,
+  position: r = "bottom",
+  theme: s = "black",
+  padding: l = "small",
+  className: c,
+  disableHoverListener: a,
+  ...f
+}) => {
+  const u = Kt(null), [m, d] = yt(e || !1), [g, x] = yt(o || null);
+  Pt(() => {
+    var b;
+    if (!o && (u != null && u.current)) {
+      const C = (b = u == null ? void 0 : u.current) == null ? void 0 : b.parentElement;
+      C && (a || (C.onpointerenter = () => d(!0), C.onpointerleave = () => d(!1)), x(C));
+    }
+  }, [u, a, o]);
+  const v = (b) => {
+    o != null && o.contains(b.target) || (n == null || n(), !a && d(!1));
+  }, h = {
+    padding: r.match(/(bottom|top)/) ? ".25rem 0" : "0 .25rem",
+    zIndex: 1
+  }, y = [
+    K.tooltip,
+    K[`tooltip--${s}-theme`],
+    K[`tooltip--${l}-padding`],
+    c || ""
+  ].join(" ").trim();
+  return /* @__PURE__ */ L("span", { ref: u, children: /* @__PURE__ */ L(
+    Xt,
+    {
+      ...f,
+      open: e || m,
+      anchor: g,
+      disablePortal: !0,
+      style: h,
+      role: i,
+      placement: r,
+      children: /* @__PURE__ */ L(
+        Yt,
+        {
+          className: K["tooltip--animation"],
+          enterClassName: K["tooltip--anim-open"],
+          exitClassName: K["tooltip--anim-close"],
+          enterAnimationName: "tooltip--open-animation",
+          exitAnimationName: "tooltip--close-animation",
+          children: /* @__PURE__ */ L("div", { className: y, children: /* @__PURE__ */ L(se, { onClickAway: v, children: /* @__PURE__ */ L("div", { children: t }) }) })
+        }
+      )
+    }
+  ) });
+};
+export {
+  sn as Tooltip
+};