@versini/ui-tooltip 2.0.2 → 2.0.4

package/dist/components/Tooltip/Tooltip.js

@@ -1,7 +1,7 @@
 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) => ({
+import Y from "clsx";
+const _t = "av-tooltip", jt = "av-tooltip-arrow", J = Math.min, X = Math.max, ot = Math.round, D = (t) => ({
   x: t,
   y: t
 }), Yt = {
@@ -14,28 +14,28 @@ const _t = "av-tooltip", jt = "av-tooltip-arrow", J = Math.min, z = Math.max, ot
   end: "start"
 };
 function dt(t, e, o) {
-  return z(t, J(e, o));
+  return X(t, J(e, o));
 }
 function Z(t, e) {
   return typeof t == "function" ? t(e) : t;
 }
-function j(t) {
+function z(t) {
   return t.split("-")[0];
 }
 function tt(t) {
   return t.split("-")[1];
 }
-function Lt(t) {
+function Et(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 $(t) {
+  return ["top", "bottom"].includes(z(t)) ? "y" : "x";
 }
 function ht(t) {
-  return Lt(K(t));
+  return Et($(t));
 }
 function Xt(t, e, o) {
   o === void 0 && (o = !1);
@@ -65,7 +65,7 @@ function Ut(t, e, o) {
 }
 function qt(t, e, o, n) {
   const i = tt(t);
-  let s = Ut(j(t), o === "start", n);
+  let s = Ut(z(t), o === "start", n);
   return i && (s = s.map((r) => r + "-" + i), e && (s = s.concat(s.map(mt)))), s;
 }
 function it(t) {
@@ -111,7 +111,7 @@ function vt(t, e, o) {
     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;
+  const s = $(e), r = ht(e), c = gt(r), l = z(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":
@@ -172,13 +172,13 @@ const Jt = async (t, e, o) => {
   for (let g = 0; g < c.length; g++) {
     const {
       name: h,
-      fn: w
+      fn: x
     } = c[g], {
-      x,
+      x: w,
       y,
       data: A,
       reset: b
-    } = await w({
+    } = await x({
       x: d,
       y: f,
       initialPlacement: n,
@@ -192,7 +192,7 @@ const Jt = async (t, e, o) => {
         floating: e
       }
     });
-    d = x ?? d, f = y ?? f, u = {
+    d = w ?? d, f = y ?? f, u = {
       ...u,
       [h]: {
         ...u[h],
@@ -231,12 +231,12 @@ async function St(t, e) {
     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({
+  } = Z(e, t), m = kt(u), h = c[p ? f === "floating" ? "reference" : "floating" : f], x = 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" ? {
+  })), w = f === "floating" ? {
     x: n,
     y: i,
     width: r.floating.width,
@@ -249,15 +249,15 @@ async function St(t, e) {
     y: 1
   }, b = st(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: c,
-    rect: x,
+    rect: w,
     offsetParent: y,
     strategy: l
-  }) : x);
+  }) : w);
   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
+    top: (x.top - b.top + m.top) / A.y,
+    bottom: (b.bottom - x.bottom + m.bottom) / A.y,
+    left: (x.left - b.left + m.left) / A.x,
+    right: (b.right - x.right + m.right) / A.x
   };
 }
 const Qt = (t) => ({
@@ -281,20 +281,20 @@ const Qt = (t) => ({
     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;
+    }, u = ht(i), m = gt(u), g = await r.getDimensions(a), h = u === "y", x = h ? "top" : "left", w = 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], M = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(a));
+    let k = M ? M[y] : 0;
+    (!k || !await (r.isElement == null ? void 0 : r.isElement(M))) && (k = c.floating[y] || s.floating[m]);
+    const V = A / 2 - b / 2, S = k / 2 - g[m] / 2 - 1, T = J(f[x], S), I = J(f[w], S), P = T, _ = k - g[m] - I, v = k / 2 - g[m] / 2 + V, j = dt(P, v, _), B = !l.arrow && tt(i) != null && v !== j && s.reference[m] / 2 - (v < P ? T : I) - g[m] / 2 < 0, O = B ? v < P ? v - P : v - _ : 0;
     return {
-      [u]: p[u] + S,
+      [u]: p[u] + O,
       data: {
-        [u]: Y,
-        centerOffset: v - Y - S,
-        ...M && {
-          alignmentOffset: S
+        [u]: j,
+        centerOffset: v - j - O,
+        ...B && {
+          alignmentOffset: O
         }
       },
-      reset: M
+      reset: B
     };
   }
 }), Zt = function(t) {
@@ -321,55 +321,57 @@ const Qt = (t) => ({
       } = 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 x = z(i), w = $(c), y = z(c) === c, A = await (l.isRTL == null ? void 0 : l.isRTL(a.floating)), b = p || (y || !g ? [it(c)] : Kt(c)), M = m !== "none";
+      !p && M && b.push(...qt(c, g, m, A));
+      const k = [c, ...b], V = await St(e, h), S = [];
+      let T = ((n = s.flip) == null ? void 0 : n.overflows) || [];
+      if (d && S.push(V[x]), f) {
         const v = Xt(i, r, A);
-        E.push(F[v[0]], F[v[1]]);
+        S.push(V[v[0]], V[v[1]]);
       }
-      if (L = [...L, {
+      if (T = [...T, {
         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)
+        overflows: S
+      }], !S.every((v) => v <= 0)) {
+        var I, P;
+        const v = (((I = s.flip) == null ? void 0 : I.index) || 0) + 1, j = k[v];
+        if (j && (!(f === "alignment" ? w !== $(j) : !1) || // We leave the current main axis only if every placement on that axis
+        // overflows the main axis.
+        T.every((R) => R.overflows[0] > 0 && $(R.placement) === w)))
           return {
             data: {
               index: v,
-              overflows: L
+              overflows: T
             },
             reset: {
-              placement: Y
+              placement: j
             }
           };
-        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)
+        let B = (P = T.filter((O) => O.overflows[0] <= 0).sort((O, R) => O.overflows[1] - R.overflows[1])[0]) == null ? void 0 : P.placement;
+        if (!B)
           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
+              var _;
+              const O = (_ = T.filter((R) => {
+                if (M) {
+                  const W = $(R.placement);
+                  return W === w || // 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);
+              }).map((R) => [R.placement, R.overflows.filter((W) => W > 0).reduce((W, Ht) => W + Ht, 0)]).sort((R, W) => R[1] - W[1])[0]) == null ? void 0 : _[0];
+              O && (B = O);
               break;
             }
             case "initialPlacement":
-              M = c;
+              B = c;
               break;
           }
-        if (i !== M)
+        if (i !== B)
           return {
             reset: {
-              placement: M
+              placement: B
             }
           };
       }
@@ -382,7 +384,7 @@ async function te(t, e) {
     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);
+  } = t, s = await (n.isRTL == null ? void 0 : n.isRTL(i.floating)), r = z(o), c = tt(o), l = $(o) === "y", a = ["left", "top"].includes(r) ? -1 : 1, d = s && l ? -1 : 1, f = Z(e, t);
   let {
     mainAxis: p,
     crossAxis: u,
@@ -441,12 +443,12 @@ const ee = function(t) {
         limiter: c = {
           fn: (h) => {
             let {
-              x: w,
-              y: x
+              x,
+              y: w
             } = h;
             return {
-              x: w,
-              y: x
+              x,
+              y: w
             };
           }
         },
@@ -454,15 +456,15 @@ const ee = function(t) {
       } = Z(t, e), a = {
         x: o,
         y: n
-      }, d = await St(e, l), f = K(j(i)), p = Lt(f);
+      }, d = await St(e, l), f = $(z(i)), p = Et(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);
+        const h = p === "y" ? "top" : "left", x = p === "y" ? "bottom" : "right", w = u + d[h], y = u - d[x];
+        u = dt(w, 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 h = f === "y" ? "top" : "left", x = f === "y" ? "bottom" : "right", w = m + d[h], y = m - d[x];
+        m = dt(w, m, y);
       }
       const g = c.fn({
         ...e,
@@ -493,17 +495,17 @@ function C(t) {
   var e;
   return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
 }
-function B(t) {
+function F(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) {
+function L(t) {
   return rt() ? t instanceof Element || t instanceof C(t).Element : !1;
 }
-function D(t) {
+function N(t) {
   return rt() ? t instanceof HTMLElement || t instanceof C(t).HTMLElement : !1;
 }
 function At(t) {
@@ -515,7 +517,7 @@ function et(t) {
     overflowX: o,
     overflowY: n,
     display: i
-  } = O(t);
+  } = E(t);
   return /auto|scroll|overlay|hidden|clip/.test(e + n + o) && !["inline", "contents"].includes(i);
 }
 function oe(t) {
@@ -531,17 +533,17 @@ function ct(t) {
   });
 }
 function wt(t) {
-  const e = xt(), o = T(t) ? O(t) : t;
+  const e = xt(), o = L(t) ? E(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); ) {
+  let e = H(t);
+  for (; N(e) && !U(e); ) {
     if (wt(e))
       return e;
     if (ct(e))
       return null;
-    e = $(e);
+    e = H(e);
   }
   return null;
 }
@@ -551,11 +553,11 @@ function xt() {
 function U(t) {
   return ["html", "body", "#document"].includes(q(t));
 }
-function O(t) {
+function E(t) {
   return C(t).getComputedStyle(t);
 }
 function lt(t) {
-  return T(t) ? {
+  return L(t) ? {
     scrollLeft: t.scrollLeft,
     scrollTop: t.scrollTop
   } : {
@@ -563,7 +565,7 @@ function lt(t) {
     scrollTop: t.scrollY
   };
 }
-function $(t) {
+function H(t) {
   if (q(t) === "html")
     return t;
   const e = (
@@ -571,13 +573,13 @@ function $(t) {
     t.assignedSlot || // DOM Element detected.
     t.parentNode || // ShadowRoot detected.
     At(t) && t.host || // Fallback.
-    B(t)
+    F(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);
+  const e = H(t);
+  return U(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : N(e) && et(e) ? e : Dt(e);
 }
 function Nt(t, e, o) {
   var n;
@@ -589,9 +591,9 @@ function Ct(t) {
   return t.parent && Object.getPrototypeOf(t.parent) ? t.frameElement : null;
 }
 function Mt(t) {
-  const e = O(t);
+  const e = E(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;
+  const i = N(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,
@@ -599,12 +601,12 @@ function Mt(t) {
   };
 }
 function Bt(t) {
-  return T(t) ? t : t.contextElement;
+  return L(t) ? t : t.contextElement;
 }
-function X(t) {
+function K(t) {
   const e = Bt(t);
-  if (!D(e))
-    return P(1);
+  if (!N(e))
+    return D(1);
   const o = e.getBoundingClientRect(), {
     width: n,
     height: i,
@@ -616,7 +618,7 @@ function X(t) {
     y: c
   };
 }
-const se = /* @__PURE__ */ P(0);
+const se = /* @__PURE__ */ D(0);
 function Ft(t) {
   const e = C(t);
   return !xt() || !e.visualViewport ? se : {
@@ -630,15 +632,15 @@ function re(t, e, o) {
 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 r = D(1);
+  e && (n ? L(n) && (r = K(n)) : r = K(t));
+  const c = re(s, o, n) ? Ft(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 = C(s), u = n && T(n) ? C(n) : n;
+    const p = C(s), u = n && L(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;
+      const h = K(g), x = g.getBoundingClientRect(), w = E(g), y = x.left + (g.clientLeft + parseFloat(w.paddingLeft)) * h.x, A = x.top + (g.clientTop + parseFloat(w.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);
     }
   }
@@ -651,7 +653,7 @@ function Q(t, e, o, n) {
 }
 function yt(t, e) {
   const o = lt(t).scrollLeft;
-  return e ? e.left + o : Q(B(t)).left + o;
+  return e ? e.left + o : Q(F(t)).left + o;
 }
 function Vt(t, e, o) {
   o === void 0 && (o = !1);
@@ -671,19 +673,19 @@ function ce(t) {
     offsetParent: n,
     strategy: i
   } = t;
-  const s = i === "fixed", r = B(n), c = e ? ct(e.floating) : !1;
+  const s = i === "fixed", r = F(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))) {
+  }, a = D(1);
+  const d = D(0), f = N(n);
+  if ((f || !f && !s) && ((q(n) !== "body" || et(r)) && (l = lt(n)), N(n))) {
     const u = Q(n);
-    a = X(n), d.x = u.x + n.clientLeft, d.y = u.y + n.clientTop;
+    a = K(n), d.x = u.x + n.clientLeft, d.y = u.y + n.clientTop;
   }
-  const p = r && !f && !s ? Vt(r, l, !0) : P(0);
+  const p = r && !f && !s ? Vt(r, l, !0) : D(0);
   return {
     width: o.width * a.x,
     height: o.height * a.y,
@@ -695,10 +697,10 @@ 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);
+  const e = F(t), o = lt(t), n = t.ownerDocument.body, i = X(e.scrollWidth, e.clientWidth, n.scrollWidth, n.clientWidth), s = X(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), {
+  return E(n).direction === "rtl" && (r += X(e.clientWidth, n.clientWidth) - i), {
     width: i,
     height: s,
     x: r,
@@ -706,7 +708,7 @@ function ae(t) {
   };
 }
 function fe(t, e) {
-  const o = C(t), n = B(t), i = o.visualViewport;
+  const o = C(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;
@@ -721,7 +723,7 @@ function fe(t, e) {
   };
 }
 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;
+  const o = Q(t, !0, e === "fixed"), n = o.top + t.clientTop, i = o.left + t.clientLeft, s = N(t) ? K(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,
@@ -734,8 +736,8 @@ function Tt(t, e, o) {
   if (e === "viewport")
     n = fe(t, o);
   else if (e === "document")
-    n = ae(B(t));
-  else if (T(e))
+    n = ae(F(t));
+  else if (L(e))
     n = ue(e, o);
   else {
     const i = Ft(t);
@@ -749,19 +751,19 @@ function Tt(t, e, o) {
   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);
+  const o = H(t);
+  return o === e || !L(o) || U(o) ? !1 : E(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);
+  let n = Nt(t, []).filter((c) => L(c) && q(c) !== "body"), i = null;
+  const s = E(t).position === "fixed";
+  let r = s ? H(t) : t;
+  for (; L(r) && !U(r); ) {
+    const c = E(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 = H(r);
   }
   return e.set(t, n), n;
 }
@@ -774,7 +776,7 @@ function me(t) {
   } = 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;
+    return a.top = X(f.top, a.top), a.right = J(f.right, a.right), a.bottom = J(f.bottom, a.bottom), a.left = X(f.left, a.left), a;
   }, Tt(e, c, i));
   return {
     width: l.right - l.left,
@@ -794,46 +796,50 @@ function pe(t) {
   };
 }
 function ge(t, e, o) {
-  const n = D(e), i = B(e), s = o === "fixed", r = Q(t, !0, s, e);
+  const n = N(e), i = F(e), s = o === "fixed", r = Q(t, !0, s, e);
   let c = {
     scrollLeft: 0,
     scrollTop: 0
   };
-  const l = P(0);
+  const l = D(0);
+  function a() {
+    l.x = yt(i);
+  }
   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;
+      const u = Q(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 ? Vt(i, c) : D(0), f = r.left + c.scrollLeft - l.x - d.x, p = r.top + c.scrollTop - l.y - d.y;
   return {
-    x: d,
-    y: f,
+    x: f,
+    y: p,
     width: r.width,
     height: r.height
   };
 }
 function at(t) {
-  return O(t).position === "static";
+  return E(t).position === "static";
 }
 function Ot(t, e) {
-  if (!D(t) || O(t).position === "fixed")
+  if (!N(t) || E(t).position === "fixed")
     return null;
   if (e)
     return e(t);
   let o = t.offsetParent;
-  return B(t) === o && (o = o.ownerDocument.body), o;
+  return F(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);
+  if (!N(t)) {
+    let i = H(t);
     for (; i && !U(i); ) {
-      if (T(i) && !at(i))
+      if (L(i) && !at(i))
         return i;
-      i = $(i);
+      i = H(i);
     }
     return o;
   }
@@ -855,18 +861,18 @@ const he = async function(t) {
   };
 };
 function we(t) {
-  return O(t).direction === "rtl";
+  return E(t).direction === "rtl";
 }
 const xe = {
   convertOffsetParentRelativeRectToViewportRelativeRect: ce,
-  getDocumentElement: B,
+  getDocumentElement: F,
   getClippingRect: me,
   getOffsetParent: $t,
   getElementRects: he,
   getClientRects: le,
   getDimensions: pe,
-  getScale: X,
-  isElement: T,
+  getScale: K,
+  isElement: L,
   isRTL: we
 }, ye = ee, be = ne, ve = Zt, Ae = Qt, Ce = (t, e, o) => {
   const n = /* @__PURE__ */ new Map(), i = {
@@ -910,36 +916,36 @@ function Oe(t, e) {
   }, []);
   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 = ({
+const nt = (t, e = "px") => typeof t > "u" ? "" : `${Math.round(t)}${e}`, Re = () => Y("absolute top-0 left-0 w-max py-1 px-2 rounded-sm text-sm z-50"), Lt = ({
   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 = ({
+}), Le = ({
   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"
-}), Le = () => _("absolute", "size-2", "transform rotate-45"), ke = ({
+}), Ee = () => Y("absolute", "size-2", "transform rotate-45"), ke = ({
   mode: t,
   className: e,
   tooltipClassName: o,
   arrowClassName: n
 }) => {
-  const i = _("relative inline-block", e), s = _(
+  const i = Y("relative inline-block", e), s = Y(
     _t,
     Re(),
-    Et({ mode: t }),
-    Ee({ mode: t }),
+    Lt({ mode: t }),
+    Le({ mode: t }),
     o
-  ), r = _(
+  ), r = Y(
     jt,
-    Le(),
-    Et({ mode: t }),
+    Ee(),
+    Lt({ mode: t }),
     n
   );
   return { tooltip: s, arrow: r, wrapper: i };
@@ -964,14 +970,14 @@ const nt = (t, e = "px") => typeof t > "u" ? "" : `${Math.round(t)}${e}`, Re = (
     className: s,
     tooltipClassName: r,
     arrowClassName: c
-  }), w = Se({ delay: i }), x = ut(async () => {
-    var N, R, F, E;
+  }), x = Se({ delay: i }), w = ut(async () => {
+    var M, k, V, S;
     if (l.current && a.current && d.current) {
       const {
-        x: L,
-        y: H,
-        middlewareData: k,
-        placement: I
+        x: T,
+        y: I,
+        middlewareData: P,
+        placement: _
       } = await Ce(l.current, a.current, {
         placement: o,
         middleware: [
@@ -984,29 +990,29 @@ const nt = (t, e = "px") => typeof t > "u" ? "" : `${Math.round(t)}${e}`, Re = (
           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
+      (M = a == null ? void 0 : a.current) != null && M.style && Object.assign(a.current.style, {
+        left: nt(T),
+        top: nt(I),
+        ...x
       });
       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),
+      }[_.split("-")[0]];
+      (k = d == null ? void 0 : d.current) != null && k.style && Object.assign(d.current.style, {
+        left: nt((V = P.arrow) == null ? void 0 : V.x),
+        top: nt((S = P.arrow) == null ? void 0 : S.y),
         right: "",
         bottom: "",
         [v]: "-4px"
       });
     }
-  }, [o, w, l]);
+  }, [o, x, l]);
   pt(() => {
-    (async () => f && await x())();
-  }, [x, f]);
+    (async () => f && await w())();
+  }, [w, f]);
   const y = () => {
     p(!1), m(!0), g.start();
   }, A = () => {

package/dist/index.js

@@ -1,12 +1,12 @@
 import { TOOLTIP_ARROW_CLASSNAME as T, TOOLTIP_CLASSNAME as I, Tooltip as e } from "./components/Tooltip/Tooltip.js";
 /*!
-  @versini/ui-tooltip v2.0.2
+  @versini/ui-tooltip v2.0.4
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_TOOLTIP__ || (window.__VERSINI_UI_TOOLTIP__ = {
-    version: "2.0.2",
-    buildTime: "04/12/2025 09:18 AM EDT",
+    version: "2.0.4",
+    buildTime: "06/20/2025 05:22 PM EDT",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-tooltip",
-	"version": "2.0.2",
+	"version": "2.0.4",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -39,17 +39,17 @@
 		"react-dom": "^18.3.1 || ^19.0.0"
 	},
 	"devDependencies": {
-		"@versini/ui-types": "5.0.2"
+		"@versini/ui-types": "5.0.4"
 	},
 	"dependencies": {
-		"@floating-ui/dom": "1.6.13",
+		"@floating-ui/dom": "1.7.1",
 		"@tailwindcss/typography": "0.5.16",
-		"@versini/ui-hooks": "4.7.3",
+		"@versini/ui-hooks": "4.7.4",
 		"clsx": "2.1.1",
-		"tailwindcss": "4.1.3"
+		"tailwindcss": "4.1.10"
 	},
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "1bc09c4f0904bd8c01a22b1a32299fdd7598ae32"
+	"gitHead": "2fffae99315244f0662bdecbe45a89bc770f0f15"
 }