@gv-tech/ui-web 2.20.0 → 2.21.1

package/dist/scroll-area-DJcPs0_v.mjs

@@ -0,0 +1,519 @@
+import { t as e } from "./utils-A_oVsYw5.mjs";
+import { n as t } from "./dist-Bm8Cuttq.mjs";
+import { n } from "./dist-DAe-fOIM.mjs";
+import { r, t as i } from "./dist-BjEG16aJ.mjs";
+import { t as a } from "./dist-C9PlF532.mjs";
+import { t as o } from "./dist-DdVp13bp.mjs";
+import { t as s } from "./dist-C3Z3atn0.mjs";
+import { t as c } from "./dist-CCokLFyA.mjs";
+import { t as l } from "./dist-DGzGsPqo.mjs";
+import * as u from "react";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region ../../node_modules/.bun/@radix-ui+react-scroll-area@1.2.10+2d3f272c3a65784a/node_modules/@radix-ui/react-scroll-area/dist/index.mjs
+function m(e, t) {
+	return u.useReducer((e, n) => t[e][n] ?? e, e);
+}
+var h = "ScrollArea", [g, _] = t(h), [v, y] = g(h), b = u.forwardRef((e, t) => {
+	let { __scopeScrollArea: r, type: a = "hover", dir: o, scrollHideDelay: c = 600, ...l } = e, [d, p] = u.useState(null), [m, h] = u.useState(null), [g, _] = u.useState(null), [y, b] = u.useState(null), [x, S] = u.useState(null), [C, w] = u.useState(0), [T, E] = u.useState(0), [D, O] = u.useState(!1), [k, A] = u.useState(!1), j = n(t, (e) => p(e)), M = s(o);
+	return /* @__PURE__ */ f(v, {
+		scope: r,
+		type: a,
+		dir: M,
+		scrollHideDelay: c,
+		scrollArea: d,
+		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__ */ f(i.div, {
+			dir: M,
+			...l,
+			ref: j,
+			style: {
+				position: "relative",
+				"--radix-scroll-area-corner-width": C + "px",
+				"--radix-scroll-area-corner-height": T + "px",
+				...e.style
+			}
+		})
+	});
+});
+b.displayName = h;
+var x = "ScrollAreaViewport", S = u.forwardRef((e, t) => {
+	let { __scopeScrollArea: r, children: a, nonce: o, ...s } = e, c = y(x, r), l = n(t, u.useRef(null), c.onViewportChange);
+	return /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("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__ */ f(i.div, {
+		"data-radix-scroll-area-viewport": "",
+		...s,
+		ref: l,
+		style: {
+			overflowX: c.scrollbarXEnabled ? "scroll" : "hidden",
+			overflowY: c.scrollbarYEnabled ? "scroll" : "hidden",
+			...e.style
+		},
+		children: /* @__PURE__ */ f("div", {
+			ref: c.onContentChange,
+			style: {
+				minWidth: "100%",
+				display: "table"
+			},
+			children: a
+		})
+	})] });
+});
+S.displayName = x;
+var C = "ScrollAreaScrollbar", w = u.forwardRef((e, t) => {
+	let { forceMount: n, ...r } = e, i = y(C, e.__scopeScrollArea), { onScrollbarXEnabledChange: a, onScrollbarYEnabledChange: o } = i, s = e.orientation === "horizontal";
+	return u.useEffect(() => (s ? a(!0) : o(!0), () => {
+		s ? a(!1) : o(!1);
+	}), [
+		s,
+		a,
+		o
+	]), i.type === "hover" ? /* @__PURE__ */ f(T, {
+		...r,
+		ref: t,
+		forceMount: n
+	}) : i.type === "scroll" ? /* @__PURE__ */ f(E, {
+		...r,
+		ref: t,
+		forceMount: n
+	}) : i.type === "auto" ? /* @__PURE__ */ f(D, {
+		...r,
+		ref: t,
+		forceMount: n
+	}) : i.type === "always" ? /* @__PURE__ */ f(O, {
+		...r,
+		ref: t
+	}) : null;
+});
+w.displayName = C;
+var T = u.forwardRef((e, t) => {
+	let { forceMount: n, ...r } = e, i = y(C, e.__scopeScrollArea), [a, s] = u.useState(!1);
+	return u.useEffect(() => {
+		let e = i.scrollArea, t = 0;
+		if (e) {
+			let n = () => {
+				window.clearTimeout(t), s(!0);
+			}, r = () => {
+				t = window.setTimeout(() => s(!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__ */ f(o, {
+		present: n || a,
+		children: /* @__PURE__ */ f(D, {
+			"data-state": a ? "visible" : "hidden",
+			...r,
+			ref: t
+		})
+	});
+}), E = u.forwardRef((e, t) => {
+	let { forceMount: n, ...i } = e, a = y(C, e.__scopeScrollArea), s = e.orientation === "horizontal", c = J(() => d("SCROLL_END"), 100), [l, d] = 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 u.useEffect(() => {
+		if (l === "idle") {
+			let e = window.setTimeout(() => d("HIDE"), a.scrollHideDelay);
+			return () => window.clearTimeout(e);
+		}
+	}, [
+		l,
+		a.scrollHideDelay,
+		d
+	]), u.useEffect(() => {
+		let e = a.viewport, t = s ? "scrollLeft" : "scrollTop";
+		if (e) {
+			let n = e[t], r = () => {
+				let r = e[t];
+				n !== r && (d("SCROLL"), c()), n = r;
+			};
+			return e.addEventListener("scroll", r), () => e.removeEventListener("scroll", r);
+		}
+	}, [
+		a.viewport,
+		s,
+		d,
+		c
+	]), /* @__PURE__ */ f(o, {
+		present: n || l !== "hidden",
+		children: /* @__PURE__ */ f(O, {
+			"data-state": l === "hidden" ? "hidden" : "visible",
+			...i,
+			ref: t,
+			onPointerEnter: r(e.onPointerEnter, () => d("POINTER_ENTER")),
+			onPointerLeave: r(e.onPointerLeave, () => d("POINTER_LEAVE"))
+		})
+	});
+}), D = u.forwardRef((e, t) => {
+	let n = y(C, e.__scopeScrollArea), { forceMount: r, ...i } = e, [a, s] = u.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;
+			s(c ? e : t);
+		}
+	}, 10);
+	return Y(n.viewport, l), Y(n.content, l), /* @__PURE__ */ f(o, {
+		present: r || a,
+		children: /* @__PURE__ */ f(O, {
+			"data-state": a ? "visible" : "hidden",
+			...i,
+			ref: t
+		})
+	});
+}), O = u.forwardRef((e, t) => {
+	let { orientation: n = "vertical", ...r } = e, i = y(C, e.__scopeScrollArea), a = u.useRef(null), o = u.useRef(0), [s, c] = u.useState({
+		content: 0,
+		viewport: 0,
+		scrollbar: {
+			size: 0,
+			paddingStart: 0,
+			paddingEnd: 0
+		}
+	}), l = V(s.viewport, s.content), d = {
+		...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 p(e, t) {
+		return U(e, o.current, s, t);
+	}
+	return n === "horizontal" ? /* @__PURE__ */ f(k, {
+		...d,
+		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 = p(e, i.dir));
+		}
+	}) : n === "vertical" ? /* @__PURE__ */ f(A, {
+		...d,
+		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 = p(e));
+		}
+	}) : null;
+}), k = u.forwardRef((e, t) => {
+	let { sizes: r, onSizesChange: i, ...a } = e, o = y(C, e.__scopeScrollArea), [s, c] = u.useState(), l = u.useRef(null), d = n(t, l, o.onScrollbarXChange);
+	return u.useEffect(() => {
+		l.current && c(getComputedStyle(l.current));
+	}, [l]), /* @__PURE__ */ f(N, {
+		"data-orientation": "horizontal",
+		...a,
+		ref: d,
+		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",
+			...e.style
+		},
+		onThumbPointerDown: (t) => e.onThumbPointerDown(t.x),
+		onDragScroll: (t) => e.onDragScroll(t.x),
+		onWheelScroll: (t, n) => {
+			if (o.viewport) {
+				let r = o.viewport.scrollLeft + t.deltaX;
+				e.onWheelScroll(r), K(r, n) && t.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 = u.forwardRef((e, t) => {
+	let { sizes: r, onSizesChange: i, ...a } = e, o = y(C, e.__scopeScrollArea), [s, c] = u.useState(), l = u.useRef(null), d = n(t, l, o.onScrollbarYChange);
+	return u.useEffect(() => {
+		l.current && c(getComputedStyle(l.current));
+	}, [l]), /* @__PURE__ */ f(N, {
+		"data-orientation": "vertical",
+		...a,
+		ref: d,
+		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",
+			...e.style
+		},
+		onThumbPointerDown: (t) => e.onThumbPointerDown(t.y),
+		onDragScroll: (t) => e.onDragScroll(t.y),
+		onWheelScroll: (t, n) => {
+			if (o.viewport) {
+				let r = o.viewport.scrollTop + t.deltaY;
+				e.onWheelScroll(r), K(r, n) && t.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 = u.forwardRef((e, t) => {
+	let { __scopeScrollArea: a, sizes: o, hasThumb: s, onThumbChange: l, onThumbPointerUp: d, onThumbPointerDown: p, onThumbPositionChange: m, onDragScroll: h, onWheelScroll: g, onResize: _, ...v } = e, b = y(C, a), [x, S] = u.useState(null), w = n(t, (e) => S(e)), T = u.useRef(null), E = u.useRef(""), D = b.viewport, O = o.content - o.viewport, k = c(g), A = c(m), M = J(_, 10);
+	function N(e) {
+		T.current && h({
+			x: e.clientX - T.current.left,
+			y: e.clientY - T.current.top
+		});
+	}
+	return u.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
+	]), u.useEffect(A, [o, A]), Y(x, M), Y(b.content, M), /* @__PURE__ */ f(j, {
+		scope: a,
+		scrollbar: x,
+		hasThumb: s,
+		onThumbChange: c(l),
+		onThumbPointerUp: c(d),
+		onThumbPositionChange: A,
+		onThumbPointerDown: c(p),
+		children: /* @__PURE__ */ f(i.div, {
+			...v,
+			ref: w,
+			style: {
+				position: "absolute",
+				...v.style
+			},
+			onPointerDown: r(e.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(e.onPointerMove, N),
+			onPointerUp: r(e.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 = u.forwardRef((e, t) => {
+	let { forceMount: n, ...r } = e, i = M(P, e.__scopeScrollArea);
+	return /* @__PURE__ */ f(o, {
+		present: n || i.hasThumb,
+		children: /* @__PURE__ */ f(I, {
+			ref: t,
+			...r
+		})
+	});
+}), I = u.forwardRef((e, t) => {
+	let { __scopeScrollArea: a, style: o, ...s } = e, c = y(P, a), l = M(P, a), { onThumbPositionChange: d } = l, p = n(t, (e) => l.onThumbChange(e)), m = u.useRef(void 0), h = J(() => {
+		m.current &&= (m.current(), void 0);
+	}, 100);
+	return u.useEffect(() => {
+		let e = c.viewport;
+		if (e) {
+			let t = () => {
+				h(), m.current || (m.current = q(e, d), d());
+			};
+			return d(), e.addEventListener("scroll", t), () => e.removeEventListener("scroll", t);
+		}
+	}, [
+		c.viewport,
+		h,
+		d
+	]), /* @__PURE__ */ f(i.div, {
+		"data-state": l.hasThumb ? "visible" : "hidden",
+		...s,
+		ref: p,
+		style: {
+			width: "var(--radix-scroll-area-thumb-width)",
+			height: "var(--radix-scroll-area-thumb-height)",
+			...o
+		},
+		onPointerDownCapture: r(e.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(e.onPointerUp, l.onThumbPointerUp)
+	});
+});
+F.displayName = P;
+var L = "ScrollAreaCorner", R = u.forwardRef((e, t) => {
+	let n = y(L, e.__scopeScrollArea), r = !!(n.scrollbarX && n.scrollbarY);
+	return n.type !== "scroll" && r ? /* @__PURE__ */ f(z, {
+		...e,
+		ref: t
+	}) : null;
+});
+R.displayName = L;
+var z = u.forwardRef((e, t) => {
+	let { __scopeScrollArea: n, ...r } = e, a = y(L, n), [o, s] = u.useState(0), [c, l] = u.useState(0), d = !!(o && c);
+	return Y(a.scrollbarX, () => {
+		let e = a.scrollbarX?.offsetHeight || 0;
+		a.onCornerHeightChange(e), l(e);
+	}), Y(a.scrollbarY, () => {
+		let e = a.scrollbarY?.offsetWidth || 0;
+		a.onCornerWidthChange(e), s(e);
+	}), d ? /* @__PURE__ */ f(i.div, {
+		...r,
+		ref: t,
+		style: {
+			width: o,
+			height: c,
+			position: "absolute",
+			right: a.dir === "ltr" ? 0 : void 0,
+			left: a.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 = c(e), r = u.useRef(0);
+	return u.useEffect(() => () => window.clearTimeout(r.current), []), u.useCallback(() => {
+		window.clearTimeout(r.current), r.current = window.setTimeout(n, t);
+	}, [n, t]);
+}
+function Y(e, t) {
+	let n = c(t);
+	a(() => {
+		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, ee = R, Q = u.forwardRef(({ className: t, children: n, ...r }, i) => /* @__PURE__ */ p(X, {
+	ref: i,
+	className: e("relative overflow-hidden", t),
+	...r,
+	children: [
+		/* @__PURE__ */ f(Z, {
+			className: "h-full w-full rounded-[inherit]",
+			children: n
+		}),
+		/* @__PURE__ */ f($, {}),
+		/* @__PURE__ */ f(ee, {})
+	]
+}));
+Q.displayName = X?.displayName || "ScrollArea";
+var $ = u.forwardRef(({ className: t, orientation: n = "vertical", ...r }, i) => /* @__PURE__ */ f(w, {
+	ref: i,
+	orientation: n,
+	className: e("flex touch-none transition-colors select-none", n === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]", n === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]", t),
+	...r,
+	children: /* @__PURE__ */ f(F, { className: "bg-border relative flex-1 rounded-full" })
+}));
+$.displayName = w?.displayName || "ScrollBar";
+//#endregion
+export { $ as n, Q as t };

package/dist/scroll-area-W_aOLOdE.js

@@ -0,0 +1 @@
+const e=require("./chunk-mLOUI7ql.js"),t=require("./utils-ChMUqofy.js"),n=require("./dist-CSkpam6a.js"),r=require("./dist-BTPL2C0R.js"),i=require("./dist-Dw6-GQAn.js"),a=require("./dist-CGgemr2V.js"),o=require("./dist-Doq7FY_P.js"),s=require("./dist-CV2U2xFR.js"),c=require("./dist-CEJNUZGZ.js"),l=require("./dist-C_45sBzc.js");let u=require("react"),d=e.r(u,1);u=e.r(u);let f=require("react/jsx-runtime");function p(e,t){return d.useReducer((e,n)=>t[e][n]??e,e)}var m=`ScrollArea`,[h,g]=n.n(m),[_,v]=h(m),y=d.forwardRef((e,t)=>{let{__scopeScrollArea:n,type:a=`hover`,dir:o,scrollHideDelay:c=600,...l}=e,[u,p]=d.useState(null),[m,h]=d.useState(null),[g,v]=d.useState(null),[y,b]=d.useState(null),[x,S]=d.useState(null),[C,w]=d.useState(0),[T,E]=d.useState(0),[D,O]=d.useState(!1),[k,A]=d.useState(!1),j=r.n(t,e=>p(e)),M=s.t(o);return(0,f.jsx)(_,{scope:n,type:a,dir:M,scrollHideDelay:c,scrollArea:u,viewport:m,onViewportChange:h,content:g,onContentChange:v,scrollbarX:y,onScrollbarXChange:b,scrollbarXEnabled:D,onScrollbarXEnabledChange:O,scrollbarY:x,onScrollbarYChange:S,scrollbarYEnabled:k,onScrollbarYEnabledChange:A,onCornerWidthChange:w,onCornerHeightChange:E,children:(0,f.jsx)(i.t.div,{dir:M,...l,ref:j,style:{position:`relative`,"--radix-scroll-area-corner-width":C+`px`,"--radix-scroll-area-corner-height":T+`px`,...e.style}})})});y.displayName=m;var b=`ScrollAreaViewport`,x=d.forwardRef((e,t)=>{let{__scopeScrollArea:n,children:a,nonce:o,...s}=e,c=v(b,n),l=r.n(t,d.useRef(null),c.onViewportChange);return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(`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}),(0,f.jsx)(i.t.div,{"data-radix-scroll-area-viewport":``,...s,ref:l,style:{overflowX:c.scrollbarXEnabled?`scroll`:`hidden`,overflowY:c.scrollbarYEnabled?`scroll`:`hidden`,...e.style},children:(0,f.jsx)(`div`,{ref:c.onContentChange,style:{minWidth:`100%`,display:`table`},children:a})})]})});x.displayName=b;var S=`ScrollAreaScrollbar`,C=d.forwardRef((e,t)=>{let{forceMount:n,...r}=e,i=v(S,e.__scopeScrollArea),{onScrollbarXEnabledChange:a,onScrollbarYEnabledChange:o}=i,s=e.orientation===`horizontal`;return d.useEffect(()=>(s?a(!0):o(!0),()=>{s?a(!1):o(!1)}),[s,a,o]),i.type===`hover`?(0,f.jsx)(w,{...r,ref:t,forceMount:n}):i.type===`scroll`?(0,f.jsx)(T,{...r,ref:t,forceMount:n}):i.type===`auto`?(0,f.jsx)(E,{...r,ref:t,forceMount:n}):i.type===`always`?(0,f.jsx)(D,{...r,ref:t}):null});C.displayName=S;var w=d.forwardRef((e,t)=>{let{forceMount:n,...r}=e,i=v(S,e.__scopeScrollArea),[a,s]=d.useState(!1);return d.useEffect(()=>{let e=i.scrollArea,t=0;if(e){let n=()=>{window.clearTimeout(t),s(!0)},r=()=>{t=window.setTimeout(()=>s(!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]),(0,f.jsx)(o.t,{present:n||a,children:(0,f.jsx)(E,{"data-state":a?`visible`:`hidden`,...r,ref:t})})}),T=d.forwardRef((e,t)=>{let{forceMount:n,...r}=e,a=v(S,e.__scopeScrollArea),s=e.orientation===`horizontal`,c=q(()=>u(`SCROLL_END`),100),[l,u]=p(`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 d.useEffect(()=>{if(l===`idle`){let e=window.setTimeout(()=>u(`HIDE`),a.scrollHideDelay);return()=>window.clearTimeout(e)}},[l,a.scrollHideDelay,u]),d.useEffect(()=>{let e=a.viewport,t=s?`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,s,u,c]),(0,f.jsx)(o.t,{present:n||l!==`hidden`,children:(0,f.jsx)(D,{"data-state":l===`hidden`?`hidden`:`visible`,...r,ref:t,onPointerEnter:i.r(e.onPointerEnter,()=>u(`POINTER_ENTER`)),onPointerLeave:i.r(e.onPointerLeave,()=>u(`POINTER_LEAVE`))})})}),E=d.forwardRef((e,t)=>{let n=v(S,e.__scopeScrollArea),{forceMount:r,...i}=e,[a,s]=d.useState(!1),c=e.orientation===`horizontal`,l=q(()=>{if(n.viewport){let e=n.viewport.offsetWidth<n.viewport.scrollWidth,t=n.viewport.offsetHeight<n.viewport.scrollHeight;s(c?e:t)}},10);return J(n.viewport,l),J(n.content,l),(0,f.jsx)(o.t,{present:r||a,children:(0,f.jsx)(D,{"data-state":a?`visible`:`hidden`,...i,ref:t})})}),D=d.forwardRef((e,t)=>{let{orientation:n=`vertical`,...r}=e,i=v(S,e.__scopeScrollArea),a=d.useRef(null),o=d.useRef(0),[s,c]=d.useState({content:0,viewport:0,scrollbar:{size:0,paddingStart:0,paddingEnd:0}}),l=B(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 p(e,t){return H(e,o.current,s,t)}return n===`horizontal`?(0,f.jsx)(O,{...u,ref:t,onThumbPositionChange:()=>{if(i.viewport&&a.current){let e=i.viewport.scrollLeft,t=U(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=p(e,i.dir))}}):n===`vertical`?(0,f.jsx)(k,{...u,ref:t,onThumbPositionChange:()=>{if(i.viewport&&a.current){let e=i.viewport.scrollTop,t=U(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=p(e))}}):null}),O=d.forwardRef((e,t)=>{let{sizes:n,onSizesChange:i,...a}=e,o=v(S,e.__scopeScrollArea),[s,c]=d.useState(),l=d.useRef(null),u=r.n(t,l,o.onScrollbarXChange);return d.useEffect(()=>{l.current&&c(getComputedStyle(l.current))},[l]),(0,f.jsx)(M,{"data-orientation":`horizontal`,...a,ref:u,sizes:n,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":V(n)+`px`,...e.style},onThumbPointerDown:t=>e.onThumbPointerDown(t.x),onDragScroll:t=>e.onDragScroll(t.x),onWheelScroll:(t,n)=>{if(o.viewport){let r=o.viewport.scrollLeft+t.deltaX;e.onWheelScroll(r),G(r,n)&&t.preventDefault()}},onResize:()=>{l.current&&o.viewport&&s&&i({content:o.viewport.scrollWidth,viewport:o.viewport.offsetWidth,scrollbar:{size:l.current.clientWidth,paddingStart:z(s.paddingLeft),paddingEnd:z(s.paddingRight)}})}})}),k=d.forwardRef((e,t)=>{let{sizes:n,onSizesChange:i,...a}=e,o=v(S,e.__scopeScrollArea),[s,c]=d.useState(),l=d.useRef(null),u=r.n(t,l,o.onScrollbarYChange);return d.useEffect(()=>{l.current&&c(getComputedStyle(l.current))},[l]),(0,f.jsx)(M,{"data-orientation":`vertical`,...a,ref:u,sizes:n,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":V(n)+`px`,...e.style},onThumbPointerDown:t=>e.onThumbPointerDown(t.y),onDragScroll:t=>e.onDragScroll(t.y),onWheelScroll:(t,n)=>{if(o.viewport){let r=o.viewport.scrollTop+t.deltaY;e.onWheelScroll(r),G(r,n)&&t.preventDefault()}},onResize:()=>{l.current&&o.viewport&&s&&i({content:o.viewport.scrollHeight,viewport:o.viewport.offsetHeight,scrollbar:{size:l.current.clientHeight,paddingStart:z(s.paddingTop),paddingEnd:z(s.paddingBottom)}})}})}),[A,j]=h(S),M=d.forwardRef((e,t)=>{let{__scopeScrollArea:n,sizes:a,hasThumb:o,onThumbChange:s,onThumbPointerUp:l,onThumbPointerDown:u,onThumbPositionChange:p,onDragScroll:m,onWheelScroll:h,onResize:g,..._}=e,y=v(S,n),[b,x]=d.useState(null),C=r.n(t,e=>x(e)),w=d.useRef(null),T=d.useRef(``),E=y.viewport,D=a.content-a.viewport,O=c.t(h),k=c.t(p),j=q(g,10);function M(e){w.current&&m({x:e.clientX-w.current.left,y:e.clientY-w.current.top})}return d.useEffect(()=>{let e=e=>{let t=e.target;b?.contains(t)&&O(e,D)};return document.addEventListener(`wheel`,e,{passive:!1}),()=>document.removeEventListener(`wheel`,e,{passive:!1})},[E,b,D,O]),d.useEffect(k,[a,k]),J(b,j),J(y.content,j),(0,f.jsx)(A,{scope:n,scrollbar:b,hasThumb:o,onThumbChange:c.t(s),onThumbPointerUp:c.t(l),onThumbPositionChange:k,onThumbPointerDown:c.t(u),children:(0,f.jsx)(i.t.div,{..._,ref:C,style:{position:`absolute`,..._.style},onPointerDown:i.r(e.onPointerDown,e=>{e.button===0&&(e.target.setPointerCapture(e.pointerId),w.current=b.getBoundingClientRect(),T.current=document.body.style.webkitUserSelect,document.body.style.webkitUserSelect=`none`,y.viewport&&(y.viewport.style.scrollBehavior=`auto`),M(e))}),onPointerMove:i.r(e.onPointerMove,M),onPointerUp:i.r(e.onPointerUp,e=>{let t=e.target;t.hasPointerCapture(e.pointerId)&&t.releasePointerCapture(e.pointerId),document.body.style.webkitUserSelect=T.current,y.viewport&&(y.viewport.style.scrollBehavior=``),w.current=null})})})}),N=`ScrollAreaThumb`,P=d.forwardRef((e,t)=>{let{forceMount:n,...r}=e,i=j(N,e.__scopeScrollArea);return(0,f.jsx)(o.t,{present:n||i.hasThumb,children:(0,f.jsx)(F,{ref:t,...r})})}),F=d.forwardRef((e,t)=>{let{__scopeScrollArea:n,style:a,...o}=e,s=v(N,n),c=j(N,n),{onThumbPositionChange:l}=c,u=r.n(t,e=>c.onThumbChange(e)),p=d.useRef(void 0),m=q(()=>{p.current&&=(p.current(),void 0)},100);return d.useEffect(()=>{let e=s.viewport;if(e){let t=()=>{m(),p.current||(p.current=K(e,l),l())};return l(),e.addEventListener(`scroll`,t),()=>e.removeEventListener(`scroll`,t)}},[s.viewport,m,l]),(0,f.jsx)(i.t.div,{"data-state":c.hasThumb?`visible`:`hidden`,...o,ref:u,style:{width:`var(--radix-scroll-area-thumb-width)`,height:`var(--radix-scroll-area-thumb-height)`,...a},onPointerDownCapture:i.r(e.onPointerDownCapture,e=>{let t=e.target.getBoundingClientRect(),n=e.clientX-t.left,r=e.clientY-t.top;c.onThumbPointerDown({x:n,y:r})}),onPointerUp:i.r(e.onPointerUp,c.onThumbPointerUp)})});P.displayName=N;var I=`ScrollAreaCorner`,L=d.forwardRef((e,t)=>{let n=v(I,e.__scopeScrollArea),r=!!(n.scrollbarX&&n.scrollbarY);return n.type!==`scroll`&&r?(0,f.jsx)(R,{...e,ref:t}):null});L.displayName=I;var R=d.forwardRef((e,t)=>{let{__scopeScrollArea:n,...r}=e,a=v(I,n),[o,s]=d.useState(0),[c,l]=d.useState(0),u=!!(o&&c);return J(a.scrollbarX,()=>{let e=a.scrollbarX?.offsetHeight||0;a.onCornerHeightChange(e),l(e)}),J(a.scrollbarY,()=>{let e=a.scrollbarY?.offsetWidth||0;a.onCornerWidthChange(e),s(e)}),u?(0,f.jsx)(i.t.div,{...r,ref:t,style:{width:o,height:c,position:`absolute`,right:a.dir===`ltr`?0:void 0,left:a.dir===`rtl`?0:void 0,bottom:0,...e.style}}):null});function z(e){return e?parseInt(e,10):0}function B(e,t){let n=e/t;return isNaN(n)?0:n}function V(e){let t=B(e.viewport,e.content),n=e.scrollbar.paddingStart+e.scrollbar.paddingEnd,r=(e.scrollbar.size-n)*t;return Math.max(r,18)}function H(e,t,n,r=`ltr`){let i=V(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 W([c,l],d)(e)}function U(e,t,n=`ltr`){let r=V(t),i=t.scrollbar.paddingStart+t.scrollbar.paddingEnd,a=t.scrollbar.size-i,o=t.content-t.viewport,s=a-r,c=l.t(e,n===`ltr`?[0,o]:[o*-1,0]);return W([0,o],[0,s])(c)}function W(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 G(e,t){return e>0&&e<t}var K=(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 q(e,t){let n=c.t(e),r=d.useRef(0);return d.useEffect(()=>()=>window.clearTimeout(r.current),[]),d.useCallback(()=>{window.clearTimeout(r.current),r.current=window.setTimeout(n,t)},[n,t])}function J(e,t){let n=c.t(t);a.t(()=>{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 Y=y,X=x,Z=L,Q=u.forwardRef(({className:e,children:n,...r},i)=>(0,f.jsxs)(Y,{ref:i,className:t.t(`relative overflow-hidden`,e),...r,children:[(0,f.jsx)(X,{className:`h-full w-full rounded-[inherit]`,children:n}),(0,f.jsx)($,{}),(0,f.jsx)(Z,{})]}));Q.displayName=Y?.displayName||`ScrollArea`;var $=u.forwardRef(({className:e,orientation:n=`vertical`,...r},i)=>(0,f.jsx)(C,{ref:i,orientation:n,className:t.t(`flex touch-none transition-colors select-none`,n===`vertical`&&`h-full w-2.5 border-l border-l-transparent p-[1px]`,n===`horizontal`&&`h-2.5 flex-col border-t border-t-transparent p-[1px]`,e),...r,children:(0,f.jsx)(P,{className:`bg-border relative flex-1 rounded-full`})}));$.displayName=C?.displayName||`ScrollBar`,Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return $}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return Q}});

package/dist/scroll-area.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("./jsx-runtime-nZSsnGb7.js"),ie=require("react"),S=require("./index-BtZvtDmp.js"),W=require("./index-B2XtpfGY.js"),ae=require("./index-D2HnlO3y.js"),j=require("./index-_XxjJPRD.js"),E=require("./index-CzY-WZXL.js"),ue=require("./index-Dko2XdTk.js"),de=require("./index-MQ0c3ZX_.js"),fe=require("./index-C8ni3LLa.js"),F=require("./utils-cdbZV8DZ.js");function he(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const s=he(ie);function me(e,t){return s.useReducer((r,n)=>t[r][n]??r,e)}var X="ScrollArea",[$]=ae.createContextScope(X),[pe,x]=$(X),G=s.forwardRef((e,t)=>{const{__scopeScrollArea:r,type:n="hover",dir:o,scrollHideDelay:l=600,...c}=e,[i,a]=s.useState(null),[f,u]=s.useState(null),[m,d]=s.useState(null),[p,w]=s.useState(null),[y,I]=s.useState(null),[g,A]=s.useState(0),[M,_]=s.useState(0),[L,T]=s.useState(!1),[D,H]=s.useState(!1),b=j.useComposedRefs(t,P=>a(P)),v=ue.useDirection(o);return h.jsxRuntimeExports.jsx(pe,{scope:r,type:n,dir:v,scrollHideDelay:l,scrollArea:i,viewport:f,onViewportChange:u,content:m,onContentChange:d,scrollbarX:p,onScrollbarXChange:w,scrollbarXEnabled:L,onScrollbarXEnabledChange:T,scrollbarY:y,onScrollbarYChange:I,scrollbarYEnabled:D,onScrollbarYEnabledChange:H,onCornerWidthChange:A,onCornerHeightChange:_,children:h.jsxRuntimeExports.jsx(S.Primitive.div,{dir:v,...c,ref:b,style:{position:"relative","--radix-scroll-area-corner-width":g+"px","--radix-scroll-area-corner-height":M+"px",...e.style}})})});G.displayName=X;var J="ScrollAreaViewport",K=s.forwardRef((e,t)=>{const{__scopeScrollArea:r,children:n,nonce:o,...l}=e,c=x(J,r),i=s.useRef(null),a=j.useComposedRefs(t,i,c.onViewportChange);return h.jsxRuntimeExports.jsxs(h.jsxRuntimeExports.Fragment,{children:[h.jsxRuntimeExports.jsx("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}),h.jsxRuntimeExports.jsx(S.Primitive.div,{"data-radix-scroll-area-viewport":"",...l,ref:a,style:{overflowX:c.scrollbarXEnabled?"scroll":"hidden",overflowY:c.scrollbarYEnabled?"scroll":"hidden",...e.style},children:h.jsxRuntimeExports.jsx("div",{ref:c.onContentChange,style:{minWidth:"100%",display:"table"},children:n})})]})});K.displayName=J;var R="ScrollAreaScrollbar",Y=s.forwardRef((e,t)=>{const{forceMount:r,...n}=e,o=x(R,e.__scopeScrollArea),{onScrollbarXEnabledChange:l,onScrollbarYEnabledChange:c}=o,i=e.orientation==="horizontal";return s.useEffect(()=>(i?l(!0):c(!0),()=>{i?l(!1):c(!1)}),[i,l,c]),o.type==="hover"?h.jsxRuntimeExports.jsx(be,{...n,ref:t,forceMount:r}):o.type==="scroll"?h.jsxRuntimeExports.jsx(Se,{...n,ref:t,forceMount:r}):o.type==="auto"?h.jsxRuntimeExports.jsx(Q,{...n,ref:t,forceMount:r}):o.type==="always"?h.jsxRuntimeExports.jsx(B,{...n,ref:t}):null});Y.displayName=R;var be=s.forwardRef((e,t)=>{const{forceMount:r,...n}=e,o=x(R,e.__scopeScrollArea),[l,c]=s.useState(!1);return s.useEffect(()=>{const i=o.scrollArea;let a=0;if(i){const f=()=>{window.clearTimeout(a),c(!0)},u=()=>{a=window.setTimeout(()=>c(!1),o.scrollHideDelay)};return i.addEventListener("pointerenter",f),i.addEventListener("pointerleave",u),()=>{window.clearTimeout(a),i.removeEventListener("pointerenter",f),i.removeEventListener("pointerleave",u)}}},[o.scrollArea,o.scrollHideDelay]),h.jsxRuntimeExports.jsx(W.Presence,{present:r||l,children:h.jsxRuntimeExports.jsx(Q,{"data-state":l?"visible":"hidden",...n,ref:t})})}),Se=s.forwardRef((e,t)=>{const{forceMount:r,...n}=e,o=x(R,e.__scopeScrollArea),l=e.orientation==="horizontal",c=k(()=>a("SCROLL_END"),100),[i,a]=me("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 s.useEffect(()=>{if(i==="idle"){const f=window.setTimeout(()=>a("HIDE"),o.scrollHideDelay);return()=>window.clearTimeout(f)}},[i,o.scrollHideDelay,a]),s.useEffect(()=>{const f=o.viewport,u=l?"scrollLeft":"scrollTop";if(f){let m=f[u];const d=()=>{const p=f[u];m!==p&&(a("SCROLL"),c()),m=p};return f.addEventListener("scroll",d),()=>f.removeEventListener("scroll",d)}},[o.viewport,l,a,c]),h.jsxRuntimeExports.jsx(W.Presence,{present:r||i!=="hidden",children:h.jsxRuntimeExports.jsx(B,{"data-state":i==="hidden"?"hidden":"visible",...n,ref:t,onPointerEnter:S.composeEventHandlers(e.onPointerEnter,()=>a("POINTER_ENTER")),onPointerLeave:S.composeEventHandlers(e.onPointerLeave,()=>a("POINTER_LEAVE"))})})}),Q=s.forwardRef((e,t)=>{const r=x(R,e.__scopeScrollArea),{forceMount:n,...o}=e,[l,c]=s.useState(!1),i=e.orientation==="horizontal",a=k(()=>{if(r.viewport){const f=r.viewport.offsetWidth<r.viewport.scrollWidth,u=r.viewport.offsetHeight<r.viewport.scrollHeight;c(i?f:u)}},10);return C(r.viewport,a),C(r.content,a),h.jsxRuntimeExports.jsx(W.Presence,{present:n||l,children:h.jsxRuntimeExports.jsx(B,{"data-state":l?"visible":"hidden",...o,ref:t})})}),B=s.forwardRef((e,t)=>{const{orientation:r="vertical",...n}=e,o=x(R,e.__scopeScrollArea),l=s.useRef(null),c=s.useRef(0),[i,a]=s.useState({content:0,viewport:0,scrollbar:{size:0,paddingStart:0,paddingEnd:0}}),f=oe(i.viewport,i.content),u={...n,sizes:i,onSizesChange:a,hasThumb:f>0&&f<1,onThumbChange:d=>l.current=d,onThumbPointerUp:()=>c.current=0,onThumbPointerDown:d=>c.current=d};function m(d,p){return Ee(d,c.current,i,p)}return r==="horizontal"?h.jsxRuntimeExports.jsx(xe,{...u,ref:t,onThumbPositionChange:()=>{if(o.viewport&&l.current){const d=o.viewport.scrollLeft,p=q(d,i,o.dir);l.current.style.transform=`translate3d(${p}px, 0, 0)`}},onWheelScroll:d=>{o.viewport&&(o.viewport.scrollLeft=d)},onDragScroll:d=>{o.viewport&&(o.viewport.scrollLeft=m(d,o.dir))}}):r==="vertical"?h.jsxRuntimeExports.jsx(ve,{...u,ref:t,onThumbPositionChange:()=>{if(o.viewport&&l.current){const d=o.viewport.scrollTop,p=q(d,i);l.current.style.transform=`translate3d(0, ${p}px, 0)`}},onWheelScroll:d=>{o.viewport&&(o.viewport.scrollTop=d)},onDragScroll:d=>{o.viewport&&(o.viewport.scrollTop=m(d))}}):null}),xe=s.forwardRef((e,t)=>{const{sizes:r,onSizesChange:n,...o}=e,l=x(R,e.__scopeScrollArea),[c,i]=s.useState(),a=s.useRef(null),f=j.useComposedRefs(t,a,l.onScrollbarXChange);return s.useEffect(()=>{a.current&&i(getComputedStyle(a.current))},[a]),h.jsxRuntimeExports.jsx(ee,{"data-orientation":"horizontal",...o,ref:f,sizes:r,style:{bottom:0,left:l.dir==="rtl"?"var(--radix-scroll-area-corner-width)":0,right:l.dir==="ltr"?"var(--radix-scroll-area-corner-width)":0,"--radix-scroll-area-thumb-width":z(r)+"px",...e.style},onThumbPointerDown:u=>e.onThumbPointerDown(u.x),onDragScroll:u=>e.onDragScroll(u.x),onWheelScroll:(u,m)=>{if(l.viewport){const d=l.viewport.scrollLeft+u.deltaX;e.onWheelScroll(d),le(d,m)&&u.preventDefault()}},onResize:()=>{a.current&&l.viewport&&c&&n({content:l.viewport.scrollWidth,viewport:l.viewport.offsetWidth,scrollbar:{size:a.current.clientWidth,paddingStart:O(c.paddingLeft),paddingEnd:O(c.paddingRight)}})}})}),ve=s.forwardRef((e,t)=>{const{sizes:r,onSizesChange:n,...o}=e,l=x(R,e.__scopeScrollArea),[c,i]=s.useState(),a=s.useRef(null),f=j.useComposedRefs(t,a,l.onScrollbarYChange);return s.useEffect(()=>{a.current&&i(getComputedStyle(a.current))},[a]),h.jsxRuntimeExports.jsx(ee,{"data-orientation":"vertical",...o,ref:f,sizes:r,style:{top:0,right:l.dir==="ltr"?0:void 0,left:l.dir==="rtl"?0:void 0,bottom:"var(--radix-scroll-area-corner-height)","--radix-scroll-area-thumb-height":z(r)+"px",...e.style},onThumbPointerDown:u=>e.onThumbPointerDown(u.y),onDragScroll:u=>e.onDragScroll(u.y),onWheelScroll:(u,m)=>{if(l.viewport){const d=l.viewport.scrollTop+u.deltaY;e.onWheelScroll(d),le(d,m)&&u.preventDefault()}},onResize:()=>{a.current&&l.viewport&&c&&n({content:l.viewport.scrollHeight,viewport:l.viewport.offsetHeight,scrollbar:{size:a.current.clientHeight,paddingStart:O(c.paddingTop),paddingEnd:O(c.paddingBottom)}})}})}),[we,Z]=$(R),ee=s.forwardRef((e,t)=>{const{__scopeScrollArea:r,sizes:n,hasThumb:o,onThumbChange:l,onThumbPointerUp:c,onThumbPointerDown:i,onThumbPositionChange:a,onDragScroll:f,onWheelScroll:u,onResize:m,...d}=e,p=x(R,r),[w,y]=s.useState(null),I=j.useComposedRefs(t,b=>y(b)),g=s.useRef(null),A=s.useRef(""),M=p.viewport,_=n.content-n.viewport,L=E.useCallbackRef(u),T=E.useCallbackRef(a),D=k(m,10);function H(b){if(g.current){const v=b.clientX-g.current.left,P=b.clientY-g.current.top;f({x:v,y:P})}}return s.useEffect(()=>{const b=v=>{const P=v.target;w?.contains(P)&&L(v,_)};return document.addEventListener("wheel",b,{passive:!1}),()=>document.removeEventListener("wheel",b,{passive:!1})},[M,w,_,L]),s.useEffect(T,[n,T]),C(w,D),C(p.content,D),h.jsxRuntimeExports.jsx(we,{scope:r,scrollbar:w,hasThumb:o,onThumbChange:E.useCallbackRef(l),onThumbPointerUp:E.useCallbackRef(c),onThumbPositionChange:T,onThumbPointerDown:E.useCallbackRef(i),children:h.jsxRuntimeExports.jsx(S.Primitive.div,{...d,ref:I,style:{position:"absolute",...d.style},onPointerDown:S.composeEventHandlers(e.onPointerDown,b=>{b.button===0&&(b.target.setPointerCapture(b.pointerId),g.current=w.getBoundingClientRect(),A.current=document.body.style.webkitUserSelect,document.body.style.webkitUserSelect="none",p.viewport&&(p.viewport.style.scrollBehavior="auto"),H(b))}),onPointerMove:S.composeEventHandlers(e.onPointerMove,H),onPointerUp:S.composeEventHandlers(e.onPointerUp,b=>{const v=b.target;v.hasPointerCapture(b.pointerId)&&v.releasePointerCapture(b.pointerId),document.body.style.webkitUserSelect=A.current,p.viewport&&(p.viewport.style.scrollBehavior=""),g.current=null})})})}),N="ScrollAreaThumb",re=s.forwardRef((e,t)=>{const{forceMount:r,...n}=e,o=Z(N,e.__scopeScrollArea);return h.jsxRuntimeExports.jsx(W.Presence,{present:r||o.hasThumb,children:h.jsxRuntimeExports.jsx(Re,{ref:t,...n})})}),Re=s.forwardRef((e,t)=>{const{__scopeScrollArea:r,style:n,...o}=e,l=x(N,r),c=Z(N,r),{onThumbPositionChange:i}=c,a=j.useComposedRefs(t,m=>c.onThumbChange(m)),f=s.useRef(void 0),u=k(()=>{f.current&&(f.current(),f.current=void 0)},100);return s.useEffect(()=>{const m=l.viewport;if(m){const d=()=>{if(u(),!f.current){const p=Pe(m,i);f.current=p,i()}};return i(),m.addEventListener("scroll",d),()=>m.removeEventListener("scroll",d)}},[l.viewport,u,i]),h.jsxRuntimeExports.jsx(S.Primitive.div,{"data-state":c.hasThumb?"visible":"hidden",...o,ref:a,style:{width:"var(--radix-scroll-area-thumb-width)",height:"var(--radix-scroll-area-thumb-height)",...n},onPointerDownCapture:S.composeEventHandlers(e.onPointerDownCapture,m=>{const p=m.target.getBoundingClientRect(),w=m.clientX-p.left,y=m.clientY-p.top;c.onThumbPointerDown({x:w,y})}),onPointerUp:S.composeEventHandlers(e.onPointerUp,c.onThumbPointerUp)})});re.displayName=N;var U="ScrollAreaCorner",te=s.forwardRef((e,t)=>{const r=x(U,e.__scopeScrollArea),n=!!(r.scrollbarX&&r.scrollbarY);return r.type!=="scroll"&&n?h.jsxRuntimeExports.jsx(ge,{...e,ref:t}):null});te.displayName=U;var ge=s.forwardRef((e,t)=>{const{__scopeScrollArea:r,...n}=e,o=x(U,r),[l,c]=s.useState(0),[i,a]=s.useState(0),f=!!(l&&i);return C(o.scrollbarX,()=>{const u=o.scrollbarX?.offsetHeight||0;o.onCornerHeightChange(u),a(u)}),C(o.scrollbarY,()=>{const u=o.scrollbarY?.offsetWidth||0;o.onCornerWidthChange(u),c(u)}),f?h.jsxRuntimeExports.jsx(S.Primitive.div,{...n,ref:t,style:{width:l,height:i,position:"absolute",right:o.dir==="ltr"?0:void 0,left:o.dir==="rtl"?0:void 0,bottom:0,...e.style}}):null});function O(e){return e?parseInt(e,10):0}function oe(e,t){const r=e/t;return isNaN(r)?0:r}function z(e){const t=oe(e.viewport,e.content),r=e.scrollbar.paddingStart+e.scrollbar.paddingEnd,n=(e.scrollbar.size-r)*t;return Math.max(n,18)}function Ee(e,t,r,n="ltr"){const o=z(r),l=o/2,c=t||l,i=o-c,a=r.scrollbar.paddingStart+c,f=r.scrollbar.size-r.scrollbar.paddingEnd-i,u=r.content-r.viewport,m=n==="ltr"?[0,u]:[u*-1,0];return ne([a,f],m)(e)}function q(e,t,r="ltr"){const n=z(t),o=t.scrollbar.paddingStart+t.scrollbar.paddingEnd,l=t.scrollbar.size-o,c=t.content-t.viewport,i=l-n,a=r==="ltr"?[0,c]:[c*-1,0],f=fe.clamp(e,a);return ne([0,c],[0,i])(f)}function ne(e,t){return r=>{if(e[0]===e[1]||t[0]===t[1])return t[0];const n=(t[1]-t[0])/(e[1]-e[0]);return t[0]+n*(r-e[0])}}function le(e,t){return e>0&&e<t}var Pe=(e,t=()=>{})=>{let r={left:e.scrollLeft,top:e.scrollTop},n=0;return(function o(){const l={left:e.scrollLeft,top:e.scrollTop},c=r.left!==l.left,i=r.top!==l.top;(c||i)&&t(),r=l,n=window.requestAnimationFrame(o)})(),()=>window.cancelAnimationFrame(n)};function k(e,t){const r=E.useCallbackRef(e),n=s.useRef(0);return s.useEffect(()=>()=>window.clearTimeout(n.current),[]),s.useCallback(()=>{window.clearTimeout(n.current),n.current=window.setTimeout(r,t)},[r,t])}function C(e,t){const r=E.useCallbackRef(t);de.useLayoutEffect2(()=>{let n=0;if(e){const o=new ResizeObserver(()=>{cancelAnimationFrame(n),n=window.requestAnimationFrame(r)});return o.observe(e),()=>{window.cancelAnimationFrame(n),o.unobserve(e)}}},[e,r])}var se=G,Ce=K,je=te;const ce=s.forwardRef(({className:e,children:t,...r},n)=>h.jsxRuntimeExports.jsxs(se,{ref:n,className:F.cn("relative overflow-hidden",e),...r,children:[h.jsxRuntimeExports.jsx(Ce,{className:"h-full w-full rounded-[inherit]",children:t}),h.jsxRuntimeExports.jsx(V,{}),h.jsxRuntimeExports.jsx(je,{})]}));ce.displayName=se?.displayName||"ScrollArea";const V=s.forwardRef(({className:e,orientation:t="vertical",...r},n)=>h.jsxRuntimeExports.jsx(Y,{ref:n,orientation:t,className:F.cn("flex touch-none transition-colors select-none",t==="vertical"&&"h-full w-2.5 border-l border-l-transparent p-[1px]",t==="horizontal"&&"h-2.5 flex-col border-t border-t-transparent p-[1px]",e),...r,children:h.jsxRuntimeExports.jsx(re,{className:"bg-border relative flex-1 rounded-full"})}));V.displayName=Y?.displayName||"ScrollBar";exports.ScrollArea=ce;exports.ScrollBar=V;
+"use client";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./scroll-area-W_aOLOdE.js");exports.ScrollArea=e.t,exports.ScrollBar=e.n;

package/dist/scroll-area.d.ts

@@ -1,14 +1,2 @@
-import * as React_2 from 'react';
-import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
-import { ScrollAreaBaseProps as ScrollAreaProps } from '../../ui-core/src';
-import { ScrollBarBaseProps as ScrollBarProps } from '../../ui-core/src';
-
-export declare const ScrollArea: React_2.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & ScrollAreaProps & React_2.RefAttributes<HTMLDivElement>>;
-
-export { ScrollAreaProps }
-
-export declare const ScrollBar: React_2.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & ScrollBarProps & React_2.RefAttributes<HTMLDivElement>>;
-
-export { ScrollBarProps }
-
-export { }
+export * from './packages/ui-web/src/scroll-area'
+export {}