@purpurds/tooltip 5.12.0 → 5.14.0

package/dist/tooltip.es.js

@@ -1,8 +1,8 @@
 import { jsxs as We, jsx as k } from "react/jsx-runtime";
 import * as N from "react";
-import { forwardRef as M, useCallback as F, createContext as Ue, useMemo as be, createElement as _, useContext as Pt, Fragment as yn, Children as re, isValidElement as Ne, cloneElement as Ke, useEffect as R, useRef as L, useState as j, useLayoutEffect as Ot, useReducer as xn } from "react";
+import { forwardRef as M, useCallback as F, createContext as Ue, useMemo as be, createElement as _, useContext as Pt, Fragment as yn, Children as re, isValidElement as Ne, cloneElement as Ke, useEffect as R, useRef as L, useState as j, useLayoutEffect as At, useReducer as xn } from "react";
 import * as bn from "react-dom";
-import $n, { flushSync as At } from "react-dom";
+import $n, { flushSync as Ot } from "react-dom";
 const wn = {
   PRIMARY: "primary",
   SECONDARY: "secondary",
@@ -51,10 +51,10 @@ var Ct = { exports: {} };
     e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
   })();
 })(Ct);
-var On = Ct.exports;
-const ut = /* @__PURE__ */ Pn(On), An = "_rotate_1xozj_1", Cn = "_dash_1xozj_1", me = {
+var An = Ct.exports;
+const ut = /* @__PURE__ */ Pn(An), On = "_rotate_1xozj_1", Cn = "_dash_1xozj_1", me = {
   "purpur-spinner": "_purpur-spinner_1xozj_1",
-  rotate: An,
+  rotate: On,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_1xozj_4",
   "purpur-spinner--xs": "_purpur-spinner--xs_1xozj_8",
   "purpur-spinner--sm": "_purpur-spinner--sm_1xozj_12",
@@ -268,7 +268,7 @@ const Hn = /* @__PURE__ */ In(Fn), Bn = {
   keywords: ["info"],
   category: "status"
 }, St = (e) => /* @__PURE__ */ k(
-  Xn,
+  Yn,
   {
     ...e,
     svg: jn
@@ -283,7 +283,7 @@ const zn = Hn.bind(Bn), dt = "purpur-icon", Wn = "md", Un = (e) => e.filter((t)
     t ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], o = t ? `<title>${t}</title>` : "";
   return `<svg ${Un(n)}>${o}${e}</svg>`;
-}, Gn = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Xn = ({
+}, Xn = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Yn = ({
   ["data-testid"]: e,
   svg: t,
   allyTitle: n,
@@ -292,7 +292,7 @@ const zn = Hn.bind(Bn), dt = "purpur-icon", Wn = "md", Un = (e) => e.filter((t)
   ...r
 }) => {
   const s = Vn({
-    content: Gn(t.svg),
+    content: Xn(t.svg),
     title: n
   }), a = zn(o, dt, `${dt}--${i}`);
   return /* @__PURE__ */ k(
@@ -306,7 +306,7 @@ const zn = Hn.bind(Bn), dt = "purpur-icon", Wn = "md", Un = (e) => e.filter((t)
     }
   );
 };
-function Yn(e) {
+function Gn(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var Dt = { exports: {} };
@@ -346,7 +346,7 @@ var Dt = { exports: {} };
   })();
 })(Dt);
 var qn = Dt.exports;
-const Kn = /* @__PURE__ */ Yn(qn), ye = {
+const Kn = /* @__PURE__ */ Gn(qn), ye = {
   "purpur-paragraph": "_purpur-paragraph_1rh57_1",
   "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
   "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
@@ -406,7 +406,7 @@ function S() {
     return e;
   }, S.apply(this, arguments);
 }
-function G(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
+function X(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
   return function(i) {
     if (e == null || e(i), n === !1 || !i.defaultPrevented) return t == null ? void 0 : t(i);
   };
@@ -581,7 +581,7 @@ const nr = [
   };
 }, {});
 function rr(e, t) {
-  e && At(
+  e && Ot(
     () => e.dispatchEvent(t)
   );
 }
@@ -609,7 +609,7 @@ function or(e, t = globalThis == null ? void 0 : globalThis.document) {
     t
   ]);
 }
-const Ge = "dismissableLayer.update", ir = "dismissableLayer.pointerDownOutside", sr = "dismissableLayer.focusOutside";
+const Xe = "dismissableLayer.update", ir = "dismissableLayer.pointerDownOutside", sr = "dismissableLayer.focusOutside";
 let ft;
 const ar = /* @__PURE__ */ Ue({
   layers: /* @__PURE__ */ new Set(),
@@ -629,7 +629,7 @@ const ar = /* @__PURE__ */ Ue({
       (E) => E.contains(T)
     );
     !x || I || (r == null || r(P), a == null || a(P), P.defaultPrevented || c == null || c());
-  }, f), A = ur((P) => {
+  }, f), O = ur((P) => {
     const T = P.target;
     [
       ...u.branches
@@ -656,16 +656,16 @@ const ar = /* @__PURE__ */ Ue({
     u
   ]), R(() => {
     const P = () => h({});
-    return document.addEventListener(Ge, P), () => document.removeEventListener(Ge, P);
+    return document.addEventListener(Xe, P), () => document.removeEventListener(Xe, P);
   }, []), /* @__PURE__ */ _(ie.div, S({}, l, {
     ref: g,
     style: {
       pointerEvents: $ ? x ? "auto" : "none" : void 0,
       ...e.style
     },
-    onFocusCapture: G(e.onFocusCapture, A.onFocusCapture),
-    onBlurCapture: G(e.onBlurCapture, A.onBlurCapture),
-    onPointerDownCapture: G(e.onPointerDownCapture, w.onPointerDownCapture)
+    onFocusCapture: X(e.onFocusCapture, O.onFocusCapture),
+    onBlurCapture: X(e.onBlurCapture, O.onBlurCapture),
+    onPointerDownCapture: X(e.onPointerDownCapture, w.onPointerDownCapture)
   }));
 });
 function lr(e, t = globalThis == null ? void 0 : globalThis.document) {
@@ -722,7 +722,7 @@ function ur(e, t = globalThis == null ? void 0 : globalThis.document) {
   };
 }
 function pt() {
-  const e = new CustomEvent(Ge);
+  const e = new CustomEvent(Xe);
   document.dispatchEvent(e);
 }
 function Ht(e, t, n, { discrete: o }) {
@@ -735,7 +735,7 @@ function Ht(e, t, n, { discrete: o }) {
     once: !0
   }), o ? rr(i, r) : i.dispatchEvent(r);
 }
-const le = globalThis != null && globalThis.document ? Ot : () => {
+const le = globalThis != null && globalThis.document ? At : () => {
 }, dr = N.useId || (() => {
 });
 let fr = 0;
@@ -761,13 +761,13 @@ const hr = ["top", "right", "bottom", "left"], Q = Math.min, B = Math.max, Le =
   start: "end",
   end: "start"
 };
-function Xe(e, t, n) {
+function Ye(e, t, n) {
   return B(e, Q(t, n));
 }
-function X(e, t) {
+function Y(e, t) {
   return typeof e == "function" ? e(t) : e;
 }
-function Y(e) {
+function G(e) {
   return e.split("-")[0];
 }
 function pe(e) {
@@ -780,7 +780,7 @@ function Je(e) {
   return e === "y" ? "height" : "width";
 }
 function he(e) {
-  return ["top", "bottom"].includes(Y(e)) ? "y" : "x";
+  return ["top", "bottom"].includes(G(e)) ? "y" : "x";
 }
 function Qe(e) {
   return Ze(he(e));
@@ -793,9 +793,9 @@ function vr(e, t, n) {
 }
 function yr(e) {
   const t = Me(e);
-  return [Ye(e), t, Ye(t)];
+  return [Ge(e), t, Ge(t)];
 }
-function Ye(e) {
+function Ge(e) {
   return e.replace(/start|end/g, (t) => mr[t]);
 }
 function xr(e, t, n) {
@@ -813,8 +813,8 @@ function xr(e, t, n) {
 }
 function br(e, t, n, o) {
   const i = pe(e);
-  let r = xr(Y(e), n === "start", o);
-  return i && (r = r.map((s) => s + "-" + i), t && (r = r.concat(r.map(Ye)))), r;
+  let r = xr(G(e), n === "start", o);
+  return i && (r = r.map((s) => s + "-" + i), t && (r = r.concat(r.map(Ge)))), r;
 }
 function Me(e) {
   return e.replace(/left|right|bottom|top/g, (t) => gr[t]);
@@ -850,7 +850,7 @@ function ht(e, t, n) {
     reference: o,
     floating: i
   } = e;
-  const r = he(t), s = Qe(t), a = Je(s), c = Y(t), l = r === "y", u = o.x + o.width / 2 - i.width / 2, d = o.y + o.height / 2 - i.height / 2, p = o[a] / 2 - i[a] / 2;
+  const r = he(t), s = Qe(t), a = Je(s), c = G(t), l = r === "y", u = o.x + o.width / 2 - i.width / 2, d = o.y + o.height / 2 - i.height / 2, p = o[a] / 2 - i[a] / 2;
   let f;
   switch (c) {
     case "top":
@@ -973,7 +973,7 @@ async function $e(e, t) {
     elementContext: d = "floating",
     altBoundary: p = !1,
     padding: f = 0
-  } = X(t, e), h = Bt(f), m = a[p ? d === "floating" ? "reference" : "floating" : d], v = ke(await r.getClippingRect({
+  } = Y(t, e), h = Bt(f), m = a[p ? d === "floating" ? "reference" : "floating" : d], 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: u,
@@ -1014,7 +1014,7 @@ const gt = (e) => ({
     } = t, {
       element: c,
       padding: l = 0
-    } = X(e, t) || {};
+    } = Y(e, t) || {};
     if (c == null)
       return {};
     const u = Bt(l), d = {
@@ -1023,12 +1023,12 @@ const gt = (e) => ({
     }, p = Qe(i), f = Je(p), h = await s.getDimensions(c), g = p === "y", m = g ? "top" : "left", v = g ? "bottom" : "right", y = g ? "clientHeight" : "clientWidth", b = r.reference[f] + r.reference[p] - d[p] - r.floating[f], $ = d[p] - r.reference[p], x = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(c));
     let w = x ? x[y] : 0;
     (!w || !await (s.isElement == null ? void 0 : s.isElement(x))) && (w = a.floating[y] || r.floating[f]);
-    const A = b / 2 - $ / 2, P = w / 2 - h[f] / 2 - 1, T = Q(u[m], P), I = Q(u[v], P), E = T, H = w - h[f] - I, D = w / 2 - h[f] / 2 + A, C = Xe(E, D, H), O = pe(i) != null && D != C && r.reference[f] / 2 - (D < E ? T : I) - h[f] / 2 < 0 ? D < E ? E - D : H - D : 0;
+    const O = b / 2 - $ / 2, P = w / 2 - h[f] / 2 - 1, T = Q(u[m], P), I = Q(u[v], P), E = T, H = w - h[f] - I, D = w / 2 - h[f] / 2 + O, C = Ye(E, D, H), A = pe(i) != null && D != C && r.reference[f] / 2 - (D < E ? T : I) - h[f] / 2 < 0 ? D < E ? E - D : H - D : 0;
     return {
-      [p]: d[p] - O,
+      [p]: d[p] - A,
       data: {
         [p]: C,
-        centerOffset: D - C + O
+        centerOffset: D - C + A
       }
     };
   }
@@ -1053,15 +1053,15 @@ const gt = (e) => ({
         fallbackAxisSideDirection: f = "none",
         flipAlignment: h = !0,
         ...g
-      } = X(e, t), m = Y(o), v = Y(s) === s, y = await (a.isRTL == null ? void 0 : a.isRTL(c.floating)), b = d || (v || !h ? [Me(s)] : yr(s));
+      } = Y(e, t), m = G(o), v = G(s) === s, y = await (a.isRTL == null ? void 0 : a.isRTL(c.floating)), b = d || (v || !h ? [Me(s)] : yr(s));
       !d && f !== "none" && b.push(...br(s, h, f, y));
       const $ = [s, ...b], x = await $e(t, g), w = [];
-      let A = ((n = i.flip) == null ? void 0 : n.overflows) || [];
+      let O = ((n = i.flip) == null ? void 0 : n.overflows) || [];
       if (l && w.push(x[m]), u) {
         const E = vr(o, r, y);
         w.push(x[E[0]], x[E[1]]);
       }
-      if (A = [...A, {
+      if (O = [...O, {
         placement: o,
         overflows: w
       }], !w.every((E) => E <= 0)) {
@@ -1071,18 +1071,18 @@ const gt = (e) => ({
           return {
             data: {
               index: E,
-              overflows: A
+              overflows: O
             },
             reset: {
               placement: H
             }
           };
-        let D = (T = A.filter((C) => C.overflows[0] <= 0).sort((C, W) => C.overflows[1] - W.overflows[1])[0]) == null ? void 0 : T.placement;
+        let D = (T = O.filter((C) => C.overflows[0] <= 0).sort((C, W) => C.overflows[1] - W.overflows[1])[0]) == null ? void 0 : T.placement;
         if (!D)
           switch (p) {
             case "bestFit": {
               var I;
-              const C = (I = A.map((W) => [W.placement, W.overflows.filter((O) => O > 0).reduce((O, Z) => O + Z, 0)]).sort((W, O) => W[1] - O[1])[0]) == null ? void 0 : I[0];
+              const C = (I = O.map((W) => [W.placement, W.overflows.filter((A) => A > 0).reduce((A, Z) => A + Z, 0)]).sort((W, A) => W[1] - A[1])[0]) == null ? void 0 : I[0];
               C && (D = C);
               break;
             }
@@ -1122,7 +1122,7 @@ const Pr = function(e) {
       } = t, {
         strategy: o = "referenceHidden",
         ...i
-      } = X(e, t);
+      } = Y(e, t);
       switch (o) {
         case "referenceHidden": {
           const r = await $e(t, {
@@ -1154,12 +1154,12 @@ const Pr = function(e) {
     }
   };
 };
-async function Or(e, t) {
+async function Ar(e, t) {
   const {
     placement: n,
     platform: o,
     elements: i
-  } = e, r = await (o.isRTL == null ? void 0 : o.isRTL(i.floating)), s = Y(n), a = pe(n), c = he(n) === "y", l = ["left", "top"].includes(s) ? -1 : 1, u = r && c ? -1 : 1, d = X(t, e);
+  } = e, r = await (o.isRTL == null ? void 0 : o.isRTL(i.floating)), s = G(n), a = pe(n), c = he(n) === "y", l = ["left", "top"].includes(s) ? -1 : 1, u = r && c ? -1 : 1, d = Y(t, e);
   let {
     mainAxis: p,
     crossAxis: f,
@@ -1182,7 +1182,7 @@ async function Or(e, t) {
     y: f * u
   };
 }
-const Ar = function(e) {
+const Or = function(e) {
   return e === void 0 && (e = 0), {
     name: "offset",
     options: e,
@@ -1190,7 +1190,7 @@ const Ar = function(e) {
       const {
         x: n,
         y: o
-      } = t, i = await Or(t, e);
+      } = t, i = await Ar(t, e);
       return {
         x: n + i.x,
         y: o + i.y,
@@ -1223,18 +1223,18 @@ const Ar = function(e) {
           }
         },
         ...c
-      } = X(e, t), l = {
+      } = Y(e, t), l = {
         x: n,
         y: o
-      }, u = await $e(t, c), d = he(Y(i)), p = Ze(d);
+      }, u = await $e(t, c), d = he(G(i)), p = Ze(d);
       let f = l[p], h = l[d];
       if (r) {
         const m = p === "y" ? "top" : "left", v = p === "y" ? "bottom" : "right", y = f + u[m], b = f - u[v];
-        f = Xe(y, f, b);
+        f = Ye(y, f, b);
       }
       if (s) {
         const m = d === "y" ? "top" : "left", v = d === "y" ? "bottom" : "right", y = h + u[m], b = h - u[v];
-        h = Xe(y, h, b);
+        h = Ye(y, h, b);
       }
       const g = a.fn({
         ...t,
@@ -1264,12 +1264,12 @@ const Ar = function(e) {
         offset: a = 0,
         mainAxis: c = !0,
         crossAxis: l = !0
-      } = X(e, t), u = {
+      } = Y(e, t), u = {
         x: n,
         y: o
       }, d = he(i), p = Ze(d);
       let f = u[p], h = u[d];
-      const g = X(a, t), m = typeof g == "number" ? {
+      const g = Y(a, t), m = typeof g == "number" ? {
         mainAxis: g,
         crossAxis: 0
       } : {
@@ -1283,7 +1283,7 @@ const Ar = function(e) {
       }
       if (l) {
         var v, y;
-        const b = p === "y" ? "width" : "height", $ = ["top", "left"].includes(Y(i)), x = r.reference[d] - r.floating[b] + ($ && ((v = s.offset) == null ? void 0 : v[d]) || 0) + ($ ? 0 : m.crossAxis), w = r.reference[d] + r.reference[b] + ($ ? 0 : ((y = s.offset) == null ? void 0 : y[d]) || 0) - ($ ? m.crossAxis : 0);
+        const b = p === "y" ? "width" : "height", $ = ["top", "left"].includes(G(i)), x = r.reference[d] - r.floating[b] + ($ && ((v = s.offset) == null ? void 0 : v[d]) || 0) + ($ ? 0 : m.crossAxis), w = r.reference[d] + r.reference[b] + ($ ? 0 : ((y = s.offset) == null ? void 0 : y[d]) || 0) - ($ ? m.crossAxis : 0);
         h < x ? h = x : h > w && (h = w);
       }
       return {
@@ -1306,7 +1306,7 @@ const Ar = function(e) {
         apply: s = () => {
         },
         ...a
-      } = X(e, t), c = await $e(t, a), l = Y(n), u = pe(n), d = he(n) === "y", {
+      } = Y(e, t), c = await $e(t, a), l = G(n), u = pe(n), d = he(n) === "y", {
         width: p,
         height: f
       } = o.floating;
@@ -1322,8 +1322,8 @@ const Ar = function(e) {
         b = u || y ? Q(m, w) : w;
       }
       if (y && !u) {
-        const w = B(c.left, 0), A = B(c.right, 0), P = B(c.top, 0), T = B(c.bottom, 0);
-        d ? $ = p - 2 * (w !== 0 || A !== 0 ? w + A : B(c.left, c.right)) : b = f - 2 * (P !== 0 || T !== 0 ? P + T : B(c.top, c.bottom));
+        const w = B(c.left, 0), O = B(c.right, 0), P = B(c.top, 0), T = B(c.bottom, 0);
+        d ? $ = p - 2 * (w !== 0 || O !== 0 ? w + O : B(c.left, c.right)) : b = f - 2 * (P !== 0 || T !== 0 ? P + T : B(c.top, c.bottom));
       }
       await s({
         ...t,
@@ -1572,9 +1572,9 @@ function xt(e, t, n) {
   }
   return ke(o);
 }
-function Gt(e, t) {
+function Xt(e, t) {
   const n = ue(e);
-  return n === t || !q(n) || Fe(n) ? !1 : U(n).position === "fixed" || Gt(n, t);
+  return n === t || !q(n) || Fe(n) ? !1 : U(n).position === "fixed" || Xt(n, t);
 }
 function Hr(e, t) {
   const n = t.get(e);
@@ -1585,7 +1585,7 @@ function Hr(e, t) {
   let s = r ? ue(e) : e;
   for (; q(s) && !Fe(s); ) {
     const a = U(s), c = et(s);
-    !c && a.position === "fixed" && (i = null), (r ? !c && !i : !c && a.position === "static" && !!i && ["absolute", "fixed"].includes(i.position) || Pe(s) && !c && Gt(e, s)) ? o = o.filter((u) => u !== s) : i = a, s = ue(s);
+    !c && a.position === "fixed" && (i = null), (r ? !c && !i : !c && a.position === "static" && !!i && ["absolute", "fixed"].includes(i.position) || Pe(s) && !c && Xt(e, s)) ? o = o.filter((u) => u !== s) : i = a, s = ue(s);
   }
   return t.set(e, o), o;
 }
@@ -1632,7 +1632,7 @@ function zr(e, t, n) {
 function bt(e, t) {
   return !V(e) || U(e).position === "fixed" ? null : t ? t(e) : e.offsetParent;
 }
-function Xt(e, t) {
+function Yt(e, t) {
   const n = z(e);
   if (!V(e))
     return n;
@@ -1647,7 +1647,7 @@ const Wr = async function(e) {
     floating: n,
     strategy: o
   } = e;
-  const i = this.getOffsetParent || Xt, r = this.getDimensions;
+  const i = this.getOffsetParent || Yt, r = this.getDimensions;
   return {
     reference: zr(t, await i(n), o),
     floating: {
@@ -1664,7 +1664,7 @@ const Vr = {
   convertOffsetParentRelativeRectToViewportRelativeRect: Lr,
   getDocumentElement: K,
   getClippingRect: Br,
-  getOffsetParent: Xt,
+  getOffsetParent: Yt,
   getElementRects: Wr,
   getClientRects: Mr,
   getDimensions: jr,
@@ -1672,7 +1672,7 @@ const Vr = {
   isElement: q,
   isRTL: Ur
 };
-function Gr(e, t) {
+function Xr(e, t) {
   let n = null, o;
   const i = K(e);
   function r() {
@@ -1717,7 +1717,7 @@ function Gr(e, t) {
   }
   return s(!0), r;
 }
-function Xr(e, t, n, o) {
+function Yr(e, t, n, o) {
   o === void 0 && (o = {});
   const {
     ancestorScroll: i = !0,
@@ -1731,7 +1731,7 @@ function Xr(e, t, n, o) {
       passive: !0
     }), r && v.addEventListener("resize", n);
   });
-  const d = l && a ? Gr(l, n) : null;
+  const d = l && a ? Xr(l, n) : null;
   let p = -1, f = null;
   s && (f = new ResizeObserver((v) => {
     let [y] = v;
@@ -1751,7 +1751,7 @@ function Xr(e, t, n, o) {
     }), d && d(), f && f.disconnect(), f = null, c && cancelAnimationFrame(h);
   };
 }
-const Yr = (e, t, n) => {
+const Gr = (e, t, n) => {
   const o = /* @__PURE__ */ new Map(), i = {
     platform: Vr,
     ...n
@@ -1785,7 +1785,7 @@ const Yr = (e, t, n) => {
     }
   };
 };
-var De = typeof document < "u" ? Ot : R;
+var De = typeof document < "u" ? At : R;
 function Ie(e, t) {
   if (e === t)
     return !0;
@@ -1816,11 +1816,11 @@ function Ie(e, t) {
   }
   return e !== e && t !== t;
 }
-function Yt(e) {
+function Gt(e) {
   return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
 }
 function $t(e, t) {
-  const n = Yt(e);
+  const n = Gt(e);
   return Math.round(t * n) / n;
 }
 function wt(e) {
@@ -1852,19 +1852,19 @@ function Kr(e) {
     isPositioned: !1
   }), [p, f] = N.useState(o);
   Ie(p, o) || f(o);
-  const [h, g] = N.useState(null), [m, v] = N.useState(null), y = N.useCallback((O) => {
-    O != w.current && (w.current = O, g(O));
-  }, [g]), b = N.useCallback((O) => {
-    O !== A.current && (A.current = O, v(O));
-  }, [v]), $ = r || h, x = s || m, w = N.useRef(null), A = N.useRef(null), P = N.useRef(u), T = wt(c), I = wt(i), E = N.useCallback(() => {
-    if (!w.current || !A.current)
+  const [h, g] = N.useState(null), [m, v] = N.useState(null), y = N.useCallback((A) => {
+    A != w.current && (w.current = A, g(A));
+  }, [g]), b = N.useCallback((A) => {
+    A !== O.current && (O.current = A, v(A));
+  }, [v]), $ = r || h, x = s || m, w = N.useRef(null), O = N.useRef(null), P = N.useRef(u), T = wt(c), I = wt(i), E = N.useCallback(() => {
+    if (!w.current || !O.current)
       return;
-    const O = {
+    const A = {
       placement: t,
       strategy: n,
       middleware: p
     };
-    I.current && (O.platform = I.current), Yr(w.current, A.current, O).then((Z) => {
+    I.current && (A.platform = I.current), Gr(w.current, O.current, A).then((Z) => {
       const J = {
         ...Z,
         isPositioned: !0
@@ -1875,8 +1875,8 @@ function Kr(e) {
     });
   }, [p, t, n, I]);
   De(() => {
-    l === !1 && P.current.isPositioned && (P.current.isPositioned = !1, d((O) => ({
-      ...O,
+    l === !1 && P.current.isPositioned && (P.current.isPositioned = !1, d((A) => ({
+      ...A,
       isPositioned: !1
     })));
   }, [l]);
@@ -1884,7 +1884,7 @@ function Kr(e) {
   De(() => (H.current = !0, () => {
     H.current = !1;
   }), []), De(() => {
-    if ($ && (w.current = $), x && (A.current = x), $ && x) {
+    if ($ && (w.current = $), x && (O.current = x), $ && x) {
       if (T.current)
         return T.current($, x, E);
       E();
@@ -1892,25 +1892,25 @@ function Kr(e) {
   }, [$, x, E, T]);
   const D = N.useMemo(() => ({
     reference: w,
-    floating: A,
+    floating: O,
     setReference: y,
     setFloating: b
   }), [y, b]), C = N.useMemo(() => ({
     reference: $,
     floating: x
   }), [$, x]), W = N.useMemo(() => {
-    const O = {
+    const A = {
       position: n,
       left: 0,
       top: 0
     };
     if (!C.floating)
-      return O;
+      return A;
     const Z = $t(C.floating, u.x), J = $t(C.floating, u.y);
     return a ? {
-      ...O,
+      ...A,
       transform: "translate(" + Z + "px, " + J + "px)",
-      ...Yt(C.floating) >= 1.5 && {
+      ...Gt(C.floating) >= 1.5 && {
         willChange: "transform"
       }
     } : {
@@ -1986,10 +1986,10 @@ const qt = "Popper", [Kt, Zt] = kt(qt), [eo, Jt] = Kt(qt), to = (e) => {
   }));
 }), Qt = "PopperContent", [oo, io] = Kt(Qt), so = /* @__PURE__ */ M((e, t) => {
   var n, o, i, r, s, a, c, l;
-  const { __scopePopper: u, side: d = "bottom", sideOffset: p = 0, align: f = "center", alignOffset: h = 0, arrowPadding: g = 0, avoidCollisions: m = !0, collisionBoundary: v = [], collisionPadding: y = 0, sticky: b = "partial", hideWhenDetached: $ = !1, updatePositionStrategy: x = "optimized", onPlaced: w, ...A } = e, P = Jt(Qt, u), [T, I] = j(null), E = de(
+  const { __scopePopper: u, side: d = "bottom", sideOffset: p = 0, align: f = "center", alignOffset: h = 0, arrowPadding: g = 0, avoidCollisions: m = !0, collisionBoundary: v = [], collisionPadding: y = 0, sticky: b = "partial", hideWhenDetached: $ = !1, updatePositionStrategy: x = "optimized", onPlaced: w, ...O } = e, P = Jt(Qt, u), [T, I] = j(null), E = de(
     t,
     (ge) => I(ge)
-  ), [H, D] = j(null), C = Qr(H), W = (n = C == null ? void 0 : C.width) !== null && n !== void 0 ? n : 0, O = (o = C == null ? void 0 : C.height) !== null && o !== void 0 ? o : 0, Z = d + (f !== "center" ? "-" + f : ""), J = typeof y == "number" ? y : {
+  ), [H, D] = j(null), C = Qr(H), W = (n = C == null ? void 0 : C.width) !== null && n !== void 0 ? n : 0, A = (o = C == null ? void 0 : C.height) !== null && o !== void 0 ? o : 0, Z = d + (f !== "center" ? "-" + f : ""), J = typeof y == "number" ? y : {
     top: 0,
     right: 0,
     bottom: 0,
@@ -1997,7 +1997,7 @@ const qt = "Popper", [Kt, Zt] = kt(qt), [eo, Jt] = Kt(qt), to = (e) => {
     ...y
   }, st = Array.isArray(v) ? v : [
     v
-  ], on = st.length > 0, Ae = {
+  ], on = st.length > 0, Oe = {
     padding: J,
     boundary: st.filter(uo),
     // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
@@ -2006,28 +2006,28 @@ const qt = "Popper", [Kt, Zt] = kt(qt), [eo, Jt] = Kt(qt), to = (e) => {
     // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
     strategy: "fixed",
     placement: Z,
-    whileElementsMounted: (...ge) => Xr(...ge, {
+    whileElementsMounted: (...ge) => Yr(...ge, {
       animationFrame: x === "always"
     }),
     elements: {
       reference: P.anchor
     },
     middleware: [
-      Ar({
-        mainAxis: p + O,
+      Or({
+        mainAxis: p + A,
         alignmentAxis: h
       }),
       m && Cr({
         mainAxis: !0,
         crossAxis: !1,
         limiter: b === "partial" ? Er() : void 0,
-        ...Ae
+        ...Oe
       }),
       m && _r({
-        ...Ae
+        ...Oe
       }),
       Tr({
-        ...Ae,
+        ...Oe,
         apply: ({ elements: ge, rects: lt, availableWidth: hn, availableHeight: gn }) => {
           const { width: mn, height: vn } = lt.reference, Te = ge.floating.style;
           Te.setProperty("--radix-popper-available-width", `${hn}px`), Te.setProperty("--radix-popper-available-height", `${gn}px`), Te.setProperty("--radix-popper-anchor-width", `${mn}px`), Te.setProperty("--radix-popper-anchor-height", `${vn}px`);
@@ -2039,11 +2039,11 @@ const qt = "Popper", [Kt, Zt] = kt(qt), [eo, Jt] = Kt(qt), to = (e) => {
       }),
       fo({
         arrowWidth: W,
-        arrowHeight: O
+        arrowHeight: A
       }),
       $ && Pr({
         strategy: "referenceHidden",
-        ...Ae
+        ...Oe
       })
     ]
   }), [ct, cn] = en(an), Ee = fe(w);
@@ -2083,10 +2083,10 @@ const qt = "Popper", [Kt, Zt] = kt(qt), [eo, Jt] = Kt(qt), to = (e) => {
   }, /* @__PURE__ */ _(ie.div, S({
     "data-side": ct,
     "data-align": cn
-  }, A, {
+  }, O, {
     ref: E,
     style: {
-      ...A.style,
+      ...O.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: Ce ? void 0 : "none",
@@ -2219,7 +2219,7 @@ function xo(e) {
     if (t) {
       const l = (d) => {
         const f = Se(o.current).includes(d.animationName);
-        d.target === t && f && At(
+        d.target === t && f && Ot(
           () => c("ANIMATION_END")
         );
       }, u = (d) => {
@@ -2295,12 +2295,12 @@ const wo = /* @__PURE__ */ M((e, t) => /* @__PURE__ */ _(ie.span, S({}, e, {
   }
 }))), _o = wo, [Be, fi] = kt("Tooltip", [
   Zt
-]), je = Zt(), Po = "TooltipProvider", Oo = 700, qe = "tooltip.open", [Ao, ot] = Be(Po), Co = (e) => {
-  const { __scopeTooltip: t, delayDuration: n = Oo, skipDelayDuration: o = 300, disableHoverableContent: i = !1, children: r } = e, [s, a] = j(!0), c = L(!1), l = L(0);
+]), je = Zt(), Po = "TooltipProvider", Ao = 700, qe = "tooltip.open", [Oo, ot] = Be(Po), Co = (e) => {
+  const { __scopeTooltip: t, delayDuration: n = Ao, skipDelayDuration: o = 300, disableHoverableContent: i = !1, children: r } = e, [s, a] = j(!0), c = L(!1), l = L(0);
   return R(() => {
     const u = l.current;
     return () => window.clearTimeout(u);
-  }, []), /* @__PURE__ */ _(Ao, {
+  }, []), /* @__PURE__ */ _(Oo, {
     scope: t,
     isOpenDelayed: s,
     delayDuration: n,
@@ -2321,12 +2321,12 @@ const wo = /* @__PURE__ */ M((e, t) => /* @__PURE__ */ _(ie.span, S({}, e, {
     }, []),
     disableHoverableContent: i
   }, r);
-}, it = "Tooltip", [Eo, Oe] = Be(it), To = (e) => {
+}, it = "Tooltip", [Eo, Ae] = Be(it), To = (e) => {
   const { __scopeTooltip: t, children: n, open: o, defaultOpen: i = !1, onOpenChange: r, disableHoverableContent: s, delayDuration: a } = e, c = ot(it, e.__scopeTooltip), l = je(t), [u, d] = j(null), p = pr(), f = L(0), h = s ?? c.disableHoverableContent, g = a ?? c.delayDuration, m = L(!1), [v = !1, y] = bo({
     prop: o,
     defaultProp: i,
-    onChange: (A) => {
-      A ? (c.onOpen(), document.dispatchEvent(new CustomEvent(qe))) : c.onClose(), r == null || r(A);
+    onChange: (O) => {
+      O ? (c.onOpen(), document.dispatchEvent(new CustomEvent(qe))) : c.onClose(), r == null || r(O);
     }
   }), b = be(() => v ? m.current ? "delayed-open" : "instant-open" : "closed", [
     v
@@ -2371,7 +2371,7 @@ const wo = /* @__PURE__ */ M((e, t) => /* @__PURE__ */ _(ie.span, S({}, e, {
     disableHoverableContent: h
   }, n));
 }, _t = "TooltipTrigger", Ro = /* @__PURE__ */ M((e, t) => {
-  const { __scopeTooltip: n, ...o } = e, i = Oe(_t, n), r = ot(_t, n), s = je(n), a = L(null), c = de(t, a, i.onTriggerChange), l = L(!1), u = L(!1), d = F(
+  const { __scopeTooltip: n, ...o } = e, i = Ae(_t, n), r = ot(_t, n), s = je(n), a = L(null), c = de(t, a, i.onTriggerChange), l = L(!1), u = L(!1), d = F(
     () => l.current = !1,
     []
   );
@@ -2386,27 +2386,27 @@ const wo = /* @__PURE__ */ M((e, t) => /* @__PURE__ */ _(ie.span, S({}, e, {
     "data-state": i.stateAttribute
   }, o, {
     ref: c,
-    onPointerMove: G(e.onPointerMove, (p) => {
+    onPointerMove: X(e.onPointerMove, (p) => {
       p.pointerType !== "touch" && !u.current && !r.isPointerInTransitRef.current && (i.onTriggerEnter(), u.current = !0);
     }),
-    onPointerLeave: G(e.onPointerLeave, () => {
+    onPointerLeave: X(e.onPointerLeave, () => {
       i.onTriggerLeave(), u.current = !1;
     }),
-    onPointerDown: G(e.onPointerDown, () => {
+    onPointerDown: X(e.onPointerDown, () => {
       l.current = !0, document.addEventListener("pointerup", d, {
         once: !0
       });
     }),
-    onFocus: G(e.onFocus, () => {
+    onFocus: X(e.onFocus, () => {
       l.current || i.onOpen();
     }),
-    onBlur: G(e.onBlur, i.onClose),
-    onClick: G(e.onClick, i.onClose)
+    onBlur: X(e.onBlur, i.onClose),
+    onClick: X(e.onClick, i.onClose)
   })));
 }), tn = "TooltipPortal", [So, Do] = Be(tn, {
   forceMount: void 0
 }), No = (e) => {
-  const { __scopeTooltip: t, forceMount: n, children: o, container: i } = e, r = Oe(tn, t);
+  const { __scopeTooltip: t, forceMount: n, children: o, container: i } = e, r = Ae(tn, t);
   return /* @__PURE__ */ _(So, {
     scope: t,
     forceMount: n
@@ -2417,7 +2417,7 @@ const wo = /* @__PURE__ */ M((e, t) => /* @__PURE__ */ _(ie.span, S({}, e, {
     container: i
   }, o)));
 }, _e = "TooltipContent", Lo = /* @__PURE__ */ M((e, t) => {
-  const n = Do(_e, e.__scopeTooltip), { forceMount: o = n.forceMount, side: i = "top", ...r } = e, s = Oe(_e, e.__scopeTooltip);
+  const n = Do(_e, e.__scopeTooltip), { forceMount: o = n.forceMount, side: i = "top", ...r } = e, s = Ae(_e, e.__scopeTooltip);
   return /* @__PURE__ */ _(rt, {
     present: o || s.open
   }, s.disableHoverableContent ? /* @__PURE__ */ _(nn, S({
@@ -2430,7 +2430,7 @@ const wo = /* @__PURE__ */ M((e, t) => /* @__PURE__ */ _(ie.span, S({}, e, {
     ref: t
   })));
 }), Mo = /* @__PURE__ */ M((e, t) => {
-  const n = Oe(_e, e.__scopeTooltip), o = ot(_e, e.__scopeTooltip), i = L(null), r = de(t, i), [s, a] = j(null), { trigger: c, onClose: l } = n, u = i.current, { onPointerInTransitChange: d } = o, p = F(() => {
+  const n = Ae(_e, e.__scopeTooltip), o = ot(_e, e.__scopeTooltip), i = L(null), r = de(t, i), [s, a] = j(null), { trigger: c, onClose: l } = n, u = i.current, { onPointerInTransitChange: d } = o, p = F(() => {
     a(null), d(!1);
   }, [
     d
@@ -2483,7 +2483,7 @@ const wo = /* @__PURE__ */ M((e, t) => /* @__PURE__ */ _(ie.span, S({}, e, {
 }), [ko, Io] = Be(it, {
   isInside: !1
 }), nn = /* @__PURE__ */ M((e, t) => {
-  const { __scopeTooltip: n, children: o, "aria-label": i, onEscapeKeyDown: r, onPointerDownOutside: s, ...a } = e, c = Oe(_e, n), l = je(n), { onClose: u } = c;
+  const { __scopeTooltip: n, children: o, "aria-label": i, onEscapeKeyDown: r, onPointerDownOutside: s, ...a } = e, c = Ae(_e, n), l = je(n), { onClose: u } = c;
   return R(() => (document.addEventListener(qe, u), () => document.removeEventListener(qe, u)), [
     u
   ]), R(() => {
@@ -2649,7 +2649,7 @@ function Vo(e) {
   }
   return n.pop(), t.length === 1 && n.length === 1 && t[0].x === n[0].x && t[0].y === n[0].y ? t : t.concat(n);
 }
-const Go = Co, Xo = To, Yo = Ro, qo = No, Ko = Lo, Zo = Ho;
+const Xo = Co, Yo = To, Go = Ro, qo = No, Ko = Lo, Zo = Ho;
 function Jo(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
@@ -2741,9 +2741,9 @@ const ei = /* @__PURE__ */ Jo(Qo), ti = "_slideDownAndFade_fkagk_1", ni = "_slid
         children: /* @__PURE__ */ k(St, { size: "md" })
       }
     );
-    return /* @__PURE__ */ k("div", { "data-testid": e, className: h, children: /* @__PURE__ */ k(Go, { delayDuration: parseInt(Zn), children: /* @__PURE__ */ We(Xo, { open: p, onOpenChange: f, ...u, children: [
+    return /* @__PURE__ */ k("div", { "data-testid": e, className: h, children: /* @__PURE__ */ k(Xo, { delayDuration: parseInt(Zn), children: /* @__PURE__ */ We(Yo, { open: p, onOpenChange: f, ...u, children: [
       /* @__PURE__ */ k(
-        Yo,
+        Go,
         {
           asChild: !0,
           onClick: (m) => {