@purpur/library 9.9.0 → 9.10.1

package/dist/tooltip-FH9R2MAA.mjs

@@ -0,0 +1,1067 @@
+import { jsx as p, Fragment as Qe, jsxs as Y } from "react/jsx-runtime";
+import * as s from "react";
+import { forwardRef as et, useState as tt } from "react";
+import { b as nt, a as rt } from "./button-EVRfctR8.mjs";
+import { r as ot } from "./info.es-u0pS2u7W.mjs";
+import { P as st, a as it } from "./paragraph-CwAdFoIm.mjs";
+import { f as at } from "./variables-Dr3Hsdn-.mjs";
+import "./ThemeProvider-BJ25_asg.mjs";
+import { u as ct } from "./useThemePortalContainer-D13Xx24N.mjs";
+import * as lt from "react-dom";
+import ut from "react-dom";
+import { u as dt, o as pt, s as ft, m as ht, l as mt, n as vt, p as yt, q as gt, k as wt } from "./floating-ui.react-dom-EredA301.mjs";
+import { c as Pt } from "./bind-CU-R61T-.mjs";
+function T(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
+  return function(r) {
+    if (e?.(r), n === !1 || !r.defaultPrevented)
+      return t?.(r);
+  };
+}
+function ce(e, t) {
+  if (typeof e == "function")
+    return e(t);
+  e != null && (e.current = t);
+}
+function de(...e) {
+  return (t) => {
+    let n = !1;
+    const o = e.map((r) => {
+      const i = ce(r, t);
+      return !n && typeof i == "function" && (n = !0), i;
+    });
+    if (n)
+      return () => {
+        for (let r = 0; r < o.length; r++) {
+          const i = o[r];
+          typeof i == "function" ? i() : ce(e[r], null);
+        }
+      };
+  };
+}
+function N(...e) {
+  return s.useCallback(de(...e), e);
+}
+function pe(e, t = []) {
+  let n = [];
+  function o(i, a) {
+    const u = s.createContext(a), c = n.length;
+    n = [...n, a];
+    const l = (f) => {
+      const { scope: m, children: h, ...v } = f, y = m?.[e]?.[c] || u, w = s.useMemo(() => v, Object.values(v));
+      return /* @__PURE__ */ p(y.Provider, { value: w, children: h });
+    };
+    l.displayName = i + "Provider";
+    function d(f, m) {
+      const h = m?.[e]?.[c] || u, v = s.useContext(h);
+      if (v) return v;
+      if (a !== void 0) return a;
+      throw new Error(`\`${f}\` must be used within \`${i}\``);
+    }
+    return [l, d];
+  }
+  const r = () => {
+    const i = n.map((a) => s.createContext(a));
+    return function(u) {
+      const c = u?.[e] || i;
+      return s.useMemo(
+        () => ({ [`__scope${e}`]: { ...u, [e]: c } }),
+        [u, c]
+      );
+    };
+  };
+  return r.scopeName = e, [o, Et(r, ...t)];
+}
+function Et(...e) {
+  const t = e[0];
+  if (e.length === 1) return t;
+  const n = () => {
+    const o = e.map((r) => ({
+      useScope: r(),
+      scopeName: r.scopeName
+    }));
+    return function(i) {
+      const a = o.reduce((u, { useScope: c, scopeName: l }) => {
+        const f = c(i)[`__scope${l}`];
+        return { ...u, ...f };
+      }, {});
+      return s.useMemo(() => ({ [`__scope${t.scopeName}`]: a }), [a]);
+    };
+  };
+  return n.scopeName = t.scopeName, n;
+}
+var fe = s.forwardRef((e, t) => {
+  const { children: n, ...o } = e, r = s.Children.toArray(n), i = r.find(Ct);
+  if (i) {
+    const a = i.props.children, u = r.map((c) => c === i ? s.Children.count(a) > 1 ? s.Children.only(null) : s.isValidElement(a) ? a.props.children : null : c);
+    return /* @__PURE__ */ p(X, { ...o, ref: t, children: s.isValidElement(a) ? s.cloneElement(a, void 0, u) : null });
+  }
+  return /* @__PURE__ */ p(X, { ...o, ref: t, children: n });
+});
+fe.displayName = "Slot";
+var X = s.forwardRef((e, t) => {
+  const { children: n, ...o } = e;
+  if (s.isValidElement(n)) {
+    const r = xt(n), i = bt(o, n.props);
+    return n.type !== s.Fragment && (i.ref = t ? de(t, r) : r), s.cloneElement(n, i);
+  }
+  return s.Children.count(n) > 1 ? s.Children.only(null) : null;
+});
+X.displayName = "SlotClone";
+var he = ({ children: e }) => /* @__PURE__ */ p(Qe, { children: e });
+function Ct(e) {
+  return s.isValidElement(e) && e.type === he;
+}
+function bt(e, t) {
+  const n = { ...t };
+  for (const o in t) {
+    const r = e[o], i = t[o];
+    /^on[A-Z]/.test(o) ? r && i ? n[o] = (...u) => {
+      i(...u), r(...u);
+    } : r && (n[o] = r) : o === "style" ? n[o] = { ...r, ...i } : o === "className" && (n[o] = [r, i].filter(Boolean).join(" "));
+  }
+  return { ...e, ...n };
+}
+function xt(e) {
+  let t = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning;
+  return n ? e.ref : (t = Object.getOwnPropertyDescriptor(e, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
+}
+var Tt = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "span",
+  "svg",
+  "ul"
+], A = Tt.reduce((e, t) => {
+  const n = s.forwardRef((o, r) => {
+    const { asChild: i, ...a } = o, u = i ? fe : t;
+    return typeof window < "u" && (window[/* @__PURE__ */ Symbol.for("radix-ui")] = !0), /* @__PURE__ */ p(u, { ...a, ref: r });
+  });
+  return n.displayName = `Primitive.${t}`, { ...e, [t]: n };
+}, {});
+function _t(e, t) {
+  e && lt.flushSync(() => e.dispatchEvent(t));
+}
+function k(e) {
+  const t = s.useRef(e);
+  return s.useEffect(() => {
+    t.current = e;
+  }), s.useMemo(() => (...n) => t.current?.(...n), []);
+}
+function At(e, t = globalThis?.document) {
+  const n = k(e);
+  s.useEffect(() => {
+    const o = (r) => {
+      r.key === "Escape" && n(r);
+    };
+    return t.addEventListener("keydown", o, { capture: !0 }), () => t.removeEventListener("keydown", o, { capture: !0 });
+  }, [n, t]);
+}
+var Ot = "DismissableLayer", K = "dismissableLayer.update", Rt = "dismissableLayer.pointerDownOutside", Nt = "dismissableLayer.focusOutside", le, me = s.createContext({
+  layers: /* @__PURE__ */ new Set(),
+  layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
+  branches: /* @__PURE__ */ new Set()
+}), ve = s.forwardRef(
+  (e, t) => {
+    const {
+      disableOutsidePointerEvents: n = !1,
+      onEscapeKeyDown: o,
+      onPointerDownOutside: r,
+      onFocusOutside: i,
+      onInteractOutside: a,
+      onDismiss: u,
+      ...c
+    } = e, l = s.useContext(me), [d, f] = s.useState(null), m = d?.ownerDocument ?? globalThis?.document, [, h] = s.useState({}), v = N(t, (g) => f(g)), y = Array.from(l.layers), [w] = [...l.layersWithOutsidePointerEventsDisabled].slice(-1), E = y.indexOf(w), P = d ? y.indexOf(d) : -1, b = l.layersWithOutsidePointerEventsDisabled.size > 0, C = P >= E, x = Lt((g) => {
+      const O = g.target, $ = [...l.branches].some((I) => I.contains(O));
+      !C || $ || (r?.(g), a?.(g), g.defaultPrevented || u?.());
+    }, m), _ = kt((g) => {
+      const O = g.target;
+      [...l.branches].some((I) => I.contains(O)) || (i?.(g), a?.(g), g.defaultPrevented || u?.());
+    }, m);
+    return At((g) => {
+      P === l.layers.size - 1 && (o?.(g), !g.defaultPrevented && u && (g.preventDefault(), u()));
+    }, m), s.useEffect(() => {
+      if (d)
+        return n && (l.layersWithOutsidePointerEventsDisabled.size === 0 && (le = m.body.style.pointerEvents, m.body.style.pointerEvents = "none"), l.layersWithOutsidePointerEventsDisabled.add(d)), l.layers.add(d), ue(), () => {
+          n && l.layersWithOutsidePointerEventsDisabled.size === 1 && (m.body.style.pointerEvents = le);
+        };
+    }, [d, m, n, l]), s.useEffect(() => () => {
+      d && (l.layers.delete(d), l.layersWithOutsidePointerEventsDisabled.delete(d), ue());
+    }, [d, l]), s.useEffect(() => {
+      const g = () => h({});
+      return document.addEventListener(K, g), () => document.removeEventListener(K, g);
+    }, []), /* @__PURE__ */ p(
+      A.div,
+      {
+        ...c,
+        ref: v,
+        style: {
+          pointerEvents: b ? C ? "auto" : "none" : void 0,
+          ...e.style
+        },
+        onFocusCapture: T(e.onFocusCapture, _.onFocusCapture),
+        onBlurCapture: T(e.onBlurCapture, _.onBlurCapture),
+        onPointerDownCapture: T(
+          e.onPointerDownCapture,
+          x.onPointerDownCapture
+        )
+      }
+    );
+  }
+);
+ve.displayName = Ot;
+var St = "DismissableLayerBranch", Dt = s.forwardRef((e, t) => {
+  const n = s.useContext(me), o = s.useRef(null), r = N(t, o);
+  return s.useEffect(() => {
+    const i = o.current;
+    if (i)
+      return n.branches.add(i), () => {
+        n.branches.delete(i);
+      };
+  }, [n.branches]), /* @__PURE__ */ p(A.div, { ...e, ref: r });
+});
+Dt.displayName = St;
+function Lt(e, t = globalThis?.document) {
+  const n = k(e), o = s.useRef(!1), r = s.useRef(() => {
+  });
+  return s.useEffect(() => {
+    const i = (u) => {
+      if (u.target && !o.current) {
+        let c = function() {
+          ye(
+            Rt,
+            n,
+            l,
+            { discrete: !0 }
+          );
+        };
+        const l = { originalEvent: u };
+        u.pointerType === "touch" ? (t.removeEventListener("click", r.current), r.current = c, t.addEventListener("click", r.current, { once: !0 })) : c();
+      } else
+        t.removeEventListener("click", r.current);
+      o.current = !1;
+    }, a = window.setTimeout(() => {
+      t.addEventListener("pointerdown", i);
+    }, 0);
+    return () => {
+      window.clearTimeout(a), t.removeEventListener("pointerdown", i), t.removeEventListener("click", r.current);
+    };
+  }, [t, n]), {
+    // ensures we check React component tree (not just DOM tree)
+    onPointerDownCapture: () => o.current = !0
+  };
+}
+function kt(e, t = globalThis?.document) {
+  const n = k(e), o = s.useRef(!1);
+  return s.useEffect(() => {
+    const r = (i) => {
+      i.target && !o.current && ye(Nt, n, { originalEvent: i }, {
+        discrete: !1
+      });
+    };
+    return t.addEventListener("focusin", r), () => t.removeEventListener("focusin", r);
+  }, [t, n]), {
+    onFocusCapture: () => o.current = !0,
+    onBlurCapture: () => o.current = !1
+  };
+}
+function ue() {
+  const e = new CustomEvent(K);
+  document.dispatchEvent(e);
+}
+function ye(e, t, n, { discrete: o }) {
+  const r = n.originalEvent.target, i = new CustomEvent(e, { bubbles: !1, cancelable: !0, detail: n });
+  t && r.addEventListener(e, t, { once: !0 }), o ? _t(r, i) : r.dispatchEvent(i);
+}
+var R = globalThis?.document ? s.useLayoutEffect : () => {
+}, It = s.useId || (() => {
+}), Mt = 0;
+function Ft(e) {
+  const [t, n] = s.useState(It());
+  return R(() => {
+    n((o) => o ?? String(Mt++));
+  }, [e]), t ? `radix-${t}` : "";
+}
+var $t = "Arrow", ge = s.forwardRef((e, t) => {
+  const { children: n, width: o = 10, height: r = 5, ...i } = e;
+  return /* @__PURE__ */ p(
+    A.svg,
+    {
+      ...i,
+      ref: t,
+      width: o,
+      height: r,
+      viewBox: "0 0 30 10",
+      preserveAspectRatio: "none",
+      children: e.asChild ? n : /* @__PURE__ */ p("polygon", { points: "0,0 30,0 15,10" })
+    }
+  );
+});
+ge.displayName = $t;
+var Ht = ge;
+function Wt(e) {
+  const [t, n] = s.useState(void 0);
+  return R(() => {
+    if (e) {
+      n({ width: e.offsetWidth, height: e.offsetHeight });
+      const o = new ResizeObserver((r) => {
+        if (!Array.isArray(r) || !r.length)
+          return;
+        const i = r[0];
+        let a, u;
+        if ("borderBoxSize" in i) {
+          const c = i.borderBoxSize, l = Array.isArray(c) ? c[0] : c;
+          a = l.inlineSize, u = l.blockSize;
+        } else
+          a = e.offsetWidth, u = e.offsetHeight;
+        n({ width: a, height: u });
+      });
+      return o.observe(e, { box: "border-box" }), () => o.unobserve(e);
+    } else
+      n(void 0);
+  }, [e]), t;
+}
+var J = "Popper", [we, Pe] = pe(J), [Bt, Ee] = we(J), Ce = (e) => {
+  const { __scopePopper: t, children: n } = e, [o, r] = s.useState(null);
+  return /* @__PURE__ */ p(Bt, { scope: t, anchor: o, onAnchorChange: r, children: n });
+};
+Ce.displayName = J;
+var be = "PopperAnchor", xe = s.forwardRef(
+  (e, t) => {
+    const { __scopePopper: n, virtualRef: o, ...r } = e, i = Ee(be, n), a = s.useRef(null), u = N(t, a);
+    return s.useEffect(() => {
+      i.onAnchorChange(o?.current || a.current);
+    }), o ? null : /* @__PURE__ */ p(A.div, { ...r, ref: u });
+  }
+);
+xe.displayName = be;
+var Q = "PopperContent", [Ut, zt] = we(Q), Te = s.forwardRef(
+  (e, t) => {
+    const {
+      __scopePopper: n,
+      side: o = "bottom",
+      sideOffset: r = 0,
+      align: i = "center",
+      alignOffset: a = 0,
+      arrowPadding: u = 0,
+      avoidCollisions: c = !0,
+      collisionBoundary: l = [],
+      collisionPadding: d = 0,
+      sticky: f = "partial",
+      hideWhenDetached: m = !1,
+      updatePositionStrategy: h = "optimized",
+      onPlaced: v,
+      ...y
+    } = e, w = Ee(Q, n), [E, P] = s.useState(null), b = N(t, (M) => P(M)), [C, x] = s.useState(null), _ = Wt(C), g = _?.width ?? 0, O = _?.height ?? 0, $ = o + (i !== "center" ? "-" + i : ""), I = typeof d == "number" ? d : { top: 0, right: 0, bottom: 0, left: 0, ...d }, re = Array.isArray(l) ? l : [l], We = re.length > 0, H = {
+      padding: I,
+      boundary: re.filter(jt),
+      // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
+      altBoundary: We
+    }, { refs: Be, floatingStyles: oe, placement: Ue, isPositioned: W, middlewareData: S } = dt({
+      // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
+      strategy: "fixed",
+      placement: $,
+      whileElementsMounted: (...M) => wt(...M, {
+        animationFrame: h === "always"
+      }),
+      elements: {
+        reference: w.anchor
+      },
+      middleware: [
+        pt({ mainAxis: r + O, alignmentAxis: a }),
+        c && ft({
+          mainAxis: !0,
+          crossAxis: !1,
+          limiter: f === "partial" ? ht() : void 0,
+          ...H
+        }),
+        c && mt({ ...H }),
+        vt({
+          ...H,
+          apply: ({ elements: M, rects: ae, availableWidth: Ke, availableHeight: qe }) => {
+            const { width: Ze, height: Je } = ae.reference, B = M.floating.style;
+            B.setProperty("--radix-popper-available-width", `${Ke}px`), B.setProperty("--radix-popper-available-height", `${qe}px`), B.setProperty("--radix-popper-anchor-width", `${Ze}px`), B.setProperty("--radix-popper-anchor-height", `${Je}px`);
+          }
+        }),
+        C && yt({ element: C, padding: u }),
+        Gt({ arrowWidth: g, arrowHeight: O }),
+        m && gt({ strategy: "referenceHidden", ...H })
+      ]
+    }), [se, ze] = Oe(Ue), ie = k(v);
+    R(() => {
+      W && ie?.();
+    }, [W, ie]);
+    const Ve = S.arrow?.x, je = S.arrow?.y, Ge = S.arrow?.centerOffset !== 0, [Ye, Xe] = s.useState();
+    return R(() => {
+      E && Xe(window.getComputedStyle(E).zIndex);
+    }, [E]), /* @__PURE__ */ p(
+      "div",
+      {
+        ref: Be.setFloating,
+        "data-radix-popper-content-wrapper": "",
+        style: {
+          ...oe,
+          transform: W ? oe.transform : "translate(0, -200%)",
+          // keep off the page when measuring
+          minWidth: "max-content",
+          zIndex: Ye,
+          "--radix-popper-transform-origin": [
+            S.transformOrigin?.x,
+            S.transformOrigin?.y
+          ].join(" "),
+          // hide the content if using the hide middleware and should be hidden
+          // set visibility to hidden and disable pointer events so the UI behaves
+          // as if the PopperContent isn't there at all
+          ...S.hide?.referenceHidden && {
+            visibility: "hidden",
+            pointerEvents: "none"
+          }
+        },
+        dir: e.dir,
+        children: /* @__PURE__ */ p(
+          Ut,
+          {
+            scope: n,
+            placedSide: se,
+            onArrowChange: x,
+            arrowX: Ve,
+            arrowY: je,
+            shouldHideArrow: Ge,
+            children: /* @__PURE__ */ p(
+              A.div,
+              {
+                "data-side": se,
+                "data-align": ze,
+                ...y,
+                ref: b,
+                style: {
+                  ...y.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: W ? void 0 : "none"
+                }
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+);
+Te.displayName = Q;
+var _e = "PopperArrow", Vt = {
+  top: "bottom",
+  right: "left",
+  bottom: "top",
+  left: "right"
+}, Ae = s.forwardRef(function(t, n) {
+  const { __scopePopper: o, ...r } = t, i = zt(_e, o), a = Vt[i.placedSide];
+  return (
+    // we have to use an extra wrapper because `ResizeObserver` (used by `useSize`)
+    // doesn't report size as we'd expect on SVG elements.
+    // it reports their bounding box which is effectively the largest path inside the SVG.
+    /* @__PURE__ */ p(
+      "span",
+      {
+        ref: i.onArrowChange,
+        style: {
+          position: "absolute",
+          left: i.arrowX,
+          top: i.arrowY,
+          [a]: 0,
+          transformOrigin: {
+            top: "",
+            right: "0 0",
+            bottom: "center 0",
+            left: "100% 0"
+          }[i.placedSide],
+          transform: {
+            top: "translateY(100%)",
+            right: "translateY(50%) rotate(90deg) translateX(-50%)",
+            bottom: "rotate(180deg)",
+            left: "translateY(50%) rotate(-90deg) translateX(50%)"
+          }[i.placedSide],
+          visibility: i.shouldHideArrow ? "hidden" : void 0
+        },
+        children: /* @__PURE__ */ p(
+          Ht,
+          {
+            ...r,
+            ref: n,
+            style: {
+              ...r.style,
+              // ensures the element can be measured correctly (mostly for if SVG)
+              display: "block"
+            }
+          }
+        )
+      }
+    )
+  );
+});
+Ae.displayName = _e;
+function jt(e) {
+  return e !== null;
+}
+var Gt = (e) => ({
+  name: "transformOrigin",
+  options: e,
+  fn(t) {
+    const { placement: n, rects: o, middlewareData: r } = t, a = r.arrow?.centerOffset !== 0, u = a ? 0 : e.arrowWidth, c = a ? 0 : e.arrowHeight, [l, d] = Oe(n), f = { start: "0%", center: "50%", end: "100%" }[d], m = (r.arrow?.x ?? 0) + u / 2, h = (r.arrow?.y ?? 0) + c / 2;
+    let v = "", y = "";
+    return l === "bottom" ? (v = a ? f : `${m}px`, y = `${-c}px`) : l === "top" ? (v = a ? f : `${m}px`, y = `${o.floating.height + c}px`) : l === "right" ? (v = `${-c}px`, y = a ? f : `${h}px`) : l === "left" && (v = `${o.floating.width + c}px`, y = a ? f : `${h}px`), { data: { x: v, y } };
+  }
+});
+function Oe(e) {
+  const [t, n = "center"] = e.split("-");
+  return [t, n];
+}
+var Yt = Ce, Xt = xe, Kt = Te, qt = Ae, Zt = "Portal", Re = s.forwardRef((e, t) => {
+  const { container: n, ...o } = e, [r, i] = s.useState(!1);
+  R(() => i(!0), []);
+  const a = n || r && globalThis?.document?.body;
+  return a ? ut.createPortal(/* @__PURE__ */ p(A.div, { ...o, ref: t }), a) : null;
+});
+Re.displayName = Zt;
+function Jt(e, t) {
+  return s.useReducer((n, o) => t[n][o] ?? n, e);
+}
+var ee = (e) => {
+  const { present: t, children: n } = e, o = Qt(t), r = typeof n == "function" ? n({ present: o.isPresent }) : s.Children.only(n), i = N(o.ref, en(r));
+  return typeof n == "function" || o.isPresent ? s.cloneElement(r, { ref: i }) : null;
+};
+ee.displayName = "Presence";
+function Qt(e) {
+  const [t, n] = s.useState(), o = s.useRef({}), r = s.useRef(e), i = s.useRef("none"), a = e ? "mounted" : "unmounted", [u, c] = Jt(a, {
+    mounted: {
+      UNMOUNT: "unmounted",
+      ANIMATION_OUT: "unmountSuspended"
+    },
+    unmountSuspended: {
+      MOUNT: "mounted",
+      ANIMATION_END: "unmounted"
+    },
+    unmounted: {
+      MOUNT: "mounted"
+    }
+  });
+  return s.useEffect(() => {
+    const l = U(o.current);
+    i.current = u === "mounted" ? l : "none";
+  }, [u]), R(() => {
+    const l = o.current, d = r.current;
+    if (d !== e) {
+      const m = i.current, h = U(l);
+      e ? c("MOUNT") : h === "none" || l?.display === "none" ? c("UNMOUNT") : c(d && m !== h ? "ANIMATION_OUT" : "UNMOUNT"), r.current = e;
+    }
+  }, [e, c]), R(() => {
+    if (t) {
+      let l;
+      const d = t.ownerDocument.defaultView ?? window, f = (h) => {
+        const y = U(o.current).includes(h.animationName);
+        if (h.target === t && y && (c("ANIMATION_END"), !r.current)) {
+          const w = t.style.animationFillMode;
+          t.style.animationFillMode = "forwards", l = d.setTimeout(() => {
+            t.style.animationFillMode === "forwards" && (t.style.animationFillMode = w);
+          });
+        }
+      }, m = (h) => {
+        h.target === t && (i.current = U(o.current));
+      };
+      return t.addEventListener("animationstart", m), t.addEventListener("animationcancel", f), t.addEventListener("animationend", f), () => {
+        d.clearTimeout(l), t.removeEventListener("animationstart", m), t.removeEventListener("animationcancel", f), t.removeEventListener("animationend", f);
+      };
+    } else
+      c("ANIMATION_END");
+  }, [t, c]), {
+    isPresent: ["mounted", "unmountSuspended"].includes(u),
+    ref: s.useCallback((l) => {
+      l && (o.current = getComputedStyle(l)), n(l);
+    }, [])
+  };
+}
+function U(e) {
+  return e?.animationName || "none";
+}
+function en(e) {
+  let t = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning;
+  return n ? e.ref : (t = Object.getOwnPropertyDescriptor(e, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
+}
+function tn({
+  prop: e,
+  defaultProp: t,
+  onChange: n = () => {
+  }
+}) {
+  const [o, r] = nn({ defaultProp: t, onChange: n }), i = e !== void 0, a = i ? e : o, u = k(n), c = s.useCallback(
+    (l) => {
+      if (i) {
+        const f = typeof l == "function" ? l(e) : l;
+        f !== e && u(f);
+      } else
+        r(l);
+    },
+    [i, e, r, u]
+  );
+  return [a, c];
+}
+function nn({
+  defaultProp: e,
+  onChange: t
+}) {
+  const n = s.useState(e), [o] = n, r = s.useRef(o), i = k(t);
+  return s.useEffect(() => {
+    r.current !== o && (i(o), r.current = o);
+  }, [o, r, i]), n;
+}
+var rn = "VisuallyHidden", Ne = s.forwardRef(
+  (e, t) => /* @__PURE__ */ p(
+    A.span,
+    {
+      ...e,
+      ref: t,
+      style: {
+        // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss
+        position: "absolute",
+        border: 0,
+        width: 1,
+        height: 1,
+        padding: 0,
+        margin: -1,
+        overflow: "hidden",
+        clip: "rect(0, 0, 0, 0)",
+        whiteSpace: "nowrap",
+        wordWrap: "normal",
+        ...e.style
+      }
+    }
+  )
+);
+Ne.displayName = rn;
+var on = Ne, [z] = pe("Tooltip", [
+  Pe
+]), V = Pe(), Se = "TooltipProvider", sn = 700, q = "tooltip.open", [an, te] = z(Se), De = (e) => {
+  const {
+    __scopeTooltip: t,
+    delayDuration: n = sn,
+    skipDelayDuration: o = 300,
+    disableHoverableContent: r = !1,
+    children: i
+  } = e, [a, u] = s.useState(!0), c = s.useRef(!1), l = s.useRef(0);
+  return s.useEffect(() => {
+    const d = l.current;
+    return () => window.clearTimeout(d);
+  }, []), /* @__PURE__ */ p(
+    an,
+    {
+      scope: t,
+      isOpenDelayed: a,
+      delayDuration: n,
+      onOpen: s.useCallback(() => {
+        window.clearTimeout(l.current), u(!1);
+      }, []),
+      onClose: s.useCallback(() => {
+        window.clearTimeout(l.current), l.current = window.setTimeout(
+          () => u(!0),
+          o
+        );
+      }, [o]),
+      isPointerInTransitRef: c,
+      onPointerInTransitChange: s.useCallback((d) => {
+        c.current = d;
+      }, []),
+      disableHoverableContent: r,
+      children: i
+    }
+  );
+};
+De.displayName = Se;
+var j = "Tooltip", [cn, F] = z(j), Le = (e) => {
+  const {
+    __scopeTooltip: t,
+    children: n,
+    open: o,
+    defaultOpen: r = !1,
+    onOpenChange: i,
+    disableHoverableContent: a,
+    delayDuration: u
+  } = e, c = te(j, e.__scopeTooltip), l = V(t), [d, f] = s.useState(null), m = Ft(), h = s.useRef(0), v = a ?? c.disableHoverableContent, y = u ?? c.delayDuration, w = s.useRef(!1), [E = !1, P] = tn({
+    prop: o,
+    defaultProp: r,
+    onChange: (g) => {
+      g ? (c.onOpen(), document.dispatchEvent(new CustomEvent(q))) : c.onClose(), i?.(g);
+    }
+  }), b = s.useMemo(() => E ? w.current ? "delayed-open" : "instant-open" : "closed", [E]), C = s.useCallback(() => {
+    window.clearTimeout(h.current), h.current = 0, w.current = !1, P(!0);
+  }, [P]), x = s.useCallback(() => {
+    window.clearTimeout(h.current), h.current = 0, P(!1);
+  }, [P]), _ = s.useCallback(() => {
+    window.clearTimeout(h.current), h.current = window.setTimeout(() => {
+      w.current = !0, P(!0), h.current = 0;
+    }, y);
+  }, [y, P]);
+  return s.useEffect(() => () => {
+    h.current && (window.clearTimeout(h.current), h.current = 0);
+  }, []), /* @__PURE__ */ p(Yt, { ...l, children: /* @__PURE__ */ p(
+    cn,
+    {
+      scope: t,
+      contentId: m,
+      open: E,
+      stateAttribute: b,
+      trigger: d,
+      onTriggerChange: f,
+      onTriggerEnter: s.useCallback(() => {
+        c.isOpenDelayed ? _() : C();
+      }, [c.isOpenDelayed, _, C]),
+      onTriggerLeave: s.useCallback(() => {
+        v ? x() : (window.clearTimeout(h.current), h.current = 0);
+      }, [x, v]),
+      onOpen: C,
+      onClose: x,
+      disableHoverableContent: v,
+      children: n
+    }
+  ) });
+};
+Le.displayName = j;
+var Z = "TooltipTrigger", ke = s.forwardRef(
+  (e, t) => {
+    const { __scopeTooltip: n, ...o } = e, r = F(Z, n), i = te(Z, n), a = V(n), u = s.useRef(null), c = N(t, u, r.onTriggerChange), l = s.useRef(!1), d = s.useRef(!1), f = s.useCallback(() => l.current = !1, []);
+    return s.useEffect(() => () => document.removeEventListener("pointerup", f), [f]), /* @__PURE__ */ p(Xt, { asChild: !0, ...a, children: /* @__PURE__ */ p(
+      A.button,
+      {
+        "aria-describedby": r.open ? r.contentId : void 0,
+        "data-state": r.stateAttribute,
+        ...o,
+        ref: c,
+        onPointerMove: T(e.onPointerMove, (m) => {
+          m.pointerType !== "touch" && !d.current && !i.isPointerInTransitRef.current && (r.onTriggerEnter(), d.current = !0);
+        }),
+        onPointerLeave: T(e.onPointerLeave, () => {
+          r.onTriggerLeave(), d.current = !1;
+        }),
+        onPointerDown: T(e.onPointerDown, () => {
+          l.current = !0, document.addEventListener("pointerup", f, { once: !0 });
+        }),
+        onFocus: T(e.onFocus, () => {
+          l.current || r.onOpen();
+        }),
+        onBlur: T(e.onBlur, r.onClose),
+        onClick: T(e.onClick, r.onClose)
+      }
+    ) });
+  }
+);
+ke.displayName = Z;
+var ne = "TooltipPortal", [ln, un] = z(ne, {
+  forceMount: void 0
+}), Ie = (e) => {
+  const { __scopeTooltip: t, forceMount: n, children: o, container: r } = e, i = F(ne, t);
+  return /* @__PURE__ */ p(ln, { scope: t, forceMount: n, children: /* @__PURE__ */ p(ee, { present: n || i.open, children: /* @__PURE__ */ p(Re, { asChild: !0, container: r, children: o }) }) });
+};
+Ie.displayName = ne;
+var L = "TooltipContent", Me = s.forwardRef(
+  (e, t) => {
+    const n = un(L, e.__scopeTooltip), { forceMount: o = n.forceMount, side: r = "top", ...i } = e, a = F(L, e.__scopeTooltip);
+    return /* @__PURE__ */ p(ee, { present: o || a.open, children: a.disableHoverableContent ? /* @__PURE__ */ p(Fe, { side: r, ...i, ref: t }) : /* @__PURE__ */ p(dn, { side: r, ...i, ref: t }) });
+  }
+), dn = s.forwardRef((e, t) => {
+  const n = F(L, e.__scopeTooltip), o = te(L, e.__scopeTooltip), r = s.useRef(null), i = N(t, r), [a, u] = s.useState(null), { trigger: c, onClose: l } = n, d = r.current, { onPointerInTransitChange: f } = o, m = s.useCallback(() => {
+    u(null), f(!1);
+  }, [f]), h = s.useCallback(
+    (v, y) => {
+      const w = v.currentTarget, E = { x: v.clientX, y: v.clientY }, P = hn(E, w.getBoundingClientRect()), b = mn(E, P), C = vn(y.getBoundingClientRect()), x = gn([...b, ...C]);
+      u(x), f(!0);
+    },
+    [f]
+  );
+  return s.useEffect(() => () => m(), [m]), s.useEffect(() => {
+    if (c && d) {
+      const v = (w) => h(w, d), y = (w) => h(w, c);
+      return c.addEventListener("pointerleave", v), d.addEventListener("pointerleave", y), () => {
+        c.removeEventListener("pointerleave", v), d.removeEventListener("pointerleave", y);
+      };
+    }
+  }, [c, d, h, m]), s.useEffect(() => {
+    if (a) {
+      const v = (y) => {
+        const w = y.target, E = { x: y.clientX, y: y.clientY }, P = c?.contains(w) || d?.contains(w), b = !yn(E, a);
+        P ? m() : b && (m(), l());
+      };
+      return document.addEventListener("pointermove", v), () => document.removeEventListener("pointermove", v);
+    }
+  }, [c, d, a, l, m]), /* @__PURE__ */ p(Fe, { ...e, ref: i });
+}), [pn, fn] = z(j, { isInside: !1 }), Fe = s.forwardRef(
+  (e, t) => {
+    const {
+      __scopeTooltip: n,
+      children: o,
+      "aria-label": r,
+      onEscapeKeyDown: i,
+      onPointerDownOutside: a,
+      ...u
+    } = e, c = F(L, n), l = V(n), { onClose: d } = c;
+    return s.useEffect(() => (document.addEventListener(q, d), () => document.removeEventListener(q, d)), [d]), s.useEffect(() => {
+      if (c.trigger) {
+        const f = (m) => {
+          m.target?.contains(c.trigger) && d();
+        };
+        return window.addEventListener("scroll", f, { capture: !0 }), () => window.removeEventListener("scroll", f, { capture: !0 });
+      }
+    }, [c.trigger, d]), /* @__PURE__ */ p(
+      ve,
+      {
+        asChild: !0,
+        disableOutsidePointerEvents: !1,
+        onEscapeKeyDown: i,
+        onPointerDownOutside: a,
+        onFocusOutside: (f) => f.preventDefault(),
+        onDismiss: d,
+        children: /* @__PURE__ */ Y(
+          Kt,
+          {
+            "data-state": c.stateAttribute,
+            ...l,
+            ...u,
+            ref: t,
+            style: {
+              ...u.style,
+              "--radix-tooltip-content-transform-origin": "var(--radix-popper-transform-origin)",
+              "--radix-tooltip-content-available-width": "var(--radix-popper-available-width)",
+              "--radix-tooltip-content-available-height": "var(--radix-popper-available-height)",
+              "--radix-tooltip-trigger-width": "var(--radix-popper-anchor-width)",
+              "--radix-tooltip-trigger-height": "var(--radix-popper-anchor-height)"
+            },
+            children: [
+              /* @__PURE__ */ p(he, { children: o }),
+              /* @__PURE__ */ p(pn, { scope: n, isInside: !0, children: /* @__PURE__ */ p(on, { id: c.contentId, role: "tooltip", children: r || o }) })
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+Me.displayName = L;
+var $e = "TooltipArrow", He = s.forwardRef(
+  (e, t) => {
+    const { __scopeTooltip: n, ...o } = e, r = V(n);
+    return fn(
+      $e,
+      n
+    ).isInside ? null : /* @__PURE__ */ p(qt, { ...r, ...o, ref: t });
+  }
+);
+He.displayName = $e;
+function hn(e, t) {
+  const n = Math.abs(t.top - e.y), o = Math.abs(t.bottom - e.y), r = Math.abs(t.right - e.x), i = Math.abs(t.left - e.x);
+  switch (Math.min(n, o, r, i)) {
+    case i:
+      return "left";
+    case r:
+      return "right";
+    case n:
+      return "top";
+    case o:
+      return "bottom";
+    default:
+      throw new Error("unreachable");
+  }
+}
+function mn(e, t, n = 5) {
+  const o = [];
+  switch (t) {
+    case "top":
+      o.push(
+        { x: e.x - n, y: e.y + n },
+        { x: e.x + n, y: e.y + n }
+      );
+      break;
+    case "bottom":
+      o.push(
+        { x: e.x - n, y: e.y - n },
+        { x: e.x + n, y: e.y - n }
+      );
+      break;
+    case "left":
+      o.push(
+        { x: e.x + n, y: e.y - n },
+        { x: e.x + n, y: e.y + n }
+      );
+      break;
+    case "right":
+      o.push(
+        { x: e.x - n, y: e.y - n },
+        { x: e.x - n, y: e.y + n }
+      );
+      break;
+  }
+  return o;
+}
+function vn(e) {
+  const { top: t, right: n, bottom: o, left: r } = e;
+  return [
+    { x: r, y: t },
+    { x: n, y: t },
+    { x: n, y: o },
+    { x: r, y: o }
+  ];
+}
+function yn(e, t) {
+  const { x: n, y: o } = e;
+  let r = !1;
+  for (let i = 0, a = t.length - 1; i < t.length; a = i++) {
+    const u = t[i].x, c = t[i].y, l = t[a].x, d = t[a].y;
+    c > o != d > o && n < (l - u) * (o - c) / (d - c) + u && (r = !r);
+  }
+  return r;
+}
+function gn(e) {
+  const t = e.slice();
+  return t.sort((n, o) => n.x < o.x ? -1 : n.x > o.x ? 1 : n.y < o.y ? -1 : n.y > o.y ? 1 : 0), wn(t);
+}
+function wn(e) {
+  if (e.length <= 1) return e.slice();
+  const t = [];
+  for (let o = 0; o < e.length; o++) {
+    const r = e[o];
+    for (; t.length >= 2; ) {
+      const i = t[t.length - 1], a = t[t.length - 2];
+      if ((i.x - a.x) * (r.y - a.y) >= (i.y - a.y) * (r.x - a.x)) t.pop();
+      else break;
+    }
+    t.push(r);
+  }
+  t.pop();
+  const n = [];
+  for (let o = e.length - 1; o >= 0; o--) {
+    const r = e[o];
+    for (; n.length >= 2; ) {
+      const i = n[n.length - 1], a = n[n.length - 2];
+      if ((i.x - a.x) * (r.y - a.y) >= (i.y - a.y) * (r.x - a.x)) n.pop();
+      else break;
+    }
+    n.push(r);
+  }
+  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);
+}
+var Pn = De, En = Le, Cn = ke, bn = Ie, xn = Me, Tn = He;
+const _n = "_slideDownAndFade_fkagk_1", An = "_slideLeftAndFade_fkagk_1", On = "_slideUpAndFade_fkagk_1", Rn = "_slideRightAndFade_fkagk_1", Nn = {
+  "purpur-tooltip": "_purpur-tooltip_fkagk_1",
+  "purpur-tooltip__content": "_purpur-tooltip__content_fkagk_4",
+  "purpur-tooltip__content--primary": "_purpur-tooltip__content--primary_fkagk_14",
+  "purpur-tooltip__content--primary-negative": "_purpur-tooltip__content--primary-negative_fkagk_17",
+  slideDownAndFade: _n,
+  slideLeftAndFade: An,
+  slideUpAndFade: On,
+  slideRightAndFade: Rn,
+  "purpur-tooltip__arrow--primary": "_purpur-tooltip__arrow--primary_fkagk_32",
+  "purpur-tooltip__arrow--primary-negative": "_purpur-tooltip__arrow--primary-negative_fkagk_35"
+}, G = Pt.bind(Nn), Sn = {
+  TOP: "top",
+  BOTTOM: "bottom",
+  LEFT: "left",
+  RIGHT: "right"
+}, Dn = {
+  START: "start",
+  CENTER: "center",
+  END: "end"
+}, D = "purpur-tooltip", Ln = et(
+  ({
+    ["data-testid"]: e,
+    buttonSize: t = "md",
+    children: n,
+    className: o,
+    container: r,
+    contentClassName: i,
+    negative: a = !1,
+    position: u = Sn.TOP,
+    align: c = Dn.CENTER,
+    triggerAriaLabel: l,
+    triggerElement: d,
+    ...f
+  }, m) => {
+    const [h, v] = tt(!1), y = ct(), w = r === void 0 ? y : r ?? void 0, E = G(
+      o,
+      D,
+      `${D}--primary${a ? "-negative" : ""}`
+    ), P = /* @__PURE__ */ p(
+      nt,
+      {
+        ref: m,
+        "aria-label": l ?? "",
+        "aria-expanded": h,
+        variant: rt.TERTIARY_PURPLE,
+        negative: a,
+        iconOnly: !0,
+        "data-testid": `${e}-trigger-button`,
+        size: t,
+        children: /* @__PURE__ */ p(ot, { size: "md" })
+      }
+    );
+    return /* @__PURE__ */ p("div", { "data-testid": e, className: E, children: /* @__PURE__ */ p(Pn, { delayDuration: parseInt(at), children: /* @__PURE__ */ Y(En, { open: h, onOpenChange: v, ...f, children: [
+      /* @__PURE__ */ p(
+        Cn,
+        {
+          asChild: !0,
+          onClick: (b) => {
+            b.preventDefault(), v(!0);
+          },
+          children: d ?? P
+        }
+      ),
+      /* @__PURE__ */ p(bn, { container: w, children: /* @__PURE__ */ Y(
+        xn,
+        {
+          side: u,
+          align: c,
+          className: G(
+            i,
+            `${D}__content`,
+            `${D}__content--primary${a ? "-negative" : ""}`
+          ),
+          sideOffset: -5,
+          "data-testid": `${e}-content`,
+          children: [
+            typeof n == "string" ? /* @__PURE__ */ p(
+              st,
+              {
+                variant: it.PARAGRAPH100,
+                negative: !a,
+                "data-testid": `${e}-paragraph`,
+                children: n
+              }
+            ) : n,
+            /* @__PURE__ */ p(
+              Tn,
+              {
+                className: G(
+                  `${D}__arrow`,
+                  `${D}__arrow--primary${a ? "-negative" : ""}`
+                )
+              }
+            )
+          ]
+        }
+      ) })
+    ] }) }) });
+  }
+);
+Ln.displayName = "Tooltip";
+export {
+  Dn as T,
+  Sn as a,
+  Ln as b
+};
+//# sourceMappingURL=tooltip-FH9R2MAA.mjs.map