@versini/ui-tooltip 2.0.1 → 2.0.3

package/dist/components/Tooltip/Tooltip.js

@@ -1,6 +1,1055 @@
-import "react/jsx-runtime";
-import { Tooltip as i } from "../../index.js";
-import "react";
+import { jsxs as vt, jsx as _t } from "react/jsx-runtime";
+import { useRef as J, useEffect as gt, useState as ut, useCallback as dt } from "react";
+import Y from "clsx";
+const jt = "av-tooltip", Yt = "av-tooltip-arrow", Q = Math.min, K = Math.max, it = Math.round, D = (t) => ({
+  x: t,
+  y: t
+}), zt = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+}, Xt = {
+  start: "end",
+  end: "start"
+};
+function mt(t, e, o) {
+  return K(t, Q(e, o));
+}
+function tt(t, e) {
+  return typeof t == "function" ? t(e) : t;
+}
+function X(t) {
+  return t.split("-")[0];
+}
+function et(t) {
+  return t.split("-")[1];
+}
+function kt(t) {
+  return t === "x" ? "y" : "x";
+}
+function ht(t) {
+  return t === "y" ? "height" : "width";
+}
+function z(t) {
+  return ["top", "bottom"].includes(X(t)) ? "y" : "x";
+}
+function wt(t) {
+  return kt(z(t));
+}
+function Kt(t, e, o) {
+  o === void 0 && (o = !1);
+  const n = et(t), i = wt(t), s = ht(i);
+  let r = i === "x" ? n === (o ? "end" : "start") ? "right" : "left" : n === "start" ? "bottom" : "top";
+  return e.reference[s] > e.floating[s] && (r = st(r)), [r, st(r)];
+}
+function Ut(t) {
+  const e = st(t);
+  return [pt(t), e, pt(e)];
+}
+function pt(t) {
+  return t.replace(/start|end/g, (e) => Xt[e]);
+}
+function qt(t, e, o) {
+  const n = ["left", "right"], i = ["right", "left"], s = ["top", "bottom"], r = ["bottom", "top"];
+  switch (t) {
+    case "top":
+    case "bottom":
+      return o ? e ? i : n : e ? n : i;
+    case "left":
+    case "right":
+      return e ? s : r;
+    default:
+      return [];
+  }
+}
+function Gt(t, e, o, n) {
+  const i = et(t);
+  let s = qt(X(t), o === "start", n);
+  return i && (s = s.map((r) => r + "-" + i), e && (s = s.concat(s.map(pt)))), s;
+}
+function st(t) {
+  return t.replace(/left|right|bottom|top/g, (e) => zt[e]);
+}
+function Jt(t) {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    ...t
+  };
+}
+function St(t) {
+  return typeof t != "number" ? Jt(t) : {
+    top: t,
+    right: t,
+    bottom: t,
+    left: t
+  };
+}
+function rt(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 At(t, e, o) {
+  let {
+    reference: n,
+    floating: i
+  } = t;
+  const s = z(e), r = wt(e), c = ht(r), l = X(e), a = s === "y", d = n.x + n.width / 2 - i.width / 2, f = n.y + n.height / 2 - i.height / 2, p = n[c] / 2 - i[c] / 2;
+  let u;
+  switch (l) {
+    case "top":
+      u = {
+        x: d,
+        y: n.y - i.height
+      };
+      break;
+    case "bottom":
+      u = {
+        x: d,
+        y: n.y + n.height
+      };
+      break;
+    case "right":
+      u = {
+        x: n.x + n.width,
+        y: f
+      };
+      break;
+    case "left":
+      u = {
+        x: n.x - i.width,
+        y: f
+      };
+      break;
+    default:
+      u = {
+        x: n.x,
+        y: n.y
+      };
+  }
+  switch (et(e)) {
+    case "start":
+      u[r] -= p * (o && a ? -1 : 1);
+      break;
+    case "end":
+      u[r] += p * (o && a ? -1 : 1);
+      break;
+  }
+  return u;
+}
+const Qt = async (t, e, o) => {
+  const {
+    placement: n = "bottom",
+    strategy: i = "absolute",
+    middleware: s = [],
+    platform: r
+  } = o, c = s.filter(Boolean), l = await (r.isRTL == null ? void 0 : r.isRTL(e));
+  let a = await r.getElementRects({
+    reference: t,
+    floating: e,
+    strategy: i
+  }), {
+    x: d,
+    y: f
+  } = At(a, n, l), p = n, u = {}, m = 0;
+  for (let g = 0; g < c.length; g++) {
+    const {
+      name: h,
+      fn: w
+    } = c[g], {
+      x,
+      y,
+      data: v,
+      reset: b
+    } = await w({
+      x: d,
+      y: f,
+      initialPlacement: n,
+      placement: p,
+      strategy: i,
+      middlewareData: u,
+      rects: a,
+      platform: r,
+      elements: {
+        reference: t,
+        floating: e
+      }
+    });
+    d = x ?? d, f = y ?? f, u = {
+      ...u,
+      [h]: {
+        ...u[h],
+        ...v
+      }
+    }, b && m <= 50 && (m++, typeof b == "object" && (b.placement && (p = b.placement), b.rects && (a = b.rects === !0 ? await r.getElementRects({
+      reference: t,
+      floating: e,
+      strategy: i
+    }) : b.rects), {
+      x: d,
+      y: f
+    } = At(a, p, l)), g = -1);
+  }
+  return {
+    x: d,
+    y: f,
+    placement: p,
+    strategy: i,
+    middlewareData: u
+  };
+};
+async function Pt(t, e) {
+  var o;
+  e === void 0 && (e = {});
+  const {
+    x: n,
+    y: i,
+    platform: s,
+    rects: r,
+    elements: c,
+    strategy: l
+  } = t, {
+    boundary: a = "clippingAncestors",
+    rootBoundary: d = "viewport",
+    elementContext: f = "floating",
+    altBoundary: p = !1,
+    padding: u = 0
+  } = tt(e, t), m = St(u), h = c[p ? f === "floating" ? "reference" : "floating" : f], w = rt(await s.getClippingRect({
+    element: (o = await (s.isElement == null ? void 0 : s.isElement(h))) == null || o ? h : h.contextElement || await (s.getDocumentElement == null ? void 0 : s.getDocumentElement(c.floating)),
+    boundary: a,
+    rootBoundary: d,
+    strategy: l
+  })), x = f === "floating" ? {
+    x: n,
+    y: i,
+    width: r.floating.width,
+    height: r.floating.height
+  } : r.reference, y = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(c.floating)), v = await (s.isElement == null ? void 0 : s.isElement(y)) ? await (s.getScale == null ? void 0 : s.getScale(y)) || {
+    x: 1,
+    y: 1
+  } : {
+    x: 1,
+    y: 1
+  }, b = rt(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements: c,
+    rect: x,
+    offsetParent: y,
+    strategy: l
+  }) : x);
+  return {
+    top: (w.top - b.top + m.top) / v.y,
+    bottom: (b.bottom - w.bottom + m.bottom) / v.y,
+    left: (w.left - b.left + m.left) / v.x,
+    right: (b.right - w.right + m.right) / v.x
+  };
+}
+const Zt = (t) => ({
+  name: "arrow",
+  options: t,
+  async fn(e) {
+    const {
+      x: o,
+      y: n,
+      placement: i,
+      rects: s,
+      platform: r,
+      elements: c,
+      middlewareData: l
+    } = e, {
+      element: a,
+      padding: d = 0
+    } = tt(t, e) || {};
+    if (a == null)
+      return {};
+    const f = St(d), p = {
+      x: o,
+      y: n
+    }, u = wt(i), m = ht(u), g = await r.getDimensions(a), h = u === "y", w = h ? "top" : "left", x = h ? "bottom" : "right", y = h ? "clientHeight" : "clientWidth", v = s.reference[m] + s.reference[u] - p[u] - s.floating[m], b = p[u] - s.reference[u], M = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(a));
+    let E = M ? M[y] : 0;
+    (!E || !await (r.isElement == null ? void 0 : r.isElement(M))) && (E = c.floating[y] || s.floating[m]);
+    const V = v / 2 - b / 2, k = E / 2 - g[m] / 2 - 1, T = Q(f[w], k), I = Q(f[x], k), S = T, _ = E - g[m] - I, C = E / 2 - g[m] / 2 + V, O = mt(S, C, _), j = !l.arrow && et(i) != null && C !== O && s.reference[m] / 2 - (C < S ? T : I) - g[m] / 2 < 0, B = j ? C < S ? C - S : C - _ : 0;
+    return {
+      [u]: p[u] + B,
+      data: {
+        [u]: O,
+        centerOffset: C - O - B,
+        ...j && {
+          alignmentOffset: B
+        }
+      },
+      reset: j
+    };
+  }
+}), te = function(t) {
+  return t === void 0 && (t = {}), {
+    name: "flip",
+    options: t,
+    async fn(e) {
+      var o, n;
+      const {
+        placement: i,
+        middlewareData: s,
+        rects: r,
+        initialPlacement: c,
+        platform: l,
+        elements: a
+      } = e, {
+        mainAxis: d = !0,
+        crossAxis: f = !0,
+        fallbackPlacements: p,
+        fallbackStrategy: u = "bestFit",
+        fallbackAxisSideDirection: m = "none",
+        flipAlignment: g = !0,
+        ...h
+      } = tt(t, e);
+      if ((o = s.arrow) != null && o.alignmentOffset)
+        return {};
+      const w = X(i), x = z(c), y = X(c) === c, v = await (l.isRTL == null ? void 0 : l.isRTL(a.floating)), b = p || (y || !g ? [st(c)] : Ut(c)), M = m !== "none";
+      !p && M && b.push(...Gt(c, g, m, v));
+      const E = [c, ...b], V = await Pt(e, h), k = [];
+      let T = ((n = s.flip) == null ? void 0 : n.overflows) || [];
+      if (d && k.push(V[w]), f) {
+        const O = Kt(i, r, v);
+        k.push(V[O[0]], V[O[1]]);
+      }
+      if (T = [...T, {
+        placement: i,
+        overflows: k
+      }], !k.every((O) => O <= 0)) {
+        var I, S;
+        const O = (((I = s.flip) == null ? void 0 : I.index) || 0) + 1, j = E[O];
+        if (j) {
+          var _;
+          const W = f === "alignment" ? x !== z(j) : !1, P = ((_ = T[0]) == null ? void 0 : _.overflows[0]) > 0;
+          if (!W || P)
+            return {
+              data: {
+                index: O,
+                overflows: T
+              },
+              reset: {
+                placement: j
+              }
+            };
+        }
+        let B = (S = T.filter((W) => W.overflows[0] <= 0).sort((W, P) => W.overflows[1] - P.overflows[1])[0]) == null ? void 0 : S.placement;
+        if (!B)
+          switch (u) {
+            case "bestFit": {
+              var C;
+              const W = (C = T.filter((P) => {
+                if (M) {
+                  const $ = z(P.placement);
+                  return $ === x || // Create a bias to the `y` side axis due to horizontal
+                  // reading directions favoring greater width.
+                  $ === "y";
+                }
+                return !0;
+              }).map((P) => [P.placement, P.overflows.filter(($) => $ > 0).reduce(($, It) => $ + It, 0)]).sort((P, $) => P[1] - $[1])[0]) == null ? void 0 : C[0];
+              W && (B = W);
+              break;
+            }
+            case "initialPlacement":
+              B = c;
+              break;
+          }
+        if (i !== B)
+          return {
+            reset: {
+              placement: B
+            }
+          };
+      }
+      return {};
+    }
+  };
+};
+async function ee(t, e) {
+  const {
+    placement: o,
+    platform: n,
+    elements: i
+  } = t, s = await (n.isRTL == null ? void 0 : n.isRTL(i.floating)), r = X(o), c = et(o), l = z(o) === "y", a = ["left", "top"].includes(r) ? -1 : 1, d = s && l ? -1 : 1, f = tt(e, t);
+  let {
+    mainAxis: p,
+    crossAxis: u,
+    alignmentAxis: m
+  } = typeof f == "number" ? {
+    mainAxis: f,
+    crossAxis: 0,
+    alignmentAxis: null
+  } : {
+    mainAxis: f.mainAxis || 0,
+    crossAxis: f.crossAxis || 0,
+    alignmentAxis: f.alignmentAxis
+  };
+  return c && typeof m == "number" && (u = c === "end" ? m * -1 : m), l ? {
+    x: u * d,
+    y: p * a
+  } : {
+    x: p * a,
+    y: u * d
+  };
+}
+const ne = function(t) {
+  return t === void 0 && (t = 0), {
+    name: "offset",
+    options: t,
+    async fn(e) {
+      var o, n;
+      const {
+        x: i,
+        y: s,
+        placement: r,
+        middlewareData: c
+      } = e, l = await ee(e, t);
+      return r === ((o = c.offset) == null ? void 0 : o.placement) && (n = c.arrow) != null && n.alignmentOffset ? {} : {
+        x: i + l.x,
+        y: s + l.y,
+        data: {
+          ...l,
+          placement: r
+        }
+      };
+    }
+  };
+}, oe = function(t) {
+  return t === void 0 && (t = {}), {
+    name: "shift",
+    options: t,
+    async fn(e) {
+      const {
+        x: o,
+        y: n,
+        placement: i
+      } = e, {
+        mainAxis: s = !0,
+        crossAxis: r = !1,
+        limiter: c = {
+          fn: (h) => {
+            let {
+              x: w,
+              y: x
+            } = h;
+            return {
+              x: w,
+              y: x
+            };
+          }
+        },
+        ...l
+      } = tt(t, e), a = {
+        x: o,
+        y: n
+      }, d = await Pt(e, l), f = z(X(i)), p = kt(f);
+      let u = a[p], m = a[f];
+      if (s) {
+        const h = p === "y" ? "top" : "left", w = p === "y" ? "bottom" : "right", x = u + d[h], y = u - d[w];
+        u = mt(x, u, y);
+      }
+      if (r) {
+        const h = f === "y" ? "top" : "left", w = f === "y" ? "bottom" : "right", x = m + d[h], y = m - d[w];
+        m = mt(x, m, y);
+      }
+      const g = c.fn({
+        ...e,
+        [p]: u,
+        [f]: m
+      });
+      return {
+        ...g,
+        data: {
+          x: g.x - o,
+          y: g.y - n,
+          enabled: {
+            [p]: s,
+            [f]: r
+          }
+        }
+      };
+    }
+  };
+};
+function ct() {
+  return typeof window < "u";
+}
+function G(t) {
+  return Dt(t) ? (t.nodeName || "").toLowerCase() : "#document";
+}
+function A(t) {
+  var e;
+  return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
+}
+function F(t) {
+  var e;
+  return (e = (Dt(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
+}
+function Dt(t) {
+  return ct() ? t instanceof Node || t instanceof A(t).Node : !1;
+}
+function R(t) {
+  return ct() ? t instanceof Element || t instanceof A(t).Element : !1;
+}
+function N(t) {
+  return ct() ? t instanceof HTMLElement || t instanceof A(t).HTMLElement : !1;
+}
+function Ct(t) {
+  return !ct() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof A(t).ShadowRoot;
+}
+function nt(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 ie(t) {
+  return ["table", "td", "th"].includes(G(t));
+}
+function lt(t) {
+  return [":popover-open", ":modal"].some((e) => {
+    try {
+      return t.matches(e);
+    } catch {
+      return !1;
+    }
+  });
+}
+function xt(t) {
+  const e = yt(), o = R(t) ? L(t) : t;
+  return ["transform", "translate", "scale", "rotate", "perspective"].some((n) => o[n] ? o[n] !== "none" : !1) || (o.containerType ? o.containerType !== "normal" : !1) || !e && (o.backdropFilter ? o.backdropFilter !== "none" : !1) || !e && (o.filter ? o.filter !== "none" : !1) || ["transform", "translate", "scale", "rotate", "perspective", "filter"].some((n) => (o.willChange || "").includes(n)) || ["paint", "layout", "strict", "content"].some((n) => (o.contain || "").includes(n));
+}
+function se(t) {
+  let e = H(t);
+  for (; N(e) && !q(e); ) {
+    if (xt(e))
+      return e;
+    if (lt(e))
+      return null;
+    e = H(e);
+  }
+  return null;
+}
+function yt() {
+  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
+}
+function q(t) {
+  return ["html", "body", "#document"].includes(G(t));
+}
+function L(t) {
+  return A(t).getComputedStyle(t);
+}
+function at(t) {
+  return R(t) ? {
+    scrollLeft: t.scrollLeft,
+    scrollTop: t.scrollTop
+  } : {
+    scrollLeft: t.scrollX,
+    scrollTop: t.scrollY
+  };
+}
+function H(t) {
+  if (G(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.
+    F(t)
+  );
+  return Ct(e) ? e.host : e;
+}
+function Nt(t) {
+  const e = H(t);
+  return q(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : N(e) && nt(e) ? e : Nt(e);
+}
+function Mt(t, e, o) {
+  var n;
+  e === void 0 && (e = []);
+  const i = Nt(t), s = i === ((n = t.ownerDocument) == null ? void 0 : n.body), r = A(i);
+  return s ? e.concat(r, r.visualViewport || [], nt(i) ? i : [], []) : e.concat(i, Mt(i, []));
+}
+function Tt(t) {
+  return t.parent && Object.getPrototypeOf(t.parent) ? t.frameElement : null;
+}
+function Bt(t) {
+  const e = L(t);
+  let o = parseFloat(e.width) || 0, n = parseFloat(e.height) || 0;
+  const i = N(t), s = i ? t.offsetWidth : o, r = i ? t.offsetHeight : n, c = it(o) !== s || it(n) !== r;
+  return c && (o = s, n = r), {
+    width: o,
+    height: n,
+    $: c
+  };
+}
+function Ft(t) {
+  return R(t) ? t : t.contextElement;
+}
+function U(t) {
+  const e = Ft(t);
+  if (!N(e))
+    return D(1);
+  const o = e.getBoundingClientRect(), {
+    width: n,
+    height: i,
+    $: s
+  } = Bt(e);
+  let r = (s ? it(o.width) : o.width) / n, c = (s ? it(o.height) : o.height) / i;
+  return (!r || !Number.isFinite(r)) && (r = 1), (!c || !Number.isFinite(c)) && (c = 1), {
+    x: r,
+    y: c
+  };
+}
+const re = /* @__PURE__ */ D(0);
+function Vt(t) {
+  const e = A(t);
+  return !yt() || !e.visualViewport ? re : {
+    x: e.visualViewport.offsetLeft,
+    y: e.visualViewport.offsetTop
+  };
+}
+function ce(t, e, o) {
+  return e === void 0 && (e = !1), !o || e && o !== A(t) ? !1 : e;
+}
+function Z(t, e, o, n) {
+  e === void 0 && (e = !1), o === void 0 && (o = !1);
+  const i = t.getBoundingClientRect(), s = Ft(t);
+  let r = D(1);
+  e && (n ? R(n) && (r = U(n)) : r = U(t));
+  const c = ce(s, o, n) ? Vt(s) : D(0);
+  let l = (i.left + c.x) / r.x, a = (i.top + c.y) / r.y, d = i.width / r.x, f = i.height / r.y;
+  if (s) {
+    const p = A(s), u = n && R(n) ? A(n) : n;
+    let m = p, g = Tt(m);
+    for (; g && n && u !== m; ) {
+      const h = U(g), w = g.getBoundingClientRect(), x = L(g), y = w.left + (g.clientLeft + parseFloat(x.paddingLeft)) * h.x, v = w.top + (g.clientTop + parseFloat(x.paddingTop)) * h.y;
+      l *= h.x, a *= h.y, d *= h.x, f *= h.y, l += y, a += v, m = A(g), g = Tt(m);
+    }
+  }
+  return rt({
+    width: d,
+    height: f,
+    x: l,
+    y: a
+  });
+}
+function bt(t, e) {
+  const o = at(t).scrollLeft;
+  return e ? e.left + o : Z(F(t)).left + o;
+}
+function Wt(t, e, o) {
+  o === void 0 && (o = !1);
+  const n = t.getBoundingClientRect(), i = n.left + e.scrollLeft - (o ? 0 : (
+    // RTL <body> scrollbar.
+    bt(t, n)
+  )), s = n.top + e.scrollTop;
+  return {
+    x: i,
+    y: s
+  };
+}
+function le(t) {
+  let {
+    elements: e,
+    rect: o,
+    offsetParent: n,
+    strategy: i
+  } = t;
+  const s = i === "fixed", r = F(n), c = e ? lt(e.floating) : !1;
+  if (n === r || c && s)
+    return o;
+  let l = {
+    scrollLeft: 0,
+    scrollTop: 0
+  }, a = D(1);
+  const d = D(0), f = N(n);
+  if ((f || !f && !s) && ((G(n) !== "body" || nt(r)) && (l = at(n)), N(n))) {
+    const u = Z(n);
+    a = U(n), d.x = u.x + n.clientLeft, d.y = u.y + n.clientTop;
+  }
+  const p = r && !f && !s ? Wt(r, l, !0) : D(0);
+  return {
+    width: o.width * a.x,
+    height: o.height * a.y,
+    x: o.x * a.x - l.scrollLeft * a.x + d.x + p.x,
+    y: o.y * a.y - l.scrollTop * a.y + d.y + p.y
+  };
+}
+function ae(t) {
+  return Array.from(t.getClientRects());
+}
+function fe(t) {
+  const e = F(t), o = at(t), n = t.ownerDocument.body, i = K(e.scrollWidth, e.clientWidth, n.scrollWidth, n.clientWidth), s = K(e.scrollHeight, e.clientHeight, n.scrollHeight, n.clientHeight);
+  let r = -o.scrollLeft + bt(t);
+  const c = -o.scrollTop;
+  return L(n).direction === "rtl" && (r += K(e.clientWidth, n.clientWidth) - i), {
+    width: i,
+    height: s,
+    x: r,
+    y: c
+  };
+}
+function ue(t, e) {
+  const o = A(t), n = F(t), i = o.visualViewport;
+  let s = n.clientWidth, r = n.clientHeight, c = 0, l = 0;
+  if (i) {
+    s = i.width, r = i.height;
+    const a = yt();
+    (!a || a && e === "fixed") && (c = i.offsetLeft, l = i.offsetTop);
+  }
+  return {
+    width: s,
+    height: r,
+    x: c,
+    y: l
+  };
+}
+function de(t, e) {
+  const o = Z(t, !0, e === "fixed"), n = o.top + t.clientTop, i = o.left + t.clientLeft, s = N(t) ? U(t) : D(1), r = t.clientWidth * s.x, c = t.clientHeight * s.y, l = i * s.x, a = n * s.y;
+  return {
+    width: r,
+    height: c,
+    x: l,
+    y: a
+  };
+}
+function Ot(t, e, o) {
+  let n;
+  if (e === "viewport")
+    n = ue(t, o);
+  else if (e === "document")
+    n = fe(F(t));
+  else if (R(e))
+    n = de(e, o);
+  else {
+    const i = Vt(t);
+    n = {
+      x: e.x - i.x,
+      y: e.y - i.y,
+      width: e.width,
+      height: e.height
+    };
+  }
+  return rt(n);
+}
+function $t(t, e) {
+  const o = H(t);
+  return o === e || !R(o) || q(o) ? !1 : L(o).position === "fixed" || $t(o, e);
+}
+function me(t, e) {
+  const o = e.get(t);
+  if (o)
+    return o;
+  let n = Mt(t, []).filter((c) => R(c) && G(c) !== "body"), i = null;
+  const s = L(t).position === "fixed";
+  let r = s ? H(t) : t;
+  for (; R(r) && !q(r); ) {
+    const c = L(r), l = xt(r);
+    !l && c.position === "fixed" && (i = null), (s ? !l && !i : !l && c.position === "static" && !!i && ["absolute", "fixed"].includes(i.position) || nt(r) && !l && $t(t, r)) ? n = n.filter((d) => d !== r) : i = c, r = H(r);
+  }
+  return e.set(t, n), n;
+}
+function pe(t) {
+  let {
+    element: e,
+    boundary: o,
+    rootBoundary: n,
+    strategy: i
+  } = t;
+  const r = [...o === "clippingAncestors" ? lt(e) ? [] : me(e, this._c) : [].concat(o), n], c = r[0], l = r.reduce((a, d) => {
+    const f = Ot(e, d, i);
+    return a.top = K(f.top, a.top), a.right = Q(f.right, a.right), a.bottom = Q(f.bottom, a.bottom), a.left = K(f.left, a.left), a;
+  }, Ot(e, c, i));
+  return {
+    width: l.right - l.left,
+    height: l.bottom - l.top,
+    x: l.left,
+    y: l.top
+  };
+}
+function ge(t) {
+  const {
+    width: e,
+    height: o
+  } = Bt(t);
+  return {
+    width: e,
+    height: o
+  };
+}
+function he(t, e, o) {
+  const n = N(e), i = F(e), s = o === "fixed", r = Z(t, !0, s, e);
+  let c = {
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+  const l = D(0);
+  function a() {
+    l.x = bt(i);
+  }
+  if (n || !n && !s)
+    if ((G(e) !== "body" || nt(i)) && (c = at(e)), n) {
+      const u = Z(e, !0, s, e);
+      l.x = u.x + e.clientLeft, l.y = u.y + e.clientTop;
+    } else i && a();
+  s && !n && i && a();
+  const d = i && !n && !s ? Wt(i, c) : D(0), f = r.left + c.scrollLeft - l.x - d.x, p = r.top + c.scrollTop - l.y - d.y;
+  return {
+    x: f,
+    y: p,
+    width: r.width,
+    height: r.height
+  };
+}
+function ft(t) {
+  return L(t).position === "static";
+}
+function Rt(t, e) {
+  if (!N(t) || L(t).position === "fixed")
+    return null;
+  if (e)
+    return e(t);
+  let o = t.offsetParent;
+  return F(t) === o && (o = o.ownerDocument.body), o;
+}
+function Ht(t, e) {
+  const o = A(t);
+  if (lt(t))
+    return o;
+  if (!N(t)) {
+    let i = H(t);
+    for (; i && !q(i); ) {
+      if (R(i) && !ft(i))
+        return i;
+      i = H(i);
+    }
+    return o;
+  }
+  let n = Rt(t, e);
+  for (; n && ie(n) && ft(n); )
+    n = Rt(n, e);
+  return n && q(n) && ft(n) && !xt(n) ? o : n || se(t) || o;
+}
+const we = async function(t) {
+  const e = this.getOffsetParent || Ht, o = this.getDimensions, n = await o(t.floating);
+  return {
+    reference: he(t.reference, await e(t.floating), t.strategy),
+    floating: {
+      x: 0,
+      y: 0,
+      width: n.width,
+      height: n.height
+    }
+  };
+};
+function xe(t) {
+  return L(t).direction === "rtl";
+}
+const ye = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: le,
+  getDocumentElement: F,
+  getClippingRect: pe,
+  getOffsetParent: Ht,
+  getElementRects: we,
+  getClientRects: ae,
+  getDimensions: ge,
+  getScale: U,
+  isElement: R,
+  isRTL: xe
+}, be = ne, ve = oe, Ae = te, Ce = Zt, Te = (t, e, o) => {
+  const n = /* @__PURE__ */ new Map(), i = {
+    platform: ye,
+    ...o
+  }, s = {
+    ...i.platform,
+    _c: n
+  };
+  return Qt(t, e, {
+    ...i,
+    platform: s
+  });
+}, Lt = ["mousedown", "touchstart"];
+function Oe(t, e, o) {
+  const n = J(null);
+  return gt(() => {
+    const i = (s) => {
+      const r = s ? s.target : void 0;
+      if (Array.isArray(o)) {
+        const c = !document.body.contains(r) && r.tagName !== "HTML";
+        o.every(
+          (l) => !!l && !s.composedPath().includes(l)
+        ) && !c && t();
+      } else n.current && !n.current.contains(r) && t();
+    };
+    return Lt.forEach(
+      (s) => document.addEventListener(s, i)
+    ), () => {
+      Lt.forEach(
+        (s) => document.removeEventListener(s, i)
+      );
+    };
+  }, [t, o, e]), n;
+}
+function Re(t, e) {
+  const [o, n] = ut(!1), i = J(null), s = J(null), r = dt(() => {
+    n((l) => (!l && (!i.current || i.current === -1) && (i.current = window.setInterval(s.current, e)), !0));
+  }, [e]), c = dt(() => {
+    n(!1), window.clearInterval(i.current || -1), i.current = -1;
+  }, []);
+  return gt(() => (s.current = t, o && r(), c), [t, o, r, c]), { start: r, stop: c, active: o };
+}
+const ot = (t, e = "px") => typeof t > "u" ? "" : `${Math.round(t)}${e}`, Le = () => Y("absolute top-0 left-0 w-max py-1 px-2 rounded-sm text-sm z-50"), Et = ({
+  mode: t
+}) => Y({
+  "bg-surface-darker": t === "dark" || t === "system",
+  "bg-surface-light": t === "light" || t === "alt-system",
+  "dark:bg-surface-light": t === "system",
+  "dark:bg-surface-darker": t === "alt-system"
+}), Ee = ({
+  mode: t
+}) => Y({
+  "text-copy-light": t === "dark" || t === "system",
+  "text-copy-dark": t === "light" || t === "alt-system",
+  "dark:text-copy-dark": t === "system",
+  "dark:text-copy-light": t === "alt-system"
+}), ke = () => Y("absolute", "size-2", "transform rotate-45"), Se = ({
+  mode: t,
+  className: e,
+  tooltipClassName: o,
+  arrowClassName: n
+}) => {
+  const i = Y("relative inline-block", e), s = Y(
+    jt,
+    Le(),
+    Et({ mode: t }),
+    Ee({ mode: t }),
+    o
+  ), r = Y(
+    Yt,
+    ke(),
+    Et({ mode: t }),
+    n
+  );
+  return { tooltip: s, arrow: r, wrapper: i };
+}, Pe = ({ delay: t = 300 }) => ({
+  animation: `av-tooltip-fade-in ${t}ms ease-in-out`
+}), De = 5e3, Fe = ({
+  trigger: t,
+  label: e,
+  placement: o = "top",
+  mode: n = "system",
+  delay: i = 300,
+  className: s,
+  tooltipClassName: r,
+  arrowClassName: c
+}) => {
+  const l = Oe(() => {
+    g.stop(), m(!1);
+  }), a = J(null), d = J(null), [f, p] = ut(!1), [u, m] = ut(!1), g = Re(() => {
+    m(!1);
+  }, De), h = Se({
+    mode: n,
+    className: s,
+    tooltipClassName: r,
+    arrowClassName: c
+  }), w = Pe({ delay: i }), x = dt(async () => {
+    var M, E, V, k;
+    if (l.current && a.current && d.current) {
+      const {
+        x: T,
+        y: I,
+        middlewareData: S,
+        placement: _
+      } = await Te(l.current, a.current, {
+        placement: o,
+        middleware: [
+          be(10),
+          Ae({
+            crossAxis: o.includes("-"),
+            fallbackAxisSideDirection: "start"
+          }),
+          ve({ padding: 5 }),
+          Ce({ element: d.current })
+        ]
+      });
+      (M = a == null ? void 0 : a.current) != null && M.style && Object.assign(a.current.style, {
+        left: ot(T),
+        top: ot(I),
+        ...w
+      });
+      const C = {
+        top: "bottom",
+        right: "left",
+        bottom: "top",
+        left: "right"
+      }[_.split("-")[0]];
+      (E = d == null ? void 0 : d.current) != null && E.style && Object.assign(d.current.style, {
+        left: ot((V = S.arrow) == null ? void 0 : V.x),
+        top: ot((k = S.arrow) == null ? void 0 : k.y),
+        right: "",
+        bottom: "",
+        [C]: "-4px"
+      });
+    }
+  }, [o, w, l]);
+  gt(() => {
+    (async () => f && await x())();
+  }, [x, f]);
+  const y = () => {
+    p(!1), m(!0), g.start();
+  }, v = () => {
+    u || p(!0);
+  }, b = () => {
+    u || p(!1);
+  };
+  return /* @__PURE__ */ vt(
+    "div",
+    {
+      className: h.wrapper,
+      ref: l,
+      onMouseEnter: v,
+      onMouseLeave: b,
+      onClick: y,
+      children: [
+        t,
+        f && /* @__PURE__ */ vt(
+          "div",
+          {
+            role: "tooltip",
+            ref: a,
+            className: h.tooltip,
+            children: [
+              e,
+              /* @__PURE__ */ _t("div", { ref: d, className: h.arrow })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
 export {
-  i as Tooltip
+  Yt as TOOLTIP_ARROW_CLASSNAME,
+  jt as TOOLTIP_CLASSNAME,
+  Fe as Tooltip
 };