@versini/ui-tooltip 2.0.4 → 2.1.0

package/dist/components/Tooltip/Tooltip.js

@@ -1,1044 +1,160 @@
-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 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 = {
-  left: "right",
-  right: "left",
-  bottom: "top",
-  top: "bottom"
-}, zt = {
-  start: "end",
-  end: "start"
-};
-function dt(t, e, o) {
-  return X(t, J(e, o));
-}
-function Z(t, e) {
-  return typeof t == "function" ? t(e) : t;
-}
-function z(t) {
-  return t.split("-")[0];
-}
-function tt(t) {
-  return t.split("-")[1];
-}
-function Et(t) {
-  return t === "x" ? "y" : "x";
-}
-function gt(t) {
-  return t === "y" ? "height" : "width";
-}
-function $(t) {
-  return ["top", "bottom"].includes(z(t)) ? "y" : "x";
-}
-function ht(t) {
-  return Et($(t));
-}
-function Xt(t, e, o) {
-  o === void 0 && (o = !1);
-  const n = tt(t), i = ht(t), s = gt(i);
-  let r = i === "x" ? n === (o ? "end" : "start") ? "right" : "left" : n === "start" ? "bottom" : "top";
-  return e.reference[s] > e.floating[s] && (r = it(r)), [r, it(r)];
-}
-function Kt(t) {
-  const e = it(t);
-  return [mt(t), e, mt(e)];
-}
-function mt(t) {
-  return t.replace(/start|end/g, (e) => zt[e]);
-}
-function Ut(t, e, o) {
-  const n = ["left", "right"], i = ["right", "left"], s = ["top", "bottom"], r = ["bottom", "top"];
-  switch (t) {
-    case "top":
-    case "bottom":
-      return o ? e ? i : n : e ? n : i;
-    case "left":
-    case "right":
-      return e ? s : r;
-    default:
-      return [];
-  }
-}
-function qt(t, e, o, n) {
-  const i = tt(t);
-  let s = Ut(z(t), o === "start", n);
-  return i && (s = s.map((r) => r + "-" + i), e && (s = s.concat(s.map(mt)))), s;
-}
-function it(t) {
-  return t.replace(/left|right|bottom|top/g, (e) => Yt[e]);
-}
-function Gt(t) {
-  return {
-    top: 0,
-    right: 0,
-    bottom: 0,
-    left: 0,
-    ...t
-  };
-}
-function kt(t) {
-  return typeof t != "number" ? Gt(t) : {
-    top: t,
-    right: t,
-    bottom: t,
-    left: t
-  };
-}
-function st(t) {
-  const {
-    x: e,
-    y: o,
-    width: n,
-    height: i
-  } = t;
-  return {
-    width: n,
-    height: i,
-    top: o,
-    left: e,
-    right: e + n,
-    bottom: o + i,
-    x: e,
-    y: o
-  };
-}
-function vt(t, e, o) {
-  let {
-    reference: n,
-    floating: i
-  } = t;
-  const s = $(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":
-      u = {
-        x: d,
-        y: n.y - i.height
-      };
-      break;
-    case "bottom":
-      u = {
-        x: d,
-        y: n.y + n.height
-      };
-      break;
-    case "right":
-      u = {
-        x: n.x + n.width,
-        y: f
-      };
-      break;
-    case "left":
-      u = {
-        x: n.x - i.width,
-        y: f
-      };
-      break;
-    default:
-      u = {
-        x: n.x,
-        y: n.y
-      };
-  }
-  switch (tt(e)) {
-    case "start":
-      u[r] -= p * (o && a ? -1 : 1);
-      break;
-    case "end":
-      u[r] += p * (o && a ? -1 : 1);
-      break;
-  }
-  return u;
-}
-const Jt = async (t, e, o) => {
-  const {
-    placement: n = "bottom",
-    strategy: i = "absolute",
-    middleware: s = [],
-    platform: r
-  } = o, c = s.filter(Boolean), l = await (r.isRTL == null ? void 0 : r.isRTL(e));
-  let a = await r.getElementRects({
-    reference: t,
-    floating: e,
-    strategy: i
-  }), {
-    x: d,
-    y: f
-  } = vt(a, n, l), p = n, u = {}, m = 0;
-  for (let g = 0; g < c.length; g++) {
-    const {
-      name: h,
-      fn: x
-    } = c[g], {
-      x: w,
-      y,
-      data: A,
-      reset: b
-    } = await x({
-      x: d,
-      y: f,
-      initialPlacement: n,
-      placement: p,
-      strategy: i,
-      middlewareData: u,
-      rects: a,
-      platform: r,
-      elements: {
-        reference: t,
-        floating: e
-      }
-    });
-    d = w ?? d, f = y ?? f, u = {
-      ...u,
-      [h]: {
-        ...u[h],
-        ...A
-      }
-    }, b && m <= 50 && (m++, typeof b == "object" && (b.placement && (p = b.placement), b.rects && (a = b.rects === !0 ? await r.getElementRects({
-      reference: t,
-      floating: e,
-      strategy: i
-    }) : b.rects), {
-      x: d,
-      y: f
-    } = vt(a, p, l)), g = -1);
-  }
-  return {
-    x: d,
-    y: f,
-    placement: p,
-    strategy: i,
-    middlewareData: u
-  };
-};
-async function St(t, e) {
-  var o;
-  e === void 0 && (e = {});
-  const {
-    x: n,
-    y: i,
-    platform: s,
-    rects: r,
-    elements: c,
-    strategy: l
-  } = t, {
-    boundary: a = "clippingAncestors",
-    rootBoundary: d = "viewport",
-    elementContext: f = "floating",
-    altBoundary: p = !1,
-    padding: u = 0
-  } = Z(e, t), m = kt(u), h = c[p ? f === "floating" ? "reference" : "floating" : f], 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
-  })), w = f === "floating" ? {
-    x: n,
-    y: i,
-    width: r.floating.width,
-    height: r.floating.height
-  } : r.reference, y = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(c.floating)), A = await (s.isElement == null ? void 0 : s.isElement(y)) ? await (s.getScale == null ? void 0 : s.getScale(y)) || {
-    x: 1,
-    y: 1
-  } : {
-    x: 1,
-    y: 1
-  }, b = st(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
-    elements: c,
-    rect: w,
-    offsetParent: y,
-    strategy: l
-  }) : w);
-  return {
-    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) => ({
-  name: "arrow",
-  options: t,
-  async fn(e) {
-    const {
-      x: o,
-      y: n,
-      placement: i,
-      rects: s,
-      platform: r,
-      elements: c,
-      middlewareData: l
-    } = e, {
-      element: a,
-      padding: d = 0
-    } = Z(t, e) || {};
-    if (a == null)
-      return {};
-    const f = kt(d), p = {
-      x: o,
-      y: n
-    }, u = ht(i), m = gt(u), g = await r.getDimensions(a), h = u === "y", 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] + O,
-      data: {
-        [u]: j,
-        centerOffset: v - j - O,
-        ...B && {
-          alignmentOffset: O
-        }
-      },
-      reset: B
-    };
-  }
-}), Zt = function(t) {
-  return t === void 0 && (t = {}), {
-    name: "flip",
-    options: t,
-    async fn(e) {
-      var o, n;
-      const {
-        placement: i,
-        middlewareData: s,
-        rects: r,
-        initialPlacement: c,
-        platform: l,
-        elements: a
-      } = e, {
-        mainAxis: d = !0,
-        crossAxis: f = !0,
-        fallbackPlacements: p,
-        fallbackStrategy: u = "bestFit",
-        fallbackAxisSideDirection: m = "none",
-        flipAlignment: g = !0,
-        ...h
-      } = Z(t, e);
-      if ((o = s.arrow) != null && o.alignmentOffset)
-        return {};
-      const 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);
-        S.push(V[v[0]], V[v[1]]);
-      }
-      if (T = [...T, {
-        placement: i,
-        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: T
-            },
-            reset: {
-              placement: j
-            }
-          };
-        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 _;
-              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((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":
-              B = c;
-              break;
-          }
-        if (i !== B)
-          return {
-            reset: {
-              placement: B
-            }
-          };
-      }
-      return {};
-    }
-  };
-};
-async function te(t, e) {
-  const {
-    placement: o,
-    platform: n,
-    elements: i
-  } = t, s = await (n.isRTL == null ? void 0 : n.isRTL(i.floating)), r = 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,
-    alignmentAxis: m
-  } = typeof f == "number" ? {
-    mainAxis: f,
-    crossAxis: 0,
-    alignmentAxis: null
-  } : {
-    mainAxis: f.mainAxis || 0,
-    crossAxis: f.crossAxis || 0,
-    alignmentAxis: f.alignmentAxis
-  };
-  return c && typeof m == "number" && (u = c === "end" ? m * -1 : m), l ? {
-    x: u * d,
-    y: p * a
-  } : {
-    x: p * a,
-    y: u * d
-  };
-}
-const ee = function(t) {
-  return t === void 0 && (t = 0), {
-    name: "offset",
-    options: t,
-    async fn(e) {
-      var o, n;
-      const {
-        x: i,
-        y: s,
-        placement: r,
-        middlewareData: c
-      } = e, l = await te(e, t);
-      return r === ((o = c.offset) == null ? void 0 : o.placement) && (n = c.arrow) != null && n.alignmentOffset ? {} : {
-        x: i + l.x,
-        y: s + l.y,
-        data: {
-          ...l,
-          placement: r
-        }
-      };
-    }
-  };
-}, ne = function(t) {
-  return t === void 0 && (t = {}), {
-    name: "shift",
-    options: t,
-    async fn(e) {
-      const {
-        x: o,
-        y: n,
-        placement: i
-      } = e, {
-        mainAxis: s = !0,
-        crossAxis: r = !1,
-        limiter: c = {
-          fn: (h) => {
-            let {
-              x,
-              y: w
-            } = h;
-            return {
-              x,
-              y: w
-            };
-          }
-        },
-        ...l
-      } = Z(t, e), a = {
-        x: o,
-        y: n
-      }, 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", 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", x = f === "y" ? "bottom" : "right", w = m + d[h], y = m - d[x];
-        m = dt(w, m, y);
-      }
-      const g = c.fn({
-        ...e,
-        [p]: u,
-        [f]: m
-      });
-      return {
-        ...g,
-        data: {
-          x: g.x - o,
-          y: g.y - n,
-          enabled: {
-            [p]: s,
-            [f]: r
-          }
-        }
-      };
-    }
-  };
-};
-function rt() {
-  return typeof window < "u";
-}
-function q(t) {
-  return Pt(t) ? (t.nodeName || "").toLowerCase() : "#document";
-}
-function C(t) {
-  var e;
-  return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
-}
-function 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 L(t) {
-  return rt() ? t instanceof Element || t instanceof C(t).Element : !1;
-}
-function N(t) {
-  return rt() ? t instanceof HTMLElement || t instanceof C(t).HTMLElement : !1;
-}
-function At(t) {
-  return !rt() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof C(t).ShadowRoot;
-}
-function et(t) {
-  const {
-    overflow: e,
-    overflowX: o,
-    overflowY: n,
-    display: i
-  } = E(t);
-  return /auto|scroll|overlay|hidden|clip/.test(e + n + o) && !["inline", "contents"].includes(i);
-}
-function oe(t) {
-  return ["table", "td", "th"].includes(q(t));
-}
-function ct(t) {
-  return [":popover-open", ":modal"].some((e) => {
-    try {
-      return t.matches(e);
-    } catch {
-      return !1;
-    }
-  });
-}
-function wt(t) {
-  const e = xt(), o = 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 = H(t);
-  for (; N(e) && !U(e); ) {
-    if (wt(e))
-      return e;
-    if (ct(e))
-      return null;
-    e = H(e);
-  }
-  return null;
-}
-function xt() {
-  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
-}
-function U(t) {
-  return ["html", "body", "#document"].includes(q(t));
-}
-function E(t) {
-  return C(t).getComputedStyle(t);
-}
-function lt(t) {
-  return L(t) ? {
-    scrollLeft: t.scrollLeft,
-    scrollTop: t.scrollTop
-  } : {
-    scrollLeft: t.scrollX,
-    scrollTop: t.scrollY
-  };
-}
-function H(t) {
-  if (q(t) === "html")
-    return t;
-  const e = (
-    // Step into the shadow DOM of the parent of a slotted node.
-    t.assignedSlot || // DOM Element detected.
-    t.parentNode || // ShadowRoot detected.
-    At(t) && t.host || // Fallback.
-    F(t)
-  );
-  return At(e) ? e.host : e;
-}
-function Dt(t) {
-  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;
-  e === void 0 && (e = []);
-  const i = Dt(t), s = i === ((n = t.ownerDocument) == null ? void 0 : n.body), r = C(i);
-  return s ? e.concat(r, r.visualViewport || [], et(i) ? i : [], []) : e.concat(i, Nt(i, []));
-}
-function Ct(t) {
-  return t.parent && Object.getPrototypeOf(t.parent) ? t.frameElement : null;
-}
-function Mt(t) {
-  const e = E(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 = ot(o) !== s || ot(n) !== r;
-  return c && (o = s, n = r), {
-    width: o,
-    height: n,
-    $: c
-  };
-}
-function Bt(t) {
-  return L(t) ? t : t.contextElement;
-}
-function K(t) {
-  const e = Bt(t);
-  if (!N(e))
-    return D(1);
-  const o = e.getBoundingClientRect(), {
-    width: n,
-    height: i,
-    $: s
-  } = Mt(e);
-  let r = (s ? ot(o.width) : o.width) / n, c = (s ? ot(o.height) : o.height) / i;
-  return (!r || !Number.isFinite(r)) && (r = 1), (!c || !Number.isFinite(c)) && (c = 1), {
-    x: r,
-    y: c
-  };
-}
-const se = /* @__PURE__ */ D(0);
-function Ft(t) {
-  const e = C(t);
-  return !xt() || !e.visualViewport ? se : {
-    x: e.visualViewport.offsetLeft,
-    y: e.visualViewport.offsetTop
-  };
-}
-function re(t, e, o) {
-  return e === void 0 && (e = !1), !o || e && o !== C(t) ? !1 : e;
-}
-function Q(t, e, o, n) {
-  e === void 0 && (e = !1), o === void 0 && (o = !1);
-  const i = t.getBoundingClientRect(), s = Bt(t);
-  let r = 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 && L(n) ? C(n) : n;
-    let m = p, g = Ct(m);
-    for (; g && n && u !== m; ) {
-      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);
-    }
-  }
-  return st({
-    width: d,
-    height: f,
-    x: l,
-    y: a
-  });
-}
-function yt(t, e) {
-  const o = lt(t).scrollLeft;
-  return e ? e.left + o : Q(F(t)).left + o;
-}
-function Vt(t, e, o) {
-  o === void 0 && (o = !1);
-  const n = t.getBoundingClientRect(), i = n.left + e.scrollLeft - (o ? 0 : (
-    // RTL <body> scrollbar.
-    yt(t, n)
-  )), s = n.top + e.scrollTop;
-  return {
-    x: i,
-    y: s
-  };
-}
-function ce(t) {
-  let {
-    elements: e,
-    rect: o,
-    offsetParent: n,
-    strategy: i
-  } = t;
-  const s = i === "fixed", r = F(n), c = e ? ct(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) && ((q(n) !== "body" || et(r)) && (l = lt(n)), N(n))) {
-    const u = Q(n);
-    a = K(n), d.x = u.x + n.clientLeft, d.y = u.y + n.clientTop;
-  }
-  const p = r && !f && !s ? Vt(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 le(t) {
-  return Array.from(t.getClientRects());
-}
-function ae(t) {
-  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 E(n).direction === "rtl" && (r += X(e.clientWidth, n.clientWidth) - i), {
-    width: i,
-    height: s,
-    x: r,
-    y: c
-  };
-}
-function fe(t, e) {
-  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;
-    const a = xt();
-    (!a || a && e === "fixed") && (c = i.offsetLeft, l = i.offsetTop);
-  }
-  return {
-    width: s,
-    height: r,
-    x: c,
-    y: l
-  };
-}
-function ue(t, e) {
-  const o = Q(t, !0, e === "fixed"), n = o.top + t.clientTop, i = o.left + t.clientLeft, s = 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,
-    x: l,
-    y: a
-  };
-}
-function Tt(t, e, o) {
-  let n;
-  if (e === "viewport")
-    n = fe(t, o);
-  else if (e === "document")
-    n = ae(F(t));
-  else if (L(e))
-    n = ue(e, o);
-  else {
-    const i = Ft(t);
-    n = {
-      x: e.x - i.x,
-      y: e.y - i.y,
-      width: e.width,
-      height: e.height
+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 st(n);
-}
-function Wt(t, 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) => 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;
-}
-function me(t) {
-  let {
-    element: e,
-    boundary: o,
-    rootBoundary: n,
-    strategy: i
-  } = t;
-  const r = [...o === "clippingAncestors" ? ct(e) ? [] : de(e, this._c) : [].concat(o), n], c = r[0], l = r.reduce((a, d) => {
-    const f = Tt(e, d, i);
-    return a.top = 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,
-    height: l.bottom - l.top,
-    x: l.left,
-    y: l.top
-  };
-}
-function pe(t) {
-  const {
-    width: e,
-    height: o
-  } = Mt(t);
-  return {
-    width: e,
-    height: o
-  };
-}
-function ge(t, e, o) {
-  const n = N(e), i = F(e), s = o === "fixed", r = Q(t, !0, s, e);
-  let c = {
-    scrollLeft: 0,
-    scrollTop: 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 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: f,
-    y: p,
-    width: r.width,
-    height: r.height
-  };
-}
-function at(t) {
-  return E(t).position === "static";
-}
-function Ot(t, e) {
-  if (!N(t) || E(t).position === "fixed")
-    return null;
-  if (e)
-    return e(t);
-  let o = t.offsetParent;
-  return F(t) === o && (o = o.ownerDocument.body), o;
-}
-function $t(t, e) {
-  const o = C(t);
-  if (ct(t))
-    return o;
-  if (!N(t)) {
-    let i = H(t);
-    for (; i && !U(i); ) {
-      if (L(i) && !at(i))
-        return i;
-      i = H(i);
-    }
-    return o;
-  }
-  let n = Ot(t, e);
-  for (; n && oe(n) && at(n); )
-    n = Ot(n, e);
-  return n && U(n) && at(n) && !wt(n) ? o : n || ie(t) || o;
-}
-const he = async function(t) {
-  const e = this.getOffsetParent || $t, o = this.getDimensions, n = await o(t.floating);
-  return {
-    reference: ge(t.reference, await e(t.floating), t.strategy),
-    floating: {
-      x: 0,
-      y: 0,
-      width: n.width,
-      height: n.height
-    }
-  };
-};
-function we(t) {
-  return E(t).direction === "rtl";
-}
-const xe = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: ce,
-  getDocumentElement: F,
-  getClippingRect: me,
-  getOffsetParent: $t,
-  getElementRects: he,
-  getClientRects: le,
-  getDimensions: pe,
-  getScale: K,
-  isElement: L,
-  isRTL: we
-}, ye = ee, be = ne, ve = Zt, Ae = Qt, Ce = (t, e, o) => {
-  const n = /* @__PURE__ */ new Map(), i = {
-    platform: xe,
-    ...o
-  }, s = {
-    ...i.platform,
-    _c: n
-  };
-  return Jt(t, e, {
-    ...i,
-    platform: s
-  });
-}, Rt = ["mousedown", "touchstart"];
-function Te(t, e, o) {
-  const n = G(null);
-  return pt(() => {
-    const i = (s) => {
-      const r = s ? s.target : void 0;
-      if (Array.isArray(o)) {
-        const c = !document.body.contains(r) && r.tagName !== "HTML";
-        o.every(
-          (l) => !!l && !s.composedPath().includes(l)
-        ) && !c && t();
-      } else n.current && !n.current.contains(r) && t();
-    };
-    return Rt.forEach(
-      (s) => document.addEventListener(s, i)
+    return I.forEach(
+      (e) => document.addEventListener(e, r)
     ), () => {
-      Rt.forEach(
-        (s) => document.removeEventListener(s, i)
+      I.forEach(
+        (e) => document.removeEventListener(e, r)
       );
     };
-  }, [t, o, e]), n;
+  }, [t, s, n]), a;
 }
-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;
+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 pt(() => (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 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 = ({
+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"
-}), Le = ({
+}), 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"
-}), Ee = () => Y("absolute", "size-2", "transform rotate-45"), ke = ({
+}), 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(
-    _t,
-    Re(),
-    Lt({ mode: t }),
-    Le({ mode: t }),
-    o
-  ), r = Y(
-    jt,
-    Ee(),
-    Lt({ 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 };
-}, Se = ({ delay: t = 300 }) => ({
+  return { tooltip: e, arrow: o, wrapper: r };
+}, tt = ({ delay: t = 300 }) => ({
   animation: `av-tooltip-fade-in ${t}ms ease-in-out`
-}), Pe = 5e3, Be = ({
+}), 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 = Te(() => {
-    g.stop(), m(!1);
-  }), a = G(null), d = G(null), [f, p] = ft(!1), [u, m] = ft(!1), g = Oe(() => {
-    m(!1);
-  }, Pe), h = ke({
-    mode: n,
-    className: s,
-    tooltipClassName: r,
-    arrowClassName: c
-  }), x = Se({ delay: i }), w = ut(async () => {
-    var M, k, V, S;
-    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: P,
-        placement: _
-      } = await Ce(l.current, a.current, {
-        placement: o,
+        x: j,
+        y: B,
+        middlewareData: M,
+        placement: R
+      } = await F(c.current, i.current, {
+        placement: s,
         middleware: [
-          ye(10),
-          ve({
-            crossAxis: o.includes("-"),
+          H(10),
+          U({
+            crossAxis: s.includes("-"),
             fallbackAxisSideDirection: "start"
           }),
-          be({ padding: 5 }),
-          Ae({ 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: nt(T),
-        top: nt(I),
-        ...x
+      (A = i == null ? void 0 : i.current) != null && A.style && Object.assign(i.current.style, {
+        left: d(j),
+        top: d(B),
+        ...v
       });
-      const v = {
+      const $ = {
         top: "bottom",
         right: "left",
         bottom: "top",
         left: "right"
-      }[_.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),
+      }[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: "",
-        [v]: "-4px"
+        [$]: "-4px"
       });
     }
-  }, [o, x, l]);
-  pt(() => {
-    (async () => f && await w())();
-  }, [w, f]);
-  const y = () => {
-    p(!1), m(!0), g.start();
-  }, A = () => {
-    u || p(!0);
-  }, b = () => {
-    u || p(!1);
-  };
-  return /* @__PURE__ */ bt(
+  }, [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: A,
-      onMouseLeave: b,
-      onClick: y,
+      ref: c,
+      onMouseEnter: P,
+      onMouseLeave: _,
+      onClick: D,
       children: [
         t,
-        f && /* @__PURE__ */ bt(
+        y && /* @__PURE__ */ O(
           "div",
           {
             role: "tooltip",
-            ref: a,
+            ref: i,
             className: h.tooltip,
             children: [
-              e,
-              /* @__PURE__ */ It("div", { ref: d, className: h.arrow })
+              n,
+              /* @__PURE__ */ z("div", { ref: u, className: h.arrow })
             ]
           }
         )
@@ -1047,7 +163,7 @@ const nt = (t, e = "px") => typeof t > "u" ? "" : `${Math.round(t)}${e}`, Re = (
   );
 };
 export {
-  jt as TOOLTIP_ARROW_CLASSNAME,
-  _t as TOOLTIP_CLASSNAME,
-  Be 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.4
+  @versini/ui-tooltip v2.1.0
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_TOOLTIP__ || (window.__VERSINI_UI_TOOLTIP__ = {
-    version: "2.0.4",
-    buildTime: "06/20/2025 05:22 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.4",
+	"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.4"
+		"@versini/ui-types": "5.0.5"
 	},
 	"dependencies": {
-		"@floating-ui/dom": "1.7.1",
+		"@floating-ui/react": "0.27.13",
 		"@tailwindcss/typography": "0.5.16",
 		"@versini/ui-hooks": "4.7.4",
 		"clsx": "2.1.1",
-		"tailwindcss": "4.1.10"
+		"tailwindcss": "4.1.11"
 	},
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "2fffae99315244f0662bdecbe45a89bc770f0f15"
+	"gitHead": "1b9a792d10e1f67fc7af7cfdff718ef1e1c78633"
 }