@versini/ui-tooltip 2.0.3 → 2.1.0

package/dist/components/Tooltip/Tooltip.js

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

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.3
+  @versini/ui-tooltip v2.1.0
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_TOOLTIP__ || (window.__VERSINI_UI_TOOLTIP__ = {
-    version: "2.0.3",
-    buildTime: "05/26/2025 03:48 PM EDT",
+    version: "2.1.0",
+    buildTime: "06/28/2025 08:58 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.3",
+	"version": "2.1.0",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -39,17 +39,17 @@
 		"react-dom": "^18.3.1 || ^19.0.0"
 	},
 	"devDependencies": {
-		"@versini/ui-types": "5.0.3"
+		"@versini/ui-types": "5.0.5"
 	},
 	"dependencies": {
-		"@floating-ui/dom": "1.7.0",
+		"@floating-ui/react": "0.27.13",
 		"@tailwindcss/typography": "0.5.16",
-		"@versini/ui-hooks": "4.7.3",
+		"@versini/ui-hooks": "4.7.4",
 		"clsx": "2.1.1",
-		"tailwindcss": "4.1.7"
+		"tailwindcss": "4.1.11"
 	},
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "863a399128080a19f2668e458d495110aa0f68f8"
+	"gitHead": "1b9a792d10e1f67fc7af7cfdff718ef1e1c78633"
 }