@purpurds/tooltip 4.1.0 → 4.2.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 H, createContext as Ge, useMemo as ye, 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 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 * as wn from "react-dom";
 import An, { flushSync as Rt } from "react-dom";
 const Pn = {
@@ -55,7 +55,7 @@ var St = { exports: {} };
   })();
 })(St);
 var On = St.exports;
-const pt = /* @__PURE__ */ En(On), Tn = "_rotate_7s2g1_1", Cn = "_dash_7s2g1_1", Te = {
+const pt = /* @__PURE__ */ En(On), Tn = "_rotate_7s2g1_1", Cn = "_dash_7s2g1_1", Re = {
   "purpur-spinner": "_purpur-spinner_7s2g1_1",
   rotate: Tn,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_7s2g1_4",
@@ -68,7 +68,7 @@ const pt = /* @__PURE__ */ En(On), Tn = "_rotate_7s2g1_1", Cn = "_dash_7s2g1_1",
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_7s2g1_33",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_7s2g1_36",
   "purpur-spinner__circle--negative-disabled": "_purpur-spinner__circle--negative-disabled_7s2g1_39"
-}, Ce = "purpur-spinner", Rn = {
+}, Se = "purpur-spinner", Rn = {
   PRIMARY: "primary",
   DISABLED: "disabled",
   NEGATIVE: "negative",
@@ -87,15 +87,15 @@ const pt = /* @__PURE__ */ En(On), Tn = "_rotate_7s2g1_1", Cn = "_dash_7s2g1_1",
 }) => /* @__PURE__ */ I(
   "div",
   {
-    className: pt([Te[Ce], Te[`${Ce}--${t}`]]),
+    className: pt([Re[Se], Re[`${Se}--${t}`]]),
     "data-testid": e,
     ...o,
     children: /* @__PURE__ */ I("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ I(
       "circle",
       {
         className: pt(
-          Te[`${Ce}__circle`],
-          Te[`${Ce}__circle--${n}`]
+          Re[`${Se}__circle`],
+          Re[`${Se}__circle--${n}`]
         ),
         cx: "25",
         cy: "25",
@@ -356,20 +356,21 @@ var It = { exports: {} };
   })();
 })(It);
 var qn = It.exports;
-const Kn = /* @__PURE__ */ Xn(qn), Re = {
-  "purpur-paragraph": "_purpur-paragraph_1fzxr_1",
-  "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1fzxr_7",
-  "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1fzxr_10",
-  "purpur-paragraph--paragraph-100": "_purpur-paragraph--paragraph-100_1fzxr_13",
-  "purpur-paragraph--paragraph-100-medium": "_purpur-paragraph--paragraph-100-medium_1fzxr_19",
-  "purpur-paragraph--paragraph-100-bold": "_purpur-paragraph--paragraph-100-bold_1fzxr_26",
-  "purpur-paragraph--paragraph-200": "_purpur-paragraph--paragraph-200_1fzxr_33",
-  "purpur-paragraph--preamble-100": "_purpur-paragraph--preamble-100_1fzxr_39",
-  "purpur-paragraph--preamble-200": "_purpur-paragraph--preamble-200_1fzxr_45",
-  "purpur-paragraph--additional-100": "_purpur-paragraph--additional-100_1fzxr_51",
-  "purpur-paragraph--additional-100-medium": "_purpur-paragraph--additional-100-medium_1fzxr_57",
-  "purpur-paragraph--overline-100": "_purpur-paragraph--overline-100_1fzxr_64",
-  "purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_1fzxr_71"
+const Kn = /* @__PURE__ */ Xn(qn), ye = {
+  "purpur-paragraph": "_purpur-paragraph_15yuz_1",
+  "purpur-paragraph--disabled": "_purpur-paragraph--disabled_15yuz_7",
+  "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_15yuz_10",
+  "purpur-paragraph--negative": "_purpur-paragraph--negative_15yuz_13",
+  "purpur-paragraph--paragraph-100": "_purpur-paragraph--paragraph-100_15yuz_16",
+  "purpur-paragraph--paragraph-100-medium": "_purpur-paragraph--paragraph-100-medium_15yuz_22",
+  "purpur-paragraph--paragraph-100-bold": "_purpur-paragraph--paragraph-100-bold_15yuz_29",
+  "purpur-paragraph--paragraph-200": "_purpur-paragraph--paragraph-200_15yuz_36",
+  "purpur-paragraph--preamble-100": "_purpur-paragraph--preamble-100_15yuz_42",
+  "purpur-paragraph--preamble-200": "_purpur-paragraph--preamble-200_15yuz_48",
+  "purpur-paragraph--additional-100": "_purpur-paragraph--additional-100_15yuz_54",
+  "purpur-paragraph--additional-100-medium": "_purpur-paragraph--additional-100-medium_15yuz_60",
+  "purpur-paragraph--overline-100": "_purpur-paragraph--overline-100_15yuz_67",
+  "purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_15yuz_75"
 }, Ft = {
   PARAGRAPH100: "paragraph-100",
   PARAGRAPH100MEDIUM: "paragraph-100-medium",
@@ -381,25 +382,27 @@ const Kn = /* @__PURE__ */ Xn(qn), Re = {
   ADDITIONAL100MEDIUM: "additional-100-medium",
   OVERLINE100: "overline-100",
   OVERLINE200: "overline-200"
-}, Se = "purpur-paragraph", Zn = ({
+}, be = "purpur-paragraph", Zn = ({
   ["data-testid"]: e,
   children: t,
   className: n = "",
   disabled: o,
   enableHyphenation: i = !1,
-  variant: r = Ft.PARAGRAPH100,
-  ...s
+  negative: r = !1,
+  variant: s = Ft.PARAGRAPH100,
+  ...a
 }) => {
-  const a = Kn([
+  const c = Kn([
     n,
-    Re[Se],
-    Re[`${Se}--${r}`],
+    ye[be],
+    ye[`${be}--${s}`],
     {
-      [Re[`${Se}--hyphens`]]: i,
-      [Re[`${Se}--disabled`]]: o
+      [ye[`${be}--hyphens`]]: i,
+      [ye[`${be}--disabled`]]: o,
+      [ye[`${be}--negative`]]: r
     }
   ]);
-  return /* @__PURE__ */ I("p", { ...s, className: a, "data-testid": e, children: t });
+  return /* @__PURE__ */ I("p", { ...a, className: c, "data-testid": e, children: t });
 }, Jn = "400ms";
 function S() {
   return S = Object.assign ? Object.assign.bind() : function(e) {
@@ -437,7 +440,7 @@ function kt(e, t = []) {
       s
     ];
     function l(u) {
-      const { scope: p, children: f, ...h } = u, g = (p == null ? void 0 : p[e][c]) || a, m = ye(
+      const { scope: p, children: f, ...h } = u, g = (p == null ? void 0 : p[e][c]) || a, m = xe(
         () => h,
         Object.values(h)
       );
@@ -462,7 +465,7 @@ function kt(e, t = []) {
     const r = n.map((s) => /* @__PURE__ */ Ge(s));
     return function(a) {
       const c = (a == null ? void 0 : a[e]) || r;
-      return ye(
+      return xe(
         () => ({
           [`__scope${e}`]: {
             ...a,
@@ -500,7 +503,7 @@ function er(...e) {
           ...u
         };
       }, {});
-      return ye(
+      return xe(
         () => ({
           [`__scope${t.scopeName}`]: s
         }),
@@ -598,7 +601,7 @@ function he(e) {
   const t = L(e);
   return R(() => {
     t.current = e;
-  }), ye(
+  }), xe(
     () => (...n) => {
       var o;
       return (o = t.current) === null || o === void 0 ? void 0 : o.call(t, ...n);
@@ -966,7 +969,7 @@ const wr = async (e, t, n) => {
     middlewareData: f
   };
 };
-async function be(e, t) {
+async function $e(e, t) {
   var n;
   t === void 0 && (t = {});
   const {
@@ -1064,7 +1067,7 @@ const bt = (e) => ({
         ...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));
       !u && f !== "none" && x.push(...$r(s, h, f, y));
-      const $ = [s, ...x], b = await be(t, g), _ = [];
+      const $ = [s, ...x], b = await $e(t, g), _ = [];
       let E = ((n = i.flip) == null ? void 0 : n.overflows) || [];
       if (l && _.push(b[m]), d) {
         const T = yr(o, r, y);
@@ -1134,7 +1137,7 @@ const Pr = function(e) {
       } = Y(e, t);
       switch (o) {
         case "referenceHidden": {
-          const r = await be(t, {
+          const r = await $e(t, {
             ...i,
             elementContext: "reference"
           }), s = xt(r, n.reference);
@@ -1146,7 +1149,7 @@ const Pr = function(e) {
           };
         }
         case "escaped": {
-          const r = await be(t, {
+          const r = await $e(t, {
             ...i,
             altBoundary: !0
           }), s = xt(r, n.floating);
@@ -1235,7 +1238,7 @@ const Or = function(e) {
       } = Y(e, t), l = {
         x: n,
         y: o
-      }, d = await be(t, c), u = me(X(i)), p = Qe(u);
+      }, d = await $e(t, c), u = me(X(i)), p = Qe(u);
       let f = l[p], h = l[u];
       if (r) {
         const m = p === "y" ? "top" : "left", v = p === "y" ? "bottom" : "right", y = f + d[m], x = f - d[v];
@@ -1315,7 +1318,7 @@ const Or = function(e) {
         apply: s = () => {
         },
         ...a
-      } = Y(e, t), c = await be(t, a), l = X(n), d = ge(n), u = me(n) === "y", {
+      } = Y(e, t), c = await $e(t, a), l = X(n), d = ge(n), u = me(n) === "y", {
         width: p,
         height: f
       } = o.floating;
@@ -1371,7 +1374,7 @@ function U(e) {
 function _t(e) {
   return typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof W(e).ShadowRoot;
 }
-function _e(e) {
+function Ae(e) {
   const {
     overflow: t,
     overflowX: n,
@@ -1428,13 +1431,13 @@ function fe(e) {
 }
 function Ut(e) {
   const t = fe(e);
-  return ze(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : U(t) && _e(t) ? t : Ut(t);
+  return ze(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : U(t) && Ae(t) ? t : Ut(t);
 }
-function xe(e, t) {
+function _e(e, t) {
   var n;
   t === void 0 && (t = []);
   const o = Ut(e), i = o === ((n = e.ownerDocument) == null ? void 0 : n.body), r = W(o);
-  return i ? t.concat(r, r.visualViewport || [], _e(o) ? o : [], r.frameElement ? xe(r.frameElement) : []) : t.concat(o, xe(o));
+  return i ? t.concat(r, r.visualViewport || [], Ae(o) ? o : [], r.frameElement ? _e(r.frameElement) : []) : t.concat(o, _e(o));
 }
 function Gt(e) {
   const t = j(e);
@@ -1511,7 +1514,7 @@ function Mr(e) {
     scrollTop: 0
   }, a = te(1);
   const c = te(0);
-  if ((i || !i && o !== "fixed") && ((ne(n) !== "body" || _e(r)) && (s = We(n)), U(n))) {
+  if ((i || !i && o !== "fixed") && ((ne(n) !== "body" || Ae(r)) && (s = We(n)), U(n))) {
     const l = ae(n);
     a = ue(n), c.x = l.x + n.clientLeft, c.y = l.y + n.clientTop;
   }
@@ -1589,12 +1592,12 @@ function Br(e, t) {
   const n = t.get(e);
   if (n)
     return n;
-  let o = xe(e).filter((a) => q(a) && ne(a) !== "body"), i = null;
+  let o = _e(e).filter((a) => q(a) && ne(a) !== "body"), i = null;
   const r = j(e).position === "fixed";
   let s = r ? fe(e) : e;
   for (; q(s) && !ze(s); ) {
     const a = j(s), c = nt(s);
-    !c && a.position === "fixed" && (i = null), (r ? !c && !i : !c && a.position === "static" && !!i && ["absolute", "fixed"].includes(i.position) || _e(s) && !c && qt(e, s)) ? o = o.filter((d) => d !== s) : i = a, s = fe(s);
+    !c && a.position === "fixed" && (i = null), (r ? !c && !i : !c && a.position === "static" && !!i && ["absolute", "fixed"].includes(i.position) || Ae(s) && !c && qt(e, s)) ? o = o.filter((d) => d !== s) : i = a, s = fe(s);
   }
   return t.set(e, o), o;
 }
@@ -1627,7 +1630,7 @@ function Vr(e, t, n) {
   };
   const c = te(0);
   if (o || !o && !r)
-    if ((ne(t) !== "body" || _e(i)) && (a = We(t)), o) {
+    if ((ne(t) !== "body" || Ae(i)) && (a = We(t)), o) {
       const l = ae(t, !0, r, t);
       c.x = l.x + t.clientLeft, c.y = l.y + t.clientTop;
     } else
@@ -1735,7 +1738,7 @@ function Xr(e, t, n, o) {
     elementResize: s = typeof ResizeObserver == "function",
     layoutShift: a = typeof IntersectionObserver == "function",
     animationFrame: c = !1
-  } = o, l = ot(e), d = i || r ? [...l ? xe(l) : [], ...xe(t)] : [];
+  } = o, l = ot(e), d = i || r ? [...l ? _e(l) : [], ..._e(t)] : [];
   d.forEach((v) => {
     i && v.addEventListener("scroll", n, {
       passive: !0
@@ -2009,12 +2012,12 @@ const Jt = "Popper", [Qt, en] = kt(Jt), [to, tn] = Qt(Jt), no = (e) => {
     ...y
   }, ct = Array.isArray(v) ? v : [
     v
-  ], cn = ct.length > 0, Ae = {
+  ], cn = ct.length > 0, Ee = {
     padding: J,
     boundary: ct.filter(fo),
     // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
     altBoundary: cn
-  }, { refs: ln, floatingStyles: lt, placement: un, isPositioned: Pe, middlewareData: le } = Zr({
+  }, { refs: ln, floatingStyles: lt, placement: un, isPositioned: Oe, middlewareData: le } = Zr({
     // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
     strategy: "fixed",
     placement: Z,
@@ -2033,16 +2036,16 @@ const Jt = "Popper", [Qt, en] = kt(Jt), [to, tn] = Qt(Jt), no = (e) => {
         mainAxis: !0,
         crossAxis: !1,
         limiter: x === "partial" ? Cr() : void 0,
-        ...Ae
+        ...Ee
       }),
       m && Ar({
-        ...Ae
+        ...Ee
       }),
       Rr({
-        ...Ae,
+        ...Ee,
         apply: ({ elements: ve, rects: dt, availableWidth: vn, availableHeight: yn }) => {
-          const { width: bn, height: xn } = dt.reference, Oe = ve.floating.style;
-          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`);
+          const { width: bn, height: xn } = dt.reference, Ce = ve.floating.style;
+          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({
@@ -2055,15 +2058,15 @@ const Jt = "Popper", [Qt, en] = kt(Jt), [to, tn] = Qt(Jt), no = (e) => {
       }),
       $ && Pr({
         strategy: "referenceHidden",
-        ...Ae
+        ...Ee
       })
     ]
-  }), [ut, dn] = rn(un), Ee = he(_);
+  }), [ut, dn] = rn(un), Te = he(_);
   de(() => {
-    Pe && (Ee == null || Ee());
+    Oe && (Te == null || Te());
   }, [
-    Pe,
-    Ee
+    Oe,
+    Te
   ]);
   const fn = (i = le.arrow) === null || i === void 0 ? void 0 : i.x, pn = (r = le.arrow) === null || r === void 0 ? void 0 : r.y, hn = ((s = le.arrow) === null || s === void 0 ? void 0 : s.centerOffset) !== 0, [gn, mn] = z();
   return de(() => {
@@ -2075,7 +2078,7 @@ const Jt = "Popper", [Qt, en] = kt(Jt), [to, tn] = Qt(Jt), no = (e) => {
     "data-radix-popper-content-wrapper": "",
     style: {
       ...lt,
-      transform: Pe ? lt.transform : "translate(0, -200%)",
+      transform: Oe ? lt.transform : "translate(0, -200%)",
       // keep off the page when measuring
       minWidth: "max-content",
       zIndex: gn,
@@ -2101,7 +2104,7 @@ const Jt = "Popper", [Qt, en] = kt(Jt), [to, tn] = Qt(Jt), no = (e) => {
       ...E.style,
       // if the PopperContent hasn't been placed yet (not all measurements done)
       // we prevent animations so that users's animation don't kick in too early referring wrong sides
-      animation: Pe ? void 0 : "none",
+      animation: Oe ? void 0 : "none",
       // hide the content if using the hide middleware and should be hidden
       opacity: (l = le.hide) !== null && l !== void 0 && l.referenceHidden ? 0 : void 0
     }
@@ -2334,14 +2337,14 @@ const wo = /* @__PURE__ */ M((e, t) => /* @__PURE__ */ w(ce.span, S({}, e, {
     }, []),
     disableHoverableContent: i
   }, r);
-}, at = "Tooltip", [Co, we] = Ve(at), Ro = (e) => {
+}, at = "Tooltip", [Co, Pe] = Ve(at), Ro = (e) => {
   const { __scopeTooltip: t, children: n, open: o, defaultOpen: i = !1, onOpenChange: r, disableHoverableContent: s, delayDuration: a } = e, c = st(at, e.__scopeTooltip), l = je(t), [d, u] = z(null), p = hr(), f = L(0), h = s ?? c.disableHoverableContent, g = a ?? c.delayDuration, m = L(!1), [v = !1, y] = $o({
     prop: o,
     defaultProp: i,
     onChange: (E) => {
       E ? (c.onOpen(), document.dispatchEvent(new CustomEvent(Ze))) : c.onClose(), r == null || r(E);
     }
-  }), x = ye(() => v ? m.current ? "delayed-open" : "instant-open" : "closed", [
+  }), x = xe(() => v ? m.current ? "delayed-open" : "instant-open" : "closed", [
     v
   ]), $ = H(() => {
     window.clearTimeout(f.current), m.current = !1, y(!0);
@@ -2384,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 = we(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 = H(
     () => l.current = !1,
     []
   );
@@ -2419,7 +2422,7 @@ const wo = /* @__PURE__ */ M((e, t) => /* @__PURE__ */ w(ce.span, S({}, e, {
 }), on = "TooltipPortal", [Do, No] = Ve(on, {
   forceMount: void 0
 }), Lo = (e) => {
-  const { __scopeTooltip: t, forceMount: n, children: o, container: i } = e, r = we(on, t);
+  const { __scopeTooltip: t, forceMount: n, children: o, container: i } = e, r = Pe(on, t);
   return /* @__PURE__ */ w(Do, {
     scope: t,
     forceMount: n
@@ -2429,8 +2432,8 @@ const wo = /* @__PURE__ */ M((e, t) => /* @__PURE__ */ w(ce.span, S({}, e, {
     asChild: !0,
     container: i
   }, o)));
-}, $e = "TooltipContent", Mo = /* @__PURE__ */ M((e, t) => {
-  const n = No($e, e.__scopeTooltip), { forceMount: o = n.forceMount, side: i = "top", ...r } = e, s = we($e, e.__scopeTooltip);
+}, we = "TooltipContent", Mo = /* @__PURE__ */ M((e, t) => {
+  const n = No(we, e.__scopeTooltip), { forceMount: o = n.forceMount, side: i = "top", ...r } = e, s = Pe(we, e.__scopeTooltip);
   return /* @__PURE__ */ w(it, {
     present: o || s.open
   }, s.disableHoverableContent ? /* @__PURE__ */ w(sn, S({
@@ -2443,7 +2446,7 @@ const wo = /* @__PURE__ */ M((e, t) => /* @__PURE__ */ w(ce.span, S({}, e, {
     ref: t
   })));
 }), Io = /* @__PURE__ */ M((e, t) => {
-  const n = we($e, e.__scopeTooltip), o = st($e, 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 = H(() => {
     a(null), u(!1);
   }, [
     u
@@ -2496,7 +2499,7 @@ const wo = /* @__PURE__ */ M((e, t) => /* @__PURE__ */ w(ce.span, S({}, e, {
 }), [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 = we($e, n), l = je(n), { onClose: d } = c;
+  const { __scopeTooltip: n, children: o, "aria-label": i, onEscapeKeyDown: r, onPointerDownOutside: s, ...a } = e, c = Pe(we, n), l = je(n), { onClose: d } = c;
   return R(() => (document.addEventListener(Ze, d), () => document.removeEventListener(Ze, d)), [
     d
   ]), R(() => {