@krosoft/react 0.0.77 → 0.0.79

package/dist/tooltip-DzQngJZK.js

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