@versini/ui-tooltip 1.1.2 → 1.3.0

package/dist/index.d.ts

@@ -4,6 +4,6 @@ import { TooltipTypes } from '@versini/ui-types';
 declare const TOOLTIP_CLASSNAME = "av-tooltip";
 declare const TOOLTIP_ARROW_CLASSNAME = "av-tooltip-arrow";
 
-declare const Tooltip: ({ trigger, label, placement, mode, delay, className, arrowClassName, }: TooltipTypes.Props) => react_jsx_runtime.JSX.Element;
+declare const Tooltip: ({ trigger, label, placement, mode, delay, className, tooltipClassName, arrowClassName, }: TooltipTypes.Props) => react_jsx_runtime.JSX.Element;
 
 export { TOOLTIP_ARROW_CLASSNAME, TOOLTIP_CLASSNAME, Tooltip };

package/dist/index.js

@@ -1,69 +1,69 @@
-import { jsxs as yt, jsx as Vt } from "react/jsx-runtime";
-import { useRef as lt, useState as Wt, useCallback as Ft, useEffect as $t } from "react";
-import W from "clsx";
+import { jsxs as At, jsx as $t } from "react/jsx-runtime";
+import { useRef as G, useEffect as ht, useState as ft, useCallback as ut } from "react";
+import H from "clsx";
 /*!
-  @versini/ui-tooltip v1.1.2
+  @versini/ui-tooltip v1.3.0
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_TOOLTIP__ || (window.__VERSINI_UI_TOOLTIP__ = {
-    version: "1.1.2",
-    buildTime: "01/20/2025 01:05 PM EST",
+    version: "1.3.0",
+    buildTime: "01/20/2025 10:08 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const It = "av-tooltip", Ht = "av-tooltip-arrow", G = Math.min, H = Math.max, nt = Math.round, S = (t) => ({
+const Ht = "av-tooltip", jt = "av-tooltip-arrow", J = Math.min, z = Math.max, ot = Math.round, P = (t) => ({
   x: t,
   y: t
-}), jt = {
+}), Yt = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, Yt = {
+}, zt = {
   start: "end",
   end: "start"
 };
-function ft(t, e, o) {
-  return H(t, G(e, o));
+function dt(t, e, o) {
+  return z(t, J(e, o));
 }
-function Q(t, e) {
+function Z(t, e) {
   return typeof t == "function" ? t(e) : t;
 }
-function F(t) {
+function j(t) {
   return t.split("-")[0];
 }
-function Z(t) {
+function tt(t) {
   return t.split("-")[1];
 }
-function Ot(t) {
+function St(t) {
   return t === "x" ? "y" : "x";
 }
-function gt(t) {
+function wt(t) {
   return t === "y" ? "height" : "width";
 }
-function Y(t) {
-  return ["top", "bottom"].includes(F(t)) ? "y" : "x";
+function X(t) {
+  return ["top", "bottom"].includes(j(t)) ? "y" : "x";
 }
-function pt(t) {
-  return Ot(Y(t));
+function xt(t) {
+  return St(X(t));
 }
-function zt(t, e, o) {
+function Ut(t, e, o) {
   o === void 0 && (o = !1);
-  const n = Z(t), i = pt(t), s = gt(i);
+  const n = tt(t), i = xt(t), s = wt(i);
   let r = i === "x" ? n === (o ? "end" : "start") ? "right" : "left" : n === "start" ? "bottom" : "top";
-  return e.reference[s] > e.floating[s] && (r = ot(r)), [r, ot(r)];
+  return e.reference[s] > e.floating[s] && (r = it(r)), [r, it(r)];
 }
 function Xt(t) {
-  const e = ot(t);
-  return [ut(t), e, ut(e)];
+  const e = it(t);
+  return [mt(t), e, mt(e)];
 }
-function ut(t) {
-  return t.replace(/start|end/g, (e) => Yt[e]);
+function mt(t) {
+  return t.replace(/start|end/g, (e) => zt[e]);
 }
-function Ut(t, e, o) {
+function Kt(t, e, o) {
   const n = ["left", "right"], i = ["right", "left"], s = ["top", "bottom"], r = ["bottom", "top"];
   switch (t) {
     case "top":
@@ -76,15 +76,15 @@ function Ut(t, e, o) {
       return [];
   }
 }
-function Kt(t, e, o, n) {
-  const i = Z(t);
-  let s = Ut(F(t), o === "start", n);
-  return i && (s = s.map((r) => r + "-" + i), e && (s = s.concat(s.map(ut)))), s;
+function qt(t, e, o, n) {
+  const i = tt(t);
+  let s = Kt(j(t), o === "start", n);
+  return i && (s = s.map((r) => r + "-" + i), e && (s = s.concat(s.map(mt)))), s;
 }
-function ot(t) {
-  return t.replace(/left|right|bottom|top/g, (e) => jt[e]);
+function it(t) {
+  return t.replace(/left|right|bottom|top/g, (e) => Yt[e]);
 }
-function qt(t) {
+function Gt(t) {
   return {
     top: 0,
     right: 0,
@@ -93,15 +93,15 @@ function qt(t) {
     ...t
   };
 }
-function Rt(t) {
-  return typeof t != "number" ? qt(t) : {
+function kt(t) {
+  return typeof t != "number" ? Gt(t) : {
     top: t,
     right: t,
     bottom: t,
     left: t
   };
 }
-function it(t) {
+function st(t) {
   const {
     x: e,
     y: o,
@@ -119,12 +119,12 @@ function it(t) {
     y: o
   };
 }
-function bt(t, e, o) {
+function Tt(t, e, o) {
   let {
     reference: n,
     floating: i
   } = t;
-  const s = Y(e), r = pt(e), c = gt(r), l = F(e), a = s === "y", d = n.x + n.width / 2 - i.width / 2, f = n.y + n.height / 2 - i.height / 2, m = n[c] / 2 - i[c] / 2;
+  const s = X(e), r = xt(e), c = wt(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":
@@ -157,17 +157,17 @@ function bt(t, e, o) {
         y: n.y
       };
   }
-  switch (Z(e)) {
+  switch (tt(e)) {
     case "start":
-      u[r] -= m * (o && a ? -1 : 1);
+      u[r] -= p * (o && a ? -1 : 1);
       break;
     case "end":
-      u[r] += m * (o && a ? -1 : 1);
+      u[r] += p * (o && a ? -1 : 1);
       break;
   }
   return u;
 }
-const Gt = async (t, e, o) => {
+const Jt = async (t, e, o) => {
   const {
     placement: n = "bottom",
     strategy: i = "absolute",
@@ -181,21 +181,21 @@ const Gt = async (t, e, o) => {
   }), {
     x: d,
     y: f
-  } = bt(a, n, l), m = n, u = {}, g = 0;
-  for (let p = 0; p < c.length; p++) {
+  } = Tt(a, n, l), p = n, u = {}, m = 0;
+  for (let g = 0; g < c.length; g++) {
     const {
       name: h,
       fn: w
-    } = c[p], {
+    } = c[g], {
       x,
       y,
-      data: v,
+      data: A,
       reset: b
     } = await w({
       x: d,
       y: f,
       initialPlacement: n,
-      placement: m,
+      placement: p,
       strategy: i,
       middlewareData: u,
       rects: a,
@@ -209,26 +209,26 @@ const Gt = async (t, e, o) => {
       ...u,
       [h]: {
         ...u[h],
-        ...v
+        ...A
       }
-    }, b && g <= 50 && (g++, typeof b == "object" && (b.placement && (m = b.placement), b.rects && (a = b.rects === !0 ? await r.getElementRects({
+    }, 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
-    } = bt(a, m, l)), p = -1);
+    } = Tt(a, p, l)), g = -1);
   }
   return {
     x: d,
     y: f,
-    placement: m,
+    placement: p,
     strategy: i,
     middlewareData: u
   };
 };
-async function St(t, e) {
+async function Pt(t, e) {
   var o;
   e === void 0 && (e = {});
   const {
@@ -242,9 +242,9 @@ async function St(t, e) {
     boundary: a = "clippingAncestors",
     rootBoundary: d = "viewport",
     elementContext: f = "floating",
-    altBoundary: m = !1,
+    altBoundary: p = !1,
     padding: u = 0
-  } = Q(e, t), g = Rt(u), h = c[m ? f === "floating" ? "reference" : "floating" : f], w = it(await s.getClippingRect({
+  } = 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,
@@ -254,26 +254,26 @@ async function St(t, e) {
     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)) || {
+  } : 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 = it(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, b = st(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: c,
     rect: x,
     offsetParent: y,
     strategy: l
   }) : x);
   return {
-    top: (w.top - b.top + g.top) / v.y,
-    bottom: (b.bottom - w.bottom + g.bottom) / v.y,
-    left: (w.left - b.left + g.left) / v.x,
-    right: (b.right - w.right + g.right) / v.x
+    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 Jt = (t) => ({
+const Qt = (t) => ({
   name: "arrow",
   options: t,
   async fn(e) {
@@ -288,29 +288,29 @@ const Jt = (t) => ({
     } = e, {
       element: a,
       padding: d = 0
-    } = Q(t, e) || {};
+    } = Z(t, e) || {};
     if (a == null)
       return {};
-    const f = Rt(d), m = {
+    const f = kt(d), p = {
       x: o,
       y: n
-    }, u = pt(i), g = gt(u), p = await r.getDimensions(a), h = u === "y", w = h ? "top" : "left", x = h ? "bottom" : "right", y = h ? "clientHeight" : "clientWidth", v = s.reference[g] + s.reference[u] - m[u] - s.floating[g], b = m[u] - s.reference[u], $ = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(a));
-    let _ = $ ? $[y] : 0;
-    (!_ || !await (r.isElement == null ? void 0 : r.isElement($))) && (_ = c.floating[y] || s.floating[g]);
-    const U = v / 2 - b / 2, B = _ / 2 - p[g] / 2 - 1, P = G(f[w], B), K = G(f[x], B), V = P, q = _ - p[g] - K, A = _ / 2 - p[g] / 2 + U, I = ft(V, A, q), E = !l.arrow && Z(i) != null && A !== I && s.reference[g] / 2 - (A < V ? P : K) - p[g] / 2 < 0, R = E ? A < V ? A - V : A - q : 0;
+    }, u = xt(i), m = wt(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 E = N ? N[y] : 0;
+    (!E || !await (r.isElement == null ? void 0 : r.isElement(N))) && (E = c.floating[y] || s.floating[m]);
+    const V = A / 2 - b / 2, R = E / 2 - g[m] / 2 - 1, L = J(f[w], R), I = J(f[x], R), S = L, $ = E - g[m] - I, v = E / 2 - g[m] / 2 + V, Y = dt(S, v, $), M = !l.arrow && tt(i) != null && v !== Y && s.reference[m] / 2 - (v < S ? L : I) - g[m] / 2 < 0, k = M ? v < S ? v - S : v - $ : 0;
     return {
-      [u]: m[u] + R,
+      [u]: p[u] + k,
       data: {
-        [u]: I,
-        centerOffset: A - I - R,
-        ...E && {
-          alignmentOffset: R
+        [u]: Y,
+        centerOffset: v - Y - k,
+        ...M && {
+          alignmentOffset: k
         }
       },
-      reset: E
+      reset: M
     };
   }
-}), Qt = function(t) {
+}), Zt = function(t) {
   return t === void 0 && (t = {}), {
     name: "flip",
     options: t,
@@ -326,63 +326,63 @@ const Jt = (t) => ({
       } = e, {
         mainAxis: d = !0,
         crossAxis: f = !0,
-        fallbackPlacements: m,
+        fallbackPlacements: p,
         fallbackStrategy: u = "bestFit",
-        fallbackAxisSideDirection: g = "none",
-        flipAlignment: p = !0,
+        fallbackAxisSideDirection: m = "none",
+        flipAlignment: g = !0,
         ...h
-      } = Q(t, e);
+      } = Z(t, e);
       if ((o = s.arrow) != null && o.alignmentOffset)
         return {};
-      const w = F(i), x = Y(c), y = F(c) === c, v = await (l.isRTL == null ? void 0 : l.isRTL(a.floating)), b = m || (y || !p ? [ot(c)] : Xt(c)), $ = g !== "none";
-      !m && $ && b.push(...Kt(c, p, g, v));
-      const _ = [c, ...b], U = await St(e, h), B = [];
-      let P = ((n = s.flip) == null ? void 0 : n.overflows) || [];
-      if (d && B.push(U[w]), f) {
-        const A = zt(i, r, v);
-        B.push(U[A[0]], U[A[1]]);
+      const w = j(i), x = X(c), y = j(c) === c, A = await (l.isRTL == null ? void 0 : l.isRTL(a.floating)), b = p || (y || !g ? [it(c)] : Xt(c)), N = m !== "none";
+      !p && N && b.push(...qt(c, g, m, A));
+      const E = [c, ...b], V = await Pt(e, h), R = [];
+      let L = ((n = s.flip) == null ? void 0 : n.overflows) || [];
+      if (d && R.push(V[w]), f) {
+        const v = Ut(i, r, A);
+        R.push(V[v[0]], V[v[1]]);
       }
-      if (P = [...P, {
+      if (L = [...L, {
         placement: i,
-        overflows: B
-      }], !B.every((A) => A <= 0)) {
-        var K, V;
-        const A = (((K = s.flip) == null ? void 0 : K.index) || 0) + 1, I = _[A];
-        if (I)
+        overflows: R
+      }], !R.every((v) => v <= 0)) {
+        var I, S;
+        const v = (((I = s.flip) == null ? void 0 : I.index) || 0) + 1, Y = E[v];
+        if (Y)
           return {
             data: {
-              index: A,
-              overflows: P
+              index: v,
+              overflows: L
             },
             reset: {
-              placement: I
+              placement: Y
             }
           };
-        let E = (V = P.filter((R) => R.overflows[0] <= 0).sort((R, D) => R.overflows[1] - D.overflows[1])[0]) == null ? void 0 : V.placement;
-        if (!E)
+        let M = (S = L.filter((k) => k.overflows[0] <= 0).sort((k, B) => k.overflows[1] - B.overflows[1])[0]) == null ? void 0 : S.placement;
+        if (!M)
           switch (u) {
             case "bestFit": {
-              var q;
-              const R = (q = P.filter((D) => {
-                if ($) {
-                  const N = Y(D.placement);
-                  return N === x || // Create a bias to the `y` side axis due to horizontal
+              var $;
+              const k = ($ = L.filter((B) => {
+                if (N) {
+                  const F = X(B.placement);
+                  return F === x || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
-                  N === "y";
+                  F === "y";
                 }
                 return !0;
-              }).map((D) => [D.placement, D.overflows.filter((N) => N > 0).reduce((N, Bt) => N + Bt, 0)]).sort((D, N) => D[1] - N[1])[0]) == null ? void 0 : q[0];
-              R && (E = R);
+              }).map((B) => [B.placement, B.overflows.filter((F) => F > 0).reduce((F, It) => F + It, 0)]).sort((B, F) => B[1] - F[1])[0]) == null ? void 0 : $[0];
+              k && (M = k);
               break;
             }
             case "initialPlacement":
-              E = c;
+              M = c;
               break;
           }
-        if (i !== E)
+        if (i !== M)
           return {
             reset: {
-              placement: E
+              placement: M
             }
           };
       }
@@ -390,16 +390,16 @@ const Jt = (t) => ({
     }
   };
 };
-async function Zt(t, e) {
+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 = F(o), c = Z(o), l = Y(o) === "y", a = ["left", "top"].includes(r) ? -1 : 1, d = s && l ? -1 : 1, f = Q(e, t);
+  } = t, s = await (n.isRTL == null ? void 0 : n.isRTL(i.floating)), r = j(o), c = tt(o), l = X(o) === "y", a = ["left", "top"].includes(r) ? -1 : 1, d = s && l ? -1 : 1, f = Z(e, t);
   let {
-    mainAxis: m,
+    mainAxis: p,
     crossAxis: u,
-    alignmentAxis: g
+    alignmentAxis: m
   } = typeof f == "number" ? {
     mainAxis: f,
     crossAxis: 0,
@@ -409,15 +409,15 @@ async function Zt(t, e) {
     crossAxis: f.crossAxis || 0,
     alignmentAxis: f.alignmentAxis
   };
-  return c && typeof g == "number" && (u = c === "end" ? g * -1 : g), l ? {
+  return c && typeof m == "number" && (u = c === "end" ? m * -1 : m), l ? {
     x: u * d,
-    y: m * a
+    y: p * a
   } : {
-    x: m * a,
+    x: p * a,
     y: u * d
   };
 }
-const te = function(t) {
+const ee = function(t) {
   return t === void 0 && (t = 0), {
     name: "offset",
     options: t,
@@ -428,7 +428,7 @@ const te = function(t) {
         y: s,
         placement: r,
         middlewareData: c
-      } = e, l = await Zt(e, t);
+      } = 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,
@@ -439,7 +439,7 @@ const te = function(t) {
       };
     }
   };
-}, ee = function(t) {
+}, ne = function(t) {
   return t === void 0 && (t = {}), {
     name: "shift",
     options: t,
@@ -464,31 +464,31 @@ const te = function(t) {
           }
         },
         ...l
-      } = Q(t, e), a = {
+      } = Z(t, e), a = {
         x: o,
         y: n
-      }, d = await St(e, l), f = Y(F(i)), m = Ot(f);
-      let u = a[m], g = a[f];
+      }, d = await Pt(e, l), f = X(j(i)), p = St(f);
+      let u = a[p], m = a[f];
       if (s) {
-        const h = m === "y" ? "top" : "left", w = m === "y" ? "bottom" : "right", x = u + d[h], y = u - d[w];
-        u = ft(x, u, y);
+        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 = g + d[h], y = g - d[w];
-        g = ft(x, g, y);
+        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 p = c.fn({
+      const g = c.fn({
         ...e,
-        [m]: u,
-        [f]: g
+        [p]: u,
+        [f]: m
       });
       return {
-        ...p,
+        ...g,
         data: {
-          x: p.x - o,
-          y: p.y - n,
+          x: g.x - o,
+          y: g.y - n,
           enabled: {
-            [m]: s,
+            [p]: s,
             [f]: r
           }
         }
@@ -496,33 +496,33 @@ const te = function(t) {
     }
   };
 };
-function st() {
+function rt() {
   return typeof window < "u";
 }
-function X(t) {
-  return kt(t) ? (t.nodeName || "").toLowerCase() : "#document";
+function q(t) {
+  return Dt(t) ? (t.nodeName || "").toLowerCase() : "#document";
 }
 function T(t) {
   var e;
   return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
 }
-function L(t) {
+function _(t) {
   var e;
-  return (e = (kt(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
+  return (e = (Dt(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
 }
-function kt(t) {
-  return st() ? t instanceof Node || t instanceof T(t).Node : !1;
+function Dt(t) {
+  return rt() ? t instanceof Node || t instanceof T(t).Node : !1;
 }
 function C(t) {
-  return st() ? t instanceof Element || t instanceof T(t).Element : !1;
+  return rt() ? t instanceof Element || t instanceof T(t).Element : !1;
 }
-function k(t) {
-  return st() ? t instanceof HTMLElement || t instanceof T(t).HTMLElement : !1;
+function D(t) {
+  return rt() ? t instanceof HTMLElement || t instanceof T(t).HTMLElement : !1;
 }
-function vt(t) {
-  return !st() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof T(t).ShadowRoot;
+function Ct(t) {
+  return !rt() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof T(t).ShadowRoot;
 }
-function tt(t) {
+function et(t) {
   const {
     overflow: e,
     overflowX: o,
@@ -531,10 +531,10 @@ function tt(t) {
   } = O(t);
   return /auto|scroll|overlay|hidden|clip/.test(e + n + o) && !["inline", "contents"].includes(i);
 }
-function ne(t) {
-  return ["table", "td", "th"].includes(X(t));
+function oe(t) {
+  return ["table", "td", "th"].includes(q(t));
 }
-function rt(t) {
+function ct(t) {
   return [":popover-open", ":modal"].some((e) => {
     try {
       return t.matches(e);
@@ -543,31 +543,31 @@ function rt(t) {
     }
   });
 }
-function ht(t) {
-  const e = wt(), o = C(t) ? O(t) : t;
+function yt(t) {
+  const e = bt(), o = C(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 oe(t) {
-  let e = M(t);
-  for (; k(e) && !z(e); ) {
-    if (ht(e))
+function ie(t) {
+  let e = W(t);
+  for (; D(e) && !K(e); ) {
+    if (yt(e))
       return e;
-    if (rt(e))
+    if (ct(e))
       return null;
-    e = M(e);
+    e = W(e);
   }
   return null;
 }
-function wt() {
+function bt() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
-function z(t) {
-  return ["html", "body", "#document"].includes(X(t));
+function K(t) {
+  return ["html", "body", "#document"].includes(q(t));
 }
 function O(t) {
   return T(t).getComputedStyle(t);
 }
-function ct(t) {
+function lt(t) {
   return C(t) ? {
     scrollLeft: t.scrollLeft,
     scrollTop: t.scrollTop
@@ -576,158 +576,158 @@ function ct(t) {
     scrollTop: t.scrollY
   };
 }
-function M(t) {
-  if (X(t) === "html")
+function W(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.
-    vt(t) && t.host || // Fallback.
-    L(t)
+    Ct(t) && t.host || // Fallback.
+    _(t)
   );
-  return vt(e) ? e.host : e;
+  return Ct(e) ? e.host : e;
 }
-function Et(t) {
-  const e = M(t);
-  return z(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : k(e) && tt(e) ? e : Et(e);
+function Nt(t) {
+  const e = W(t);
+  return K(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : D(e) && et(e) ? e : Nt(e);
 }
-function dt(t, e, o) {
+function pt(t, e, o) {
   var n;
   e === void 0 && (e = []), o === void 0 && (o = !0);
-  const i = Et(t), s = i === ((n = t.ownerDocument) == null ? void 0 : n.body), r = T(i);
+  const i = Nt(t), s = i === ((n = t.ownerDocument) == null ? void 0 : n.body), r = T(i);
   if (s) {
-    const c = mt(r);
-    return e.concat(r, r.visualViewport || [], tt(i) ? i : [], c && o ? dt(c) : []);
+    const c = gt(r);
+    return e.concat(r, r.visualViewport || [], et(i) ? i : [], c && o ? pt(c) : []);
   }
-  return e.concat(i, dt(i, [], o));
+  return e.concat(i, pt(i, [], o));
 }
-function mt(t) {
+function gt(t) {
   return t.parent && Object.getPrototypeOf(t.parent) ? t.frameElement : null;
 }
-function Lt(t) {
+function Mt(t) {
   const e = O(t);
   let o = parseFloat(e.width) || 0, n = parseFloat(e.height) || 0;
-  const i = k(t), s = i ? t.offsetWidth : o, r = i ? t.offsetHeight : n, c = nt(o) !== s || nt(n) !== r;
+  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 Pt(t) {
+function _t(t) {
   return C(t) ? t : t.contextElement;
 }
-function j(t) {
-  const e = Pt(t);
-  if (!k(e))
-    return S(1);
+function U(t) {
+  const e = _t(t);
+  if (!D(e))
+    return P(1);
   const o = e.getBoundingClientRect(), {
     width: n,
     height: i,
     $: s
-  } = Lt(e);
-  let r = (s ? nt(o.width) : o.width) / n, c = (s ? nt(o.height) : o.height) / i;
+  } = 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 ie = /* @__PURE__ */ S(0);
-function Dt(t) {
+const se = /* @__PURE__ */ P(0);
+function Vt(t) {
   const e = T(t);
-  return !wt() || !e.visualViewport ? ie : {
+  return !bt() || !e.visualViewport ? se : {
     x: e.visualViewport.offsetLeft,
     y: e.visualViewport.offsetTop
   };
 }
-function se(t, e, o) {
+function re(t, e, o) {
   return e === void 0 && (e = !1), !o || e && o !== T(t) ? !1 : e;
 }
-function J(t, e, o, n) {
+function Q(t, e, o, n) {
   e === void 0 && (e = !1), o === void 0 && (o = !1);
-  const i = t.getBoundingClientRect(), s = Pt(t);
-  let r = S(1);
-  e && (n ? C(n) && (r = j(n)) : r = j(t));
-  const c = se(s, o, n) ? Dt(s) : S(0);
+  const i = t.getBoundingClientRect(), s = _t(t);
+  let r = P(1);
+  e && (n ? C(n) && (r = U(n)) : r = U(t));
+  const c = re(s, o, n) ? Vt(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 m = T(s), u = n && C(n) ? T(n) : n;
-    let g = m, p = mt(g);
-    for (; p && n && u !== g; ) {
-      const h = j(p), w = p.getBoundingClientRect(), x = O(p), y = w.left + (p.clientLeft + parseFloat(x.paddingLeft)) * h.x, v = w.top + (p.clientTop + parseFloat(x.paddingTop)) * h.y;
-      l *= h.x, a *= h.y, d *= h.x, f *= h.y, l += y, a += v, g = T(p), p = mt(g);
+    const p = T(s), u = n && C(n) ? T(n) : n;
+    let m = p, g = gt(m);
+    for (; g && n && u !== m; ) {
+      const h = U(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 = T(g), g = gt(m);
     }
   }
-  return it({
+  return st({
     width: d,
     height: f,
     x: l,
     y: a
   });
 }
-function xt(t, e) {
-  const o = ct(t).scrollLeft;
-  return e ? e.left + o : J(L(t)).left + o;
+function vt(t, e) {
+  const o = lt(t).scrollLeft;
+  return e ? e.left + o : Q(_(t)).left + o;
 }
-function Nt(t, e, o) {
+function Bt(t, e, o) {
   o === void 0 && (o = !1);
   const n = t.getBoundingClientRect(), i = n.left + e.scrollLeft - (o ? 0 : (
     // RTL <body> scrollbar.
-    xt(t, n)
+    vt(t, n)
   )), s = n.top + e.scrollTop;
   return {
     x: i,
     y: s
   };
 }
-function re(t) {
+function ce(t) {
   let {
     elements: e,
     rect: o,
     offsetParent: n,
     strategy: i
   } = t;
-  const s = i === "fixed", r = L(n), c = e ? rt(e.floating) : !1;
+  const s = i === "fixed", r = _(n), c = e ? ct(e.floating) : !1;
   if (n === r || c && s)
     return o;
   let l = {
     scrollLeft: 0,
     scrollTop: 0
-  }, a = S(1);
-  const d = S(0), f = k(n);
-  if ((f || !f && !s) && ((X(n) !== "body" || tt(r)) && (l = ct(n)), k(n))) {
-    const u = J(n);
-    a = j(n), d.x = u.x + n.clientLeft, d.y = u.y + n.clientTop;
+  }, 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 = U(n), d.x = u.x + n.clientLeft, d.y = u.y + n.clientTop;
   }
-  const m = r && !f && !s ? Nt(r, l, !0) : S(0);
+  const p = r && !f && !s ? Bt(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 + m.x,
-    y: o.y * a.y - l.scrollTop * a.y + d.y + m.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 ce(t) {
+function le(t) {
   return Array.from(t.getClientRects());
 }
-function le(t) {
-  const e = L(t), o = ct(t), n = t.ownerDocument.body, i = H(e.scrollWidth, e.clientWidth, n.scrollWidth, n.clientWidth), s = H(e.scrollHeight, e.clientHeight, n.scrollHeight, n.clientHeight);
-  let r = -o.scrollLeft + xt(t);
+function ae(t) {
+  const e = _(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 + vt(t);
   const c = -o.scrollTop;
-  return O(n).direction === "rtl" && (r += H(e.clientWidth, n.clientWidth) - i), {
+  return O(n).direction === "rtl" && (r += z(e.clientWidth, n.clientWidth) - i), {
     width: i,
     height: s,
     x: r,
     y: c
   };
 }
-function ae(t, e) {
-  const o = T(t), n = L(t), i = o.visualViewport;
+function fe(t, e) {
+  const o = T(t), n = _(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 = wt();
+    const a = bt();
     (!a || a && e === "fixed") && (c = i.offsetLeft, l = i.offsetTop);
   }
   return {
@@ -737,8 +737,8 @@ function ae(t, e) {
     y: l
   };
 }
-function fe(t, e) {
-  const o = J(t, !0, e === "fixed"), n = o.top + t.clientTop, i = o.left + t.clientLeft, s = k(t) ? j(t) : S(1), r = t.clientWidth * s.x, c = t.clientHeight * s.y, l = i * s.x, a = n * s.y;
+function ue(t, e) {
+  const o = Q(t, !0, e === "fixed"), n = o.top + t.clientTop, i = o.left + t.clientLeft, s = D(t) ? U(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,
@@ -746,16 +746,16 @@ function fe(t, e) {
     y: a
   };
 }
-function At(t, e, o) {
+function Ot(t, e, o) {
   let n;
   if (e === "viewport")
-    n = ae(t, o);
+    n = fe(t, o);
   else if (e === "document")
-    n = le(L(t));
+    n = ae(_(t));
   else if (C(e))
-    n = fe(e, o);
+    n = ue(e, o);
   else {
-    const i = Dt(t);
+    const i = Vt(t);
     n = {
       x: e.x - i.x,
       y: e.y - i.y,
@@ -763,36 +763,36 @@ function At(t, e, o) {
       height: e.height
     };
   }
-  return it(n);
+  return st(n);
 }
-function Mt(t, e) {
-  const o = M(t);
-  return o === e || !C(o) || z(o) ? !1 : O(o).position === "fixed" || Mt(o, e);
+function Ft(t, e) {
+  const o = W(t);
+  return o === e || !C(o) || K(o) ? !1 : O(o).position === "fixed" || Ft(o, e);
 }
-function ue(t, e) {
+function de(t, e) {
   const o = e.get(t);
   if (o)
     return o;
-  let n = dt(t, [], !1).filter((c) => C(c) && X(c) !== "body"), i = null;
+  let n = pt(t, [], !1).filter((c) => C(c) && q(c) !== "body"), i = null;
   const s = O(t).position === "fixed";
-  let r = s ? M(t) : t;
-  for (; C(r) && !z(r); ) {
-    const c = O(r), l = ht(r);
-    !l && c.position === "fixed" && (i = null), (s ? !l && !i : !l && c.position === "static" && !!i && ["absolute", "fixed"].includes(i.position) || tt(r) && !l && Mt(t, r)) ? n = n.filter((d) => d !== r) : i = c, r = M(r);
+  let r = s ? W(t) : t;
+  for (; C(r) && !K(r); ) {
+    const c = O(r), l = yt(r);
+    !l && c.position === "fixed" && (i = null), (s ? !l && !i : !l && c.position === "static" && !!i && ["absolute", "fixed"].includes(i.position) || et(r) && !l && Ft(t, r)) ? n = n.filter((d) => d !== r) : i = c, r = W(r);
   }
   return e.set(t, n), n;
 }
-function de(t) {
+function me(t) {
   let {
     element: e,
     boundary: o,
     rootBoundary: n,
     strategy: i
   } = t;
-  const r = [...o === "clippingAncestors" ? rt(e) ? [] : ue(e, this._c) : [].concat(o), n], c = r[0], l = r.reduce((a, d) => {
-    const f = At(e, d, i);
-    return a.top = H(f.top, a.top), a.right = G(f.right, a.right), a.bottom = G(f.bottom, a.bottom), a.left = H(f.left, a.left), a;
-  }, At(e, c, i));
+  const r = [...o === "clippingAncestors" ? ct(e) ? [] : de(e, this._c) : [].concat(o), n], c = r[0], l = r.reduce((a, d) => {
+    const f = Ot(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;
+  }, Ot(e, c, i));
   return {
     width: l.right - l.left,
     height: l.bottom - l.top,
@@ -800,29 +800,29 @@ function de(t) {
     y: l.top
   };
 }
-function me(t) {
+function pe(t) {
   const {
     width: e,
     height: o
-  } = Lt(t);
+  } = Mt(t);
   return {
     width: e,
     height: o
   };
 }
 function ge(t, e, o) {
-  const n = k(e), i = L(e), s = o === "fixed", r = J(t, !0, s, e);
+  const n = D(e), i = _(e), s = o === "fixed", r = Q(t, !0, s, e);
   let c = {
     scrollLeft: 0,
     scrollTop: 0
   };
-  const l = S(0);
+  const l = P(0);
   if (n || !n && !s)
-    if ((X(e) !== "body" || tt(i)) && (c = ct(e)), n) {
-      const m = J(e, !0, s, e);
-      l.x = m.x + e.clientLeft, l.y = m.y + e.clientTop;
-    } else i && (l.x = xt(i));
-  const a = i && !n && !s ? Nt(i, c) : S(0), d = r.left + c.scrollLeft - l.x - a.x, f = r.top + c.scrollTop - l.y - a.y;
+    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 = vt(i));
+  const a = i && !n && !s ? Bt(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,
@@ -833,34 +833,34 @@ function ge(t, e, o) {
 function at(t) {
   return O(t).position === "static";
 }
-function Tt(t, e) {
-  if (!k(t) || O(t).position === "fixed")
+function Et(t, e) {
+  if (!D(t) || O(t).position === "fixed")
     return null;
   if (e)
     return e(t);
   let o = t.offsetParent;
-  return L(t) === o && (o = o.ownerDocument.body), o;
+  return _(t) === o && (o = o.ownerDocument.body), o;
 }
-function _t(t, e) {
+function Wt(t, e) {
   const o = T(t);
-  if (rt(t))
+  if (ct(t))
     return o;
-  if (!k(t)) {
-    let i = M(t);
-    for (; i && !z(i); ) {
+  if (!D(t)) {
+    let i = W(t);
+    for (; i && !K(i); ) {
       if (C(i) && !at(i))
         return i;
-      i = M(i);
+      i = W(i);
     }
     return o;
   }
-  let n = Tt(t, e);
-  for (; n && ne(n) && at(n); )
-    n = Tt(n, e);
-  return n && z(n) && at(n) && !ht(n) ? o : n || oe(t) || o;
+  let n = Et(t, e);
+  for (; n && oe(n) && at(n); )
+    n = Et(n, e);
+  return n && K(n) && at(n) && !yt(n) ? o : n || ie(t) || o;
 }
-const pe = async function(t) {
-  const e = this.getOffsetParent || _t, o = this.getDimensions, n = await o(t.floating);
+const he = async function(t) {
+  const e = this.getOffsetParent || Wt, o = this.getDimensions, n = await o(t.floating);
   return {
     reference: ge(t.reference, await e(t.floating), t.strategy),
     floating: {
@@ -871,136 +871,185 @@ const pe = async function(t) {
     }
   };
 };
-function he(t) {
+function we(t) {
   return O(t).direction === "rtl";
 }
-const we = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: re,
-  getDocumentElement: L,
-  getClippingRect: de,
-  getOffsetParent: _t,
-  getElementRects: pe,
-  getClientRects: ce,
-  getDimensions: me,
-  getScale: j,
+const xe = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: ce,
+  getDocumentElement: _,
+  getClippingRect: me,
+  getOffsetParent: Wt,
+  getElementRects: he,
+  getClientRects: le,
+  getDimensions: pe,
+  getScale: U,
   isElement: C,
-  isRTL: he
-}, xe = te, ye = ee, be = Qt, ve = Jt, Ae = (t, e, o) => {
+  isRTL: we
+}, ye = ee, be = ne, ve = Zt, Ae = Qt, Te = (t, e, o) => {
   const n = /* @__PURE__ */ new Map(), i = {
-    platform: we,
+    platform: xe,
     ...o
   }, s = {
     ...i.platform,
     _c: n
   };
-  return Gt(t, e, {
+  return Jt(t, e, {
     ...i,
     platform: s
   });
-}, et = (t, e = "px") => typeof t > "u" ? "" : `${Math.round(t)}${e}`, Te = () => W("absolute top-0 left-0 w-max py-1 px-2 rounded text-sm z-50"), Ct = ({
+}, Rt = ["mousedown", "touchstart"];
+function Ce(t, e, o) {
+  const n = G(null);
+  return ht(() => {
+    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 ht(() => (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}`, Ee = () => H("absolute top-0 left-0 w-max py-1 px-2 rounded text-sm z-50"), Lt = ({
   mode: t
-}) => W({
+}) => H({
   "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"
-}), Ce = ({
+}), Re = ({
   mode: t
-}) => W({
+}) => H({
   "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"
-}), Oe = () => W("absolute", "size-2", "transform rotate-45"), Re = ({
+}), Le = () => H("absolute", "size-2", "transform rotate-45"), Se = ({
   mode: t,
   className: e,
-  arrowClassName: o
+  tooltipClassName: o,
+  arrowClassName: n
 }) => {
-  const n = W("relative inline-block"), i = W(
-    It,
-    Te(),
-    Ct({ mode: t }),
-    Ce({ mode: t }),
-    e
-  ), s = W(
+  const i = H("relative inline-block", e), s = H(
     Ht,
-    Oe(),
-    Ct({ mode: t }),
+    Ee(),
+    Lt({ mode: t }),
+    Re({ mode: t }),
     o
+  ), r = H(
+    jt,
+    Le(),
+    Lt({ mode: t }),
+    n
   );
-  return { tooltip: i, arrow: s, wrapper: n };
-}, Se = ({ delay: t = 300 }) => ({
+  return { tooltip: s, arrow: r, wrapper: i };
+}, ke = ({ delay: t = 300 }) => ({
   animation: `av-tooltip-fade-in ${t}ms ease-in-out`
-}), Pe = ({
+}), Pe = 5e3, _e = ({
   trigger: t,
   label: e,
   placement: o = "top",
   mode: n = "system",
   delay: i = 300,
   className: s,
-  arrowClassName: r
+  tooltipClassName: r,
+  arrowClassName: c
 }) => {
-  const c = lt(null), l = lt(null), a = lt(null), [d, f] = Wt(!1), m = Re({ mode: n, className: s, arrowClassName: r }), u = Se({ delay: i }), g = Ft(async () => {
-    var p, h;
-    if (c.current && l.current && a.current) {
+  const l = Ce(() => {
+    g.stop(), m(!1);
+  }), a = G(null), d = G(null), [f, p] = ft(!1), [u, m] = ft(!1), g = Oe(() => {
+    m(!1);
+  }, Pe), h = Se({
+    mode: n,
+    className: s,
+    tooltipClassName: r,
+    arrowClassName: c
+  }), w = ke({ delay: i }), x = ut(async () => {
+    var N, E, V, R;
+    if (l.current && a.current && d.current) {
       const {
-        x: w,
-        y: x,
-        middlewareData: y,
-        placement: v
-      } = await Ae(c.current, l.current, {
+        x: L,
+        y: I,
+        middlewareData: S,
+        placement: $
+      } = await Te(l.current, a.current, {
         placement: o,
         middleware: [
-          xe(10),
-          be({
+          ye(10),
+          ve({
             crossAxis: o.includes("-"),
             fallbackAxisSideDirection: "start"
           }),
-          ye({ padding: 5 }),
-          ve({ element: a.current })
+          be({ padding: 5 }),
+          Ae({ element: d.current })
         ]
       });
-      Object.assign(l.current.style, {
-        left: et(w),
-        top: et(x),
-        ...u
+      (N = a == null ? void 0 : a.current) != null && N.style && Object.assign(a.current.style, {
+        left: nt(L),
+        top: nt(I),
+        ...w
       });
-      const b = {
+      const v = {
         top: "bottom",
         right: "left",
         bottom: "top",
         left: "right"
-      }[v.split("-")[0]];
-      Object.assign(a.current.style, {
-        left: et((p = y.arrow) == null ? void 0 : p.x),
-        top: et((h = y.arrow) == null ? void 0 : h.y),
+      }[$.split("-")[0]];
+      (E = d == null ? void 0 : d.current) != null && E.style && Object.assign(d.current.style, {
+        left: nt((V = S.arrow) == null ? void 0 : V.x),
+        top: nt((R = S.arrow) == null ? void 0 : R.y),
         right: "",
         bottom: "",
-        [b]: "-4px"
+        [v]: "-4px"
       });
     }
-  }, [o, u]);
-  return $t(() => {
-    (async () => d && await g())();
-  }, [g, d]), /* @__PURE__ */ yt(
+  }, [o, w, l]);
+  ht(() => {
+    (async () => f && await x())();
+  }, [x, f]);
+  const y = () => {
+    p(!1), m(!0), g.start();
+  }, A = () => {
+    u || p(!0);
+  }, b = () => {
+    u || p(!1);
+  };
+  return /* @__PURE__ */ At(
     "div",
     {
-      className: m.wrapper,
-      ref: c,
-      onMouseEnter: () => f(!0),
-      onMouseLeave: () => f(!1),
-      onClick: () => f(!1),
+      className: h.wrapper,
+      ref: l,
+      onMouseEnter: A,
+      onMouseLeave: b,
+      onClick: y,
       children: [
         t,
-        d && /* @__PURE__ */ yt(
+        f && /* @__PURE__ */ At(
           "div",
           {
             role: "tooltip",
-            ref: l,
-            className: m.tooltip,
+            ref: a,
+            className: h.tooltip,
             children: [
               e,
-              /* @__PURE__ */ Vt("div", { ref: a, className: m.arrow })
+              /* @__PURE__ */ $t("div", { ref: d, className: h.arrow })
             ]
           }
         )
@@ -1009,7 +1058,7 @@ const we = {
   );
 };
 export {
-  Ht as TOOLTIP_ARROW_CLASSNAME,
-  It as TOOLTIP_CLASSNAME,
-  Pe as Tooltip
+  jt as TOOLTIP_ARROW_CLASSNAME,
+  Ht as TOOLTIP_CLASSNAME,
+  _e as Tooltip
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-tooltip",
-	"version": "1.1.2",
+	"version": "1.3.0",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -38,16 +38,17 @@
 		"react-dom": "^18.3.1 || ^19.0.0"
 	},
 	"devDependencies": {
-		"@versini/ui-types": "4.3.1"
+		"@versini/ui-types": "4.4.0"
 	},
 	"dependencies": {
 		"@floating-ui/dom": "1.6.13",
 		"@tailwindcss/typography": "0.5.16",
+		"@versini/ui-hooks": "4.5.0",
 		"clsx": "2.1.1",
 		"tailwindcss": "3.4.17"
 	},
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "1542a19c98ab5af85458a93e788576f97549e589"
+	"gitHead": "9fe85d906eb117bb22c3b576f104b6f0203429d7"
 }