@versini/ui-tooltip 2.0.1 → 2.0.2

package/dist/components/Tooltip/Tooltip.js

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