@versini/ui-tooltip 1.1.0 → 1.1.1

package/dist/index.js

@@ -1,61 +1,61 @@
-import { jsxs as T, Fragment as F, jsx as w } from "react/jsx-runtime";
-import { useFloating as L, autoUpdate as N, arrow as M, offset as U, flip as V, shift as D, useTransitionStyles as j, useHover as B, useFocus as H, useDismiss as W, useRole as q, useInteractions as z, FloatingPortal as G, FloatingArrow as J } from "@floating-ui/react";
-import { useState as _, useRef as u, cloneElement as K, useCallback as Q, useEffect as b } from "react";
+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";
 /*!
-  @versini/ui-tooltip v1.1.0
+  @versini/ui-tooltip v1.1.1
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_TOOLTIP__ || (window.__VERSINI_UI_TOOLTIP__ = {
-    version: "1.1.0",
-    buildTime: "01/19/2025 01:35 PM EST",
+    version: "1.1.1",
+    buildTime: "01/19/2025 03:47 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const X = "av-tooltip", Y = "av-tooltip-arrow", Z = () => n("w-max py-1 px-2 rounded text-sm"), $ = ({
+const Z = "av-tooltip", $ = "av-tooltip-arrow", tt = () => n("w-max py-1 px-2 rounded text-sm"), et = ({
   mode: t
 }) => n({
   "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"
-}), tt = ({
+}), st = ({
   mode: t
 }) => n({
   "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"
-}), et = ({
+}), 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"
-}), st = ({
+}), ot = ({
   mode: t
 }) => {
   const e = n(
-    X,
-    Z(),
-    $({ mode: t }),
-    tt({ mode: t })
+    Z,
+    tt(),
+    et({ mode: t }),
+    st({ mode: t })
   ), s = n(
-    Y,
-    et({ mode: t })
+    $,
+    rt({ mode: t })
   );
   return { tooltip: e, arrow: s };
 };
-function rt(t, e, s = { active: !0 }) {
-  const [p, l] = _(t), o = u(!1), r = u(null), c = u(!1), a = Q(() => {
+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 b(() => {
+  return _(() => {
     if (!s.active) {
       l(t);
       return;
@@ -63,9 +63,9 @@ function rt(t, e, s = { active: !0 }) {
     o.current && (a(), r.current = window.setTimeout(() => {
       c.current = !1, l(t);
     }, e));
-  }, [t, s, e, a]), b(() => (o.current = !0, a), [a]), [p];
+  }, [t, s, e, a]), _(() => (o.current = !0, a), [a]), [p];
 }
-const ct = ({
+const ft = ({
   trigger: t,
   label: e,
   placement: s = "top",
@@ -75,65 +75,66 @@ const ct = ({
   onOpenChange: r,
   delay: c = 300
 }) => {
-  const [a, f] = _(l), h = o !== void 0;
+  const [a, f] = x(l), h = o !== void 0;
   h && o === !1 && (c = 0);
-  const [g] = rt(
+  const [g] = at(
     o ?? a,
     c,
     {
       active: h
     }
-  ), x = r ?? f, y = u(null), { refs: k, floatingStyles: I, context: i } = L({
+  ), I = r ?? f, y = u(null), { refs: d, floatingStyles: R, context: i } = M({
     open: g,
-    onOpenChange: (m) => {
-      x(m), r == null || r(m);
+    onOpenChange: (T) => {
+      I(T), r == null || r(T);
     },
     placement: s,
     // Make sure the tooltip stays on the screen
-    whileElementsMounted: N,
+    whileElementsMounted: U,
     middleware: [
-      M({
+      V({
         element: y
       }),
-      U(11),
-      V({
+      D(11),
+      j({
         crossAxis: s.includes("-"),
         fallbackAxisSideDirection: "start"
       }),
-      D()
+      B()
     ]
-  }), { styles: R } = j(i), d = st({ mode: p }), S = B(i, { move: !1, delay: { open: c } }), C = H(i), v = W(i, {
+  }), { 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 = q(i, { role: "tooltip" }), { getReferenceProps: E, getFloatingProps: P } = z([
-    S,
+  }), A = G(i, { role: "tooltip" }), { getReferenceProps: E, getFloatingProps: O } = J([
     C,
     v,
+    P,
     A
-  ]), O = K(
-    t,
+  ]), m = t, F = m.props, L = X(
+    m,
     {
       "aria-label": e,
       "data-open": String(g),
-      ref: k.setReference,
-      ...E()
+      ref: d.setReference,
+      ...E(),
+      ...F
     }
   );
-  return /* @__PURE__ */ T(F, { children: [
-    O,
-    /* @__PURE__ */ w(G, { children: g && /* @__PURE__ */ T(
+  return /* @__PURE__ */ w(N, { children: [
+    L,
+    /* @__PURE__ */ b(K, { children: g && /* @__PURE__ */ w(
       "div",
       {
-        className: d.tooltip,
-        ref: k.setFloating,
-        style: { ...I, ...R },
-        ...P(),
+        className: k.tooltip,
+        ref: d.setFloating,
+        style: { ...R, ...S },
+        ...O(),
         children: [
-          /* @__PURE__ */ w(
-            J,
+          /* @__PURE__ */ b(
+            Q,
             {
               ref: y,
               context: i,
-              className: d.arrow
+              className: k.arrow
             }
           ),
           e
@@ -143,7 +144,7 @@ const ct = ({
   ] });
 };
 export {
-  Y as TOOLTIP_ARROW_CLASSNAME,
-  X as TOOLTIP_CLASSNAME,
-  ct as Tooltip
+  $ as TOOLTIP_ARROW_CLASSNAME,
+  Z as TOOLTIP_CLASSNAME,
+  ft as Tooltip
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-tooltip",
-	"version": "1.1.0",
+	"version": "1.1.1",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -49,5 +49,5 @@
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "bcefcad80e918262a953b30742e66db32b2fefa5"
+	"gitHead": "47ca6cc4fdd05d5b5a384026188e28a254f14e57"
 }