@countermeasure-platform/web-components 0.2.0

package/dist/scroll-area-DSx2nCB7.js

@@ -0,0 +1,528 @@
+import { n as e } from "./dist-BOvRuqYp.js";
+import { t } from "./utils-B7XIe3qq.js";
+import { a as n, o as r, r as i, t as a } from "./dist-CuA1lYwd.js";
+import { t as o } from "./dist-CuEY-E_Y.js";
+import { t as s } from "./dist-DLCJ6BjJ.js";
+import { t as c } from "./dist-hG2PgpV-2.js";
+import { t as l } from "./dist-BmxbWOAj.js";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+import * as p from "react";
+//#region node_modules/@radix-ui/react-scroll-area/dist/index.mjs
+function m(e, t) {
+	return p.useReducer((e, n) => t[e][n] ?? e, e);
+}
+var h = "ScrollArea", [g, _] = n(h), [v, y] = g(h), b = p.forwardRef((t, n) => {
+	let { __scopeScrollArea: r, type: i = "hover", dir: o, scrollHideDelay: s = 600, ...l } = t, [u, f] = p.useState(null), [m, h] = p.useState(null), [g, _] = p.useState(null), [y, b] = p.useState(null), [x, S] = p.useState(null), [C, w] = p.useState(0), [T, E] = p.useState(0), [D, O] = p.useState(!1), [k, A] = p.useState(!1), j = e(n, (e) => f(e)), M = c(o);
+	return /* @__PURE__ */ d(v, {
+		scope: r,
+		type: i,
+		dir: M,
+		scrollHideDelay: s,
+		scrollArea: u,
+		viewport: m,
+		onViewportChange: h,
+		content: g,
+		onContentChange: _,
+		scrollbarX: y,
+		onScrollbarXChange: b,
+		scrollbarXEnabled: D,
+		onScrollbarXEnabledChange: O,
+		scrollbarY: x,
+		onScrollbarYChange: S,
+		scrollbarYEnabled: k,
+		onScrollbarYEnabledChange: A,
+		onCornerWidthChange: w,
+		onCornerHeightChange: E,
+		children: /* @__PURE__ */ d(a.div, {
+			dir: M,
+			...l,
+			ref: j,
+			style: {
+				position: "relative",
+				"--radix-scroll-area-corner-width": C + "px",
+				"--radix-scroll-area-corner-height": T + "px",
+				...t.style
+			}
+		})
+	});
+});
+b.displayName = h;
+var x = "ScrollAreaViewport", S = p.forwardRef((t, n) => {
+	let { __scopeScrollArea: r, children: i, nonce: o, ...s } = t, c = y(x, r), l = e(n, p.useRef(null), c.onViewportChange);
+	return /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("style", {
+		dangerouslySetInnerHTML: { __html: "[data-radix-scroll-area-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-scroll-area-viewport]::-webkit-scrollbar{display:none}" },
+		nonce: o
+	}), /* @__PURE__ */ d(a.div, {
+		"data-radix-scroll-area-viewport": "",
+		...s,
+		ref: l,
+		style: {
+			overflowX: c.scrollbarXEnabled ? "scroll" : "hidden",
+			overflowY: c.scrollbarYEnabled ? "scroll" : "hidden",
+			...t.style
+		},
+		children: /* @__PURE__ */ d("div", {
+			ref: c.onContentChange,
+			style: {
+				minWidth: "100%",
+				display: "table"
+			},
+			children: i
+		})
+	})] });
+});
+S.displayName = x;
+var C = "ScrollAreaScrollbar", w = p.forwardRef((e, t) => {
+	let { forceMount: n, ...r } = e, i = y(C, e.__scopeScrollArea), { onScrollbarXEnabledChange: a, onScrollbarYEnabledChange: o } = i, s = e.orientation === "horizontal";
+	return p.useEffect(() => (s ? a(!0) : o(!0), () => {
+		s ? a(!1) : o(!1);
+	}), [
+		s,
+		a,
+		o
+	]), i.type === "hover" ? /* @__PURE__ */ d(T, {
+		...r,
+		ref: t,
+		forceMount: n
+	}) : i.type === "scroll" ? /* @__PURE__ */ d(E, {
+		...r,
+		ref: t,
+		forceMount: n
+	}) : i.type === "auto" ? /* @__PURE__ */ d(D, {
+		...r,
+		ref: t,
+		forceMount: n
+	}) : i.type === "always" ? /* @__PURE__ */ d(O, {
+		...r,
+		ref: t
+	}) : null;
+});
+w.displayName = C;
+var T = p.forwardRef((e, t) => {
+	let { forceMount: n, ...r } = e, i = y(C, e.__scopeScrollArea), [a, o] = p.useState(!1);
+	return p.useEffect(() => {
+		let e = i.scrollArea, t = 0;
+		if (e) {
+			let n = () => {
+				window.clearTimeout(t), o(!0);
+			}, r = () => {
+				t = window.setTimeout(() => o(!1), i.scrollHideDelay);
+			};
+			return e.addEventListener("pointerenter", n), e.addEventListener("pointerleave", r), () => {
+				window.clearTimeout(t), e.removeEventListener("pointerenter", n), e.removeEventListener("pointerleave", r);
+			};
+		}
+	}, [i.scrollArea, i.scrollHideDelay]), /* @__PURE__ */ d(s, {
+		present: n || a,
+		children: /* @__PURE__ */ d(D, {
+			"data-state": a ? "visible" : "hidden",
+			...r,
+			ref: t
+		})
+	});
+}), E = p.forwardRef((e, t) => {
+	let { forceMount: n, ...i } = e, a = y(C, e.__scopeScrollArea), o = e.orientation === "horizontal", c = J(() => u("SCROLL_END"), 100), [l, u] = m("hidden", {
+		hidden: { SCROLL: "scrolling" },
+		scrolling: {
+			SCROLL_END: "idle",
+			POINTER_ENTER: "interacting"
+		},
+		interacting: {
+			SCROLL: "interacting",
+			POINTER_LEAVE: "idle"
+		},
+		idle: {
+			HIDE: "hidden",
+			SCROLL: "scrolling",
+			POINTER_ENTER: "interacting"
+		}
+	});
+	return p.useEffect(() => {
+		if (l === "idle") {
+			let e = window.setTimeout(() => u("HIDE"), a.scrollHideDelay);
+			return () => window.clearTimeout(e);
+		}
+	}, [
+		l,
+		a.scrollHideDelay,
+		u
+	]), p.useEffect(() => {
+		let e = a.viewport, t = o ? "scrollLeft" : "scrollTop";
+		if (e) {
+			let n = e[t], r = () => {
+				let r = e[t];
+				n !== r && (u("SCROLL"), c()), n = r;
+			};
+			return e.addEventListener("scroll", r), () => e.removeEventListener("scroll", r);
+		}
+	}, [
+		a.viewport,
+		o,
+		u,
+		c
+	]), /* @__PURE__ */ d(s, {
+		present: n || l !== "hidden",
+		children: /* @__PURE__ */ d(O, {
+			"data-state": l === "hidden" ? "hidden" : "visible",
+			...i,
+			ref: t,
+			onPointerEnter: r(e.onPointerEnter, () => u("POINTER_ENTER")),
+			onPointerLeave: r(e.onPointerLeave, () => u("POINTER_LEAVE"))
+		})
+	});
+}), D = p.forwardRef((e, t) => {
+	let n = y(C, e.__scopeScrollArea), { forceMount: r, ...i } = e, [a, o] = p.useState(!1), c = e.orientation === "horizontal", l = J(() => {
+		if (n.viewport) {
+			let e = n.viewport.offsetWidth < n.viewport.scrollWidth, t = n.viewport.offsetHeight < n.viewport.scrollHeight;
+			o(c ? e : t);
+		}
+	}, 10);
+	return Y(n.viewport, l), Y(n.content, l), /* @__PURE__ */ d(s, {
+		present: r || a,
+		children: /* @__PURE__ */ d(O, {
+			"data-state": a ? "visible" : "hidden",
+			...i,
+			ref: t
+		})
+	});
+}), O = p.forwardRef((e, t) => {
+	let { orientation: n = "vertical", ...r } = e, i = y(C, e.__scopeScrollArea), a = p.useRef(null), o = p.useRef(0), [s, c] = p.useState({
+		content: 0,
+		viewport: 0,
+		scrollbar: {
+			size: 0,
+			paddingStart: 0,
+			paddingEnd: 0
+		}
+	}), l = V(s.viewport, s.content), u = {
+		...r,
+		sizes: s,
+		onSizesChange: c,
+		hasThumb: l > 0 && l < 1,
+		onThumbChange: (e) => a.current = e,
+		onThumbPointerUp: () => o.current = 0,
+		onThumbPointerDown: (e) => o.current = e
+	};
+	function f(e, t) {
+		return U(e, o.current, s, t);
+	}
+	return n === "horizontal" ? /* @__PURE__ */ d(k, {
+		...u,
+		ref: t,
+		onThumbPositionChange: () => {
+			if (i.viewport && a.current) {
+				let e = i.viewport.scrollLeft, t = W(e, s, i.dir);
+				a.current.style.transform = `translate3d(${t}px, 0, 0)`;
+			}
+		},
+		onWheelScroll: (e) => {
+			i.viewport && (i.viewport.scrollLeft = e);
+		},
+		onDragScroll: (e) => {
+			i.viewport && (i.viewport.scrollLeft = f(e, i.dir));
+		}
+	}) : n === "vertical" ? /* @__PURE__ */ d(A, {
+		...u,
+		ref: t,
+		onThumbPositionChange: () => {
+			if (i.viewport && a.current) {
+				let e = i.viewport.scrollTop, t = W(e, s);
+				a.current.style.transform = `translate3d(0, ${t}px, 0)`;
+			}
+		},
+		onWheelScroll: (e) => {
+			i.viewport && (i.viewport.scrollTop = e);
+		},
+		onDragScroll: (e) => {
+			i.viewport && (i.viewport.scrollTop = f(e));
+		}
+	}) : null;
+}), k = p.forwardRef((t, n) => {
+	let { sizes: r, onSizesChange: i, ...a } = t, o = y(C, t.__scopeScrollArea), [s, c] = p.useState(), l = p.useRef(null), u = e(n, l, o.onScrollbarXChange);
+	return p.useEffect(() => {
+		l.current && c(getComputedStyle(l.current));
+	}, [l]), /* @__PURE__ */ d(N, {
+		"data-orientation": "horizontal",
+		...a,
+		ref: u,
+		sizes: r,
+		style: {
+			bottom: 0,
+			left: o.dir === "rtl" ? "var(--radix-scroll-area-corner-width)" : 0,
+			right: o.dir === "ltr" ? "var(--radix-scroll-area-corner-width)" : 0,
+			"--radix-scroll-area-thumb-width": H(r) + "px",
+			...t.style
+		},
+		onThumbPointerDown: (e) => t.onThumbPointerDown(e.x),
+		onDragScroll: (e) => t.onDragScroll(e.x),
+		onWheelScroll: (e, n) => {
+			if (o.viewport) {
+				let r = o.viewport.scrollLeft + e.deltaX;
+				t.onWheelScroll(r), K(r, n) && e.preventDefault();
+			}
+		},
+		onResize: () => {
+			l.current && o.viewport && s && i({
+				content: o.viewport.scrollWidth,
+				viewport: o.viewport.offsetWidth,
+				scrollbar: {
+					size: l.current.clientWidth,
+					paddingStart: B(s.paddingLeft),
+					paddingEnd: B(s.paddingRight)
+				}
+			});
+		}
+	});
+}), A = p.forwardRef((t, n) => {
+	let { sizes: r, onSizesChange: i, ...a } = t, o = y(C, t.__scopeScrollArea), [s, c] = p.useState(), l = p.useRef(null), u = e(n, l, o.onScrollbarYChange);
+	return p.useEffect(() => {
+		l.current && c(getComputedStyle(l.current));
+	}, [l]), /* @__PURE__ */ d(N, {
+		"data-orientation": "vertical",
+		...a,
+		ref: u,
+		sizes: r,
+		style: {
+			top: 0,
+			right: o.dir === "ltr" ? 0 : void 0,
+			left: o.dir === "rtl" ? 0 : void 0,
+			bottom: "var(--radix-scroll-area-corner-height)",
+			"--radix-scroll-area-thumb-height": H(r) + "px",
+			...t.style
+		},
+		onThumbPointerDown: (e) => t.onThumbPointerDown(e.y),
+		onDragScroll: (e) => t.onDragScroll(e.y),
+		onWheelScroll: (e, n) => {
+			if (o.viewport) {
+				let r = o.viewport.scrollTop + e.deltaY;
+				t.onWheelScroll(r), K(r, n) && e.preventDefault();
+			}
+		},
+		onResize: () => {
+			l.current && o.viewport && s && i({
+				content: o.viewport.scrollHeight,
+				viewport: o.viewport.offsetHeight,
+				scrollbar: {
+					size: l.current.clientHeight,
+					paddingStart: B(s.paddingTop),
+					paddingEnd: B(s.paddingBottom)
+				}
+			});
+		}
+	});
+}), [j, M] = g(C), N = p.forwardRef((t, n) => {
+	let { __scopeScrollArea: i, sizes: s, hasThumb: c, onThumbChange: l, onThumbPointerUp: u, onThumbPointerDown: f, onThumbPositionChange: m, onDragScroll: h, onWheelScroll: g, onResize: _, ...v } = t, b = y(C, i), [x, S] = p.useState(null), w = e(n, (e) => S(e)), T = p.useRef(null), E = p.useRef(""), D = b.viewport, O = s.content - s.viewport, k = o(g), A = o(m), M = J(_, 10);
+	function N(e) {
+		T.current && h({
+			x: e.clientX - T.current.left,
+			y: e.clientY - T.current.top
+		});
+	}
+	return p.useEffect(() => {
+		let e = (e) => {
+			let t = e.target;
+			x?.contains(t) && k(e, O);
+		};
+		return document.addEventListener("wheel", e, { passive: !1 }), () => document.removeEventListener("wheel", e, { passive: !1 });
+	}, [
+		D,
+		x,
+		O,
+		k
+	]), p.useEffect(A, [s, A]), Y(x, M), Y(b.content, M), /* @__PURE__ */ d(j, {
+		scope: i,
+		scrollbar: x,
+		hasThumb: c,
+		onThumbChange: o(l),
+		onThumbPointerUp: o(u),
+		onThumbPositionChange: A,
+		onThumbPointerDown: o(f),
+		children: /* @__PURE__ */ d(a.div, {
+			...v,
+			ref: w,
+			style: {
+				position: "absolute",
+				...v.style
+			},
+			onPointerDown: r(t.onPointerDown, (e) => {
+				e.button === 0 && (e.target.setPointerCapture(e.pointerId), T.current = x.getBoundingClientRect(), E.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", b.viewport && (b.viewport.style.scrollBehavior = "auto"), N(e));
+			}),
+			onPointerMove: r(t.onPointerMove, N),
+			onPointerUp: r(t.onPointerUp, (e) => {
+				let t = e.target;
+				t.hasPointerCapture(e.pointerId) && t.releasePointerCapture(e.pointerId), document.body.style.webkitUserSelect = E.current, b.viewport && (b.viewport.style.scrollBehavior = ""), T.current = null;
+			})
+		})
+	});
+}), P = "ScrollAreaThumb", F = p.forwardRef((e, t) => {
+	let { forceMount: n, ...r } = e, i = M(P, e.__scopeScrollArea);
+	return /* @__PURE__ */ d(s, {
+		present: n || i.hasThumb,
+		children: /* @__PURE__ */ d(I, {
+			ref: t,
+			...r
+		})
+	});
+}), I = p.forwardRef((t, n) => {
+	let { __scopeScrollArea: i, style: o, ...s } = t, c = y(P, i), l = M(P, i), { onThumbPositionChange: u } = l, f = e(n, (e) => l.onThumbChange(e)), m = p.useRef(void 0), h = J(() => {
+		m.current &&= (m.current(), void 0);
+	}, 100);
+	return p.useEffect(() => {
+		let e = c.viewport;
+		if (e) {
+			let t = () => {
+				h(), m.current || (m.current = q(e, u), u());
+			};
+			return u(), e.addEventListener("scroll", t), () => e.removeEventListener("scroll", t);
+		}
+	}, [
+		c.viewport,
+		h,
+		u
+	]), /* @__PURE__ */ d(a.div, {
+		"data-state": l.hasThumb ? "visible" : "hidden",
+		...s,
+		ref: f,
+		style: {
+			width: "var(--radix-scroll-area-thumb-width)",
+			height: "var(--radix-scroll-area-thumb-height)",
+			...o
+		},
+		onPointerDownCapture: r(t.onPointerDownCapture, (e) => {
+			let t = e.target.getBoundingClientRect(), n = e.clientX - t.left, r = e.clientY - t.top;
+			l.onThumbPointerDown({
+				x: n,
+				y: r
+			});
+		}),
+		onPointerUp: r(t.onPointerUp, l.onThumbPointerUp)
+	});
+});
+F.displayName = P;
+var L = "ScrollAreaCorner", R = p.forwardRef((e, t) => {
+	let n = y(L, e.__scopeScrollArea), r = !!(n.scrollbarX && n.scrollbarY);
+	return n.type !== "scroll" && r ? /* @__PURE__ */ d(z, {
+		...e,
+		ref: t
+	}) : null;
+});
+R.displayName = L;
+var z = p.forwardRef((e, t) => {
+	let { __scopeScrollArea: n, ...r } = e, i = y(L, n), [o, s] = p.useState(0), [c, l] = p.useState(0), u = !!(o && c);
+	return Y(i.scrollbarX, () => {
+		let e = i.scrollbarX?.offsetHeight || 0;
+		i.onCornerHeightChange(e), l(e);
+	}), Y(i.scrollbarY, () => {
+		let e = i.scrollbarY?.offsetWidth || 0;
+		i.onCornerWidthChange(e), s(e);
+	}), u ? /* @__PURE__ */ d(a.div, {
+		...r,
+		ref: t,
+		style: {
+			width: o,
+			height: c,
+			position: "absolute",
+			right: i.dir === "ltr" ? 0 : void 0,
+			left: i.dir === "rtl" ? 0 : void 0,
+			bottom: 0,
+			...e.style
+		}
+	}) : null;
+});
+function B(e) {
+	return e ? parseInt(e, 10) : 0;
+}
+function V(e, t) {
+	let n = e / t;
+	return isNaN(n) ? 0 : n;
+}
+function H(e) {
+	let t = V(e.viewport, e.content), n = e.scrollbar.paddingStart + e.scrollbar.paddingEnd, r = (e.scrollbar.size - n) * t;
+	return Math.max(r, 18);
+}
+function U(e, t, n, r = "ltr") {
+	let i = H(n), a = i / 2, o = t || a, s = i - o, c = n.scrollbar.paddingStart + o, l = n.scrollbar.size - n.scrollbar.paddingEnd - s, u = n.content - n.viewport, d = r === "ltr" ? [0, u] : [u * -1, 0];
+	return G([c, l], d)(e);
+}
+function W(e, t, n = "ltr") {
+	let r = H(t), i = t.scrollbar.paddingStart + t.scrollbar.paddingEnd, a = t.scrollbar.size - i, o = t.content - t.viewport, s = a - r, c = l(e, n === "ltr" ? [0, o] : [o * -1, 0]);
+	return G([0, o], [0, s])(c);
+}
+function G(e, t) {
+	return (n) => {
+		if (e[0] === e[1] || t[0] === t[1]) return t[0];
+		let r = (t[1] - t[0]) / (e[1] - e[0]);
+		return t[0] + r * (n - e[0]);
+	};
+}
+function K(e, t) {
+	return e > 0 && e < t;
+}
+var q = (e, t = () => {}) => {
+	let n = {
+		left: e.scrollLeft,
+		top: e.scrollTop
+	}, r = 0;
+	return (function i() {
+		let a = {
+			left: e.scrollLeft,
+			top: e.scrollTop
+		}, o = n.left !== a.left, s = n.top !== a.top;
+		(o || s) && t(), n = a, r = window.requestAnimationFrame(i);
+	})(), () => window.cancelAnimationFrame(r);
+};
+function J(e, t) {
+	let n = o(e), r = p.useRef(0);
+	return p.useEffect(() => () => window.clearTimeout(r.current), []), p.useCallback(() => {
+		window.clearTimeout(r.current), r.current = window.setTimeout(n, t);
+	}, [n, t]);
+}
+function Y(e, t) {
+	let n = o(t);
+	i(() => {
+		let t = 0;
+		if (e) {
+			let r = new ResizeObserver(() => {
+				cancelAnimationFrame(t), t = window.requestAnimationFrame(n);
+			});
+			return r.observe(e), () => {
+				window.cancelAnimationFrame(t), r.unobserve(e);
+			};
+		}
+	}, [e, n]);
+}
+var X = b, Z = S, Q = R;
+//#endregion
+//#region src/react/primitives/scroll-area.tsx
+function ee({ className: e, children: n, ...r }) {
+	return /* @__PURE__ */ f(X, {
+		"data-slot": "scroll-area",
+		className: t("relative overflow-hidden", e),
+		...r,
+		children: [
+			/* @__PURE__ */ d(Z, {
+				"data-slot": "scroll-area-viewport",
+				className: "h-full w-full rounded-[inherit] [&>div]:!block",
+				children: n
+			}),
+			/* @__PURE__ */ d($, {}),
+			/* @__PURE__ */ d(Q, {})
+		]
+	});
+}
+function $({ className: e, orientation: n = "vertical", ...r }) {
+	return /* @__PURE__ */ d(w, {
+		"data-slot": "scroll-area-scrollbar",
+		orientation: n,
+		className: t("flex touch-none select-none transition-colors", n === "vertical" && "h-full w-2.5 border-l border-l-transparent p-px", n === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-px", e),
+		...r,
+		children: /* @__PURE__ */ d(F, {
+			"data-slot": "scroll-area-thumb",
+			className: "bg-border-glass relative flex-1 rounded-full"
+		})
+	});
+}
+//#endregion
+export { $ as n, ee as t };
+
+//# sourceMappingURL=scroll-area-DSx2nCB7.js.map

package/dist/scroll-area-DSx2nCB7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area-DSx2nCB7.js","names":["React","ScrollArea"],"sources":["../node_modules/@radix-ui/react-scroll-area/dist/index.mjs","../src/react/primitives/scroll-area.tsx"],"sourcesContent":["\"use client\";\n\n// src/scroll-area.tsx\nimport * as React2 from \"react\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { Presence } from \"@radix-ui/react-presence\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { useCallbackRef } from \"@radix-ui/react-use-callback-ref\";\nimport { useDirection } from \"@radix-ui/react-direction\";\nimport { useLayoutEffect } from \"@radix-ui/react-use-layout-effect\";\nimport { clamp } from \"@radix-ui/number\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\n\n// src/use-state-machine.ts\nimport * as React from \"react\";\nfunction useStateMachine(initialState, machine) {\n  return React.useReducer((state, event) => {\n    const nextState = machine[state][event];\n    return nextState ?? state;\n  }, initialState);\n}\n\n// src/scroll-area.tsx\nimport { Fragment, jsx, jsxs } from \"react/jsx-runtime\";\nvar SCROLL_AREA_NAME = \"ScrollArea\";\nvar [createScrollAreaContext, createScrollAreaScope] = createContextScope(SCROLL_AREA_NAME);\nvar [ScrollAreaProvider, useScrollAreaContext] = createScrollAreaContext(SCROLL_AREA_NAME);\nvar ScrollArea = React2.forwardRef(\n  (props, forwardedRef) => {\n    const {\n      __scopeScrollArea,\n      type = \"hover\",\n      dir,\n      scrollHideDelay = 600,\n      ...scrollAreaProps\n    } = props;\n    const [scrollArea, setScrollArea] = React2.useState(null);\n    const [viewport, setViewport] = React2.useState(null);\n    const [content, setContent] = React2.useState(null);\n    const [scrollbarX, setScrollbarX] = React2.useState(null);\n    const [scrollbarY, setScrollbarY] = React2.useState(null);\n    const [cornerWidth, setCornerWidth] = React2.useState(0);\n    const [cornerHeight, setCornerHeight] = React2.useState(0);\n    const [scrollbarXEnabled, setScrollbarXEnabled] = React2.useState(false);\n    const [scrollbarYEnabled, setScrollbarYEnabled] = React2.useState(false);\n    const composedRefs = useComposedRefs(forwardedRef, (node) => setScrollArea(node));\n    const direction = useDirection(dir);\n    return /* @__PURE__ */ jsx(\n      ScrollAreaProvider,\n      {\n        scope: __scopeScrollArea,\n        type,\n        dir: direction,\n        scrollHideDelay,\n        scrollArea,\n        viewport,\n        onViewportChange: setViewport,\n        content,\n        onContentChange: setContent,\n        scrollbarX,\n        onScrollbarXChange: setScrollbarX,\n        scrollbarXEnabled,\n        onScrollbarXEnabledChange: setScrollbarXEnabled,\n        scrollbarY,\n        onScrollbarYChange: setScrollbarY,\n        scrollbarYEnabled,\n        onScrollbarYEnabledChange: setScrollbarYEnabled,\n        onCornerWidthChange: setCornerWidth,\n        onCornerHeightChange: setCornerHeight,\n        children: /* @__PURE__ */ jsx(\n          Primitive.div,\n          {\n            dir: direction,\n            ...scrollAreaProps,\n            ref: composedRefs,\n            style: {\n              position: \"relative\",\n              // Pass corner sizes as CSS vars to reduce re-renders of context consumers\n              [\"--radix-scroll-area-corner-width\"]: cornerWidth + \"px\",\n              [\"--radix-scroll-area-corner-height\"]: cornerHeight + \"px\",\n              ...props.style\n            }\n          }\n        )\n      }\n    );\n  }\n);\nScrollArea.displayName = SCROLL_AREA_NAME;\nvar VIEWPORT_NAME = \"ScrollAreaViewport\";\nvar ScrollAreaViewport = React2.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeScrollArea, children, nonce, ...viewportProps } = props;\n    const context = useScrollAreaContext(VIEWPORT_NAME, __scopeScrollArea);\n    const ref = React2.useRef(null);\n    const composedRefs = useComposedRefs(forwardedRef, ref, context.onViewportChange);\n    return /* @__PURE__ */ jsxs(Fragment, { children: [\n      /* @__PURE__ */ jsx(\n        \"style\",\n        {\n          dangerouslySetInnerHTML: {\n            __html: `[data-radix-scroll-area-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-scroll-area-viewport]::-webkit-scrollbar{display:none}`\n          },\n          nonce\n        }\n      ),\n      /* @__PURE__ */ jsx(\n        Primitive.div,\n        {\n          \"data-radix-scroll-area-viewport\": \"\",\n          ...viewportProps,\n          ref: composedRefs,\n          style: {\n            /**\n             * We don't support `visible` because the intention is to have at least one scrollbar\n             * if this component is used and `visible` will behave like `auto` in that case\n             * https://developer.mozilla.org/en-US/docs/Web/CSS/overflow#description\n             *\n             * We don't handle `auto` because the intention is for the native implementation\n             * to be hidden if using this component. We just want to ensure the node is scrollable\n             * so could have used either `scroll` or `auto` here. We picked `scroll` to prevent\n             * the browser from having to work out whether to render native scrollbars or not,\n             * we tell it to with the intention of hiding them in CSS.\n             */\n            overflowX: context.scrollbarXEnabled ? \"scroll\" : \"hidden\",\n            overflowY: context.scrollbarYEnabled ? \"scroll\" : \"hidden\",\n            ...props.style\n          },\n          children: /* @__PURE__ */ jsx(\"div\", { ref: context.onContentChange, style: { minWidth: \"100%\", display: \"table\" }, children })\n        }\n      )\n    ] });\n  }\n);\nScrollAreaViewport.displayName = VIEWPORT_NAME;\nvar SCROLLBAR_NAME = \"ScrollAreaScrollbar\";\nvar ScrollAreaScrollbar = React2.forwardRef(\n  (props, forwardedRef) => {\n    const { forceMount, ...scrollbarProps } = props;\n    const context = useScrollAreaContext(SCROLLBAR_NAME, props.__scopeScrollArea);\n    const { onScrollbarXEnabledChange, onScrollbarYEnabledChange } = context;\n    const isHorizontal = props.orientation === \"horizontal\";\n    React2.useEffect(() => {\n      isHorizontal ? onScrollbarXEnabledChange(true) : onScrollbarYEnabledChange(true);\n      return () => {\n        isHorizontal ? onScrollbarXEnabledChange(false) : onScrollbarYEnabledChange(false);\n      };\n    }, [isHorizontal, onScrollbarXEnabledChange, onScrollbarYEnabledChange]);\n    return context.type === \"hover\" ? /* @__PURE__ */ jsx(ScrollAreaScrollbarHover, { ...scrollbarProps, ref: forwardedRef, forceMount }) : context.type === \"scroll\" ? /* @__PURE__ */ jsx(ScrollAreaScrollbarScroll, { ...scrollbarProps, ref: forwardedRef, forceMount }) : context.type === \"auto\" ? /* @__PURE__ */ jsx(ScrollAreaScrollbarAuto, { ...scrollbarProps, ref: forwardedRef, forceMount }) : context.type === \"always\" ? /* @__PURE__ */ jsx(ScrollAreaScrollbarVisible, { ...scrollbarProps, ref: forwardedRef }) : null;\n  }\n);\nScrollAreaScrollbar.displayName = SCROLLBAR_NAME;\nvar ScrollAreaScrollbarHover = React2.forwardRef((props, forwardedRef) => {\n  const { forceMount, ...scrollbarProps } = props;\n  const context = useScrollAreaContext(SCROLLBAR_NAME, props.__scopeScrollArea);\n  const [visible, setVisible] = React2.useState(false);\n  React2.useEffect(() => {\n    const scrollArea = context.scrollArea;\n    let hideTimer = 0;\n    if (scrollArea) {\n      const handlePointerEnter = () => {\n        window.clearTimeout(hideTimer);\n        setVisible(true);\n      };\n      const handlePointerLeave = () => {\n        hideTimer = window.setTimeout(() => setVisible(false), context.scrollHideDelay);\n      };\n      scrollArea.addEventListener(\"pointerenter\", handlePointerEnter);\n      scrollArea.addEventListener(\"pointerleave\", handlePointerLeave);\n      return () => {\n        window.clearTimeout(hideTimer);\n        scrollArea.removeEventListener(\"pointerenter\", handlePointerEnter);\n        scrollArea.removeEventListener(\"pointerleave\", handlePointerLeave);\n      };\n    }\n  }, [context.scrollArea, context.scrollHideDelay]);\n  return /* @__PURE__ */ jsx(Presence, { present: forceMount || visible, children: /* @__PURE__ */ jsx(\n    ScrollAreaScrollbarAuto,\n    {\n      \"data-state\": visible ? \"visible\" : \"hidden\",\n      ...scrollbarProps,\n      ref: forwardedRef\n    }\n  ) });\n});\nvar ScrollAreaScrollbarScroll = React2.forwardRef((props, forwardedRef) => {\n  const { forceMount, ...scrollbarProps } = props;\n  const context = useScrollAreaContext(SCROLLBAR_NAME, props.__scopeScrollArea);\n  const isHorizontal = props.orientation === \"horizontal\";\n  const debounceScrollEnd = useDebounceCallback(() => send(\"SCROLL_END\"), 100);\n  const [state, send] = useStateMachine(\"hidden\", {\n    hidden: {\n      SCROLL: \"scrolling\"\n    },\n    scrolling: {\n      SCROLL_END: \"idle\",\n      POINTER_ENTER: \"interacting\"\n    },\n    interacting: {\n      SCROLL: \"interacting\",\n      POINTER_LEAVE: \"idle\"\n    },\n    idle: {\n      HIDE: \"hidden\",\n      SCROLL: \"scrolling\",\n      POINTER_ENTER: \"interacting\"\n    }\n  });\n  React2.useEffect(() => {\n    if (state === \"idle\") {\n      const hideTimer = window.setTimeout(() => send(\"HIDE\"), context.scrollHideDelay);\n      return () => window.clearTimeout(hideTimer);\n    }\n  }, [state, context.scrollHideDelay, send]);\n  React2.useEffect(() => {\n    const viewport = context.viewport;\n    const scrollDirection = isHorizontal ? \"scrollLeft\" : \"scrollTop\";\n    if (viewport) {\n      let prevScrollPos = viewport[scrollDirection];\n      const handleScroll = () => {\n        const scrollPos = viewport[scrollDirection];\n        const hasScrollInDirectionChanged = prevScrollPos !== scrollPos;\n        if (hasScrollInDirectionChanged) {\n          send(\"SCROLL\");\n          debounceScrollEnd();\n        }\n        prevScrollPos = scrollPos;\n      };\n      viewport.addEventListener(\"scroll\", handleScroll);\n      return () => viewport.removeEventListener(\"scroll\", handleScroll);\n    }\n  }, [context.viewport, isHorizontal, send, debounceScrollEnd]);\n  return /* @__PURE__ */ jsx(Presence, { present: forceMount || state !== \"hidden\", children: /* @__PURE__ */ jsx(\n    ScrollAreaScrollbarVisible,\n    {\n      \"data-state\": state === \"hidden\" ? \"hidden\" : \"visible\",\n      ...scrollbarProps,\n      ref: forwardedRef,\n      onPointerEnter: composeEventHandlers(props.onPointerEnter, () => send(\"POINTER_ENTER\")),\n      onPointerLeave: composeEventHandlers(props.onPointerLeave, () => send(\"POINTER_LEAVE\"))\n    }\n  ) });\n});\nvar ScrollAreaScrollbarAuto = React2.forwardRef((props, forwardedRef) => {\n  const context = useScrollAreaContext(SCROLLBAR_NAME, props.__scopeScrollArea);\n  const { forceMount, ...scrollbarProps } = props;\n  const [visible, setVisible] = React2.useState(false);\n  const isHorizontal = props.orientation === \"horizontal\";\n  const handleResize = useDebounceCallback(() => {\n    if (context.viewport) {\n      const isOverflowX = context.viewport.offsetWidth < context.viewport.scrollWidth;\n      const isOverflowY = context.viewport.offsetHeight < context.viewport.scrollHeight;\n      setVisible(isHorizontal ? isOverflowX : isOverflowY);\n    }\n  }, 10);\n  useResizeObserver(context.viewport, handleResize);\n  useResizeObserver(context.content, handleResize);\n  return /* @__PURE__ */ jsx(Presence, { present: forceMount || visible, children: /* @__PURE__ */ jsx(\n    ScrollAreaScrollbarVisible,\n    {\n      \"data-state\": visible ? \"visible\" : \"hidden\",\n      ...scrollbarProps,\n      ref: forwardedRef\n    }\n  ) });\n});\nvar ScrollAreaScrollbarVisible = React2.forwardRef((props, forwardedRef) => {\n  const { orientation = \"vertical\", ...scrollbarProps } = props;\n  const context = useScrollAreaContext(SCROLLBAR_NAME, props.__scopeScrollArea);\n  const thumbRef = React2.useRef(null);\n  const pointerOffsetRef = React2.useRef(0);\n  const [sizes, setSizes] = React2.useState({\n    content: 0,\n    viewport: 0,\n    scrollbar: { size: 0, paddingStart: 0, paddingEnd: 0 }\n  });\n  const thumbRatio = getThumbRatio(sizes.viewport, sizes.content);\n  const commonProps = {\n    ...scrollbarProps,\n    sizes,\n    onSizesChange: setSizes,\n    hasThumb: Boolean(thumbRatio > 0 && thumbRatio < 1),\n    onThumbChange: (thumb) => thumbRef.current = thumb,\n    onThumbPointerUp: () => pointerOffsetRef.current = 0,\n    onThumbPointerDown: (pointerPos) => pointerOffsetRef.current = pointerPos\n  };\n  function getScrollPosition(pointerPos, dir) {\n    return getScrollPositionFromPointer(pointerPos, pointerOffsetRef.current, sizes, dir);\n  }\n  if (orientation === \"horizontal\") {\n    return /* @__PURE__ */ jsx(\n      ScrollAreaScrollbarX,\n      {\n        ...commonProps,\n        ref: forwardedRef,\n        onThumbPositionChange: () => {\n          if (context.viewport && thumbRef.current) {\n            const scrollPos = context.viewport.scrollLeft;\n            const offset = getThumbOffsetFromScroll(scrollPos, sizes, context.dir);\n            thumbRef.current.style.transform = `translate3d(${offset}px, 0, 0)`;\n          }\n        },\n        onWheelScroll: (scrollPos) => {\n          if (context.viewport) context.viewport.scrollLeft = scrollPos;\n        },\n        onDragScroll: (pointerPos) => {\n          if (context.viewport) {\n            context.viewport.scrollLeft = getScrollPosition(pointerPos, context.dir);\n          }\n        }\n      }\n    );\n  }\n  if (orientation === \"vertical\") {\n    return /* @__PURE__ */ jsx(\n      ScrollAreaScrollbarY,\n      {\n        ...commonProps,\n        ref: forwardedRef,\n        onThumbPositionChange: () => {\n          if (context.viewport && thumbRef.current) {\n            const scrollPos = context.viewport.scrollTop;\n            const offset = getThumbOffsetFromScroll(scrollPos, sizes);\n            thumbRef.current.style.transform = `translate3d(0, ${offset}px, 0)`;\n          }\n        },\n        onWheelScroll: (scrollPos) => {\n          if (context.viewport) context.viewport.scrollTop = scrollPos;\n        },\n        onDragScroll: (pointerPos) => {\n          if (context.viewport) context.viewport.scrollTop = getScrollPosition(pointerPos);\n        }\n      }\n    );\n  }\n  return null;\n});\nvar ScrollAreaScrollbarX = React2.forwardRef((props, forwardedRef) => {\n  const { sizes, onSizesChange, ...scrollbarProps } = props;\n  const context = useScrollAreaContext(SCROLLBAR_NAME, props.__scopeScrollArea);\n  const [computedStyle, setComputedStyle] = React2.useState();\n  const ref = React2.useRef(null);\n  const composeRefs = useComposedRefs(forwardedRef, ref, context.onScrollbarXChange);\n  React2.useEffect(() => {\n    if (ref.current) setComputedStyle(getComputedStyle(ref.current));\n  }, [ref]);\n  return /* @__PURE__ */ jsx(\n    ScrollAreaScrollbarImpl,\n    {\n      \"data-orientation\": \"horizontal\",\n      ...scrollbarProps,\n      ref: composeRefs,\n      sizes,\n      style: {\n        bottom: 0,\n        left: context.dir === \"rtl\" ? \"var(--radix-scroll-area-corner-width)\" : 0,\n        right: context.dir === \"ltr\" ? \"var(--radix-scroll-area-corner-width)\" : 0,\n        [\"--radix-scroll-area-thumb-width\"]: getThumbSize(sizes) + \"px\",\n        ...props.style\n      },\n      onThumbPointerDown: (pointerPos) => props.onThumbPointerDown(pointerPos.x),\n      onDragScroll: (pointerPos) => props.onDragScroll(pointerPos.x),\n      onWheelScroll: (event, maxScrollPos) => {\n        if (context.viewport) {\n          const scrollPos = context.viewport.scrollLeft + event.deltaX;\n          props.onWheelScroll(scrollPos);\n          if (isScrollingWithinScrollbarBounds(scrollPos, maxScrollPos)) {\n            event.preventDefault();\n          }\n        }\n      },\n      onResize: () => {\n        if (ref.current && context.viewport && computedStyle) {\n          onSizesChange({\n            content: context.viewport.scrollWidth,\n            viewport: context.viewport.offsetWidth,\n            scrollbar: {\n              size: ref.current.clientWidth,\n              paddingStart: toInt(computedStyle.paddingLeft),\n              paddingEnd: toInt(computedStyle.paddingRight)\n            }\n          });\n        }\n      }\n    }\n  );\n});\nvar ScrollAreaScrollbarY = React2.forwardRef((props, forwardedRef) => {\n  const { sizes, onSizesChange, ...scrollbarProps } = props;\n  const context = useScrollAreaContext(SCROLLBAR_NAME, props.__scopeScrollArea);\n  const [computedStyle, setComputedStyle] = React2.useState();\n  const ref = React2.useRef(null);\n  const composeRefs = useComposedRefs(forwardedRef, ref, context.onScrollbarYChange);\n  React2.useEffect(() => {\n    if (ref.current) setComputedStyle(getComputedStyle(ref.current));\n  }, [ref]);\n  return /* @__PURE__ */ jsx(\n    ScrollAreaScrollbarImpl,\n    {\n      \"data-orientation\": \"vertical\",\n      ...scrollbarProps,\n      ref: composeRefs,\n      sizes,\n      style: {\n        top: 0,\n        right: context.dir === \"ltr\" ? 0 : void 0,\n        left: context.dir === \"rtl\" ? 0 : void 0,\n        bottom: \"var(--radix-scroll-area-corner-height)\",\n        [\"--radix-scroll-area-thumb-height\"]: getThumbSize(sizes) + \"px\",\n        ...props.style\n      },\n      onThumbPointerDown: (pointerPos) => props.onThumbPointerDown(pointerPos.y),\n      onDragScroll: (pointerPos) => props.onDragScroll(pointerPos.y),\n      onWheelScroll: (event, maxScrollPos) => {\n        if (context.viewport) {\n          const scrollPos = context.viewport.scrollTop + event.deltaY;\n          props.onWheelScroll(scrollPos);\n          if (isScrollingWithinScrollbarBounds(scrollPos, maxScrollPos)) {\n            event.preventDefault();\n          }\n        }\n      },\n      onResize: () => {\n        if (ref.current && context.viewport && computedStyle) {\n          onSizesChange({\n            content: context.viewport.scrollHeight,\n            viewport: context.viewport.offsetHeight,\n            scrollbar: {\n              size: ref.current.clientHeight,\n              paddingStart: toInt(computedStyle.paddingTop),\n              paddingEnd: toInt(computedStyle.paddingBottom)\n            }\n          });\n        }\n      }\n    }\n  );\n});\nvar [ScrollbarProvider, useScrollbarContext] = createScrollAreaContext(SCROLLBAR_NAME);\nvar ScrollAreaScrollbarImpl = React2.forwardRef((props, forwardedRef) => {\n  const {\n    __scopeScrollArea,\n    sizes,\n    hasThumb,\n    onThumbChange,\n    onThumbPointerUp,\n    onThumbPointerDown,\n    onThumbPositionChange,\n    onDragScroll,\n    onWheelScroll,\n    onResize,\n    ...scrollbarProps\n  } = props;\n  const context = useScrollAreaContext(SCROLLBAR_NAME, __scopeScrollArea);\n  const [scrollbar, setScrollbar] = React2.useState(null);\n  const composeRefs = useComposedRefs(forwardedRef, (node) => setScrollbar(node));\n  const rectRef = React2.useRef(null);\n  const prevWebkitUserSelectRef = React2.useRef(\"\");\n  const viewport = context.viewport;\n  const maxScrollPos = sizes.content - sizes.viewport;\n  const handleWheelScroll = useCallbackRef(onWheelScroll);\n  const handleThumbPositionChange = useCallbackRef(onThumbPositionChange);\n  const handleResize = useDebounceCallback(onResize, 10);\n  function handleDragScroll(event) {\n    if (rectRef.current) {\n      const x = event.clientX - rectRef.current.left;\n      const y = event.clientY - rectRef.current.top;\n      onDragScroll({ x, y });\n    }\n  }\n  React2.useEffect(() => {\n    const handleWheel = (event) => {\n      const element = event.target;\n      const isScrollbarWheel = scrollbar?.contains(element);\n      if (isScrollbarWheel) handleWheelScroll(event, maxScrollPos);\n    };\n    document.addEventListener(\"wheel\", handleWheel, { passive: false });\n    return () => document.removeEventListener(\"wheel\", handleWheel, { passive: false });\n  }, [viewport, scrollbar, maxScrollPos, handleWheelScroll]);\n  React2.useEffect(handleThumbPositionChange, [sizes, handleThumbPositionChange]);\n  useResizeObserver(scrollbar, handleResize);\n  useResizeObserver(context.content, handleResize);\n  return /* @__PURE__ */ jsx(\n    ScrollbarProvider,\n    {\n      scope: __scopeScrollArea,\n      scrollbar,\n      hasThumb,\n      onThumbChange: useCallbackRef(onThumbChange),\n      onThumbPointerUp: useCallbackRef(onThumbPointerUp),\n      onThumbPositionChange: handleThumbPositionChange,\n      onThumbPointerDown: useCallbackRef(onThumbPointerDown),\n      children: /* @__PURE__ */ jsx(\n        Primitive.div,\n        {\n          ...scrollbarProps,\n          ref: composeRefs,\n          style: { position: \"absolute\", ...scrollbarProps.style },\n          onPointerDown: composeEventHandlers(props.onPointerDown, (event) => {\n            const mainPointer = 0;\n            if (event.button === mainPointer) {\n              const element = event.target;\n              element.setPointerCapture(event.pointerId);\n              rectRef.current = scrollbar.getBoundingClientRect();\n              prevWebkitUserSelectRef.current = document.body.style.webkitUserSelect;\n              document.body.style.webkitUserSelect = \"none\";\n              if (context.viewport) context.viewport.style.scrollBehavior = \"auto\";\n              handleDragScroll(event);\n            }\n          }),\n          onPointerMove: composeEventHandlers(props.onPointerMove, handleDragScroll),\n          onPointerUp: composeEventHandlers(props.onPointerUp, (event) => {\n            const element = event.target;\n            if (element.hasPointerCapture(event.pointerId)) {\n              element.releasePointerCapture(event.pointerId);\n            }\n            document.body.style.webkitUserSelect = prevWebkitUserSelectRef.current;\n            if (context.viewport) context.viewport.style.scrollBehavior = \"\";\n            rectRef.current = null;\n          })\n        }\n      )\n    }\n  );\n});\nvar THUMB_NAME = \"ScrollAreaThumb\";\nvar ScrollAreaThumb = React2.forwardRef(\n  (props, forwardedRef) => {\n    const { forceMount, ...thumbProps } = props;\n    const scrollbarContext = useScrollbarContext(THUMB_NAME, props.__scopeScrollArea);\n    return /* @__PURE__ */ jsx(Presence, { present: forceMount || scrollbarContext.hasThumb, children: /* @__PURE__ */ jsx(ScrollAreaThumbImpl, { ref: forwardedRef, ...thumbProps }) });\n  }\n);\nvar ScrollAreaThumbImpl = React2.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeScrollArea, style, ...thumbProps } = props;\n    const scrollAreaContext = useScrollAreaContext(THUMB_NAME, __scopeScrollArea);\n    const scrollbarContext = useScrollbarContext(THUMB_NAME, __scopeScrollArea);\n    const { onThumbPositionChange } = scrollbarContext;\n    const composedRef = useComposedRefs(\n      forwardedRef,\n      (node) => scrollbarContext.onThumbChange(node)\n    );\n    const removeUnlinkedScrollListenerRef = React2.useRef(void 0);\n    const debounceScrollEnd = useDebounceCallback(() => {\n      if (removeUnlinkedScrollListenerRef.current) {\n        removeUnlinkedScrollListenerRef.current();\n        removeUnlinkedScrollListenerRef.current = void 0;\n      }\n    }, 100);\n    React2.useEffect(() => {\n      const viewport = scrollAreaContext.viewport;\n      if (viewport) {\n        const handleScroll = () => {\n          debounceScrollEnd();\n          if (!removeUnlinkedScrollListenerRef.current) {\n            const listener = addUnlinkedScrollListener(viewport, onThumbPositionChange);\n            removeUnlinkedScrollListenerRef.current = listener;\n            onThumbPositionChange();\n          }\n        };\n        onThumbPositionChange();\n        viewport.addEventListener(\"scroll\", handleScroll);\n        return () => viewport.removeEventListener(\"scroll\", handleScroll);\n      }\n    }, [scrollAreaContext.viewport, debounceScrollEnd, onThumbPositionChange]);\n    return /* @__PURE__ */ jsx(\n      Primitive.div,\n      {\n        \"data-state\": scrollbarContext.hasThumb ? \"visible\" : \"hidden\",\n        ...thumbProps,\n        ref: composedRef,\n        style: {\n          width: \"var(--radix-scroll-area-thumb-width)\",\n          height: \"var(--radix-scroll-area-thumb-height)\",\n          ...style\n        },\n        onPointerDownCapture: composeEventHandlers(props.onPointerDownCapture, (event) => {\n          const thumb = event.target;\n          const thumbRect = thumb.getBoundingClientRect();\n          const x = event.clientX - thumbRect.left;\n          const y = event.clientY - thumbRect.top;\n          scrollbarContext.onThumbPointerDown({ x, y });\n        }),\n        onPointerUp: composeEventHandlers(props.onPointerUp, scrollbarContext.onThumbPointerUp)\n      }\n    );\n  }\n);\nScrollAreaThumb.displayName = THUMB_NAME;\nvar CORNER_NAME = \"ScrollAreaCorner\";\nvar ScrollAreaCorner = React2.forwardRef(\n  (props, forwardedRef) => {\n    const context = useScrollAreaContext(CORNER_NAME, props.__scopeScrollArea);\n    const hasBothScrollbarsVisible = Boolean(context.scrollbarX && context.scrollbarY);\n    const hasCorner = context.type !== \"scroll\" && hasBothScrollbarsVisible;\n    return hasCorner ? /* @__PURE__ */ jsx(ScrollAreaCornerImpl, { ...props, ref: forwardedRef }) : null;\n  }\n);\nScrollAreaCorner.displayName = CORNER_NAME;\nvar ScrollAreaCornerImpl = React2.forwardRef((props, forwardedRef) => {\n  const { __scopeScrollArea, ...cornerProps } = props;\n  const context = useScrollAreaContext(CORNER_NAME, __scopeScrollArea);\n  const [width, setWidth] = React2.useState(0);\n  const [height, setHeight] = React2.useState(0);\n  const hasSize = Boolean(width && height);\n  useResizeObserver(context.scrollbarX, () => {\n    const height2 = context.scrollbarX?.offsetHeight || 0;\n    context.onCornerHeightChange(height2);\n    setHeight(height2);\n  });\n  useResizeObserver(context.scrollbarY, () => {\n    const width2 = context.scrollbarY?.offsetWidth || 0;\n    context.onCornerWidthChange(width2);\n    setWidth(width2);\n  });\n  return hasSize ? /* @__PURE__ */ jsx(\n    Primitive.div,\n    {\n      ...cornerProps,\n      ref: forwardedRef,\n      style: {\n        width,\n        height,\n        position: \"absolute\",\n        right: context.dir === \"ltr\" ? 0 : void 0,\n        left: context.dir === \"rtl\" ? 0 : void 0,\n        bottom: 0,\n        ...props.style\n      }\n    }\n  ) : null;\n});\nfunction toInt(value) {\n  return value ? parseInt(value, 10) : 0;\n}\nfunction getThumbRatio(viewportSize, contentSize) {\n  const ratio = viewportSize / contentSize;\n  return isNaN(ratio) ? 0 : ratio;\n}\nfunction getThumbSize(sizes) {\n  const ratio = getThumbRatio(sizes.viewport, sizes.content);\n  const scrollbarPadding = sizes.scrollbar.paddingStart + sizes.scrollbar.paddingEnd;\n  const thumbSize = (sizes.scrollbar.size - scrollbarPadding) * ratio;\n  return Math.max(thumbSize, 18);\n}\nfunction getScrollPositionFromPointer(pointerPos, pointerOffset, sizes, dir = \"ltr\") {\n  const thumbSizePx = getThumbSize(sizes);\n  const thumbCenter = thumbSizePx / 2;\n  const offset = pointerOffset || thumbCenter;\n  const thumbOffsetFromEnd = thumbSizePx - offset;\n  const minPointerPos = sizes.scrollbar.paddingStart + offset;\n  const maxPointerPos = sizes.scrollbar.size - sizes.scrollbar.paddingEnd - thumbOffsetFromEnd;\n  const maxScrollPos = sizes.content - sizes.viewport;\n  const scrollRange = dir === \"ltr\" ? [0, maxScrollPos] : [maxScrollPos * -1, 0];\n  const interpolate = linearScale([minPointerPos, maxPointerPos], scrollRange);\n  return interpolate(pointerPos);\n}\nfunction getThumbOffsetFromScroll(scrollPos, sizes, dir = \"ltr\") {\n  const thumbSizePx = getThumbSize(sizes);\n  const scrollbarPadding = sizes.scrollbar.paddingStart + sizes.scrollbar.paddingEnd;\n  const scrollbar = sizes.scrollbar.size - scrollbarPadding;\n  const maxScrollPos = sizes.content - sizes.viewport;\n  const maxThumbPos = scrollbar - thumbSizePx;\n  const scrollClampRange = dir === \"ltr\" ? [0, maxScrollPos] : [maxScrollPos * -1, 0];\n  const scrollWithoutMomentum = clamp(scrollPos, scrollClampRange);\n  const interpolate = linearScale([0, maxScrollPos], [0, maxThumbPos]);\n  return interpolate(scrollWithoutMomentum);\n}\nfunction linearScale(input, output) {\n  return (value) => {\n    if (input[0] === input[1] || output[0] === output[1]) return output[0];\n    const ratio = (output[1] - output[0]) / (input[1] - input[0]);\n    return output[0] + ratio * (value - input[0]);\n  };\n}\nfunction isScrollingWithinScrollbarBounds(scrollPos, maxScrollPos) {\n  return scrollPos > 0 && scrollPos < maxScrollPos;\n}\nvar addUnlinkedScrollListener = (node, handler = () => {\n}) => {\n  let prevPosition = { left: node.scrollLeft, top: node.scrollTop };\n  let rAF = 0;\n  (function loop() {\n    const position = { left: node.scrollLeft, top: node.scrollTop };\n    const isHorizontalScroll = prevPosition.left !== position.left;\n    const isVerticalScroll = prevPosition.top !== position.top;\n    if (isHorizontalScroll || isVerticalScroll) handler();\n    prevPosition = position;\n    rAF = window.requestAnimationFrame(loop);\n  })();\n  return () => window.cancelAnimationFrame(rAF);\n};\nfunction useDebounceCallback(callback, delay) {\n  const handleCallback = useCallbackRef(callback);\n  const debounceTimerRef = React2.useRef(0);\n  React2.useEffect(() => () => window.clearTimeout(debounceTimerRef.current), []);\n  return React2.useCallback(() => {\n    window.clearTimeout(debounceTimerRef.current);\n    debounceTimerRef.current = window.setTimeout(handleCallback, delay);\n  }, [handleCallback, delay]);\n}\nfunction useResizeObserver(element, onResize) {\n  const handleResize = useCallbackRef(onResize);\n  useLayoutEffect(() => {\n    let rAF = 0;\n    if (element) {\n      const resizeObserver = new ResizeObserver(() => {\n        cancelAnimationFrame(rAF);\n        rAF = window.requestAnimationFrame(handleResize);\n      });\n      resizeObserver.observe(element);\n      return () => {\n        window.cancelAnimationFrame(rAF);\n        resizeObserver.unobserve(element);\n      };\n    }\n  }, [element, handleResize]);\n}\nvar Root = ScrollArea;\nvar Viewport = ScrollAreaViewport;\nvar Scrollbar = ScrollAreaScrollbar;\nvar Thumb = ScrollAreaThumb;\nvar Corner = ScrollAreaCorner;\nexport {\n  Corner,\n  Root,\n  ScrollArea,\n  ScrollAreaCorner,\n  ScrollAreaScrollbar,\n  ScrollAreaThumb,\n  ScrollAreaViewport,\n  Scrollbar,\n  Thumb,\n  Viewport,\n  createScrollAreaScope\n};\n//# sourceMappingURL=index.mjs.map\n","import * as React from 'react'\nimport * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area'\n\nimport { cn } from './utils'\n\nfunction ScrollArea({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof ScrollAreaPrimitive.Root>) {\n  return (\n    <ScrollAreaPrimitive.Root\n      data-slot=\"scroll-area\"\n      className={cn('relative overflow-hidden', className)}\n      {...props}\n    >\n      <ScrollAreaPrimitive.Viewport\n        data-slot=\"scroll-area-viewport\"\n        className=\"h-full w-full rounded-[inherit] [&>div]:!block\"\n      >\n        {children}\n      </ScrollAreaPrimitive.Viewport>\n      <ScrollBar />\n      <ScrollAreaPrimitive.Corner />\n    </ScrollAreaPrimitive.Root>\n  )\n}\n\nfunction ScrollBar({\n  className,\n  orientation = 'vertical',\n  ...props\n}: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>) {\n  return (\n    <ScrollAreaPrimitive.ScrollAreaScrollbar\n      data-slot=\"scroll-area-scrollbar\"\n      orientation={orientation}\n      className={cn(\n        'flex touch-none select-none transition-colors',\n        orientation === 'vertical' && 'h-full w-2.5 border-l border-l-transparent p-px',\n        orientation === 'horizontal' && 'h-2.5 flex-col border-t border-t-transparent p-px',\n        className\n      )}\n      {...props}\n    >\n      <ScrollAreaPrimitive.ScrollAreaThumb\n        data-slot=\"scroll-area-thumb\"\n        className=\"bg-border-glass relative flex-1 rounded-full\"\n      />\n    </ScrollAreaPrimitive.ScrollAreaScrollbar>\n  )\n}\n\nexport { ScrollArea, ScrollBar }\n"],"x_google_ignoreList":[0],"mappings":"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"}

package/dist/search-Ds_Rknvw.js

@@ -0,0 +1,14 @@
+import { t as e } from "./createLucideIcon-BPb01goH.js";
+var t = e("search", [["path", {
+	d: "m21 21-4.34-4.34",
+	key: "14j7rj"
+}], ["circle", {
+	cx: "11",
+	cy: "11",
+	r: "8",
+	key: "4ej97u"
+}]]);
+//#endregion
+export { t };
+
+//# sourceMappingURL=search-Ds_Rknvw.js.map

package/dist/search-Ds_Rknvw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-Ds_Rknvw.js","names":[],"sources":["../node_modules/lucide-react/dist/esm/icons/search.js"],"sourcesContent":["/**\n * @license lucide-react v1.6.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"path\", { d: \"m21 21-4.34-4.34\", key: \"14j7rj\" }],\n  [\"circle\", { cx: \"11\", cy: \"11\", r: \"8\", key: \"4ej97u\" }]\n];\nconst Search = createLucideIcon(\"search\", __iconNode);\n\nexport { __iconNode, Search as default };\n//# sourceMappingURL=search.js.map\n"],"x_google_ignoreList":[0],"mappings":";AAaA,IAAM,IAAS,EAAiB,UAJb,CACjB,CAAC,QAAQ;CAAE,GAAG;CAAoB,KAAK;CAAU,CAAC,EAClD,CAAC,UAAU;CAAE,IAAI;CAAM,IAAI;CAAM,GAAG;CAAK,KAAK;CAAU,CAAC,CAC1D,CACoD"}

package/dist/security/attack-path/index.d.ts

@@ -0,0 +1,20 @@
+import { AttackPathConfig, AttackStep } from './types';
+export type { AttackPathConfig, AttackStep, AttackStepType } from './types';
+export declare class AttackPath {
+    readonly el: HTMLDivElement;
+    private readonly pathId;
+    private readonly showTechniques;
+    private readonly stepClickHandler;
+    private currentSteps;
+    private readonly boundStepHandlers;
+    constructor(config: AttackPathConfig);
+    /** Update the attack path with new steps */
+    update(steps: AttackStep[]): void;
+    /** Remove the element from the DOM and clean up */
+    destroy(): void;
+    private renderSteps;
+    private cleanupHandlers;
+    private buildStepClassName;
+    private buildRootClassName;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/security/attack-path/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/security/attack-path/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAA;AAGhE,YAAY,EAAE,gBAAgB,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAkB3E,qBAAa,UAAU;IACrB,SAAgB,EAAE,EAAE,cAAc,CAAA;IAElC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAQ;IAC/B,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAS;IACxC,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAA0C;IAC3E,OAAO,CAAC,YAAY,CAAc;IAClC,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAyD;gBAE/E,MAAM,EAAE,gBAAgB;IAiCpC,4CAA4C;IAC5C,MAAM,CAAC,KAAK,EAAE,UAAU,EAAE,GAAG,IAAI;IAWjC,mDAAmD;IACnD,OAAO,IAAI,IAAI;IAKf,OAAO,CAAC,WAAW;IA0FnB,OAAO,CAAC,eAAe;IAOvB,OAAO,CAAC,kBAAkB;IAW1B,OAAO,CAAC,kBAAkB;CAO3B"}