@purpurds/tooltip 3.1.0 → 3.3.0

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 k, createContext as Ge, useMemo as ye, createElement as _, useContext as Tt, Fragment as $n, Children as se, isValidElement as Ie, cloneElement as Je, useEffect as R, useRef as L, useState as j, useLayoutEffect as Ct, useReducer as wn } from "react";
+import { forwardRef as M, useCallback as H, createContext as Ge, useMemo as ye, createElement as _, useContext as Tt, Fragment as $n, Children as se, isValidElement as Ie, cloneElement as Je, useEffect as R, useRef as L, useState as j, useLayoutEffect as Ct, useReducer as wn } from "react";
 import * as _n 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 kn = Lt.exports;
-const Hn = /* @__PURE__ */ Fn(kn), Bn = {
+var Hn = Lt.exports;
+const kn = /* @__PURE__ */ Fn(Hn), 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 Hn = /* @__PURE__ */ Fn(kn), Bn = {
   }
 );
 Mt.displayName = "IconInfo";
-const Wn = Hn.bind(Bn), gt = "purpur-icon", Vn = "md", zn = (e) => e.filter((t) => Object.keys(t).length >= 1).map((t) => `${t.name}="${t.value}"`).join(" "), Un = ({ content: e = "", title: t } = {}) => {
+const Wn = kn.bind(Bn), gt = "purpur-icon", Vn = "md", zn = (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" },
@@ -420,15 +420,15 @@ function G(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
 function Qn(e, t) {
   typeof e == "function" ? e(t) : e != null && (e.current = t);
 }
-function kt(...e) {
+function Ht(...e) {
   return (t) => e.forEach(
     (n) => Qn(n, t)
   );
 }
 function pe(...e) {
-  return k(kt(...e), e);
+  return H(Ht(...e), e);
 }
-function Ht(e, t = []) {
+function kt(e, t = []) {
   let n = [];
   function o(r, s) {
     const a = /* @__PURE__ */ Ge(s), c = n.length;
@@ -529,7 +529,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 ? kt(t, n.ref) : n.ref
+    ref: t ? Ht(t, n.ref) : n.ref
   }) : se.count(n) > 1 ? se.only(null) : null;
 });
 Ye.displayName = "SlotClone";
@@ -798,10 +798,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 = ke(s)), [s, ke(s)];
+  return t.reference[r] > t.floating[r] && (s = He(s)), [s, He(s)];
 }
 function br(e) {
-  const t = ke(e);
+  const t = He(e);
   return [Ke(e), t, Ke(t)];
 }
 function Ke(e) {
@@ -825,7 +825,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 ke(e) {
+function He(e) {
   return e.replace(/left|right|bottom|top/g, (t) => mr[t]);
 }
 function wr(e) {
@@ -845,7 +845,7 @@ function Vt(e) {
     left: e
   };
 }
-function He(e) {
+function ke(e) {
   return {
     ...e,
     top: e.y,
@@ -982,7 +982,7 @@ async function be(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 = He(await r.getClippingRect({
+  } = Y(t, e), h = Vt(f), m = a[p ? u === "floating" ? "reference" : "floating" : u], v = ke(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,
@@ -997,7 +997,7 @@ async function be(e, t) {
   } : {
     x: 1,
     y: 1
-  }, b = He(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, b = ke(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
     rect: y,
     offsetParent: x,
     strategy: c
@@ -1032,7 +1032,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 w = b ? b[y] : 0;
     (!w || !await (s.isElement == null ? void 0 : s.isElement(b))) && (w = a.floating[y] || r.floating[f]);
-    const E = x / 2 - $ / 2, A = w / 2 - h[f] / 2 - 1, C = ee(d[m], A), F = ee(d[v], A), T = C, H = w - h[f] - F, D = w / 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;
+    const E = x / 2 - $ / 2, A = w / 2 - h[f] / 2 - 1, C = ee(d[m], A), F = ee(d[v], A), T = C, k = w - h[f] - F, D = w / 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;
     return {
       [p]: u[p] - P,
       data: {
@@ -1062,7 +1062,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 ? [ke(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 ? [He(s)] : br(s));
       !u && f !== "none" && x.push(...$r(s, h, f, y));
       const $ = [s, ...x], b = await be(t, g), w = [];
       let E = ((n = i.flip) == null ? void 0 : n.overflows) || [];
@@ -1075,15 +1075,15 @@ const bt = (e) => ({
         overflows: w
       }], !w.every((T) => T <= 0)) {
         var A, C;
-        const T = (((A = i.flip) == null ? void 0 : A.index) || 0) + 1, H = $[T];
-        if (H)
+        const T = (((A = i.flip) == null ? void 0 : A.index) || 0) + 1, k = $[T];
+        if (k)
           return {
             data: {
               index: T,
               overflows: E
             },
             reset: {
-              placement: H
+              placement: k
             }
           };
         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;
@@ -1490,7 +1490,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 He({
+  return ke({
     width: d,
     height: u,
     x: c,
@@ -1539,7 +1539,7 @@ function Fr(e) {
     y: a
   };
 }
-function kr(e, t) {
+function Hr(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) {
@@ -1554,7 +1554,7 @@ function kr(e, t) {
     y: c
   };
 }
-function Hr(e, t) {
+function kr(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,
@@ -1566,11 +1566,11 @@ function Hr(e, t) {
 function _t(e, t, n) {
   let o;
   if (t === "viewport")
-    o = kr(e, n);
+    o = Hr(e, n);
   else if (t === "document")
     o = Fr(K(e));
   else if (q(t))
-    o = Hr(t, n);
+    o = kr(t, n);
   else {
     const i = Yt(e);
     o = {
@@ -1579,7 +1579,7 @@ function _t(e, t, n) {
       y: t.y - i.y
     };
   }
-  return He(o);
+  return ke(o);
 }
 function qt(e, t) {
   const n = fe(e);
@@ -1880,7 +1880,7 @@ function Zr(e) {
         ...Z,
         isPositioned: !0
       };
-      H.current && !Be(A.current, J) && (A.current = J, _n.flushSync(() => {
+      k.current && !Be(A.current, J) && (A.current = J, _n.flushSync(() => {
         u(J);
       }));
     });
@@ -1891,9 +1891,9 @@ function Zr(e) {
       isPositioned: !1
     })));
   }, [l]);
-  const H = N.useRef(!1);
-  Me(() => (H.current = !0, () => {
-    H.current = !1;
+  const k = N.useRef(!1);
+  Me(() => (k.current = !0, () => {
+    k.current = !1;
   }), []), Me(() => {
     if ($ && (w.current = $), b && (E.current = b), $ && b) {
       if (C.current)
@@ -1982,7 +1982,7 @@ function eo(e) {
     e
   ]), t;
 }
-const Jt = "Popper", [Qt, en] = Ht(Jt), [to, tn] = Qt(Jt), no = (e) => {
+const Jt = "Popper", [Qt, en] = kt(Jt), [to, tn] = Qt(Jt), no = (e) => {
   const { __scopePopper: t, children: n } = e, [o, i] = j(null);
   return /* @__PURE__ */ _(to, {
     scope: t,
@@ -2001,7 +2001,7 @@ const Jt = "Popper", [Qt, en] = Ht(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: w, ...E } = e, A = tn(nn, d), [C, F] = j(null), T = pe(
     t,
     (ve) => F(ve)
-  ), [H, D] = j(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 : {
+  ), [k, D] = j(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 : {
     top: 0,
     right: 0,
     bottom: 0,
@@ -2045,8 +2045,8 @@ const Jt = "Popper", [Qt, en] = Ht(Jt), [to, tn] = Qt(Jt), no = (e) => {
           Oe.setProperty("--radix-popper-available-width", `${vn}px`), Oe.setProperty("--radix-popper-available-height", `${yn}px`), Oe.setProperty("--radix-popper-anchor-width", `${bn}px`), Oe.setProperty("--radix-popper-anchor-height", `${xn}px`);
         }
       }),
-      H && Kr({
-        element: H,
+      k && Kr({
+        element: k,
         padding: g
       }),
       po({
@@ -2250,7 +2250,7 @@ function xo(e) {
       "mounted",
       "unmountSuspended"
     ].includes(a),
-    ref: k((l) => {
+    ref: H((l) => {
       l && (o.current = getComputedStyle(l)), n(l);
     }, [])
   };
@@ -2263,7 +2263,7 @@ function $o({ prop: e, defaultProp: t, onChange: n = () => {
   const [o, i] = wo({
     defaultProp: t,
     onChange: n
-  }), r = e !== void 0, s = r ? e : o, a = he(n), c = k((l) => {
+  }), r = e !== void 0, s = r ? e : o, a = he(n), c = H((l) => {
     if (r) {
       const u = typeof l == "function" ? l(e) : l;
       u !== e && a(u);
@@ -2306,7 +2306,7 @@ const _o = /* @__PURE__ */ M((e, t) => /* @__PURE__ */ _(ce.span, S({}, e, {
     wordWrap: "normal",
     ...e.style
   }
-}))), Ao = _o, [Ve, hi] = Ht("Tooltip", [
+}))), Ao = _o, [Ve, hi] = kt("Tooltip", [
   en
 ]), ze = 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] = j(!0), c = L(!1), l = L(0);
@@ -2317,10 +2317,10 @@ const _o = /* @__PURE__ */ M((e, t) => /* @__PURE__ */ _(ce.span, S({}, e, {
     scope: t,
     isOpenDelayed: s,
     delayDuration: n,
-    onOpen: k(() => {
+    onOpen: H(() => {
       window.clearTimeout(l.current), a(!1);
     }, []),
-    onClose: k(() => {
+    onClose: H(() => {
       window.clearTimeout(l.current), l.current = window.setTimeout(
         () => a(!0),
         o
@@ -2329,7 +2329,7 @@ const _o = /* @__PURE__ */ M((e, t) => /* @__PURE__ */ _(ce.span, S({}, e, {
       o
     ]),
     isPointerInTransitRef: c,
-    onPointerInTransitChange: k((d) => {
+    onPointerInTransitChange: H((d) => {
       c.current = d;
     }, []),
     disableHoverableContent: i
@@ -2343,15 +2343,15 @@ const _o = /* @__PURE__ */ M((e, t) => /* @__PURE__ */ _(ce.span, S({}, e, {
     }
   }), x = ye(() => v ? m.current ? "delayed-open" : "instant-open" : "closed", [
     v
-  ]), $ = k(() => {
+  ]), $ = H(() => {
     window.clearTimeout(f.current), m.current = !1, y(!0);
   }, [
     y
-  ]), b = k(() => {
+  ]), b = H(() => {
     window.clearTimeout(f.current), y(!1);
   }, [
     y
-  ]), w = k(() => {
+  ]), w = H(() => {
     window.clearTimeout(f.current), f.current = window.setTimeout(() => {
       m.current = !0, y(!0);
     }, g);
@@ -2366,14 +2366,14 @@ const _o = /* @__PURE__ */ M((e, t) => /* @__PURE__ */ _(ce.span, S({}, e, {
     stateAttribute: x,
     trigger: d,
     onTriggerChange: u,
-    onTriggerEnter: k(() => {
+    onTriggerEnter: H(() => {
       c.isOpenDelayed ? w() : $();
     }, [
       c.isOpenDelayed,
       w,
       $
     ]),
-    onTriggerLeave: k(() => {
+    onTriggerLeave: H(() => {
       h ? b() : window.clearTimeout(f.current);
     }, [
       b,
@@ -2384,7 +2384,7 @@ const _o = /* @__PURE__ */ M((e, t) => /* @__PURE__ */ _(ce.span, S({}, e, {
     disableHoverableContent: h
   }, n));
 }, Ot = "TooltipTrigger", So = /* @__PURE__ */ M((e, t) => {
-  const { __scopeTooltip: n, ...o } = e, i = _e(Ot, n), r = st(Ot, n), s = ze(n), a = L(null), c = pe(t, a, i.onTriggerChange), l = L(!1), d = L(!1), u = k(
+  const { __scopeTooltip: n, ...o } = e, i = _e(Ot, n), r = st(Ot, n), s = ze(n), a = L(null), c = pe(t, a, i.onTriggerChange), l = L(!1), d = L(!1), u = H(
     () => l.current = !1,
     []
   );
@@ -2443,11 +2443,11 @@ const _o = /* @__PURE__ */ M((e, t) => /* @__PURE__ */ _(ce.span, S({}, e, {
     ref: t
   })));
 }), Io = /* @__PURE__ */ M((e, t) => {
-  const n = _e($e, e.__scopeTooltip), o = st($e, e.__scopeTooltip), i = L(null), r = pe(t, i), [s, a] = j(null), { trigger: c, onClose: l } = n, d = i.current, { onPointerInTransitChange: u } = o, p = k(() => {
+  const n = _e($e, e.__scopeTooltip), o = st($e, e.__scopeTooltip), i = L(null), r = pe(t, i), [s, a] = j(null), { trigger: c, onClose: l } = n, d = i.current, { onPointerInTransitChange: u } = o, p = H(() => {
     a(null), u(!1);
   }, [
     u
-  ]), f = k((h, g) => {
+  ]), f = H((h, g) => {
     const m = h.currentTarget, v = {
       x: h.clientX,
       y: h.clientY
@@ -2493,7 +2493,7 @@ const _o = /* @__PURE__ */ M((e, t) => /* @__PURE__ */ _(ce.span, S({}, e, {
   ]), /* @__PURE__ */ _(sn, S({}, e, {
     ref: r
   }));
-}), [Fo, ko] = Ve(at, {
+}), [Fo, Ho] = Ve(at, {
   isInside: !1
 }), sn = /* @__PURE__ */ M((e, t) => {
   const { __scopeTooltip: n, children: o, "aria-label": i, onEscapeKeyDown: r, onPointerDownOutside: s, ...a } = e, c = _e($e, n), l = ze(n), { onClose: d } = c;
@@ -2540,9 +2540,9 @@ const _o = /* @__PURE__ */ M((e, t) => /* @__PURE__ */ _(ce.span, S({}, e, {
     id: c.contentId,
     role: "tooltip"
   }, i || o))));
-}), Ho = "TooltipArrow", Bo = /* @__PURE__ */ M((e, t) => {
+}), ko = "TooltipArrow", Bo = /* @__PURE__ */ M((e, t) => {
   const { __scopeTooltip: n, ...o } = e, i = ze(n);
-  return ko(Ho, n).isInside ? null : /* @__PURE__ */ _(vo, S({}, i, o, {
+  return Ho(ko, n).isInside ? null : /* @__PURE__ */ _(vo, S({}, i, o, {
     ref: t
   }));
 });