@arcadeai/design-system 5.0.1 → 5.3.0

package/dist/scroll-area-D7iOy7xj.js

@@ -0,0 +1,589 @@
+"use client";
+import { t as e } from "./useIsoLayoutEffect-4LGv3HzC.js";
+import { t, u as n } from "./useRenderElement-BToElZ97.js";
+import { t as r } from "./useStableCallback-CrM0Nb2q.js";
+import { t as i } from "./DirectionContext-OzWG1tsQ.js";
+import { t as a } from "./useBaseUiId-CXSJgVcI.js";
+import { t as o } from "./addEventListener-BlQH_qk1.js";
+import { cn as s } from "./lib/utils.js";
+import { t as c } from "./engine-ChH4dTze.js";
+import { n as l } from "./useTimeout-B0afjWAz.js";
+import { n as u, r as d } from "./shadowDom-BACsbimN.js";
+import { n as f, r as p } from "./scrollEdges-Dck9qFyQ.js";
+import { t as ee } from "./CSPContext-_3HefTUC.js";
+import { t as m } from "./clamp-BT4ayAnN.js";
+import * as h from "react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+//#region ../../node_modules/.bun/@base-ui+react@1.6.0+df7f6a806acd27ca/node_modules/@base-ui/react/scroll-area/root/ScrollAreaRootContext.mjs
+var v = /*#__PURE__*/ h.createContext(void 0);
+process.env.NODE_ENV !== "production" && (v.displayName = "ScrollAreaRootContext");
+function y() {
+	let e = h.useContext(v);
+	if (e === void 0) throw Error(process.env.NODE_ENV === "production" ? n(53) : "Base UI: ScrollAreaRootContext is missing. ScrollArea parts must be placed within <ScrollArea.Root>.");
+	return e;
+}
+//#endregion
+//#region ../../node_modules/.bun/@base-ui+react@1.6.0+df7f6a806acd27ca/node_modules/@base-ui/react/scroll-area/root/ScrollAreaRootCssVars.mjs
+var b = /*#__PURE__*/ function(e) {
+	return e.scrollAreaCornerHeight = "--scroll-area-corner-height", e.scrollAreaCornerWidth = "--scroll-area-corner-width", e;
+}({});
+//#endregion
+//#region ../../node_modules/.bun/@base-ui+react@1.6.0+df7f6a806acd27ca/node_modules/@base-ui/react/scroll-area/utils/getOffset.mjs
+function x(e, t, n) {
+	if (!e) return 0;
+	let r = getComputedStyle(e), i = n === "x" ? "Inline" : "Block";
+	return n === "x" && t === "margin" ? parseFloat(r[`${t}InlineStart`]) * 2 : parseFloat(r[`${t}${i}Start`]) + parseFloat(r[`${t}${i}End`]);
+}
+//#endregion
+//#region ../../node_modules/.bun/@base-ui+react@1.6.0+df7f6a806acd27ca/node_modules/@base-ui/react/scroll-area/scrollbar/ScrollAreaScrollbarDataAttributes.mjs
+var S = /*#__PURE__*/ function(e) {
+	return e.orientation = "data-orientation", e.hovering = "data-hovering", e.scrolling = "data-scrolling", e.hasOverflowX = "data-has-overflow-x", e.hasOverflowY = "data-has-overflow-y", e.overflowXStart = "data-overflow-x-start", e.overflowXEnd = "data-overflow-x-end", e.overflowYStart = "data-overflow-y-start", e.overflowYEnd = "data-overflow-y-end", e;
+}({}), C = /*#__PURE__*/ function(e) {
+	return e.scrolling = "data-scrolling", e.hasOverflowX = "data-has-overflow-x", e.hasOverflowY = "data-has-overflow-y", e.overflowXStart = "data-overflow-x-start", e.overflowXEnd = "data-overflow-x-end", e.overflowYStart = "data-overflow-y-start", e.overflowYEnd = "data-overflow-y-end", e;
+}({}), w = {
+	hasOverflowX: (e) => e ? { [C.hasOverflowX]: "" } : null,
+	hasOverflowY: (e) => e ? { [C.hasOverflowY]: "" } : null,
+	overflowXStart: (e) => e ? { [C.overflowXStart]: "" } : null,
+	overflowXEnd: (e) => e ? { [C.overflowXEnd]: "" } : null,
+	overflowYStart: (e) => e ? { [C.overflowYStart]: "" } : null,
+	overflowYEnd: (e) => e ? { [C.overflowYEnd]: "" } : null,
+	cornerHidden: () => null
+}, T = {
+	x: 0,
+	y: 0
+}, E = {
+	width: 0,
+	height: 0
+}, D = {
+	xStart: !1,
+	xEnd: !1,
+	yStart: !1,
+	yEnd: !1
+}, te = {
+	x: !0,
+	y: !0,
+	corner: !0
+}, O = /*#__PURE__*/ h.forwardRef(function(e, n) {
+	let { render: i, className: o, overflowEdgeThreshold: s, style: c, ...d } = e, { xStart: f, xEnd: m, yStart: g, yEnd: y } = ne(s), C = a(), O = l(), k = l(), { nonce: A, disableStyleElements: j } = ee(), [M, N] = h.useState(!1), [P, F] = h.useState(!1), [I, L] = h.useState(!1), [R, z] = h.useState(!1), [B, V] = h.useState(!1), [H, re] = h.useState(E), [U, W] = h.useState(E), [G, K] = h.useState(D), [q, ie] = h.useState(te), ae = h.useRef(null), J = h.useRef(null), Y = h.useRef(null), X = h.useRef(null), Z = h.useRef(null), Q = h.useRef(null), oe = h.useRef(null), se = h.useRef(!1), ce = h.useRef(0), le = h.useRef(0), ue = h.useRef(0), de = h.useRef(0), $ = h.useRef("vertical"), fe = h.useRef(T), pe = r((e) => {
+		let t = e.x - fe.current.x, n = e.y - fe.current.y;
+		fe.current = e, n !== 0 && (L(!0), O.start(500, () => {
+			L(!1);
+		})), t !== 0 && (F(!0), k.start(500, () => {
+			F(!1);
+		}));
+	}), me = r((e) => {
+		e.button === 0 && (se.current = !0, ce.current = e.clientY, le.current = e.clientX, $.current = e.currentTarget.getAttribute(S.orientation), J.current && (ue.current = J.current.scrollTop, de.current = J.current.scrollLeft), Z.current && $.current === "vertical" && Z.current.setPointerCapture(e.pointerId), Q.current && $.current === "horizontal" && Q.current.setPointerCapture(e.pointerId));
+	}), he = r((e) => {
+		if (!se.current) return;
+		let t = e.clientY - ce.current, n = e.clientX - le.current;
+		if (J.current) {
+			let r = J.current.scrollHeight, i = J.current.clientHeight, a = J.current.scrollWidth, o = J.current.clientWidth;
+			if (Z.current && Y.current && $.current === "vertical") {
+				let n = x(Y.current, "padding", "y"), a = x(Z.current, "margin", "y"), o = Z.current.offsetHeight, s = t / (Y.current.offsetHeight - o - n - a);
+				J.current.scrollTop = ue.current + s * (r - i), e.preventDefault(), L(!0), O.start(500, () => {
+					L(!1);
+				});
+			}
+			if (Q.current && X.current && $.current === "horizontal") {
+				let t = x(X.current, "padding", "x"), r = x(Q.current, "margin", "x"), i = Q.current.offsetWidth, s = n / (X.current.offsetWidth - i - t - r);
+				J.current.scrollLeft = de.current + s * (a - o), e.preventDefault(), F(!0), k.start(500, () => {
+					F(!1);
+				});
+			}
+		}
+	}), ge = r((e) => {
+		se.current = !1, Z.current && $.current === "vertical" && Z.current.hasPointerCapture(e.pointerId) && Z.current.releasePointerCapture(e.pointerId), Q.current && $.current === "horizontal" && Q.current.hasPointerCapture(e.pointerId) && Q.current.releasePointerCapture(e.pointerId);
+	});
+	function _e(e) {
+		z(e.pointerType === "touch");
+	}
+	function ve(e) {
+		if (_e(e), e.pointerType !== "touch") {
+			let t = u(ae.current, e.target);
+			N(t);
+		}
+	}
+	let ye = h.useMemo(() => ({
+		scrolling: P || I,
+		hasOverflowX: !q.x,
+		hasOverflowY: !q.y,
+		overflowXStart: G.xStart,
+		overflowXEnd: G.xEnd,
+		overflowYStart: G.yStart,
+		overflowYEnd: G.yEnd,
+		cornerHidden: q.corner
+	}), [
+		P,
+		I,
+		q.x,
+		q.y,
+		q.corner,
+		G
+	]), be = {
+		role: "presentation",
+		onPointerEnter: ve,
+		onPointerMove: ve,
+		onPointerDown: _e,
+		onPointerLeave() {
+			N(!1);
+		},
+		style: {
+			position: "relative",
+			[b.scrollAreaCornerHeight]: `${H.height}px`,
+			[b.scrollAreaCornerWidth]: `${H.width}px`
+		}
+	}, xe = t("div", e, {
+		state: ye,
+		ref: [n, ae],
+		props: [be, d],
+		stateAttributesMapping: w
+	}), Se = h.useMemo(() => ({
+		handlePointerDown: me,
+		handlePointerMove: he,
+		handlePointerUp: ge,
+		handleScroll: pe,
+		cornerSize: H,
+		setCornerSize: re,
+		thumbSize: U,
+		setThumbSize: W,
+		hasMeasuredScrollbar: B,
+		setHasMeasuredScrollbar: V,
+		touchModality: R,
+		cornerRef: oe,
+		scrollingX: P,
+		setScrollingX: F,
+		scrollingY: I,
+		setScrollingY: L,
+		hovering: M,
+		setHovering: N,
+		viewportRef: J,
+		rootRef: ae,
+		scrollbarYRef: Y,
+		scrollbarXRef: X,
+		thumbYRef: Z,
+		thumbXRef: Q,
+		rootId: C,
+		hiddenState: q,
+		setHiddenState: ie,
+		overflowEdges: G,
+		setOverflowEdges: K,
+		viewportState: ye,
+		overflowEdgeThreshold: {
+			xStart: f,
+			xEnd: m,
+			yStart: g,
+			yEnd: y
+		}
+	}), [
+		me,
+		he,
+		ge,
+		pe,
+		H,
+		U,
+		B,
+		R,
+		P,
+		F,
+		I,
+		L,
+		M,
+		N,
+		C,
+		q,
+		G,
+		ye,
+		f,
+		m,
+		g,
+		y
+	]);
+	return /*#__PURE__*/ _(v.Provider, {
+		value: Se,
+		children: [!j && p.getElement(A), xe]
+	});
+});
+process.env.NODE_ENV !== "production" && (O.displayName = "ScrollAreaRoot");
+function ne(e) {
+	if (typeof e == "number") {
+		let t = Math.max(0, e);
+		return {
+			xStart: t,
+			xEnd: t,
+			yStart: t,
+			yEnd: t
+		};
+	}
+	return {
+		xStart: Math.max(0, e?.xStart || 0),
+		xEnd: Math.max(0, e?.xEnd || 0),
+		yStart: Math.max(0, e?.yStart || 0),
+		yEnd: Math.max(0, e?.yEnd || 0)
+	};
+}
+//#endregion
+//#region ../../node_modules/.bun/@base-ui+react@1.6.0+df7f6a806acd27ca/node_modules/@base-ui/react/scroll-area/viewport/ScrollAreaViewportContext.mjs
+var k = /*#__PURE__*/ h.createContext(void 0);
+process.env.NODE_ENV !== "production" && (k.displayName = "ScrollAreaViewportContext");
+//#endregion
+//#region ../../node_modules/.bun/@base-ui+react@1.6.0+df7f6a806acd27ca/node_modules/@base-ui/react/scroll-area/viewport/ScrollAreaViewportCssVars.mjs
+var A = /*#__PURE__*/ function(e) {
+	return e.scrollAreaOverflowXStart = "--scroll-area-overflow-x-start", e.scrollAreaOverflowXEnd = "--scroll-area-overflow-x-end", e.scrollAreaOverflowYStart = "--scroll-area-overflow-y-start", e.scrollAreaOverflowYEnd = "--scroll-area-overflow-y-end", e;
+}({}), j = !1;
+function M() {
+	j || c || (typeof CSS < "u" && "registerProperty" in CSS && [
+		A.scrollAreaOverflowXStart,
+		A.scrollAreaOverflowXEnd,
+		A.scrollAreaOverflowYStart,
+		A.scrollAreaOverflowYEnd
+	].forEach((e) => {
+		try {
+			CSS.registerProperty({
+				name: e,
+				syntax: "<length>",
+				inherits: !1,
+				initialValue: "0px"
+			});
+		} catch {}
+	}), j = !0);
+}
+var N = /*#__PURE__*/ h.forwardRef(function(n, a) {
+	let { render: o, className: s, style: c, ...u } = n, { viewportRef: d, scrollbarYRef: ee, scrollbarXRef: _, thumbYRef: v, thumbXRef: b, cornerRef: S, cornerSize: C, setCornerSize: T, setThumbSize: E, rootId: D, setHiddenState: te, hiddenState: O, setHasMeasuredScrollbar: ne, handleScroll: j, setHovering: N, setOverflowEdges: I, overflowEdges: L, overflowEdgeThreshold: R, scrollingX: z, scrollingY: B } = y(), V = i(), H = h.useRef(!0), re = h.useRef([
+		NaN,
+		NaN,
+		NaN,
+		NaN
+	]), U = l(), W = l(), G = r(() => {
+		let e = d.current, t = ee.current, n = _.current, r = v.current, i = b.current, a = S.current;
+		if (!e) return;
+		let o = e.scrollHeight, s = e.scrollWidth, c = e.clientHeight, l = e.clientWidth, u = e.scrollTop, p = e.scrollLeft, h = re.current, g = Number.isNaN(h[0]);
+		if (h[0] = c, h[1] = o, h[2] = l, h[3] = s, g && ne(!0), o === 0 || s === 0) return;
+		let y = P(e), w = y.y, D = y.x, O = l / s, k = c / o, j = Math.max(0, s - l), M = Math.max(0, o - c), N = 0, L = 0;
+		if (!D) {
+			let e = 0;
+			e = m(V === "rtl" ? -p : p, 0, j), N = f(e, j), L = j - N;
+		}
+		let z = w ? 0 : m(u, 0, M), B = w ? 0 : f(z, M), H = w ? 0 : M - B, U = D ? 0 : l, W = w ? 0 : c, G = 0, K = 0;
+		!D && !w && (G = t?.offsetWidth || 0, K = n?.offsetHeight || 0);
+		let q = C.width === 0 && C.height === 0, ie = q ? G : 0, ae = q ? K : 0, J = x(n, "padding", "x"), Y = x(t, "padding", "y"), X = x(i, "margin", "x"), Z = x(r, "margin", "y"), Q = U - J - X, oe = W - Y - Z, se = n ? Math.min(n.offsetWidth - ie, Q) : Q, ce = t ? Math.min(t.offsetHeight - ae, oe) : oe, le = Math.max(16, se * O), ue = Math.max(16, ce * k);
+		if (E((e) => e.height === ue && e.width === le ? e : {
+			width: le,
+			height: ue
+		}), t && r) {
+			let e = t.offsetHeight - ue - Y - Z, n = o - c, i = n === 0 ? 0 : u / n, a = Math.min(e, Math.max(0, i * e));
+			r.style.transform = `translate3d(0,${a}px,0)`;
+		}
+		if (n && i) {
+			let e = n.offsetWidth - le - J - X, t = s - l, r = t === 0 ? 0 : p / t, a = V === "rtl" ? m(r * e, -e, 0) : m(r * e, 0, e);
+			i.style.transform = `translate3d(${a}px,0,0)`;
+		}
+		let de = [
+			[A.scrollAreaOverflowXStart, N],
+			[A.scrollAreaOverflowXEnd, L],
+			[A.scrollAreaOverflowYStart, B],
+			[A.scrollAreaOverflowYEnd, H]
+		];
+		for (let [t, n] of de) e.style.setProperty(t, `${n}px`);
+		a && (D || w ? T({
+			width: 0,
+			height: 0
+		}) : !D && !w && T({
+			width: G,
+			height: K
+		})), te((e) => F(e, y));
+		let $ = {
+			xStart: !D && N > R.xStart,
+			xEnd: !D && L > R.xEnd,
+			yStart: !w && B > R.yStart,
+			yEnd: !w && H > R.yEnd
+		};
+		I((e) => e.xStart === $.xStart && e.xEnd === $.xEnd && e.yStart === $.yStart && e.yEnd === $.yEnd ? e : $);
+	});
+	e(() => {
+		d.current && M();
+	}, [d]), e(() => {
+		queueMicrotask(G);
+	}, [
+		G,
+		O,
+		V,
+		R.xStart,
+		R.xEnd,
+		R.yStart,
+		R.yEnd
+	]), e(() => {
+		d.current?.matches(":hover") && N(!0);
+	}, [d, N]), e(() => {
+		let e = d.current;
+		if (typeof ResizeObserver > "u" || !e) return;
+		let t = !1, n = new ResizeObserver(() => {
+			if (!t) {
+				t = !0;
+				let n = re.current;
+				if (n[0] === e.clientHeight && n[1] === e.scrollHeight && n[2] === e.clientWidth && n[3] === e.scrollWidth) return;
+			}
+			G();
+		});
+		return n.observe(e), W.start(0, () => {
+			let t = e.getAnimations({ subtree: !0 });
+			t.length !== 0 && Promise.allSettled(t.map((e) => e.finished)).then(G).catch(() => {});
+		}), () => {
+			n.disconnect(), W.clear();
+		};
+	}, [
+		G,
+		d,
+		W
+	]);
+	function K() {
+		H.current = !1;
+	}
+	let q = {
+		role: "presentation",
+		...D && { "data-id": `${D}-viewport` },
+		tabIndex: O.x && O.y ? -1 : 0,
+		className: p.className,
+		style: { overflow: "scroll" },
+		onScroll() {
+			d.current && (G(), H.current || j({
+				x: d.current.scrollLeft,
+				y: d.current.scrollTop
+			}), U.start(100, () => {
+				H.current = !0;
+			}));
+		},
+		onWheel: K,
+		onTouchMove: K,
+		onPointerMove: K,
+		onPointerEnter: K,
+		onKeyDown: K
+	}, ie = h.useMemo(() => ({
+		scrolling: z || B,
+		hasOverflowX: !O.x,
+		hasOverflowY: !O.y,
+		overflowXStart: L.xStart,
+		overflowXEnd: L.xEnd,
+		overflowYStart: L.yStart,
+		overflowYEnd: L.yEnd,
+		cornerHidden: O.corner
+	}), [
+		z,
+		B,
+		O.x,
+		O.y,
+		O.corner,
+		L
+	]), ae = t("div", n, {
+		ref: [a, d],
+		state: ie,
+		props: [q, u],
+		stateAttributesMapping: w
+	}), J = h.useMemo(() => ({ computeThumbPosition: G }), [G]);
+	return /*#__PURE__*/ g(k.Provider, {
+		value: J,
+		children: ae
+	});
+});
+process.env.NODE_ENV !== "production" && (N.displayName = "ScrollAreaViewport");
+function P(e) {
+	let t = e.clientHeight >= e.scrollHeight, n = e.clientWidth >= e.scrollWidth;
+	return {
+		y: t,
+		x: n,
+		corner: t || n
+	};
+}
+function F(e, t) {
+	return e.y === t.y && e.x === t.x && e.corner === t.corner ? e : t;
+}
+//#endregion
+//#region ../../node_modules/.bun/@base-ui+react@1.6.0+df7f6a806acd27ca/node_modules/@base-ui/react/scroll-area/scrollbar/ScrollAreaScrollbarContext.mjs
+var I = /*#__PURE__*/ h.createContext(void 0);
+process.env.NODE_ENV !== "production" && (I.displayName = "ScrollAreaScrollbarContext");
+function L() {
+	let e = h.useContext(I);
+	if (e === void 0) throw Error(process.env.NODE_ENV === "production" ? n(54) : "Base UI: ScrollAreaScrollbarContext is missing. ScrollAreaScrollbar parts must be placed within <ScrollArea.Scrollbar>.");
+	return e;
+}
+//#endregion
+//#region ../../node_modules/.bun/@base-ui+react@1.6.0+df7f6a806acd27ca/node_modules/@base-ui/react/scroll-area/scrollbar/ScrollAreaScrollbarCssVars.mjs
+var R = /*#__PURE__*/ function(e) {
+	return e.scrollAreaThumbHeight = "--scroll-area-thumb-height", e.scrollAreaThumbWidth = "--scroll-area-thumb-width", e;
+}({}), z = /*#__PURE__*/ h.forwardRef(function(e, n) {
+	let { render: r, className: a, orientation: s = "vertical", keepMounted: c = !1, style: l, ...f } = e, { hovering: p, scrollingX: ee, scrollingY: m, hiddenState: _, overflowEdges: v, scrollbarYRef: S, scrollbarXRef: C, viewportRef: T, thumbYRef: E, thumbXRef: D, handlePointerDown: te, handlePointerUp: O, handleScroll: ne, rootId: k, thumbSize: A, hasMeasuredScrollbar: j } = y(), M = {
+		hovering: p,
+		scrolling: {
+			horizontal: ee,
+			vertical: m
+		}[s],
+		orientation: s,
+		hasOverflowX: !_.x,
+		hasOverflowY: !_.y,
+		overflowXStart: v.xStart,
+		overflowXEnd: v.xEnd,
+		overflowYStart: v.yStart,
+		overflowYEnd: v.yEnd,
+		cornerHidden: _.corner
+	}, N = i(), P = !j && !c, F = s === "vertical" ? _.y : _.x, L = c || !F;
+	h.useEffect(() => {
+		if (!L) return;
+		let e = T.current, t = s === "vertical" ? S.current : C.current;
+		if (!t) return;
+		function n(n) {
+			if (!e || !t || n.ctrlKey) return;
+			let r = s === "horizontal", i = r ? "scrollLeft" : "scrollTop", a = r ? n.deltaX : n.deltaY;
+			if (a === 0) return;
+			let o = r ? e.scrollWidth - e.clientWidth : e.scrollHeight - e.clientHeight, c = r && N === "rtl" ? -o : 0, l = r && N === "rtl" ? 0 : o, u = e[i];
+			u <= c && a < 0 || u >= l && a > 0 || (n.preventDefault(), e[i] = Math.min(l, Math.max(c, u + a)), ne({
+				x: e.scrollLeft,
+				y: e.scrollTop
+			}));
+		}
+		return o(t, "wheel", n, { passive: !1 });
+	}, [
+		N,
+		ne,
+		s,
+		C,
+		S,
+		L,
+		T
+	]);
+	let z = {
+		...k && { "data-id": `${k}-scrollbar` },
+		onPointerDown(e) {
+			if (e.button !== 0) return;
+			let t = d(e.nativeEvent), n = s === "vertical" ? E.current : D.current;
+			if (!(n && u(n, t)) && T.current) {
+				if (E.current && S.current && s === "vertical") {
+					let t = x(E.current, "margin", "y"), n = x(S.current, "padding", "y"), r = E.current.offsetHeight, i = S.current.getBoundingClientRect(), a = e.clientY - i.top - r / 2 - n + t / 2, o = T.current.scrollHeight, s = T.current.clientHeight, c = a / (S.current.offsetHeight - r - n - t) * (o - s);
+					T.current.scrollTop = c;
+				}
+				if (D.current && C.current && s === "horizontal") {
+					let t = x(D.current, "margin", "x"), n = x(C.current, "padding", "x"), r = D.current.offsetWidth, i = C.current.getBoundingClientRect(), a = e.clientX - i.left - r / 2 - n + t / 2, o = T.current.scrollWidth, s = T.current.clientWidth, c = a / (C.current.offsetWidth - r - n - t), l;
+					N === "rtl" ? (l = (1 - c) * (o - s), T.current.scrollLeft <= 0 && (l = -l)) : l = c * (o - s), T.current.scrollLeft = l;
+				}
+				ne({
+					x: T.current.scrollLeft,
+					y: T.current.scrollTop
+				}), te(e);
+			}
+		},
+		onPointerUp: O,
+		onPointerCancel: O,
+		style: {
+			position: "absolute",
+			touchAction: "none",
+			WebkitUserSelect: "none",
+			userSelect: "none",
+			visibility: P ? "hidden" : void 0,
+			...s === "vertical" && {
+				top: 0,
+				bottom: `var(${b.scrollAreaCornerHeight})`,
+				insetInlineEnd: 0,
+				[R.scrollAreaThumbHeight]: `${A.height}px`
+			},
+			...s === "horizontal" && {
+				insetInlineStart: 0,
+				insetInlineEnd: `var(${b.scrollAreaCornerWidth})`,
+				bottom: 0,
+				[R.scrollAreaThumbWidth]: `${A.width}px`
+			}
+		}
+	}, B = t("div", e, {
+		ref: [n, s === "vertical" ? S : C],
+		state: M,
+		props: [z, f],
+		stateAttributesMapping: w
+	}), V = h.useMemo(() => ({ orientation: s }), [s]);
+	return L ? /*#__PURE__*/ g(I.Provider, {
+		value: V,
+		children: B
+	}) : null;
+});
+process.env.NODE_ENV !== "production" && (z.displayName = "ScrollAreaScrollbar");
+//#endregion
+//#region ../../node_modules/.bun/@base-ui+react@1.6.0+df7f6a806acd27ca/node_modules/@base-ui/react/scroll-area/thumb/ScrollAreaThumb.mjs
+var B = /*#__PURE__*/ h.forwardRef(function(e, n) {
+	let { render: r, className: i, style: a, ...o } = e, { thumbYRef: s, thumbXRef: c, handlePointerDown: l, handlePointerMove: u, handlePointerUp: d, setScrollingX: f, setScrollingY: p, scrollingX: ee, scrollingY: m, hasMeasuredScrollbar: h } = y(), { orientation: g } = L(), _ = {
+		scrolling: g === "horizontal" ? ee : m,
+		orientation: g
+	};
+	function v(e) {
+		g === "vertical" && p(!1), g === "horizontal" && f(!1), d(e);
+	}
+	return t("div", e, {
+		ref: [n, g === "vertical" ? s : c],
+		state: _,
+		props: [{
+			onPointerDown: l,
+			onPointerMove: u,
+			onPointerUp: v,
+			onPointerCancel: v,
+			style: {
+				visibility: h ? void 0 : "hidden",
+				...g === "vertical" && { height: `var(${R.scrollAreaThumbHeight})` },
+				...g === "horizontal" && { width: `var(${R.scrollAreaThumbWidth})` }
+			}
+		}, o]
+	});
+});
+process.env.NODE_ENV !== "production" && (B.displayName = "ScrollAreaThumb");
+//#endregion
+//#region ../../node_modules/.bun/@base-ui+react@1.6.0+df7f6a806acd27ca/node_modules/@base-ui/react/scroll-area/corner/ScrollAreaCorner.mjs
+var V = /*#__PURE__*/ h.forwardRef(function(e, n) {
+	let { render: r, className: i, style: a, ...o } = e, { cornerRef: s, cornerSize: c, hiddenState: l } = y(), u = t("div", e, {
+		ref: [n, s],
+		props: [{ style: {
+			position: "absolute",
+			bottom: 0,
+			insetInlineEnd: 0,
+			width: c.width,
+			height: c.height
+		} }, o]
+	});
+	return l.corner ? null : u;
+});
+process.env.NODE_ENV !== "production" && (V.displayName = "ScrollAreaCorner");
+//#endregion
+//#region lib/components/ui/atoms/scroll-area.tsx
+var H = {
+	always: "",
+	auto: "",
+	hover: "opacity-0 data-hovering:opacity-100 data-scrolling:opacity-100 transition-opacity duration-150",
+	scroll: "opacity-0 data-scrolling:opacity-100 transition-opacity duration-150"
+};
+function re({ className: e, children: t, type: n = "auto", orientation: r = "vertical", ...i }) {
+	return /* @__PURE__ */ _(O, {
+		className: s("relative", e),
+		"data-slot": "scroll-area",
+		...i,
+		children: [
+			/* @__PURE__ */ g(N, {
+				className: "size-full rounded-[inherit] outline-none transition-[color,box-shadow] focus-visible:outline-1 focus-visible:ring-[3px] focus-visible:ring-ring/50",
+				"data-slot": "scroll-area-viewport",
+				children: t
+			}),
+			(r === "both" ? ["vertical", "horizontal"] : [r]).map((e) => /* @__PURE__ */ g(U, {
+				className: H[n],
+				orientation: e
+			}, e)),
+			/* @__PURE__ */ g(V, {})
+		]
+	});
+}
+function U({ className: e, orientation: t = "vertical", ...n }) {
+	return /* @__PURE__ */ g(z, {
+		className: s("flex touch-none select-none p-px transition-colors data-[orientation=horizontal]:h-2.5 data-[orientation=vertical]:h-full data-[orientation=vertical]:w-2.5 data-[orientation=horizontal]:flex-col data-[orientation=horizontal]:border-t data-[orientation=horizontal]:border-t-transparent data-[orientation=vertical]:border-l data-[orientation=vertical]:border-l-transparent", e),
+		"data-orientation": t,
+		"data-slot": "scroll-area-scrollbar",
+		orientation: t,
+		...n,
+		children: /* @__PURE__ */ g(B, {
+			className: "relative flex-1 rounded-full bg-border",
+			"data-slot": "scroll-area-thumb"
+		})
+	});
+}
+//#endregion
+export { U as n, re as t };

package/dist/{scrollEdges-VoRBF4DB.js → scrollEdges-Dck9qFyQ.js}

@@ -1,6 +1,6 @@
-import { t as e } from "./clamp-DQAQAGkj.js";
+import { t as e } from "./clamp-BT4ayAnN.js";
 import { jsx as t } from "react/jsx-runtime";
-//#region ../../node_modules/.bun/@base-ui+react@1.5.0+f4ada88178b00e6f/node_modules/@base-ui/react/esm/utils/styles.js
+//#region ../../node_modules/.bun/@base-ui+react@1.6.0+df7f6a806acd27ca/node_modules/@base-ui/react/utils/styles.mjs
 var n = "base-ui-disable-scrollbar", r = {
 	className: n,
 	getElement(e) {