@spear-ai/spectral 1.9.0 → 1.10.0

package/dist/Tooltip-D1K8kY1y.js

@@ -0,0 +1,389 @@
+import "./styles/main.css";
+import { a as e, d as t, l as n, r, s as i, t as a } from "./dist-7HRQ5IKN.js";
+import { t as o } from "./dist-Bft31cJh.js";
+import { t as s } from "./dist-Dtvmk11N.js";
+import { t as c } from "./twUtils-VNWgstKL.js";
+import { t as l } from "./dist-B4g6zpUF.js";
+import { n as u, t as d } from "./dist-B2k1iWFp.js";
+import { a as f, i as p, n as m, r as h, t as g } from "./dist-C0Hifjgh.js";
+import { t as _ } from "./dist-Bfjk-jx9.js";
+import * as v from "react";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+//#region node_modules/.pnpm/@radix-ui+react-tooltip@1.2.8_@types+react-dom@19.2.3_@types+react@19.2.14__@types+reac_f164644780a8f95ec4733d733b3b08bc/node_modules/@radix-ui/react-tooltip/dist/index.mjs
+var [x, S] = t("Tooltip", [f]), C = f(), w = "TooltipProvider", T = 700, E = "tooltip.open", [D, O] = x(w), k = (e) => {
+	let { __scopeTooltip: t, delayDuration: n = T, skipDelayDuration: r = 300, disableHoverableContent: i = !1, children: a } = e, o = v.useRef(!0), s = v.useRef(!1), c = v.useRef(0);
+	return v.useEffect(() => {
+		let e = c.current;
+		return () => window.clearTimeout(e);
+	}, []), /* @__PURE__ */ y(D, {
+		scope: t,
+		isOpenDelayedRef: o,
+		delayDuration: n,
+		onOpen: v.useCallback(() => {
+			window.clearTimeout(c.current), o.current = !1;
+		}, []),
+		onClose: v.useCallback(() => {
+			window.clearTimeout(c.current), c.current = window.setTimeout(() => o.current = !0, r);
+		}, [r]),
+		isPointerInTransitRef: s,
+		onPointerInTransitChange: v.useCallback((e) => {
+			s.current = e;
+		}, []),
+		disableHoverableContent: i,
+		children: a
+	});
+};
+k.displayName = w;
+var A = "Tooltip", [j, M] = x(A), N = (e) => {
+	let { __scopeTooltip: t, children: n, open: i, defaultOpen: a, onOpenChange: o, disableHoverableContent: c, delayDuration: l } = e, u = O(A, e.__scopeTooltip), d = C(t), [f, m] = v.useState(null), h = s(), g = v.useRef(0), _ = c ?? u.disableHoverableContent, b = l ?? u.delayDuration, x = v.useRef(!1), [S, w] = r({
+		prop: i,
+		defaultProp: a ?? !1,
+		onChange: (e) => {
+			e ? (u.onOpen(), document.dispatchEvent(new CustomEvent(E))) : u.onClose(), o?.(e);
+		},
+		caller: A
+	}), T = v.useMemo(() => S ? x.current ? "delayed-open" : "instant-open" : "closed", [S]), D = v.useCallback(() => {
+		window.clearTimeout(g.current), g.current = 0, x.current = !1, w(!0);
+	}, [w]), k = v.useCallback(() => {
+		window.clearTimeout(g.current), g.current = 0, w(!1);
+	}, [w]), M = v.useCallback(() => {
+		window.clearTimeout(g.current), g.current = window.setTimeout(() => {
+			x.current = !0, w(!0), g.current = 0;
+		}, b);
+	}, [b, w]);
+	return v.useEffect(() => () => {
+		g.current &&= (window.clearTimeout(g.current), 0);
+	}, []), /* @__PURE__ */ y(p, {
+		...d,
+		children: /* @__PURE__ */ y(j, {
+			scope: t,
+			contentId: h,
+			open: S,
+			stateAttribute: T,
+			trigger: f,
+			onTriggerChange: m,
+			onTriggerEnter: v.useCallback(() => {
+				u.isOpenDelayedRef.current ? M() : D();
+			}, [
+				u.isOpenDelayedRef,
+				M,
+				D
+			]),
+			onTriggerLeave: v.useCallback(() => {
+				_ ? k() : (window.clearTimeout(g.current), g.current = 0);
+			}, [k, _]),
+			onOpen: D,
+			onClose: k,
+			disableHoverableContent: _,
+			children: n
+		})
+	});
+};
+N.displayName = A;
+var P = "TooltipTrigger", F = v.forwardRef((t, r) => {
+	let { __scopeTooltip: i, ...o } = t, s = M(P, i), c = O(P, i), l = C(i), u = n(r, v.useRef(null), s.onTriggerChange), d = v.useRef(!1), f = v.useRef(!1), p = v.useCallback(() => d.current = !1, []);
+	return v.useEffect(() => () => document.removeEventListener("pointerup", p), [p]), /* @__PURE__ */ y(g, {
+		asChild: !0,
+		...l,
+		children: /* @__PURE__ */ y(a.button, {
+			"aria-describedby": s.open ? s.contentId : void 0,
+			"data-state": s.stateAttribute,
+			...o,
+			ref: u,
+			onPointerMove: e(t.onPointerMove, (e) => {
+				e.pointerType !== "touch" && !f.current && !c.isPointerInTransitRef.current && (s.onTriggerEnter(), f.current = !0);
+			}),
+			onPointerLeave: e(t.onPointerLeave, () => {
+				s.onTriggerLeave(), f.current = !1;
+			}),
+			onPointerDown: e(t.onPointerDown, () => {
+				s.open && s.onClose(), d.current = !0, document.addEventListener("pointerup", p, { once: !0 });
+			}),
+			onFocus: e(t.onFocus, () => {
+				d.current || s.onOpen();
+			}),
+			onBlur: e(t.onBlur, s.onClose),
+			onClick: e(t.onClick, s.onClose)
+		})
+	});
+});
+F.displayName = P;
+var I = "TooltipPortal", [L, R] = x(I, { forceMount: void 0 }), z = (e) => {
+	let { __scopeTooltip: t, forceMount: n, children: r, container: i } = e, a = M(I, t);
+	return /* @__PURE__ */ y(L, {
+		scope: t,
+		forceMount: n,
+		children: /* @__PURE__ */ y(o, {
+			present: n || a.open,
+			children: /* @__PURE__ */ y(d, {
+				asChild: !0,
+				container: i,
+				children: r
+			})
+		})
+	});
+};
+z.displayName = I;
+var B = "TooltipContent", V = v.forwardRef((e, t) => {
+	let n = R(B, e.__scopeTooltip), { forceMount: r = n.forceMount, side: i = "top", ...a } = e, s = M(B, e.__scopeTooltip);
+	return /* @__PURE__ */ y(o, {
+		present: r || s.open,
+		children: s.disableHoverableContent ? /* @__PURE__ */ y(W, {
+			side: i,
+			...a,
+			ref: t
+		}) : /* @__PURE__ */ y(ee, {
+			side: i,
+			...a,
+			ref: t
+		})
+	});
+}), ee = v.forwardRef((e, t) => {
+	let r = M(B, e.__scopeTooltip), i = O(B, e.__scopeTooltip), a = v.useRef(null), o = n(t, a), [s, c] = v.useState(null), { trigger: l, onClose: u } = r, d = a.current, { onPointerInTransitChange: f } = i, p = v.useCallback(() => {
+		c(null), f(!1);
+	}, [f]), m = v.useCallback((e, t) => {
+		let n = e.currentTarget, r = {
+			x: e.clientX,
+			y: e.clientY
+		}, i = J(r, q(r, n.getBoundingClientRect())), a = Y(t.getBoundingClientRect());
+		c(Z([...i, ...a])), f(!0);
+	}, [f]);
+	return v.useEffect(() => () => p(), [p]), v.useEffect(() => {
+		if (l && d) {
+			let e = (e) => m(e, d), t = (e) => m(e, l);
+			return l.addEventListener("pointerleave", e), d.addEventListener("pointerleave", t), () => {
+				l.removeEventListener("pointerleave", e), d.removeEventListener("pointerleave", t);
+			};
+		}
+	}, [
+		l,
+		d,
+		m,
+		p
+	]), v.useEffect(() => {
+		if (s) {
+			let e = (e) => {
+				let t = e.target, n = {
+					x: e.clientX,
+					y: e.clientY
+				}, r = l?.contains(t) || d?.contains(t), i = !X(n, s);
+				r ? p() : i && (p(), u());
+			};
+			return document.addEventListener("pointermove", e), () => document.removeEventListener("pointermove", e);
+		}
+	}, [
+		l,
+		d,
+		s,
+		u,
+		p
+	]), /* @__PURE__ */ y(W, {
+		...e,
+		ref: o
+	});
+}), [te, H] = x(A, { isInside: !1 }), U = i("TooltipContent"), W = v.forwardRef((e, t) => {
+	let { __scopeTooltip: n, children: r, "aria-label": i, onEscapeKeyDown: a, onPointerDownOutside: o, ...s } = e, c = M(B, n), l = C(n), { onClose: d } = c;
+	return v.useEffect(() => (document.addEventListener(E, d), () => document.removeEventListener(E, d)), [d]), v.useEffect(() => {
+		if (c.trigger) {
+			let e = (e) => {
+				e.target?.contains(c.trigger) && d();
+			};
+			return window.addEventListener("scroll", e, { capture: !0 }), () => window.removeEventListener("scroll", e, { capture: !0 });
+		}
+	}, [c.trigger, d]), /* @__PURE__ */ y(u, {
+		asChild: !0,
+		disableOutsidePointerEvents: !1,
+		onEscapeKeyDown: a,
+		onPointerDownOutside: o,
+		onFocusOutside: (e) => e.preventDefault(),
+		onDismiss: d,
+		children: /* @__PURE__ */ b(h, {
+			"data-state": c.stateAttribute,
+			...l,
+			...s,
+			ref: t,
+			style: {
+				...s.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__ */ y(U, { children: r }), /* @__PURE__ */ y(te, {
+				scope: n,
+				isInside: !0,
+				children: /* @__PURE__ */ y(_, {
+					id: c.contentId,
+					role: "tooltip",
+					children: i || r
+				})
+			})]
+		})
+	});
+});
+V.displayName = B;
+var G = "TooltipArrow", K = v.forwardRef((e, t) => {
+	let { __scopeTooltip: n, ...r } = e, i = C(n);
+	return H(G, n).isInside ? null : /* @__PURE__ */ y(m, {
+		...i,
+		...r,
+		ref: t
+	});
+});
+K.displayName = G;
+function q(e, t) {
+	let n = Math.abs(t.top - e.y), r = Math.abs(t.bottom - e.y), i = Math.abs(t.right - e.x), a = Math.abs(t.left - e.x);
+	switch (Math.min(n, r, i, a)) {
+		case a: return "left";
+		case i: return "right";
+		case n: return "top";
+		case r: return "bottom";
+		default: throw Error("unreachable");
+	}
+}
+function J(e, t, n = 5) {
+	let 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 Y(e) {
+	let { top: t, right: n, bottom: r, left: i } = e;
+	return [
+		{
+			x: i,
+			y: t
+		},
+		{
+			x: n,
+			y: t
+		},
+		{
+			x: n,
+			y: r
+		},
+		{
+			x: i,
+			y: r
+		}
+	];
+}
+function X(e, t) {
+	let { x: n, y: r } = e, i = !1;
+	for (let e = 0, a = t.length - 1; e < t.length; a = e++) {
+		let o = t[e], s = t[a], c = o.x, l = o.y, u = s.x, d = s.y;
+		l > r != d > r && n < (u - c) * (r - l) / (d - l) + c && (i = !i);
+	}
+	return i;
+}
+function Z(e) {
+	let t = e.slice();
+	return t.sort((e, t) => e.x < t.x ? -1 : e.x > t.x ? 1 : e.y < t.y ? -1 : e.y > t.y ? 1 : 0), ne(t);
+}
+function ne(e) {
+	if (e.length <= 1) return e.slice();
+	let t = [];
+	for (let n = 0; n < e.length; n++) {
+		let r = e[n];
+		for (; t.length >= 2;) {
+			let e = t[t.length - 1], n = t[t.length - 2];
+			if ((e.x - n.x) * (r.y - n.y) >= (e.y - n.y) * (r.x - n.x)) t.pop();
+			else break;
+		}
+		t.push(r);
+	}
+	t.pop();
+	let n = [];
+	for (let t = e.length - 1; t >= 0; t--) {
+		let r = e[t];
+		for (; n.length >= 2;) {
+			let e = n[n.length - 1], t = n[n.length - 2];
+			if ((e.x - t.x) * (r.y - t.y) >= (e.y - t.y) * (r.x - t.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 re = k, ie = N, Q = F, ae = z, oe = V, se = K, $ = ({ delayDuration: e = 0, ...t }) => /* @__PURE__ */ y(re, {
+	"data-slot": "tooltip-provider",
+	delayDuration: e,
+	...t
+}), ce = ({ ...e }) => /* @__PURE__ */ y($, { children: /* @__PURE__ */ y(ie, {
+	"data-slot": "tooltip",
+	"data-testid": "spectral-tooltip",
+	...e
+}) }), le = ({ asChild: e, children: t, ...n }) => /* @__PURE__ */ y(Q, {
+	asChild: e,
+	className: "w-fit",
+	"data-slot": "tooltip-trigger",
+	"data-testid": "spectral-tooltip-trigger",
+	...n,
+	children: t
+}), ue = l("tooltip-effects rounded-md px-3 py-1.5 text-xs pointer-events-auto z-50 w-fit bg-tooltip-bg text-text-primary will-change-transform outline-none select-none motion-safe:data-[side=bottom]:slide-in-from-top-2 motion-safe:data-[side=left]:slide-in-from-right-2 motion-safe:data-[side=right]:slide-in-from-left-2 motion-safe:data-[side=top]:slide-in-from-bottom-2 motion-safe:data-[state=closed]:animate-out motion-safe:data-[state=closed]:fade-out-0 motion-safe:data-[state=closed]:zoom-out-95 motion-safe:data-[state=open]:animate-in motion-safe:data-[state=open]:fade-in-0 motion-safe:data-[state=open]:zoom-in-95", {
+	variants: { variant: {
+		default: "",
+		outline: "border-2 border-tooltip-outline-border"
+	} },
+	defaultVariants: { variant: "default" }
+}), de = l("size-2.5 z-[-1] rotate-45 rounded-[2px] bg-tooltip-arrow fill-tooltip-arrow", {
+	variants: { variant: {
+		default: "-translate-y-[calc(50%+1px)]",
+		outline: "-translate-y-[calc(50%-1.5px)] border-2 border-t-0 border-l-0 border-tooltip-outline-arrow"
+	} },
+	defaultVariants: { variant: "default" }
+}), fe = ({ children: e, className: t, showArrow: n = !1, side: r, sideOffset: i = 0, variant: a = "default", ...o }) => /* @__PURE__ */ y(ae, {
+	"data-testid": "spectral-tooltip-portal",
+	"data-slot": "tooltip-portal",
+	children: /* @__PURE__ */ b(oe, {
+		className: c(ue({ variant: a }), t),
+		"data-slot": "tooltip-content",
+		"data-testid": "spectral-tooltip-content",
+		side: r,
+		sideOffset: i,
+		...o,
+		children: [e, n && /* @__PURE__ */ y(se, {
+			className: c(de({ variant: a })),
+			height: 8
+		})]
+	})
+});
+//#endregion
+export { le as i, fe as n, $ as r, ce as t };