@versini/ui-tooltip 1.1.1 → 1.1.2

package/dist/components/Tooltip/Tooltip.js

@@ -1,7 +1,6 @@
 import "react/jsx-runtime";
-import "@floating-ui/react";
+import { Tooltip as i } from "../../index.js";
 import "react";
-import { Tooltip as m } from "../../index.js";
 export {
-  m as Tooltip
+  i as Tooltip
 };

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, initialOpen, open: controlledOpen, onOpenChange: setControlledOpen, delay, }: TooltipTypes.Props) => react_jsx_runtime.JSX.Element;
+declare const Tooltip: ({ trigger, label, placement, mode, delay, className, arrowClassName, }: TooltipTypes.Props) => react_jsx_runtime.JSX.Element;
 
 export { TOOLTIP_ARROW_CLASSNAME, TOOLTIP_CLASSNAME, Tooltip };

package/dist/index.js

@@ -1,150 +1,1015 @@
-import { jsxs as w, Fragment as N, jsx as b } from "react/jsx-runtime";
-import { useFloating as M, autoUpdate as U, arrow as V, offset as D, flip as j, shift as B, useTransitionStyles as H, useHover as W, useFocus as q, useDismiss as z, useRole as G, useInteractions as J, FloatingPortal as K, FloatingArrow as Q } from "@floating-ui/react";
-import { useState as x, useRef as u, cloneElement as X, useCallback as Y, useEffect as _ } from "react";
-import n from "clsx";
+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";
 /*!
-  @versini/ui-tooltip v1.1.1
+  @versini/ui-tooltip v1.1.2
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_TOOLTIP__ || (window.__VERSINI_UI_TOOLTIP__ = {
-    version: "1.1.1",
-    buildTime: "01/19/2025 03:47 PM EST",
+    version: "1.1.2",
+    buildTime: "01/20/2025 01:05 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const Z = "av-tooltip", $ = "av-tooltip-arrow", tt = () => n("w-max py-1 px-2 rounded text-sm"), et = ({
+const It = "av-tooltip", Ht = "av-tooltip-arrow", G = Math.min, H = Math.max, nt = Math.round, S = (t) => ({
+  x: t,
+  y: t
+}), jt = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+}, Yt = {
+  start: "end",
+  end: "start"
+};
+function ft(t, e, o) {
+  return H(t, G(e, o));
+}
+function Q(t, e) {
+  return typeof t == "function" ? t(e) : t;
+}
+function F(t) {
+  return t.split("-")[0];
+}
+function Z(t) {
+  return t.split("-")[1];
+}
+function Ot(t) {
+  return t === "x" ? "y" : "x";
+}
+function gt(t) {
+  return t === "y" ? "height" : "width";
+}
+function Y(t) {
+  return ["top", "bottom"].includes(F(t)) ? "y" : "x";
+}
+function pt(t) {
+  return Ot(Y(t));
+}
+function zt(t, e, o) {
+  o === void 0 && (o = !1);
+  const n = Z(t), i = pt(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 = ot(r)), [r, ot(r)];
+}
+function Xt(t) {
+  const e = ot(t);
+  return [ut(t), e, ut(e)];
+}
+function ut(t) {
+  return t.replace(/start|end/g, (e) => Yt[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 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 ot(t) {
+  return t.replace(/left|right|bottom|top/g, (e) => jt[e]);
+}
+function qt(t) {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    ...t
+  };
+}
+function Rt(t) {
+  return typeof t != "number" ? qt(t) : {
+    top: t,
+    right: t,
+    bottom: t,
+    left: t
+  };
+}
+function it(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 bt(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;
+  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 (Z(e)) {
+    case "start":
+      u[r] -= m * (o && a ? -1 : 1);
+      break;
+    case "end":
+      u[r] += m * (o && a ? -1 : 1);
+      break;
+  }
+  return u;
+}
+const Gt = 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
+  } = bt(a, n, l), m = n, u = {}, g = 0;
+  for (let p = 0; p < c.length; p++) {
+    const {
+      name: h,
+      fn: w
+    } = c[p], {
+      x,
+      y,
+      data: v,
+      reset: b
+    } = await w({
+      x: d,
+      y: f,
+      initialPlacement: n,
+      placement: m,
+      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 && g <= 50 && (g++, typeof b == "object" && (b.placement && (m = 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);
+  }
+  return {
+    x: d,
+    y: f,
+    placement: m,
+    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: m = !1,
+    padding: u = 0
+  } = Q(e, t), g = Rt(u), h = c[m ? f === "floating" ? "reference" : "floating" : f], w = it(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 = it(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
+  };
+}
+const Jt = (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
+    } = Q(t, e) || {};
+    if (a == null)
+      return {};
+    const f = Rt(d), m = {
+      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;
+    return {
+      [u]: m[u] + R,
+      data: {
+        [u]: I,
+        centerOffset: A - I - R,
+        ...E && {
+          alignmentOffset: R
+        }
+      },
+      reset: E
+    };
+  }
+}), Qt = 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: m,
+        fallbackStrategy: u = "bestFit",
+        fallbackAxisSideDirection: g = "none",
+        flipAlignment: p = !0,
+        ...h
+      } = Q(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]]);
+      }
+      if (P = [...P, {
+        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)
+          return {
+            data: {
+              index: A,
+              overflows: P
+            },
+            reset: {
+              placement: I
+            }
+          };
+        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)
+          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
+                  // reading directions favoring greater width.
+                  N === "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);
+              break;
+            }
+            case "initialPlacement":
+              E = c;
+              break;
+          }
+        if (i !== E)
+          return {
+            reset: {
+              placement: E
+            }
+          };
+      }
+      return {};
+    }
+  };
+};
+async function Zt(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);
+  let {
+    mainAxis: m,
+    crossAxis: u,
+    alignmentAxis: g
+  } = typeof f == "number" ? {
+    mainAxis: f,
+    crossAxis: 0,
+    alignmentAxis: null
+  } : {
+    mainAxis: f.mainAxis || 0,
+    crossAxis: f.crossAxis || 0,
+    alignmentAxis: f.alignmentAxis
+  };
+  return c && typeof g == "number" && (u = c === "end" ? g * -1 : g), l ? {
+    x: u * d,
+    y: m * a
+  } : {
+    x: m * a,
+    y: u * d
+  };
+}
+const te = 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 Zt(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
+        }
+      };
+    }
+  };
+}, ee = 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
+      } = Q(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];
+      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);
+      }
+      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 p = c.fn({
+        ...e,
+        [m]: u,
+        [f]: g
+      });
+      return {
+        ...p,
+        data: {
+          x: p.x - o,
+          y: p.y - n,
+          enabled: {
+            [m]: s,
+            [f]: r
+          }
+        }
+      };
+    }
+  };
+};
+function st() {
+  return typeof window < "u";
+}
+function X(t) {
+  return kt(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) {
+  var e;
+  return (e = (kt(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 C(t) {
+  return st() ? t instanceof Element || t instanceof T(t).Element : !1;
+}
+function k(t) {
+  return st() ? 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 tt(t) {
+  const {
+    overflow: e,
+    overflowX: o,
+    overflowY: n,
+    display: i
+  } = O(t);
+  return /auto|scroll|overlay|hidden|clip/.test(e + n + o) && !["inline", "contents"].includes(i);
+}
+function ne(t) {
+  return ["table", "td", "th"].includes(X(t));
+}
+function rt(t) {
+  return [":popover-open", ":modal"].some((e) => {
+    try {
+      return t.matches(e);
+    } catch {
+      return !1;
+    }
+  });
+}
+function ht(t) {
+  const e = wt(), 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))
+      return e;
+    if (rt(e))
+      return null;
+    e = M(e);
+  }
+  return null;
+}
+function wt() {
+  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
+}
+function z(t) {
+  return ["html", "body", "#document"].includes(X(t));
+}
+function O(t) {
+  return T(t).getComputedStyle(t);
+}
+function ct(t) {
+  return C(t) ? {
+    scrollLeft: t.scrollLeft,
+    scrollTop: t.scrollTop
+  } : {
+    scrollLeft: t.scrollX,
+    scrollTop: t.scrollY
+  };
+}
+function M(t) {
+  if (X(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)
+  );
+  return vt(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 dt(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);
+  if (s) {
+    const c = mt(r);
+    return e.concat(r, r.visualViewport || [], tt(i) ? i : [], c && o ? dt(c) : []);
+  }
+  return e.concat(i, dt(i, [], o));
+}
+function mt(t) {
+  return t.parent && Object.getPrototypeOf(t.parent) ? t.frameElement : null;
+}
+function Lt(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;
+  return c && (o = s, n = r), {
+    width: o,
+    height: n,
+    $: c
+  };
+}
+function Pt(t) {
+  return C(t) ? t : t.contextElement;
+}
+function j(t) {
+  const e = Pt(t);
+  if (!k(e))
+    return S(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;
+  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 e = T(t);
+  return !wt() || !e.visualViewport ? ie : {
+    x: e.visualViewport.offsetLeft,
+    y: e.visualViewport.offsetTop
+  };
+}
+function se(t, e, o) {
+  return e === void 0 && (e = !1), !o || e && o !== T(t) ? !1 : e;
+}
+function J(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);
+  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);
+    }
+  }
+  return it({
+    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 Nt(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)
+  )), s = n.top + e.scrollTop;
+  return {
+    x: i,
+    y: s
+  };
+}
+function re(t) {
+  let {
+    elements: e,
+    rect: o,
+    offsetParent: n,
+    strategy: i
+  } = t;
+  const s = i === "fixed", r = L(n), c = e ? rt(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;
+  }
+  const m = r && !f && !s ? Nt(r, l, !0) : S(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
+  };
+}
+function ce(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);
+  const c = -o.scrollTop;
+  return O(n).direction === "rtl" && (r += H(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;
+  let s = n.clientWidth, r = n.clientHeight, c = 0, l = 0;
+  if (i) {
+    s = i.width, r = i.height;
+    const a = wt();
+    (!a || a && e === "fixed") && (c = i.offsetLeft, l = i.offsetTop);
+  }
+  return {
+    width: s,
+    height: r,
+    x: c,
+    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;
+  return {
+    width: r,
+    height: c,
+    x: l,
+    y: a
+  };
+}
+function At(t, e, o) {
+  let n;
+  if (e === "viewport")
+    n = ae(t, o);
+  else if (e === "document")
+    n = le(L(t));
+  else if (C(e))
+    n = fe(e, o);
+  else {
+    const i = Dt(t);
+    n = {
+      x: e.x - i.x,
+      y: e.y - i.y,
+      width: e.width,
+      height: e.height
+    };
+  }
+  return it(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 ue(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;
+  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);
+  }
+  return e.set(t, n), n;
+}
+function de(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));
+  return {
+    width: l.right - l.left,
+    height: l.bottom - l.top,
+    x: l.left,
+    y: l.top
+  };
+}
+function me(t) {
+  const {
+    width: e,
+    height: o
+  } = Lt(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);
+  let c = {
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+  const l = S(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;
+  return {
+    x: d,
+    y: f,
+    width: r.width,
+    height: r.height
+  };
+}
+function at(t) {
+  return O(t).position === "static";
+}
+function Tt(t, e) {
+  if (!k(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;
+}
+function _t(t, e) {
+  const o = T(t);
+  if (rt(t))
+    return o;
+  if (!k(t)) {
+    let i = M(t);
+    for (; i && !z(i); ) {
+      if (C(i) && !at(i))
+        return i;
+      i = M(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;
+}
+const pe = 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 he(t) {
+  return O(t).direction === "rtl";
+}
+const we = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: re,
+  getDocumentElement: L,
+  getClippingRect: de,
+  getOffsetParent: _t,
+  getElementRects: pe,
+  getClientRects: ce,
+  getDimensions: me,
+  getScale: j,
+  isElement: C,
+  isRTL: he
+}, xe = te, ye = ee, be = Qt, ve = Jt, Ae = (t, e, o) => {
+  const n = /* @__PURE__ */ new Map(), i = {
+    platform: we,
+    ...o
+  }, s = {
+    ...i.platform,
+    _c: n
+  };
+  return Gt(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 = ({
   mode: t
-}) => n({
+}) => W({
   "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"
-}), st = ({
+}), Ce = ({
   mode: t
-}) => n({
+}) => W({
   "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"
-}), rt = ({
-  mode: t
-}) => n({
-  "fill-surface-darker [&>path:first-of-type]:bg-surface-darker [&>path:last-of-type]:bg-surface-darker": t === "dark" || t === "system",
-  "fill-surface-light [&>path:first-of-type]:bg-surface-light [&>path:last-of-type]:bg-surface-light": t === "light" || t === "alt-system",
-  "dark:fill-surface-light dark:[&>path:first-of-type]:bg-surface-light dark:[&>path:last-of-type]:bg-surface-light": t === "system",
-  "dark:fill-surface-darker dark:[&>path:first-of-type]:bg-surface-darker dark:[&>path:last-of-type]:bg-surface-darker": t === "alt-system"
-}), ot = ({
-  mode: t
+}), Oe = () => W("absolute", "size-2", "transform rotate-45"), Re = ({
+  mode: t,
+  className: e,
+  arrowClassName: o
 }) => {
-  const e = n(
-    Z,
-    tt(),
-    et({ mode: t }),
-    st({ mode: t })
-  ), s = n(
-    $,
-    rt({ mode: t })
+  const n = W("relative inline-block"), i = W(
+    It,
+    Te(),
+    Ct({ mode: t }),
+    Ce({ mode: t }),
+    e
+  ), s = W(
+    Ht,
+    Oe(),
+    Ct({ mode: t }),
+    o
   );
-  return { tooltip: e, arrow: s };
-};
-function at(t, e, s = { active: !0 }) {
-  const [p, l] = x(t), o = u(!1), r = u(null), c = u(!1), a = Y(() => {
-    const f = r.current;
-    f && window.clearTimeout(f);
-  }, []);
-  return _(() => {
-    if (!s.active) {
-      l(t);
-      return;
-    }
-    o.current && (a(), r.current = window.setTimeout(() => {
-      c.current = !1, l(t);
-    }, e));
-  }, [t, s, e, a]), _(() => (o.current = !0, a), [a]), [p];
-}
-const ft = ({
+  return { tooltip: i, arrow: s, wrapper: n };
+}, Se = ({ delay: t = 300 }) => ({
+  animation: `av-tooltip-fade-in ${t}ms ease-in-out`
+}), Pe = ({
   trigger: t,
   label: e,
-  placement: s = "top",
-  mode: p = "system",
-  initialOpen: l = !1,
-  open: o,
-  onOpenChange: r,
-  delay: c = 300
+  placement: o = "top",
+  mode: n = "system",
+  delay: i = 300,
+  className: s,
+  arrowClassName: r
 }) => {
-  const [a, f] = x(l), h = o !== void 0;
-  h && o === !1 && (c = 0);
-  const [g] = at(
-    o ?? a,
-    c,
-    {
-      active: h
+  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 {
+        x: w,
+        y: x,
+        middlewareData: y,
+        placement: v
+      } = await Ae(c.current, l.current, {
+        placement: o,
+        middleware: [
+          xe(10),
+          be({
+            crossAxis: o.includes("-"),
+            fallbackAxisSideDirection: "start"
+          }),
+          ye({ padding: 5 }),
+          ve({ element: a.current })
+        ]
+      });
+      Object.assign(l.current.style, {
+        left: et(w),
+        top: et(x),
+        ...u
+      });
+      const b = {
+        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),
+        right: "",
+        bottom: "",
+        [b]: "-4px"
+      });
     }
-  ), I = r ?? f, y = u(null), { refs: d, floatingStyles: R, context: i } = M({
-    open: g,
-    onOpenChange: (T) => {
-      I(T), r == null || r(T);
-    },
-    placement: s,
-    // Make sure the tooltip stays on the screen
-    whileElementsMounted: U,
-    middleware: [
-      V({
-        element: y
-      }),
-      D(11),
-      j({
-        crossAxis: s.includes("-"),
-        fallbackAxisSideDirection: "start"
-      }),
-      B()
-    ]
-  }), { styles: S } = H(i), k = ot({ mode: p }), C = W(i, { move: !1, delay: { open: c } }), v = q(i), P = z(i, {
-    referencePress: !0
-  }), A = G(i, { role: "tooltip" }), { getReferenceProps: E, getFloatingProps: O } = J([
-    C,
-    v,
-    P,
-    A
-  ]), m = t, F = m.props, L = X(
-    m,
+  }, [o, u]);
+  return $t(() => {
+    (async () => d && await g())();
+  }, [g, d]), /* @__PURE__ */ yt(
+    "div",
     {
-      "aria-label": e,
-      "data-open": String(g),
-      ref: d.setReference,
-      ...E(),
-      ...F
+      className: m.wrapper,
+      ref: c,
+      onMouseEnter: () => f(!0),
+      onMouseLeave: () => f(!1),
+      onClick: () => f(!1),
+      children: [
+        t,
+        d && /* @__PURE__ */ yt(
+          "div",
+          {
+            role: "tooltip",
+            ref: l,
+            className: m.tooltip,
+            children: [
+              e,
+              /* @__PURE__ */ Vt("div", { ref: a, className: m.arrow })
+            ]
+          }
+        )
+      ]
     }
   );
-  return /* @__PURE__ */ w(N, { children: [
-    L,
-    /* @__PURE__ */ b(K, { children: g && /* @__PURE__ */ w(
-      "div",
-      {
-        className: k.tooltip,
-        ref: d.setFloating,
-        style: { ...R, ...S },
-        ...O(),
-        children: [
-          /* @__PURE__ */ b(
-            Q,
-            {
-              ref: y,
-              context: i,
-              className: k.arrow
-            }
-          ),
-          e
-        ]
-      }
-    ) })
-  ] });
 };
 export {
-  $ as TOOLTIP_ARROW_CLASSNAME,
-  Z as TOOLTIP_CLASSNAME,
-  ft as Tooltip
+  Ht as TOOLTIP_ARROW_CLASSNAME,
+  It as TOOLTIP_CLASSNAME,
+  Pe as Tooltip
 };

package/dist/style.css

@@ -1 +1 @@
-*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::-ms-backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-ms-input-placeholder,textarea::-ms-input-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}@keyframes blink{50%{fill:transparent}}.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.size-6{width:1.5rem;height:1.5rem}.size-px{width:1px;height:1px}.w-max{width:-webkit-max-content;width:-moz-max-content;width:max-content}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded{border-radius:.25rem}.border{border-width:1px}.bg-surface-darker{--tw-bg-opacity: 1;background-color:var(--av-surface-darker, rgb(15 23 42 / var(--tw-bg-opacity, 1)))}.bg-surface-light{--tw-bg-opacity: 1;background-color:var(--av-surface-light, rgb(203 213 225 / var(--tw-bg-opacity, 1)))}.fill-surface-darker{fill:var(--av-surface-darker, rgb(15 23 42 / 1))}.fill-surface-light{fill:var(--av-surface-light, rgb(203 213 225 / 1))}.px-2{padding-left:.5rem;padding-right:.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-copy-dark{--tw-text-opacity: 1;color:var(--av-copy-dark, rgb(15 23 42 / var(--tw-text-opacity, 1)))}.text-copy-light{--tw-text-opacity: 1;color:var(--av-copy-light, rgb(226 232 240 / var(--tw-text-opacity, 1)))}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}@media (min-width: 640px){.sm\:size-6{width:1.5rem;height:1.5rem}}@media (min-width: 768px){.md\:size-px{width:1px;height:1px}}@media (prefers-color-scheme: dark){.dark\:bg-surface-darker{--tw-bg-opacity: 1;background-color:var(--av-surface-darker, rgb(15 23 42 / var(--tw-bg-opacity, 1)))}.dark\:bg-surface-light{--tw-bg-opacity: 1;background-color:var(--av-surface-light, rgb(203 213 225 / var(--tw-bg-opacity, 1)))}.dark\:fill-surface-darker{fill:var(--av-surface-darker, rgb(15 23 42 / 1))}.dark\:fill-surface-light{fill:var(--av-surface-light, rgb(203 213 225 / 1))}.dark\:text-copy-dark{--tw-text-opacity: 1;color:var(--av-copy-dark, rgb(15 23 42 / var(--tw-text-opacity, 1)))}.dark\:text-copy-light{--tw-text-opacity: 1;color:var(--av-copy-light, rgb(226 232 240 / var(--tw-text-opacity, 1)))}}.\[\&\>path\:first-of-type\]\:bg-surface-darker>path:first-of-type{--tw-bg-opacity: 1;background-color:var(--av-surface-darker, rgb(15 23 42 / var(--tw-bg-opacity, 1)))}.\[\&\>path\:first-of-type\]\:bg-surface-light>path:first-of-type{--tw-bg-opacity: 1;background-color:var(--av-surface-light, rgb(203 213 225 / var(--tw-bg-opacity, 1)))}@media (prefers-color-scheme: dark){.dark\:\[\&\>path\:first-of-type\]\:bg-surface-darker>path:first-of-type{--tw-bg-opacity: 1;background-color:var(--av-surface-darker, rgb(15 23 42 / var(--tw-bg-opacity, 1)))}.dark\:\[\&\>path\:first-of-type\]\:bg-surface-light>path:first-of-type{--tw-bg-opacity: 1;background-color:var(--av-surface-light, rgb(203 213 225 / var(--tw-bg-opacity, 1)))}}.\[\&\>path\:last-of-type\]\:bg-surface-darker>path:last-of-type{--tw-bg-opacity: 1;background-color:var(--av-surface-darker, rgb(15 23 42 / var(--tw-bg-opacity, 1)))}.\[\&\>path\:last-of-type\]\:bg-surface-light>path:last-of-type{--tw-bg-opacity: 1;background-color:var(--av-surface-light, rgb(203 213 225 / var(--tw-bg-opacity, 1)))}@media (prefers-color-scheme: dark){.dark\:\[\&\>path\:last-of-type\]\:bg-surface-darker>path:last-of-type{--tw-bg-opacity: 1;background-color:var(--av-surface-darker, rgb(15 23 42 / var(--tw-bg-opacity, 1)))}.dark\:\[\&\>path\:last-of-type\]\:bg-surface-light>path:last-of-type{--tw-bg-opacity: 1;background-color:var(--av-surface-light, rgb(203 213 225 / var(--tw-bg-opacity, 1)))}}
+*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::-ms-backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-ms-input-placeholder,textarea::-ms-input-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}@keyframes blink{50%{fill:transparent}}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.left-0{left:0}.top-0{top:0}.z-50{z-index:50}.inline-block{display:inline-block}.size-2{width:.5rem;height:.5rem}.size-6{width:1.5rem;height:1.5rem}.size-px{width:1px;height:1px}.w-max{width:-webkit-max-content;width:-moz-max-content;width:max-content}.rotate-45{--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded{border-radius:.25rem}.border{border-width:1px}.bg-surface-darker{--tw-bg-opacity: 1;background-color:var(--av-surface-darker, rgb(15 23 42 / var(--tw-bg-opacity, 1)))}.bg-surface-light{--tw-bg-opacity: 1;background-color:var(--av-surface-light, rgb(203 213 225 / var(--tw-bg-opacity, 1)))}.px-2{padding-left:.5rem;padding-right:.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-copy-dark{--tw-text-opacity: 1;color:var(--av-copy-dark, rgb(15 23 42 / var(--tw-text-opacity, 1)))}.text-copy-light{--tw-text-opacity: 1;color:var(--av-copy-light, rgb(226 232 240 / var(--tw-text-opacity, 1)))}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@keyframes av-tooltip-fade-in{0%{opacity:0}to{opacity:100}}@media (min-width: 640px){.sm\:size-6{width:1.5rem;height:1.5rem}}@media (min-width: 768px){.md\:size-px{width:1px;height:1px}}@media (prefers-color-scheme: dark){.dark\:bg-surface-darker{--tw-bg-opacity: 1;background-color:var(--av-surface-darker, rgb(15 23 42 / var(--tw-bg-opacity, 1)))}.dark\:bg-surface-light{--tw-bg-opacity: 1;background-color:var(--av-surface-light, rgb(203 213 225 / var(--tw-bg-opacity, 1)))}.dark\:text-copy-dark{--tw-text-opacity: 1;color:var(--av-copy-dark, rgb(15 23 42 / var(--tw-text-opacity, 1)))}.dark\:text-copy-light{--tw-text-opacity: 1;color:var(--av-copy-light, rgb(226 232 240 / var(--tw-text-opacity, 1)))}}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-tooltip",
-	"version": "1.1.1",
+	"version": "1.1.2",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -38,10 +38,10 @@
 		"react-dom": "^18.3.1 || ^19.0.0"
 	},
 	"devDependencies": {
-		"@versini/ui-types": "4.3.0"
+		"@versini/ui-types": "4.3.1"
 	},
 	"dependencies": {
-		"@floating-ui/react": "0.27.3",
+		"@floating-ui/dom": "1.6.13",
 		"@tailwindcss/typography": "0.5.16",
 		"clsx": "2.1.1",
 		"tailwindcss": "3.4.17"
@@ -49,5 +49,5 @@
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "47ca6cc4fdd05d5b5a384026188e28a254f14e57"
+	"gitHead": "1542a19c98ab5af85458a93e788576f97549e589"
 }