konsolpro-custom-ui 0.0.373 → 0.0.374

package/dist/chunks/tooltip-BpSOXQpC.js

@@ -0,0 +1,887 @@
+var dt = Object.defineProperty, ft = Object.defineProperties;
+var pt = Object.getOwnPropertyDescriptors;
+var V = Object.getOwnPropertySymbols;
+var Te = Object.prototype.hasOwnProperty, Pe = Object.prototype.propertyIsEnumerable;
+var we = (e, t, n) => t in e ? dt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, m = (e, t) => {
+  for (var n in t || (t = {}))
+    Te.call(t, n) && we(e, n, t[n]);
+  if (V)
+    for (var n of V(t))
+      Pe.call(t, n) && we(e, n, t[n]);
+  return e;
+}, T = (e, t) => ft(e, pt(t));
+var R = (e, t) => {
+  var n = {};
+  for (var r in e)
+    Te.call(e, r) && t.indexOf(r) < 0 && (n[r] = e[r]);
+  if (e != null && V)
+    for (var r of V(e))
+      t.indexOf(r) < 0 && Pe.call(e, r) && (n[r] = e[r]);
+  return n;
+};
+import { jsx as v, jsxs as be } from "react/jsx-runtime";
+import * as i from "react";
+import N from "react";
+import { u as L } from "./index-DLcqcWxM.js";
+import { c as Ae } from "./index-E4d_Gd-w.js";
+import { P as k, d as ht } from "./index-BJD1rYeT.js";
+import { u as te } from "./index-DwYXX2sM.js";
+import { u as mt } from "./index-NPrw3_0K.js";
+import { u as vt } from "./index-1Er1dKQf.js";
+import { R as yt, u as gt, o as wt, s as Tt, f as Pt, a as Ct, b as Et, h as xt, l as bt, c as At, P as Rt } from "./index-Ctjv6tIJ.js";
+import { u as q } from "./index-DuekHEmj.js";
+import { u as Nt } from "./index-CHDs-SiB.js";
+import { a as Ot } from "./index-CN5JEZ5H.js";
+import { u as Dt } from "./index-DYfkNB0n.js";
+import { c as Ce } from "./utils-TbLXCoKm.js";
+var _t = Object.freeze({
+  // 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"
+}), Lt = "VisuallyHidden", Re = i.forwardRef(
+  (e, t) => /* @__PURE__ */ v(
+    k.span,
+    T(m({}, e), {
+      ref: t,
+      style: m(m({}, _t), e.style)
+    })
+  )
+);
+Re.displayName = Lt;
+var St = Re;
+function D(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
+  return function(o) {
+    if (e == null || e(o), n === !1 || !o.defaultPrevented)
+      return t == null ? void 0 : t(o);
+  };
+}
+var Mt = "DismissableLayer", Q = "dismissableLayer.update", It = "dismissableLayer.pointerDownOutside", kt = "dismissableLayer.focusOutside", Ee, Ne = i.createContext({
+  layers: /* @__PURE__ */ new Set(),
+  layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
+  branches: /* @__PURE__ */ new Set()
+}), Oe = i.forwardRef(
+  (e, t) => {
+    var F;
+    const _ = e, {
+      disableOutsidePointerEvents: n = !1,
+      onEscapeKeyDown: r,
+      onPointerDownOutside: o,
+      onFocusOutside: s,
+      onInteractOutside: c,
+      onDismiss: d
+    } = _, a = R(_, [
+      "disableOutsidePointerEvents",
+      "onEscapeKeyDown",
+      "onPointerDownOutside",
+      "onFocusOutside",
+      "onInteractOutside",
+      "onDismiss"
+    ]), l = i.useContext(Ne), [u, y] = i.useState(null), f = (F = u == null ? void 0 : u.ownerDocument) != null ? F : globalThis == null ? void 0 : globalThis.document, [, p] = i.useState({}), h = L(t, (P) => y(P)), g = Array.from(l.layers), [w] = [...l.layersWithOutsidePointerEventsDisabled].slice(-1), C = g.indexOf(w), E = u ? g.indexOf(u) : -1, b = l.layersWithOutsidePointerEventsDisabled.size > 0, x = E >= C, O = Wt((P) => {
+      const S = P.target, U = [...l.branches].some((W) => W.contains(S));
+      !x || U || (o == null || o(P), c == null || c(P), P.defaultPrevented || d == null || d());
+    }, f), A = Bt((P) => {
+      const S = P.target;
+      [...l.branches].some((W) => W.contains(S)) || (s == null || s(P), c == null || c(P), P.defaultPrevented || d == null || d());
+    }, f);
+    return mt((P) => {
+      E === l.layers.size - 1 && (r == null || r(P), !P.defaultPrevented && d && (P.preventDefault(), d()));
+    }, f), i.useEffect(() => {
+      if (u)
+        return n && (l.layersWithOutsidePointerEventsDisabled.size === 0 && (Ee = f.body.style.pointerEvents, f.body.style.pointerEvents = "none"), l.layersWithOutsidePointerEventsDisabled.add(u)), l.layers.add(u), xe(), () => {
+          n && l.layersWithOutsidePointerEventsDisabled.size === 1 && (f.body.style.pointerEvents = Ee);
+        };
+    }, [u, f, n, l]), i.useEffect(() => () => {
+      u && (l.layers.delete(u), l.layersWithOutsidePointerEventsDisabled.delete(u), xe());
+    }, [u, l]), i.useEffect(() => {
+      const P = () => p({});
+      return document.addEventListener(Q, P), () => document.removeEventListener(Q, P);
+    }, []), /* @__PURE__ */ v(
+      k.div,
+      T(m({}, a), {
+        ref: h,
+        style: m({
+          pointerEvents: b ? x ? "auto" : "none" : void 0
+        }, e.style),
+        onFocusCapture: D(e.onFocusCapture, A.onFocusCapture),
+        onBlurCapture: D(e.onBlurCapture, A.onBlurCapture),
+        onPointerDownCapture: D(
+          e.onPointerDownCapture,
+          O.onPointerDownCapture
+        )
+      })
+    );
+  }
+);
+Oe.displayName = Mt;
+var Ft = "DismissableLayerBranch", Ut = i.forwardRef((e, t) => {
+  const n = i.useContext(Ne), r = i.useRef(null), o = L(t, r);
+  return i.useEffect(() => {
+    const s = r.current;
+    if (s)
+      return n.branches.add(s), () => {
+        n.branches.delete(s);
+      };
+  }, [n.branches]), /* @__PURE__ */ v(k.div, T(m({}, e), { ref: o }));
+});
+Ut.displayName = Ft;
+function Wt(e, t = globalThis == null ? void 0 : globalThis.document) {
+  const n = te(e), r = i.useRef(!1), o = i.useRef(() => {
+  });
+  return i.useEffect(() => {
+    const s = (d) => {
+      if (d.target && !r.current) {
+        let a = function() {
+          De(
+            It,
+            n,
+            l,
+            { discrete: !0 }
+          );
+        };
+        const l = { originalEvent: d };
+        d.pointerType === "touch" ? (t.removeEventListener("click", o.current), o.current = a, t.addEventListener("click", o.current, { once: !0 })) : a();
+      } else
+        t.removeEventListener("click", o.current);
+      r.current = !1;
+    }, c = window.setTimeout(() => {
+      t.addEventListener("pointerdown", s);
+    }, 0);
+    return () => {
+      window.clearTimeout(c), t.removeEventListener("pointerdown", s), t.removeEventListener("click", o.current);
+    };
+  }, [t, n]), {
+    // ensures we check React component tree (not just DOM tree)
+    onPointerDownCapture: () => r.current = !0
+  };
+}
+function Bt(e, t = globalThis == null ? void 0 : globalThis.document) {
+  const n = te(e), r = i.useRef(!1);
+  return i.useEffect(() => {
+    const o = (s) => {
+      s.target && !r.current && De(kt, n, { originalEvent: s }, {
+        discrete: !1
+      });
+    };
+    return t.addEventListener("focusin", o), () => t.removeEventListener("focusin", o);
+  }, [t, n]), {
+    onFocusCapture: () => r.current = !0,
+    onBlurCapture: () => r.current = !1
+  };
+}
+function xe() {
+  const e = new CustomEvent(Q);
+  document.dispatchEvent(e);
+}
+function De(e, t, n, { discrete: r }) {
+  const o = n.originalEvent.target, s = new CustomEvent(e, { bubbles: !1, cancelable: !0, detail: n });
+  t && o.addEventListener(e, t, { once: !0 }), r ? ht(o, s) : o.dispatchEvent(s);
+}
+var ne = "Popper", [_e, Le] = Ae(ne), [Ht, Se] = _e(ne), Me = (e) => {
+  const { __scopePopper: t, children: n } = e, [r, o] = i.useState(null);
+  return /* @__PURE__ */ v(Ht, { scope: t, anchor: r, onAnchorChange: o, children: n });
+};
+Me.displayName = ne;
+var Ie = "PopperAnchor", ke = i.forwardRef(
+  (e, t) => {
+    const l = e, { __scopePopper: n, virtualRef: r } = l, o = R(l, ["__scopePopper", "virtualRef"]), s = Se(Ie, n), c = i.useRef(null), d = L(t, c), a = i.useRef(null);
+    return i.useEffect(() => {
+      const u = a.current;
+      a.current = (r == null ? void 0 : r.current) || c.current, u !== a.current && s.onAnchorChange(a.current);
+    }), r ? null : /* @__PURE__ */ v(k.div, T(m({}, o), { ref: d }));
+  }
+);
+ke.displayName = Ie;
+var re = "PopperContent", [$t, Yt] = _e(re), Fe = i.forwardRef(
+  (e, t) => {
+    var ue, de, fe, pe, he, me, ve, ye;
+    const le = e, {
+      __scopePopper: n,
+      side: r = "bottom",
+      sideOffset: o = 0,
+      align: s = "center",
+      alignOffset: c = 0,
+      arrowPadding: d = 0,
+      avoidCollisions: a = !0,
+      collisionBoundary: l = [],
+      collisionPadding: u = 0,
+      sticky: y = "partial",
+      hideWhenDetached: f = !1,
+      updatePositionStrategy: p = "optimized",
+      onPlaced: h
+    } = le, g = R(le, [
+      "__scopePopper",
+      "side",
+      "sideOffset",
+      "align",
+      "alignOffset",
+      "arrowPadding",
+      "avoidCollisions",
+      "collisionBoundary",
+      "collisionPadding",
+      "sticky",
+      "hideWhenDetached",
+      "updatePositionStrategy",
+      "onPlaced"
+    ]), w = Se(re, n), [C, E] = i.useState(null), b = L(t, (B) => E(B)), [x, O] = i.useState(null), A = Nt(x), _ = (ue = A == null ? void 0 : A.width) != null ? ue : 0, F = (de = A == null ? void 0 : A.height) != null ? de : 0, P = r + (s !== "center" ? "-" + s : ""), S = typeof u == "number" ? u : m({ top: 0, right: 0, bottom: 0, left: 0 }, u), U = Array.isArray(l) ? l : [l], W = U.length > 0, Y = {
+      padding: S,
+      boundary: U.filter(zt),
+      // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
+      altBoundary: W
+    }, { refs: Je, floatingStyles: ae, placement: et, isPositioned: j, middlewareData: M } = gt({
+      // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
+      strategy: "fixed",
+      placement: P,
+      whileElementsMounted: (...B) => At(...B, {
+        animationFrame: p === "always"
+      }),
+      elements: {
+        reference: w.anchor
+      },
+      middleware: [
+        wt({ mainAxis: o + F, alignmentAxis: c }),
+        a && Tt(m({
+          mainAxis: !0,
+          crossAxis: !1,
+          limiter: y === "partial" ? bt() : void 0
+        }, Y)),
+        a && Pt(m({}, Y)),
+        Ct(T(m({}, Y), {
+          apply: ({ elements: B, rects: ge, availableWidth: at, availableHeight: ct }) => {
+            const { width: lt, height: ut } = ge.reference, G = B.floating.style;
+            G.setProperty("--radix-popper-available-width", `${at}px`), G.setProperty("--radix-popper-available-height", `${ct}px`), G.setProperty("--radix-popper-anchor-width", `${lt}px`), G.setProperty("--radix-popper-anchor-height", `${ut}px`);
+          }
+        })),
+        x && Et({ element: x, padding: d }),
+        Gt({ arrowWidth: _, arrowHeight: F }),
+        f && xt(m({ strategy: "referenceHidden" }, Y))
+      ]
+    }), [ce, tt] = Be(et), z = te(h);
+    q(() => {
+      j && (z == null || z());
+    }, [j, z]);
+    const nt = (fe = M.arrow) == null ? void 0 : fe.x, rt = (pe = M.arrow) == null ? void 0 : pe.y, ot = ((he = M.arrow) == null ? void 0 : he.centerOffset) !== 0, [st, it] = i.useState();
+    return q(() => {
+      C && it(window.getComputedStyle(C).zIndex);
+    }, [C]), /* @__PURE__ */ v(
+      "div",
+      {
+        ref: Je.setFloating,
+        "data-radix-popper-content-wrapper": "",
+        style: m(T(m({}, ae), {
+          transform: j ? ae.transform : "translate(0, -200%)",
+          // keep off the page when measuring
+          minWidth: "max-content",
+          zIndex: st,
+          "--radix-popper-transform-origin": [
+            (me = M.transformOrigin) == null ? void 0 : me.x,
+            (ve = M.transformOrigin) == null ? void 0 : ve.y
+          ].join(" ")
+        }), ((ye = M.hide) == null ? void 0 : ye.referenceHidden) && {
+          visibility: "hidden",
+          pointerEvents: "none"
+        }),
+        dir: e.dir,
+        children: /* @__PURE__ */ v(
+          $t,
+          {
+            scope: n,
+            placedSide: ce,
+            onArrowChange: O,
+            arrowX: nt,
+            arrowY: rt,
+            shouldHideArrow: ot,
+            children: /* @__PURE__ */ v(
+              k.div,
+              T(m({
+                "data-side": ce,
+                "data-align": tt
+              }, g), {
+                ref: b,
+                style: T(m({}, g.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: j ? void 0 : "none"
+                })
+              })
+            )
+          }
+        )
+      }
+    );
+  }
+);
+Fe.displayName = re;
+var Ue = "PopperArrow", jt = {
+  top: "bottom",
+  right: "left",
+  bottom: "top",
+  left: "right"
+}, We = i.forwardRef(function(t, n) {
+  const d = t, { __scopePopper: r } = d, o = R(d, ["__scopePopper"]), s = Yt(Ue, r), c = jt[s.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__ */ v(
+      "span",
+      {
+        ref: s.onArrowChange,
+        style: {
+          position: "absolute",
+          left: s.arrowX,
+          top: s.arrowY,
+          [c]: 0,
+          transformOrigin: {
+            top: "",
+            right: "0 0",
+            bottom: "center 0",
+            left: "100% 0"
+          }[s.placedSide],
+          transform: {
+            top: "translateY(100%)",
+            right: "translateY(50%) rotate(90deg) translateX(-50%)",
+            bottom: "rotate(180deg)",
+            left: "translateY(50%) rotate(-90deg) translateX(50%)"
+          }[s.placedSide],
+          visibility: s.shouldHideArrow ? "hidden" : void 0
+        },
+        children: /* @__PURE__ */ v(
+          yt,
+          T(m({}, o), {
+            ref: n,
+            style: T(m({}, o.style), {
+              // ensures the element can be measured correctly (mostly for if SVG)
+              display: "block"
+            })
+          })
+        )
+      }
+    )
+  );
+});
+We.displayName = Ue;
+function zt(e) {
+  return e !== null;
+}
+var Gt = (e) => ({
+  name: "transformOrigin",
+  options: e,
+  fn(t) {
+    var w, C, E, b, x;
+    const { placement: n, rects: r, middlewareData: o } = t, c = ((w = o.arrow) == null ? void 0 : w.centerOffset) !== 0, d = c ? 0 : e.arrowWidth, a = c ? 0 : e.arrowHeight, [l, u] = Be(n), y = { start: "0%", center: "50%", end: "100%" }[u], f = ((E = (C = o.arrow) == null ? void 0 : C.x) != null ? E : 0) + d / 2, p = ((x = (b = o.arrow) == null ? void 0 : b.y) != null ? x : 0) + a / 2;
+    let h = "", g = "";
+    return l === "bottom" ? (h = c ? y : `${f}px`, g = `${-a}px`) : l === "top" ? (h = c ? y : `${f}px`, g = `${r.floating.height + a}px`) : l === "right" ? (h = `${-a}px`, g = c ? y : `${p}px`) : l === "left" && (h = `${r.floating.width + a}px`, g = c ? y : `${p}px`), { data: { x: h, y: g } };
+  }
+});
+function Be(e) {
+  const [t, n = "center"] = e.split("-");
+  return [t, n];
+}
+var Vt = Me, Xt = ke, qt = Fe, Zt = We;
+function Kt(e, t) {
+  return i.useReducer((n, r) => {
+    const o = t[n][r];
+    return o != null ? o : n;
+  }, e);
+}
+var oe = (e) => {
+  const { present: t, children: n } = e, r = Qt(t), o = typeof n == "function" ? n({ present: r.isPresent }) : i.Children.only(n), s = L(r.ref, Jt(o));
+  return typeof n == "function" || r.isPresent ? i.cloneElement(o, { ref: s }) : null;
+};
+oe.displayName = "Presence";
+function Qt(e) {
+  const [t, n] = i.useState(), r = i.useRef(null), o = i.useRef(e), s = i.useRef("none"), c = e ? "mounted" : "unmounted", [d, a] = Kt(c, {
+    mounted: {
+      UNMOUNT: "unmounted",
+      ANIMATION_OUT: "unmountSuspended"
+    },
+    unmountSuspended: {
+      MOUNT: "mounted",
+      ANIMATION_END: "unmounted"
+    },
+    unmounted: {
+      MOUNT: "mounted"
+    }
+  });
+  return i.useEffect(() => {
+    const l = X(r.current);
+    s.current = d === "mounted" ? l : "none";
+  }, [d]), q(() => {
+    const l = r.current, u = o.current;
+    if (u !== e) {
+      const f = s.current, p = X(l);
+      e ? a("MOUNT") : p === "none" || (l == null ? void 0 : l.display) === "none" ? a("UNMOUNT") : a(u && f !== p ? "ANIMATION_OUT" : "UNMOUNT"), o.current = e;
+    }
+  }, [e, a]), q(() => {
+    var l;
+    if (t) {
+      let u;
+      const y = (l = t.ownerDocument.defaultView) != null ? l : window, f = (h) => {
+        const w = X(r.current).includes(CSS.escape(h.animationName));
+        if (h.target === t && w && (a("ANIMATION_END"), !o.current)) {
+          const C = t.style.animationFillMode;
+          t.style.animationFillMode = "forwards", u = y.setTimeout(() => {
+            t.style.animationFillMode === "forwards" && (t.style.animationFillMode = C);
+          });
+        }
+      }, p = (h) => {
+        h.target === t && (s.current = X(r.current));
+      };
+      return t.addEventListener("animationstart", p), t.addEventListener("animationcancel", f), t.addEventListener("animationend", f), () => {
+        y.clearTimeout(u), t.removeEventListener("animationstart", p), t.removeEventListener("animationcancel", f), t.removeEventListener("animationend", f);
+      };
+    } else
+      a("ANIMATION_END");
+  }, [t, a]), {
+    isPresent: ["mounted", "unmountSuspended"].includes(d),
+    ref: i.useCallback((l) => {
+      r.current = l ? getComputedStyle(l) : null, n(l);
+    }, [])
+  };
+}
+function X(e) {
+  return (e == null ? void 0 : e.animationName) || "none";
+}
+function Jt(e) {
+  var r, o;
+  let t = (r = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : r.get, n = t && "isReactWarning" in t && t.isReactWarning;
+  return n ? e.ref : (t = (o = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : o.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
+}
+var [Z, Wn] = Ae("Tooltip", [
+  Le
+]), K = Le(), He = "TooltipProvider", en = 700, J = "tooltip.open", [tn, se] = Z(He), $e = (e) => {
+  const {
+    __scopeTooltip: t,
+    delayDuration: n = en,
+    skipDelayDuration: r = 300,
+    disableHoverableContent: o = !1,
+    children: s
+  } = e, c = i.useRef(!0), d = i.useRef(!1), a = i.useRef(0);
+  return i.useEffect(() => {
+    const l = a.current;
+    return () => window.clearTimeout(l);
+  }, []), /* @__PURE__ */ v(
+    tn,
+    {
+      scope: t,
+      isOpenDelayedRef: c,
+      delayDuration: n,
+      onOpen: i.useCallback(() => {
+        window.clearTimeout(a.current), c.current = !1;
+      }, []),
+      onClose: i.useCallback(() => {
+        window.clearTimeout(a.current), a.current = window.setTimeout(
+          () => c.current = !0,
+          r
+        );
+      }, [r]),
+      isPointerInTransitRef: d,
+      onPointerInTransitChange: i.useCallback((l) => {
+        d.current = l;
+      }, []),
+      disableHoverableContent: o,
+      children: s
+    }
+  );
+};
+$e.displayName = He;
+var H = "Tooltip", [nn, $] = Z(H), Ye = (e) => {
+  const {
+    __scopeTooltip: t,
+    children: n,
+    open: r,
+    defaultOpen: o,
+    onOpenChange: s,
+    disableHoverableContent: c,
+    delayDuration: d
+  } = e, a = se(H, e.__scopeTooltip), l = K(t), [u, y] = i.useState(null), f = vt(), p = i.useRef(0), h = c != null ? c : a.disableHoverableContent, g = d != null ? d : a.delayDuration, w = i.useRef(!1), [C, E] = Dt({
+    prop: r,
+    defaultProp: o != null ? o : !1,
+    onChange: (_) => {
+      _ ? (a.onOpen(), document.dispatchEvent(new CustomEvent(J))) : a.onClose(), s == null || s(_);
+    },
+    caller: H
+  }), b = i.useMemo(() => C ? w.current ? "delayed-open" : "instant-open" : "closed", [C]), x = i.useCallback(() => {
+    window.clearTimeout(p.current), p.current = 0, w.current = !1, E(!0);
+  }, [E]), O = i.useCallback(() => {
+    window.clearTimeout(p.current), p.current = 0, E(!1);
+  }, [E]), A = i.useCallback(() => {
+    window.clearTimeout(p.current), p.current = window.setTimeout(() => {
+      w.current = !0, E(!0), p.current = 0;
+    }, g);
+  }, [g, E]);
+  return i.useEffect(() => () => {
+    p.current && (window.clearTimeout(p.current), p.current = 0);
+  }, []), /* @__PURE__ */ v(Vt, T(m({}, l), { children: /* @__PURE__ */ v(
+    nn,
+    {
+      scope: t,
+      contentId: f,
+      open: C,
+      stateAttribute: b,
+      trigger: u,
+      onTriggerChange: y,
+      onTriggerEnter: i.useCallback(() => {
+        a.isOpenDelayedRef.current ? A() : x();
+      }, [a.isOpenDelayedRef, A, x]),
+      onTriggerLeave: i.useCallback(() => {
+        h ? O() : (window.clearTimeout(p.current), p.current = 0);
+      }, [O, h]),
+      onOpen: x,
+      onClose: O,
+      disableHoverableContent: h,
+      children: n
+    }
+  ) }));
+};
+Ye.displayName = H;
+var ee = "TooltipTrigger", je = i.forwardRef(
+  (e, t) => {
+    const f = e, { __scopeTooltip: n } = f, r = R(f, ["__scopeTooltip"]), o = $(ee, n), s = se(ee, n), c = K(n), d = i.useRef(null), a = L(t, d, o.onTriggerChange), l = i.useRef(!1), u = i.useRef(!1), y = i.useCallback(() => l.current = !1, []);
+    return i.useEffect(() => () => document.removeEventListener("pointerup", y), [y]), /* @__PURE__ */ v(Xt, T(m({ asChild: !0 }, c), { children: /* @__PURE__ */ v(
+      k.button,
+      T(m({
+        "aria-describedby": o.open ? o.contentId : void 0,
+        "data-state": o.stateAttribute
+      }, r), {
+        ref: a,
+        onPointerMove: D(e.onPointerMove, (p) => {
+          p.pointerType !== "touch" && !u.current && !s.isPointerInTransitRef.current && (o.onTriggerEnter(), u.current = !0);
+        }),
+        onPointerLeave: D(e.onPointerLeave, () => {
+          o.onTriggerLeave(), u.current = !1;
+        }),
+        onPointerDown: D(e.onPointerDown, () => {
+          o.open && o.onClose(), l.current = !0, document.addEventListener("pointerup", y, { once: !0 });
+        }),
+        onFocus: D(e.onFocus, () => {
+          l.current || o.onOpen();
+        }),
+        onBlur: D(e.onBlur, o.onClose),
+        onClick: D(e.onClick, o.onClose)
+      })
+    ) }));
+  }
+);
+je.displayName = ee;
+var ie = "TooltipPortal", [rn, on] = Z(ie, {
+  forceMount: void 0
+}), ze = (e) => {
+  const { __scopeTooltip: t, forceMount: n, children: r, container: o } = e, s = $(ie, t);
+  return /* @__PURE__ */ v(rn, { scope: t, forceMount: n, children: /* @__PURE__ */ v(oe, { present: n || s.open, children: /* @__PURE__ */ v(Rt, { asChild: !0, container: o, children: r }) }) });
+};
+ze.displayName = ie;
+var I = "TooltipContent", Ge = i.forwardRef(
+  (e, t) => {
+    const n = on(I, e.__scopeTooltip), d = e, { forceMount: r = n.forceMount, side: o = "top" } = d, s = R(d, ["forceMount", "side"]), c = $(I, e.__scopeTooltip);
+    return /* @__PURE__ */ v(oe, { present: r || c.open, children: c.disableHoverableContent ? /* @__PURE__ */ v(Ve, T(m({ side: o }, s), { ref: t })) : /* @__PURE__ */ v(sn, T(m({ side: o }, s), { ref: t })) });
+  }
+), sn = i.forwardRef((e, t) => {
+  const n = $(I, e.__scopeTooltip), r = se(I, e.__scopeTooltip), o = i.useRef(null), s = L(t, o), [c, d] = i.useState(null), { trigger: a, onClose: l } = n, u = o.current, { onPointerInTransitChange: y } = r, f = i.useCallback(() => {
+    d(null), y(!1);
+  }, [y]), p = i.useCallback(
+    (h, g) => {
+      const w = h.currentTarget, C = { x: h.clientX, y: h.clientY }, E = un(C, w.getBoundingClientRect()), b = dn(C, E), x = fn(g.getBoundingClientRect()), O = hn([...b, ...x]);
+      d(O), y(!0);
+    },
+    [y]
+  );
+  return i.useEffect(() => () => f(), [f]), i.useEffect(() => {
+    if (a && u) {
+      const h = (w) => p(w, u), g = (w) => p(w, a);
+      return a.addEventListener("pointerleave", h), u.addEventListener("pointerleave", g), () => {
+        a.removeEventListener("pointerleave", h), u.removeEventListener("pointerleave", g);
+      };
+    }
+  }, [a, u, p, f]), i.useEffect(() => {
+    if (c) {
+      const h = (g) => {
+        const w = g.target, C = { x: g.clientX, y: g.clientY }, E = (a == null ? void 0 : a.contains(w)) || (u == null ? void 0 : u.contains(w)), b = !pn(C, c);
+        E ? f() : b && (f(), l());
+      };
+      return document.addEventListener("pointermove", h), () => document.removeEventListener("pointermove", h);
+    }
+  }, [a, u, c, l, f]), /* @__PURE__ */ v(Ve, T(m({}, e), { ref: s }));
+}), [an, cn] = Z(H, { isInside: !1 }), ln = Ot("TooltipContent"), Ve = i.forwardRef(
+  (e, t) => {
+    const y = e, {
+      __scopeTooltip: n,
+      children: r,
+      "aria-label": o,
+      onEscapeKeyDown: s,
+      onPointerDownOutside: c
+    } = y, d = R(y, [
+      "__scopeTooltip",
+      "children",
+      "aria-label",
+      "onEscapeKeyDown",
+      "onPointerDownOutside"
+    ]), a = $(I, n), l = K(n), { onClose: u } = a;
+    return i.useEffect(() => (document.addEventListener(J, u), () => document.removeEventListener(J, u)), [u]), i.useEffect(() => {
+      if (a.trigger) {
+        const f = (p) => {
+          const h = p.target;
+          h != null && h.contains(a.trigger) && u();
+        };
+        return window.addEventListener("scroll", f, { capture: !0 }), () => window.removeEventListener("scroll", f, { capture: !0 });
+      }
+    }, [a.trigger, u]), /* @__PURE__ */ v(
+      Oe,
+      {
+        asChild: !0,
+        disableOutsidePointerEvents: !1,
+        onEscapeKeyDown: s,
+        onPointerDownOutside: c,
+        onFocusOutside: (f) => f.preventDefault(),
+        onDismiss: u,
+        children: /* @__PURE__ */ be(
+          qt,
+          T(m(m({
+            "data-state": a.stateAttribute
+          }, l), d), {
+            ref: t,
+            style: T(m({}, d.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__ */ v(ln, { children: r }),
+              /* @__PURE__ */ v(an, { scope: n, isInside: !0, children: /* @__PURE__ */ v(St, { id: a.contentId, role: "tooltip", children: o || r }) })
+            ]
+          })
+        )
+      }
+    );
+  }
+);
+Ge.displayName = I;
+var Xe = "TooltipArrow", qe = i.forwardRef(
+  (e, t) => {
+    const c = e, { __scopeTooltip: n } = c, r = R(c, ["__scopeTooltip"]), o = K(n);
+    return cn(
+      Xe,
+      n
+    ).isInside ? null : /* @__PURE__ */ v(Zt, T(m(m({}, o), r), { ref: t }));
+  }
+);
+qe.displayName = Xe;
+function un(e, t) {
+  const n = Math.abs(t.top - e.y), r = Math.abs(t.bottom - e.y), o = Math.abs(t.right - e.x), s = Math.abs(t.left - e.x);
+  switch (Math.min(n, r, o, s)) {
+    case s:
+      return "left";
+    case o:
+      return "right";
+    case n:
+      return "top";
+    case r:
+      return "bottom";
+    default:
+      throw new Error("unreachable");
+  }
+}
+function dn(e, t, n = 5) {
+  const r = [];
+  switch (t) {
+    case "top":
+      r.push(
+        { x: e.x - n, y: e.y + n },
+        { x: e.x + n, y: e.y + n }
+      );
+      break;
+    case "bottom":
+      r.push(
+        { x: e.x - n, y: e.y - n },
+        { x: e.x + n, y: e.y - n }
+      );
+      break;
+    case "left":
+      r.push(
+        { x: e.x + n, y: e.y - n },
+        { x: e.x + n, y: e.y + n }
+      );
+      break;
+    case "right":
+      r.push(
+        { x: e.x - n, y: e.y - n },
+        { x: e.x - n, y: e.y + n }
+      );
+      break;
+  }
+  return r;
+}
+function fn(e) {
+  const { top: t, right: n, bottom: r, left: o } = e;
+  return [
+    { x: o, y: t },
+    { x: n, y: t },
+    { x: n, y: r },
+    { x: o, y: r }
+  ];
+}
+function pn(e, t) {
+  const { x: n, y: r } = e;
+  let o = !1;
+  for (let s = 0, c = t.length - 1; s < t.length; c = s++) {
+    const d = t[s], a = t[c], l = d.x, u = d.y, y = a.x, f = a.y;
+    u > r != f > r && n < (y - l) * (r - u) / (f - u) + l && (o = !o);
+  }
+  return o;
+}
+function hn(e) {
+  const t = e.slice();
+  return t.sort((n, r) => n.x < r.x ? -1 : n.x > r.x ? 1 : n.y < r.y ? -1 : n.y > r.y ? 1 : 0), mn(t);
+}
+function mn(e) {
+  if (e.length <= 1) return e.slice();
+  const t = [];
+  for (let r = 0; r < e.length; r++) {
+    const o = e[r];
+    for (; t.length >= 2; ) {
+      const s = t[t.length - 1], c = t[t.length - 2];
+      if ((s.x - c.x) * (o.y - c.y) >= (s.y - c.y) * (o.x - c.x)) t.pop();
+      else break;
+    }
+    t.push(o);
+  }
+  t.pop();
+  const n = [];
+  for (let r = e.length - 1; r >= 0; r--) {
+    const o = e[r];
+    for (; n.length >= 2; ) {
+      const s = n[n.length - 1], c = n[n.length - 2];
+      if ((s.x - c.x) * (o.y - c.y) >= (s.y - c.y) * (o.x - c.x)) n.pop();
+      else break;
+    }
+    n.push(o);
+  }
+  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 vn = $e, yn = Ye, Ze = je, gn = ze, Ke = Ge, wn = qe;
+const Bn = vn, Tn = 120, Qe = N.createContext(null);
+function Pn() {
+  const [e, t] = N.useState(!1);
+  return N.useEffect(() => {
+    if (typeof window == "undefined") return;
+    const n = window.matchMedia("(hover: none), (pointer: coarse)"), r = () => {
+      t(n.matches || navigator.maxTouchPoints > 0);
+    };
+    return r(), n.addEventListener("change", r), () => n.removeEventListener("change", r);
+  }, []), e;
+}
+function Hn(o) {
+  var s = o, {
+    open: e,
+    defaultOpen: t,
+    onOpenChange: n
+  } = s, r = R(s, [
+    "open",
+    "defaultOpen",
+    "onOpenChange"
+  ]);
+  const [c, d] = N.useState(!!t), a = e !== void 0, l = a ? e : c, u = Pn(), y = N.useRef(0), f = N.useCallback(
+    (g) => {
+      a || d(g), n == null || n(g);
+    },
+    [a, n]
+  ), p = N.useCallback(
+    (g) => {
+      u && !g && Date.now() - y.current < Tn || f(g);
+    },
+    [u, f]
+  ), h = N.useCallback(() => {
+    y.current = Date.now(), f(!l);
+  }, [l, f]);
+  return /* @__PURE__ */ v(Qe.Provider, { value: { isTouchDevice: u, open: l, toggleByTouch: h }, children: /* @__PURE__ */ v(
+    yn,
+    m({
+      open: u ? l : e,
+      defaultOpen: u ? void 0 : t,
+      onOpenChange: u ? p : n
+    }, r)
+  ) });
+}
+const Cn = N.forwardRef((r, n) => {
+  var o = r, { onPointerDown: e } = o, t = R(o, ["onPointerDown"]);
+  const s = N.useContext(Qe);
+  return /* @__PURE__ */ v(Ze, m({ ref: n, onPointerDown: (d) => {
+    e == null || e(d), !d.defaultPrevented && s != null && s.isTouchDevice && d.pointerType === "touch" && s.toggleByTouch();
+  } }, t));
+});
+Cn.displayName = Ze.displayName;
+const En = N.forwardRef(
+  (d, c) => {
+    var a = d, {
+      className: e,
+      sideOffset: t = 6,
+      align: n = "center",
+      side: r = "top",
+      children: o
+    } = a, s = R(a, [
+      "className",
+      "sideOffset",
+      "align",
+      "side",
+      "children"
+    ]);
+    return /* @__PURE__ */ v(gn, { children: /* @__PURE__ */ be(
+      Ke,
+      T(m({
+        ref: c,
+        align: n,
+        side: r,
+        sideOffset: t,
+        className: Ce(
+          [
+            "font-graphik",
+            "z-58",
+            "max-w-80",
+            "rounded-xl",
+            "bg-spotlight-background",
+            "px-3 py-2",
+            "text-[13px] leading-5",
+            "text-primary-foreground",
+            "shadow-[0_8px_24px_rgba(0,0,0,0.18)]",
+            "select-none",
+            "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
+            "data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95",
+            "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+            "outline-none"
+          ],
+          e
+        )
+      }, s), {
+        children: [
+          o,
+          /* @__PURE__ */ v(
+            wn,
+            {
+              className: Ce("fill-spotlight-background"),
+              width: 10,
+              height: 5
+            }
+          )
+        ]
+      })
+    ) });
+  }
+);
+En.displayName = Ke.displayName;
+export {
+  Hn as T,
+  _t as V,
+  En as a,
+  Bn as b,
+  Cn as c
+};