@purpurds/tooltip 4.3.0 → 4.4.0

package/dist/tooltip.d.ts

@@ -1,4 +1,5 @@
-import React, { ReactNode } from "react";
+import { default as React, ReactNode } from 'react';
+
 export declare const TOOLTIP_VARIANT: {
     readonly PRIMARY: "primary";
     readonly PRIMARY_NEGATIVE: "primary-negative";

package/dist/tooltip.es.js

@@ -1,6 +1,6 @@
 import { jsxs as Ue, jsx as I } from "react/jsx-runtime";
 import * as N from "react";
-import { forwardRef as M, useCallback as H, createContext as Ge, useMemo as xe, createElement as w, useContext as Tt, Fragment as $n, Children as se, isValidElement as Ie, cloneElement as Je, useEffect as R, useRef as L, useState as z, useLayoutEffect as Ct, useReducer as _n } from "react";
+import { forwardRef as M, useCallback as k, createContext as Ge, useMemo as xe, createElement as w, useContext as Tt, Fragment as $n, Children as se, isValidElement as Ie, cloneElement as Je, useEffect as R, useRef as L, useState as z, useLayoutEffect as Ct, useReducer as _n } from "react";
 import * as wn from "react-dom";
 import An, { flushSync as Rt } from "react-dom";
 const Pn = {
@@ -263,8 +263,8 @@ var Lt = { exports: {} };
     e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
   })();
 })(Lt);
-var Hn = Lt.exports;
-const kn = /* @__PURE__ */ Fn(Hn), Bn = {
+var kn = Lt.exports;
+const Hn = /* @__PURE__ */ Fn(kn), Bn = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -285,7 +285,7 @@ const kn = /* @__PURE__ */ Fn(Hn), Bn = {
   }
 );
 Mt.displayName = "IconInfo";
-const Wn = kn.bind(Bn), gt = "purpur-icon", Vn = "md", jn = (e) => e.filter((t) => Object.keys(t).length >= 1).map((t) => `${t.name}="${t.value}"`).join(" "), Un = ({ content: e = "", title: t } = {}) => {
+const Wn = Hn.bind(Bn), gt = "purpur-icon", Vn = "md", jn = (e) => e.filter((t) => Object.keys(t).length >= 1).map((t) => `${t.name}="${t.value}"`).join(" "), Un = ({ content: e = "", title: t } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
@@ -423,15 +423,15 @@ function G(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
 function Qn(e, t) {
   typeof e == "function" ? e(t) : e != null && (e.current = t);
 }
-function Ht(...e) {
+function kt(...e) {
   return (t) => e.forEach(
     (n) => Qn(n, t)
   );
 }
 function pe(...e) {
-  return H(Ht(...e), e);
+  return k(kt(...e), e);
 }
-function kt(e, t = []) {
+function Ht(e, t = []) {
   let n = [];
   function o(r, s) {
     const a = /* @__PURE__ */ Ge(s), c = n.length;
@@ -532,7 +532,7 @@ const Ye = /* @__PURE__ */ M((e, t) => {
   const { children: n, ...o } = e;
   return /* @__PURE__ */ Ie(n) ? /* @__PURE__ */ Je(n, {
     ...nr(o, n.props),
-    ref: t ? Ht(t, n.ref) : n.ref
+    ref: t ? kt(t, n.ref) : n.ref
   }) : se.count(n) > 1 ? se.only(null) : null;
 });
 Ye.displayName = "SlotClone";
@@ -754,12 +754,12 @@ let pr = 0;
 function hr(e) {
   const [t, n] = N.useState(fr());
   return de(() => {
-    e || n(
+    n(
       (o) => o ?? String(pr++)
     );
   }, [
     e
-  ]), e || (t ? `radix-${t}` : "");
+  ]), t ? `radix-${t}` : "";
 }
 const gr = ["top", "right", "bottom", "left"], ee = Math.min, B = Math.max, Fe = Math.round, De = Math.floor, te = (e) => ({
   x: e,
@@ -801,10 +801,10 @@ function yr(e, t, n) {
   n === void 0 && (n = !1);
   const o = ge(e), i = tt(e), r = et(i);
   let s = i === "x" ? o === (n ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
-  return t.reference[r] > t.floating[r] && (s = He(s)), [s, He(s)];
+  return t.reference[r] > t.floating[r] && (s = ke(s)), [s, ke(s)];
 }
 function br(e) {
-  const t = He(e);
+  const t = ke(e);
   return [Ke(e), t, Ke(t)];
 }
 function Ke(e) {
@@ -828,7 +828,7 @@ function $r(e, t, n, o) {
   let r = xr(X(e), n === "start", o);
   return i && (r = r.map((s) => s + "-" + i), t && (r = r.concat(r.map(Ke)))), r;
 }
-function He(e) {
+function ke(e) {
   return e.replace(/left|right|bottom|top/g, (t) => mr[t]);
 }
 function _r(e) {
@@ -848,7 +848,7 @@ function Vt(e) {
     left: e
   };
 }
-function ke(e) {
+function He(e) {
   return {
     ...e,
     top: e.y,
@@ -985,7 +985,7 @@ async function $e(e, t) {
     elementContext: u = "floating",
     altBoundary: p = !1,
     padding: f = 0
-  } = Y(t, e), h = Vt(f), m = a[p ? u === "floating" ? "reference" : "floating" : u], v = ke(await r.getClippingRect({
+  } = Y(t, e), h = Vt(f), m = a[p ? u === "floating" ? "reference" : "floating" : u], v = He(await r.getClippingRect({
     element: (n = await (r.isElement == null ? void 0 : r.isElement(m))) == null || n ? m : m.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(a.floating)),
     boundary: l,
     rootBoundary: d,
@@ -1000,7 +1000,7 @@ async function $e(e, t) {
   } : {
     x: 1,
     y: 1
-  }, b = ke(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, b = He(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
     rect: y,
     offsetParent: x,
     strategy: c
@@ -1035,7 +1035,7 @@ const bt = (e) => ({
     }, p = tt(i), f = et(p), h = await s.getDimensions(c), g = p === "y", m = g ? "top" : "left", v = g ? "bottom" : "right", y = g ? "clientHeight" : "clientWidth", x = r.reference[f] + r.reference[p] - u[p] - r.floating[f], $ = u[p] - r.reference[p], b = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(c));
     let _ = b ? b[y] : 0;
     (!_ || !await (s.isElement == null ? void 0 : s.isElement(b))) && (_ = a.floating[y] || r.floating[f]);
-    const E = x / 2 - $ / 2, A = _ / 2 - h[f] / 2 - 1, C = ee(d[m], A), F = ee(d[v], A), T = C, k = _ - h[f] - F, D = _ / 2 - h[f] / 2 + E, O = qe(T, D, k), P = ge(i) != null && D != O && r.reference[f] / 2 - (D < T ? C : F) - h[f] / 2 < 0 ? D < T ? T - D : k - D : 0;
+    const E = x / 2 - $ / 2, A = _ / 2 - h[f] / 2 - 1, C = ee(d[m], A), F = ee(d[v], A), T = C, H = _ - h[f] - F, D = _ / 2 - h[f] / 2 + E, O = qe(T, D, H), P = ge(i) != null && D != O && r.reference[f] / 2 - (D < T ? C : F) - h[f] / 2 < 0 ? D < T ? T - D : H - D : 0;
     return {
       [p]: u[p] - P,
       data: {
@@ -1065,7 +1065,7 @@ const bt = (e) => ({
         fallbackAxisSideDirection: f = "none",
         flipAlignment: h = !0,
         ...g
-      } = Y(e, t), m = X(o), v = X(s) === s, y = await (a.isRTL == null ? void 0 : a.isRTL(c.floating)), x = u || (v || !h ? [He(s)] : br(s));
+      } = Y(e, t), m = X(o), v = X(s) === s, y = await (a.isRTL == null ? void 0 : a.isRTL(c.floating)), x = u || (v || !h ? [ke(s)] : br(s));
       !u && f !== "none" && x.push(...$r(s, h, f, y));
       const $ = [s, ...x], b = await $e(t, g), _ = [];
       let E = ((n = i.flip) == null ? void 0 : n.overflows) || [];
@@ -1078,15 +1078,15 @@ const bt = (e) => ({
         overflows: _
       }], !_.every((T) => T <= 0)) {
         var A, C;
-        const T = (((A = i.flip) == null ? void 0 : A.index) || 0) + 1, k = $[T];
-        if (k)
+        const T = (((A = i.flip) == null ? void 0 : A.index) || 0) + 1, H = $[T];
+        if (H)
           return {
             data: {
               index: T,
               overflows: E
             },
             reset: {
-              placement: k
+              placement: H
             }
           };
         let D = (C = E.filter((O) => O.overflows[0] <= 0).sort((O, V) => O.overflows[1] - V.overflows[1])[0]) == null ? void 0 : C.placement;
@@ -1493,7 +1493,7 @@ function ae(e, t, n, o) {
       c *= g.x, l *= g.y, d *= g.x, u *= g.y, c += y, l += x, h = W(h).frameElement;
     }
   }
-  return ke({
+  return He({
     width: d,
     height: u,
     x: c,
@@ -1542,7 +1542,7 @@ function Fr(e) {
     y: a
   };
 }
-function Hr(e, t) {
+function kr(e, t) {
   const n = W(e), o = K(e), i = n.visualViewport;
   let r = o.clientWidth, s = o.clientHeight, a = 0, c = 0;
   if (i) {
@@ -1557,7 +1557,7 @@ function Hr(e, t) {
     y: c
   };
 }
-function kr(e, t) {
+function Hr(e, t) {
   const n = ae(e, !0, t === "fixed"), o = n.top + e.clientTop, i = n.left + e.clientLeft, r = U(e) ? ue(e) : te(1), s = e.clientWidth * r.x, a = e.clientHeight * r.y, c = i * r.x, l = o * r.y;
   return {
     width: s,
@@ -1569,11 +1569,11 @@ function kr(e, t) {
 function wt(e, t, n) {
   let o;
   if (t === "viewport")
-    o = Hr(e, n);
+    o = kr(e, n);
   else if (t === "document")
     o = Fr(K(e));
   else if (q(t))
-    o = kr(t, n);
+    o = Hr(t, n);
   else {
     const i = Yt(e);
     o = {
@@ -1582,7 +1582,7 @@ function wt(e, t, n) {
       y: t.y - i.y
     };
   }
-  return ke(o);
+  return He(o);
 }
 function qt(e, t) {
   const n = fe(e);
@@ -1883,7 +1883,7 @@ function Zr(e) {
         ...Z,
         isPositioned: !0
       };
-      k.current && !Be(A.current, J) && (A.current = J, wn.flushSync(() => {
+      H.current && !Be(A.current, J) && (A.current = J, wn.flushSync(() => {
         u(J);
       }));
     });
@@ -1894,9 +1894,9 @@ function Zr(e) {
       isPositioned: !1
     })));
   }, [l]);
-  const k = N.useRef(!1);
-  Me(() => (k.current = !0, () => {
-    k.current = !1;
+  const H = N.useRef(!1);
+  Me(() => (H.current = !0, () => {
+    H.current = !1;
   }), []), Me(() => {
     if ($ && (_.current = $), b && (E.current = b), $ && b) {
       if (C.current)
@@ -1985,7 +1985,7 @@ function eo(e) {
     e
   ]), t;
 }
-const Jt = "Popper", [Qt, en] = kt(Jt), [to, tn] = Qt(Jt), no = (e) => {
+const Jt = "Popper", [Qt, en] = Ht(Jt), [to, tn] = Qt(Jt), no = (e) => {
   const { __scopePopper: t, children: n } = e, [o, i] = z(null);
   return /* @__PURE__ */ w(to, {
     scope: t,
@@ -2004,7 +2004,7 @@ const Jt = "Popper", [Qt, en] = kt(Jt), [to, tn] = Qt(Jt), no = (e) => {
   const { __scopePopper: d, side: u = "bottom", sideOffset: p = 0, align: f = "center", alignOffset: h = 0, arrowPadding: g = 0, avoidCollisions: m = !0, collisionBoundary: v = [], collisionPadding: y = 0, sticky: x = "partial", hideWhenDetached: $ = !1, updatePositionStrategy: b = "optimized", onPlaced: _, ...E } = e, A = tn(nn, d), [C, F] = z(null), T = pe(
     t,
     (ve) => F(ve)
-  ), [k, D] = z(null), O = eo(k), V = (n = O == null ? void 0 : O.width) !== null && n !== void 0 ? n : 0, P = (o = O == null ? void 0 : O.height) !== null && o !== void 0 ? o : 0, Z = u + (f !== "center" ? "-" + f : ""), J = typeof y == "number" ? y : {
+  ), [H, D] = z(null), O = eo(H), V = (n = O == null ? void 0 : O.width) !== null && n !== void 0 ? n : 0, P = (o = O == null ? void 0 : O.height) !== null && o !== void 0 ? o : 0, Z = u + (f !== "center" ? "-" + f : ""), J = typeof y == "number" ? y : {
     top: 0,
     right: 0,
     bottom: 0,
@@ -2048,8 +2048,8 @@ const Jt = "Popper", [Qt, en] = kt(Jt), [to, tn] = Qt(Jt), no = (e) => {
           Ce.setProperty("--radix-popper-available-width", `${vn}px`), Ce.setProperty("--radix-popper-available-height", `${yn}px`), Ce.setProperty("--radix-popper-anchor-width", `${bn}px`), Ce.setProperty("--radix-popper-anchor-height", `${xn}px`);
         }
       }),
-      k && Kr({
-        element: k,
+      H && Kr({
+        element: H,
         padding: g
       }),
       po({
@@ -2253,7 +2253,7 @@ function xo(e) {
       "mounted",
       "unmountSuspended"
     ].includes(a),
-    ref: H((l) => {
+    ref: k((l) => {
       l && (o.current = getComputedStyle(l)), n(l);
     }, [])
   };
@@ -2266,7 +2266,7 @@ function $o({ prop: e, defaultProp: t, onChange: n = () => {
   const [o, i] = _o({
     defaultProp: t,
     onChange: n
-  }), r = e !== void 0, s = r ? e : o, a = he(n), c = H((l) => {
+  }), r = e !== void 0, s = r ? e : o, a = he(n), c = k((l) => {
     if (r) {
       const u = typeof l == "function" ? l(e) : l;
       u !== e && a(u);
@@ -2309,7 +2309,7 @@ const wo = /* @__PURE__ */ M((e, t) => /* @__PURE__ */ w(ce.span, S({}, e, {
     wordWrap: "normal",
     ...e.style
   }
-}))), Ao = wo, [Ve, hi] = kt("Tooltip", [
+}))), Ao = wo, [Ve, hi] = Ht("Tooltip", [
   en
 ]), je = en(), Po = "TooltipProvider", Eo = 700, Ze = "tooltip.open", [Oo, st] = Ve(Po), To = (e) => {
   const { __scopeTooltip: t, delayDuration: n = Eo, skipDelayDuration: o = 300, disableHoverableContent: i = !1, children: r } = e, [s, a] = z(!0), c = L(!1), l = L(0);
@@ -2320,10 +2320,10 @@ const wo = /* @__PURE__ */ M((e, t) => /* @__PURE__ */ w(ce.span, S({}, e, {
     scope: t,
     isOpenDelayed: s,
     delayDuration: n,
-    onOpen: H(() => {
+    onOpen: k(() => {
       window.clearTimeout(l.current), a(!1);
     }, []),
-    onClose: H(() => {
+    onClose: k(() => {
       window.clearTimeout(l.current), l.current = window.setTimeout(
         () => a(!0),
         o
@@ -2332,7 +2332,7 @@ const wo = /* @__PURE__ */ M((e, t) => /* @__PURE__ */ w(ce.span, S({}, e, {
       o
     ]),
     isPointerInTransitRef: c,
-    onPointerInTransitChange: H((d) => {
+    onPointerInTransitChange: k((d) => {
       c.current = d;
     }, []),
     disableHoverableContent: i
@@ -2346,15 +2346,15 @@ const wo = /* @__PURE__ */ M((e, t) => /* @__PURE__ */ w(ce.span, S({}, e, {
     }
   }), x = xe(() => v ? m.current ? "delayed-open" : "instant-open" : "closed", [
     v
-  ]), $ = H(() => {
+  ]), $ = k(() => {
     window.clearTimeout(f.current), m.current = !1, y(!0);
   }, [
     y
-  ]), b = H(() => {
+  ]), b = k(() => {
     window.clearTimeout(f.current), y(!1);
   }, [
     y
-  ]), _ = H(() => {
+  ]), _ = k(() => {
     window.clearTimeout(f.current), f.current = window.setTimeout(() => {
       m.current = !0, y(!0);
     }, g);
@@ -2369,14 +2369,14 @@ const wo = /* @__PURE__ */ M((e, t) => /* @__PURE__ */ w(ce.span, S({}, e, {
     stateAttribute: x,
     trigger: d,
     onTriggerChange: u,
-    onTriggerEnter: H(() => {
+    onTriggerEnter: k(() => {
       c.isOpenDelayed ? _() : $();
     }, [
       c.isOpenDelayed,
       _,
       $
     ]),
-    onTriggerLeave: H(() => {
+    onTriggerLeave: k(() => {
       h ? b() : window.clearTimeout(f.current);
     }, [
       b,
@@ -2387,7 +2387,7 @@ const wo = /* @__PURE__ */ M((e, t) => /* @__PURE__ */ w(ce.span, S({}, e, {
     disableHoverableContent: h
   }, n));
 }, Ot = "TooltipTrigger", So = /* @__PURE__ */ M((e, t) => {
-  const { __scopeTooltip: n, ...o } = e, i = Pe(Ot, n), r = st(Ot, n), s = je(n), a = L(null), c = pe(t, a, i.onTriggerChange), l = L(!1), d = L(!1), u = H(
+  const { __scopeTooltip: n, ...o } = e, i = Pe(Ot, n), r = st(Ot, n), s = je(n), a = L(null), c = pe(t, a, i.onTriggerChange), l = L(!1), d = L(!1), u = k(
     () => l.current = !1,
     []
   );
@@ -2446,11 +2446,11 @@ const wo = /* @__PURE__ */ M((e, t) => /* @__PURE__ */ w(ce.span, S({}, e, {
     ref: t
   })));
 }), Io = /* @__PURE__ */ M((e, t) => {
-  const n = Pe(we, e.__scopeTooltip), o = st(we, e.__scopeTooltip), i = L(null), r = pe(t, i), [s, a] = z(null), { trigger: c, onClose: l } = n, d = i.current, { onPointerInTransitChange: u } = o, p = H(() => {
+  const n = Pe(we, e.__scopeTooltip), o = st(we, e.__scopeTooltip), i = L(null), r = pe(t, i), [s, a] = z(null), { trigger: c, onClose: l } = n, d = i.current, { onPointerInTransitChange: u } = o, p = k(() => {
     a(null), u(!1);
   }, [
     u
-  ]), f = H((h, g) => {
+  ]), f = k((h, g) => {
     const m = h.currentTarget, v = {
       x: h.clientX,
       y: h.clientY
@@ -2496,7 +2496,7 @@ const wo = /* @__PURE__ */ M((e, t) => /* @__PURE__ */ w(ce.span, S({}, e, {
   ]), /* @__PURE__ */ w(sn, S({}, e, {
     ref: r
   }));
-}), [Fo, Ho] = Ve(at, {
+}), [Fo, ko] = Ve(at, {
   isInside: !1
 }), sn = /* @__PURE__ */ M((e, t) => {
   const { __scopeTooltip: n, children: o, "aria-label": i, onEscapeKeyDown: r, onPointerDownOutside: s, ...a } = e, c = Pe(we, n), l = je(n), { onClose: d } = c;
@@ -2543,9 +2543,9 @@ const wo = /* @__PURE__ */ M((e, t) => /* @__PURE__ */ w(ce.span, S({}, e, {
     id: c.contentId,
     role: "tooltip"
   }, i || o))));
-}), ko = "TooltipArrow", Bo = /* @__PURE__ */ M((e, t) => {
+}), Ho = "TooltipArrow", Bo = /* @__PURE__ */ M((e, t) => {
   const { __scopeTooltip: n, ...o } = e, i = je(n);
-  return Ho(ko, n).isInside ? null : /* @__PURE__ */ w(vo, S({}, i, o, {
+  return ko(Ho, n).isInside ? null : /* @__PURE__ */ w(vo, S({}, i, o, {
     ref: t
   }));
 });