solid-baseui 0.1.0-alpha.0 → 0.1.0-alpha.1

package/dist/lib/client/scroll-area-NCr49LkD.js

@@ -0,0 +1,717 @@
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { t } from "./useRender-CxZ8PI-g.js";
+import { getStateAttributesProps as n } from "./internals/getStateAttributesProps.js";
+import { n as r, t as i } from "./resolveStyle-XcgAuaKR.js";
+import { composeEventHandlers as a } from "./internals/composeEventHandlers.js";
+import { n as o } from "./DirectionContext-BwMabICS.js";
+import { n as s } from "./CSPContext-faVzToiT.js";
+import { mergeStyles as c } from "./internals/mergeStyles.js";
+import { createComponent as l, effect as u, getNextElement as d, isServer as f, memo as p, mergeProps as m, runHydrationEvents as h, setAttribute as g, spread as _, template as v } from "@solidjs/web";
+import { DEV as y, Show as b, createContext as x, createEffect as S, createMemo as C, createRoot as w, createSignal as T, createUniqueId as E, getOwner as D, omit as O, onCleanup as k, onSettled as A, untrack as j, useContext as M } from "solid-js";
+//#region src/scroll-area/utils/dom.ts
+function N(e) {
+	let t = e.composedPath()[0] ?? e.target;
+	if (!t || typeof t.nodeType != "number") return null;
+	let n = t;
+	return n.nodeType === Node.ELEMENT_NODE ? n : n.parentElement;
+}
+function P(e, t) {
+	if (!e || !t || typeof t.nodeType != "number") return !1;
+	let n = t;
+	for (; n;) {
+		if (e.contains(n)) return !0;
+		let t = n.getRootNode();
+		n = t.nodeType === Node.DOCUMENT_FRAGMENT_NODE && "host" in t ? t.host : null;
+	}
+	return !1;
+}
+//#endregion
+//#region src/scroll-area/utils/getOffset.ts
+function F(e, t, n) {
+	if (!e) return 0;
+	let r = e.ownerDocument.defaultView?.getComputedStyle(e);
+	if (!r) return 0;
+	let i = `${t}${n === "x" ? "Inline" : "Block"}`, a = Number.parseFloat(r[`${i}Start`]) || 0;
+	return n === "x" && t === "margin" ? a * 2 : a + (Number.parseFloat(r[`${i}End`]) || 0);
+}
+//#endregion
+//#region src/scroll-area/root/ScrollAreaRootContext.ts
+var I = Symbol("ScrollAreaRootContext"), L = x(I);
+function R() {
+	let e = M(L);
+	if (e === I) throw Error("Base UI: ScrollAreaRootContext is missing. ScrollArea parts must be placed within <ScrollArea.Root>.");
+	return e;
+}
+//#endregion
+//#region src/scroll-area/root/stateAttributes.ts
+var z = (e) => (t) => t ? { [e]: "" } : null, B = {
+	hasOverflowX: z("data-has-overflow-x"),
+	hasOverflowY: z("data-has-overflow-y"),
+	overflowXStart: z("data-overflow-x-start"),
+	overflowXEnd: z("data-overflow-x-end"),
+	overflowYStart: z("data-overflow-y-start"),
+	overflowYEnd: z("data-overflow-y-end"),
+	cornerHidden: () => null
+}, V = /* @__PURE__ */ v("<div>"), H = /* @__PURE__ */ v("<style>.base-ui-disable-scrollbar{scrollbar-width:none}.base-ui-disable-scrollbar::-webkit-scrollbar{display:none}"), U = {
+	width: 0,
+	height: 0
+}, ee = {
+	xStart: !1,
+	xEnd: !1,
+	yStart: !1,
+	yEnd: !1
+}, te = {
+	x: !0,
+	y: !0,
+	corner: !0
+};
+function W(e) {
+	let o = s(), f = e, v = e, y = `base-ui-${E()}`, [b, x] = T(), [S, w] = T(), [D, A] = T(), [j, M] = T(), [N, I] = T(), [R, z] = T(), [W, G] = T(!1), [K, oe] = T(!1), [se, q] = T(!1), [ce, le] = T(!1), [ue, de] = T(!1), [fe, pe] = T(U), [me, he] = T(U), [ge, _e] = T(ee), [ve, ye] = T(te), be, J = null, xe = 0, Se = 0, Ce = 0, we = 0, Y = "vertical", Te = {
+		x: 0,
+		y: 0
+	}, X = null, Z, Q, Ee = O(v, "render", "children", "class", "onPointerDown", "onPointerEnter", "onPointerLeave", "onPointerMove", "overflowEdgeThreshold", "ref", "style"), De = C(() => ne(f.overflowEdgeThreshold)), $ = C(() => {
+		let e = ve(), t = ge();
+		return {
+			scrolling: K() || se(),
+			hasOverflowX: !e.x,
+			hasOverflowY: !e.y,
+			overflowXStart: t.xStart,
+			overflowXEnd: t.xEnd,
+			overflowYStart: t.yStart,
+			overflowYEnd: t.yEnd,
+			cornerHidden: e.corner
+		};
+	}), Oe = C(() => r(e.class, $())), ke = C(() => {
+		let t = fe(), n = i(e.style, $());
+		return typeof n == "string" ? `position:relative;--scroll-area-corner-height:${t.height}px;--scroll-area-corner-width:${t.width}px;${n}` : c({
+			position: "relative",
+			"--scroll-area-corner-height": `${t.height}px`,
+			"--scroll-area-corner-width": `${t.width}px`
+		}, n === !1 ? void 0 : n);
+	}), Ae = C(() => n($(), B));
+	function je(e) {
+		pe((t) => re(t, e) ? t : e);
+	}
+	function Me(e) {
+		he((t) => re(t, e) ? t : e);
+	}
+	function Ne(e) {
+		ye((t) => ie(t, e) ? t : e);
+	}
+	function Pe(e) {
+		_e((t) => ae(t, e) ? t : e);
+	}
+	function Fe(e) {
+		let t = e ? Q : Z;
+		t !== void 0 && clearTimeout(t), (e ? q : oe)(!0);
+		let n = setTimeout(() => {
+			(e ? q : oe)(!1);
+		}, 500);
+		e ? Q = n : Z = n;
+	}
+	function Ie(e) {
+		let t = e.x - Te.x, n = e.y - Te.y;
+		Te = e, n !== 0 && Fe(!0), t !== 0 && Fe(!1);
+	}
+	function Le() {
+		let e = b();
+		e && X === null && (X = e.style.scrollSnapType, e.style.scrollSnapType = "none");
+	}
+	function Re(e, t) {
+		if (e.button !== 0 || J !== null && (Y === "vertical" ? j() : N())?.hasPointerCapture?.(J)) return;
+		J = e.pointerId, Y = t, xe = e.clientY, Se = e.clientX;
+		let n = b();
+		n && (Ce = n.scrollTop, we = n.scrollLeft, Le()), (t === "vertical" ? j() : N())?.setPointerCapture?.(e.pointerId);
+	}
+	function ze() {
+		if (X !== null) {
+			let e = b();
+			e && (e.style.scrollSnapType = X), X = null;
+		}
+	}
+	function Be(e) {
+		if (e.pointerId !== J) return;
+		J = null, (Y === "vertical" ? q : oe)(!1), ze();
+		let t = Y === "vertical" ? j() : N();
+		t?.hasPointerCapture?.(e.pointerId) && t.releasePointerCapture(e.pointerId);
+	}
+	function Ve(e) {
+		if (e.pointerId !== J) return;
+		if (!(e.buttons & 1)) {
+			Be(e);
+			return;
+		}
+		let t = b(), n = Y === "vertical", r = n ? j() : N(), i = n ? S() : D();
+		if (!t || !r || !i) return;
+		let a = n ? "y" : "x", o = F(i, "padding", a), s = F(r, "margin", a), c = n ? r.offsetHeight : r.offsetWidth, l = (n ? i.offsetHeight : i.offsetWidth) - c - o - s, u = n ? e.clientY - xe : e.clientX - Se, d = l <= 0 ? 0 : u / l, f = n ? t.scrollHeight : t.scrollWidth, p = n ? t.clientHeight : t.clientWidth, m = (n ? Ce : we) + d * (f - p);
+		n ? t.scrollTop = m : t.scrollLeft = m, e.preventDefault(), Fe(n);
+	}
+	function He(e) {
+		le(e.pointerType === "touch");
+	}
+	function Ue(e) {
+		He(e), e.pointerType !== "touch" && G(P(be, e.target));
+	}
+	let We = a(() => f.onPointerEnter, () => Ue), Ge = a(() => f.onPointerMove, () => Ue), Ke = a(() => f.onPointerDown, () => He), qe = a(() => f.onPointerLeave, () => () => G(!1)), Je = {
+		cornerElement: R,
+		cornerSize: fe,
+		disableViewportSnap: Le,
+		handlePointerDown: Re,
+		handlePointerMove: Ve,
+		handlePointerUp: Be,
+		handleScroll: Ie,
+		hasMeasuredScrollbar: ue,
+		hiddenState: ve,
+		hovering: W,
+		overflowEdges: ge,
+		overflowEdgeThreshold: De,
+		rootId: y,
+		scrollbarXElement: D,
+		scrollbarYElement: S,
+		scrollingX: K,
+		scrollingY: se,
+		setCornerElement: z,
+		setCornerSize: je,
+		setHasMeasuredScrollbar: de,
+		setHiddenState: Ne,
+		setHovering: G,
+		setOverflowEdges: Pe,
+		setScrollbarXElement: A,
+		setScrollbarYElement: w,
+		setThumbSize: Me,
+		setThumbXElement: I,
+		setThumbYElement: M,
+		setViewportElement: x,
+		state: $,
+		thumbSize: me,
+		thumbXElement: N,
+		thumbYElement: j,
+		touchModality: ce,
+		viewportElement: b
+	};
+	k(() => {
+		if (Z !== void 0 && clearTimeout(Z), Q !== void 0 && clearTimeout(Q), ze(), J !== null) {
+			let e = Y === "vertical" ? j() : N();
+			e?.hasPointerCapture?.(J) && e.releasePointerCapture(J);
+		}
+	});
+	let Ye = t(e, () => $(), (e) => (() => {
+		var t = d(V);
+		return _(t, e, !1), h(), t;
+	})());
+	return l(L, {
+		value: Je,
+		get children() {
+			return [p(() => p(() => !o.disableStyleElements())() && (() => {
+				var e = d(H);
+				return u(() => o.nonce(), (t) => {
+					g(e, "nonce", t);
+				}), e;
+			})()), l(Ye, m({
+				ref: [((e) => {
+					be = e;
+				}), f.ref],
+				get class() {
+					return Oe();
+				},
+				get style() {
+					return ke();
+				},
+				role: "presentation",
+				onPointerEnter: We,
+				onPointerMove: Ge,
+				onPointerDown: Ke,
+				onPointerLeave: qe
+			}, Ae, Ee, { get children() {
+				return f.children;
+			} }))];
+		}
+	});
+}
+function ne(e) {
+	let t = typeof e == "number" ? {
+		xStart: e,
+		xEnd: e,
+		yStart: e,
+		yEnd: e
+	} : e;
+	return {
+		xStart: Math.max(0, t?.xStart || 0),
+		xEnd: Math.max(0, t?.xEnd || 0),
+		yStart: Math.max(0, t?.yStart || 0),
+		yEnd: Math.max(0, t?.yEnd || 0)
+	};
+}
+function re(e, t) {
+	return e.width === t.width && e.height === t.height;
+}
+function ie(e, t) {
+	return e.x === t.x && e.y === t.y && e.corner === t.corner;
+}
+function ae(e, t) {
+	return e.xStart === t.xStart && e.xEnd === t.xEnd && e.yStart === t.yStart && e.yEnd === t.yEnd;
+}
+var G = !(typeof window > "u") && !!y, K = (() => void 0);
+Object.is.bind(Object);
+var oe = G ? (e) => D() ? k(e) : e : k;
+//#endregion
+//#region node_modules/@solid-primitives/event-listener/dist/eventListener.js
+function se(e, t, n, r) {
+	return e?.addEventListener?.(t, n, r), oe(e?.removeEventListener?.bind(e, t, n, r));
+}
+//#endregion
+//#region node_modules/@solid-primitives/resize-observer/dist/index.js
+function q(e, t) {
+	if (f) return {
+		observe: K,
+		unobserve: K
+	};
+	let n = new ResizeObserver(e);
+	return k(n.disconnect.bind(n)), {
+		observe: (e) => n.observe(e, t),
+		unobserve: n.unobserve.bind(n)
+	};
+}
+//#endregion
+//#region src/scroll-area/utils/scrollEdges.ts
+var ce = 1;
+function le(e, t) {
+	if (t <= 0) return 0;
+	let n = Math.max(0, Math.min(e, t)), r = n, i = t - n, a = r <= ce, o = i <= ce;
+	return a && o ? r <= i ? 0 : t : a ? 0 : o ? t : n;
+}
+//#endregion
+//#region src/scroll-area/viewport/ScrollAreaViewportContext.ts
+var ue = Symbol("ScrollAreaViewportContext"), de = x(ue);
+function fe() {
+	let e = M(de);
+	if (e === ue) throw Error("Base UI: ScrollAreaViewportContext missing. ScrollAreaViewport parts must be placed within <ScrollArea.Viewport>.");
+	return e;
+}
+//#endregion
+//#region src/scroll-area/viewport/ScrollAreaViewport.tsx
+var pe = /* @__PURE__ */ v("<div>"), me = [
+	"--scroll-area-overflow-x-start",
+	"--scroll-area-overflow-x-end",
+	"--scroll-area-overflow-y-start",
+	"--scroll-area-overflow-y-end"
+], he = !1;
+function ge(e) {
+	let s = R(), u = o(), f = e, p = O(e, "render", "children", "class", "onKeyDown", "onPointerEnter", "onPointerMove", "onScroll", "onWheel", "ref", "style"), g = C(() => s.state()), v = C(() => ["base-ui-disable-scrollbar", r(e.class, g())]), y = C(() => {
+		let t = i(e.style, g());
+		return typeof t == "string" ? `overflow:scroll;${t}` : c({ overflow: "scroll" }, t === !1 ? void 0 : t);
+	}), b = C(() => n(g(), B)), x = [
+		NaN,
+		NaN,
+		NaN,
+		NaN
+	], w = !0, T, E, D, j = !1, M;
+	function N() {
+		let e = s.viewportElement();
+		if (!e) return;
+		let t = s.scrollbarYElement(), n = s.scrollbarXElement(), r = s.thumbYElement(), i = s.thumbXElement(), a = s.cornerElement(), o = e.scrollHeight, c = e.scrollWidth, l = e.clientHeight, d = e.clientWidth, f = e.scrollTop, p = e.scrollLeft, m = Number.isNaN(x[0]);
+		if (x[0] = l, x[1] = o, x[2] = d, x[3] = c, m && s.setHasMeasuredScrollbar(!0), o === 0 || c === 0) return;
+		let h = _e(e), g = d / c, _ = l / o, v = Math.max(0, c - d), y = Math.max(0, o - l), b = h.x ? 0 : le(u() === "rtl" ? -p : p, v), S = h.x ? 0 : v - b, C = h.y ? 0 : le(f, y), w = h.y ? 0 : y - C, T = h.x ? 0 : d, E = h.y ? 0 : l, D = 0, O = 0;
+		!h.x && !h.y && (D = t?.offsetWidth || 0, O = n?.offsetHeight || 0);
+		let k = s.cornerSize(), A = k.width === 0 && k.height === 0, j = F(n, "padding", "x"), M = F(t, "padding", "y"), N = F(i, "margin", "x"), P = F(r, "margin", "y"), I = T - j - N, L = E - M - P, R = n ? Math.min(n.offsetWidth - (A ? D : 0), I) : I, z = t ? Math.min(t.offsetHeight - (A ? O : 0), L) : L, B = Math.max(16, R * g), V = Math.max(16, z * _);
+		if (s.setThumbSize({
+			width: B,
+			height: V
+		}), t && r) {
+			let e = ve(r, "--scroll-area-thumb-height", f, y, o, V, t.offsetHeight - V - M - P);
+			r.style.transform = `translate3d(0,${e}px,0)`;
+		}
+		if (n && i) {
+			let e = n.offsetWidth - B - j - N, t = ve(i, "--scroll-area-thumb-width", u() === "rtl" ? -p : p, v, c, B, e);
+			i.style.transform = `translate3d(${u() === "rtl" ? -t : t}px,0,0)`;
+		}
+		let H = [
+			b,
+			S,
+			C,
+			w
+		];
+		me.forEach((t, n) => {
+			e.style.setProperty(t, `${H[n]}px`);
+		}), a && s.setCornerSize({
+			width: D,
+			height: O
+		}), s.setHiddenState(h);
+		let U = s.overflowEdgeThreshold();
+		s.setOverflowEdges({
+			xStart: !h.x && b > U.xStart,
+			xEnd: !h.x && S > U.xEnd,
+			yStart: !h.y && C > U.yStart,
+			yEnd: !h.y && w > U.yEnd
+		});
+	}
+	let P = typeof ResizeObserver > "u" ? void 0 : q((e) => {
+		!D || !e.some((e) => e.target === D) || !j && (j = !0, x[0] === D.clientHeight && x[1] === D.scrollHeight && x[2] === D.clientWidth && x[3] === D.scrollWidth) || N();
+	});
+	S(() => ({
+		hidden: s.hiddenState(),
+		direction: u(),
+		threshold: s.overflowEdgeThreshold(),
+		viewport: s.viewportElement(),
+		scrollbarX: s.scrollbarXElement(),
+		scrollbarY: s.scrollbarYElement(),
+		thumbX: s.thumbXElement(),
+		thumbY: s.thumbYElement()
+	}), () => {
+		queueMicrotask(N);
+	}), S(s.viewportElement, (e) => {
+		if (!(!e || !P)) return D = e, j = !1, P.observe(e), E = setTimeout(() => {
+			let t = e.getAnimations?.bind(e), n = t?.({ subtree: !0 }) ?? [];
+			n.length > 0 && Promise.allSettled(n.map((e) => e.finished)).then(N).catch(() => {});
+		}, 0), () => {
+			P.unobserve(e), D === e && (D = void 0), E !== void 0 && (clearTimeout(E), E = void 0);
+		};
+	});
+	function I() {
+		w = !1;
+	}
+	function L() {
+		let e = s.viewportElement();
+		e && (N(), (s.touchModality() || !w) && s.handleScroll({
+			x: e.scrollLeft,
+			y: e.scrollTop
+		}), T !== void 0 && clearTimeout(T), T = setTimeout(() => {
+			w = !0;
+		}, 100));
+	}
+	let z = a(() => f.onScroll, () => L), V = a(() => f.onWheel, () => I), H = a(() => f.onPointerMove, () => I), U = a(() => f.onPointerEnter, () => I), ee = a(() => f.onKeyDown, () => I), te = { computeThumbPosition: N };
+	A(() => {
+		ye(), s.viewportElement()?.matches(":hover") && s.setHovering(!0);
+	}), k(() => {
+		T !== void 0 && clearTimeout(T), E !== void 0 && clearTimeout(E), s.viewportElement() === M && s.setViewportElement(void 0);
+	});
+	let W = t(e, () => g(), (e) => (() => {
+		var t = d(pe);
+		return _(t, e, !1), h(), t;
+	})());
+	return l(de, {
+		value: te,
+		get children() {
+			return l(W, m({
+				ref: [((e) => {
+					M = e, s.setViewportElement(e);
+				}), f.ref],
+				get class() {
+					return v();
+				},
+				get style() {
+					return y();
+				},
+				role: "presentation",
+				get "data-id"() {
+					return `${s.rootId}-viewport`;
+				},
+				get tabindex() {
+					return s.hiddenState().x && s.hiddenState().y ? -1 : 0;
+				},
+				onScroll: z,
+				onWheel: V,
+				onPointerMove: H,
+				onPointerEnter: U,
+				onKeyDown: ee
+			}, b, p, { get children() {
+				return f.children;
+			} }));
+		}
+	});
+}
+function _e(e) {
+	let t = e.clientHeight >= e.scrollHeight, n = e.clientWidth >= e.scrollWidth;
+	return {
+		x: n,
+		y: t,
+		corner: n || t
+	};
+}
+function ve(e, t, n, r, i, a, o) {
+	let s = Math.max(0, Math.min(n, r)), c = n - s, l = Math.max(16, a * i / (i + Math.abs(c)));
+	return e.style.setProperty(t, c ? `${l}px` : ""), (r ? s / r * o : 0) + (c > 0 ? a - l : 0);
+}
+function ye() {
+	if (!(he || be())) {
+		if (typeof CSS < "u" && "registerProperty" in CSS) for (let e of me) try {
+			CSS.registerProperty({
+				name: e,
+				syntax: "<length>",
+				inherits: !1,
+				initialValue: "0px"
+			});
+		} catch {}
+		he = !0;
+	}
+}
+function be() {
+	return typeof CSS < "u" && !!CSS.supports?.("-webkit-backdrop-filter:none");
+}
+//#endregion
+//#region src/scroll-area/scrollbar/ScrollAreaScrollbarContext.ts
+var J = Symbol("ScrollAreaScrollbarContext"), xe = x(J);
+function Se() {
+	let e = M(xe);
+	if (e === J) throw Error("Base UI: ScrollAreaScrollbarContext is missing. ScrollAreaScrollbar parts must be placed within <ScrollArea.Scrollbar>.");
+	return e;
+}
+//#endregion
+//#region src/scroll-area/scrollbar/ScrollAreaScrollbar.tsx
+var Ce = /* @__PURE__ */ v("<div>");
+function we(e) {
+	let s = R(), u = o(), f = e, p = e, [g, v] = T(), y = O(p, "render", "children", "class", "keepMounted", "onMouseDown", "onPointerCancel", "onPointerDown", "onPointerUp", "orientation", "ref", "style"), x = C(() => f.orientation ?? "vertical"), E = C(() => x() === "vertical"), D = C(() => E() ? s.hiddenState().y : s.hiddenState().x), k = C(() => (f.keepMounted ?? !1) || !D()), A = C(() => !s.hasMeasuredScrollbar() && !(f.keepMounted ?? !1)), M = C(() => ({
+		...s.state(),
+		hovering: s.hovering(),
+		scrolling: E() ? s.scrollingY() : s.scrollingX(),
+		orientation: x()
+	})), I = C(() => r(e.class, M())), L = C(() => {
+		let t = s.thumbSize(), n = i(e.style, M()), r = E() ? `top:0;bottom:var(--scroll-area-corner-height);inset-inline-end:0;--scroll-area-thumb-height:${t.height}px;` : `inset-inline-start:0;inset-inline-end:var(--scroll-area-corner-width);bottom:0;--scroll-area-thumb-width:${t.width}px;`;
+		return typeof n == "string" ? `position:absolute;touch-action:none;-webkit-user-select:none;user-select:none;visibility:${A() ? "hidden" : "visible"};${r}${n}` : c({
+			position: "absolute",
+			"touch-action": "none",
+			"-webkit-user-select": "none",
+			"user-select": "none",
+			visibility: A() ? "hidden" : void 0,
+			...E() ? {
+				top: 0,
+				bottom: "var(--scroll-area-corner-height)",
+				"inset-inline-end": 0,
+				"--scroll-area-thumb-height": `${t.height}px`
+			} : {
+				"inset-inline-start": 0,
+				"inset-inline-end": "var(--scroll-area-corner-width)",
+				bottom: 0,
+				"--scroll-area-thumb-width": `${t.width}px`
+			}
+		}, n === !1 ? void 0 : n);
+	}), z = C(() => n(M(), B));
+	S(() => ({
+		element: g(),
+		render: k(),
+		vertical: E()
+	}), (e) => {
+		if (!e.element || !e.render) return;
+		let t = e.vertical ? s.setScrollbarYElement : s.setScrollbarXElement, n = e.vertical ? s.scrollbarYElement : s.scrollbarXElement;
+		return t(e.element), () => {
+			j(n) === e.element && t(void 0);
+		};
+	}), S(() => ({
+		direction: u(),
+		render: k(),
+		scrollbar: g(),
+		vertical: E(),
+		viewport: s.viewportElement()
+	}), (e) => {
+		if (!e.render || !e.scrollbar || !e.viewport) return;
+		let t = e.viewport, n = e.scrollbar, r = () => se(n, "wheel", (n) => {
+			if (n.ctrlKey) return;
+			let r = !e.vertical, i = r ? n.deltaX : n.deltaY;
+			if (i === 0) return;
+			let a = r ? t.scrollWidth - t.clientWidth : t.scrollHeight - t.clientHeight, o = r && e.direction === "rtl" ? -a : 0, c = r && e.direction === "rtl" ? 0 : a, l = r ? t.scrollLeft : t.scrollTop;
+			if (l <= o && i < 0 || l >= c && i > 0) return;
+			n.preventDefault();
+			let u = Math.min(c, Math.max(o, l + i));
+			r ? t.scrollLeft = u : t.scrollTop = u, s.handleScroll({
+				x: t.scrollLeft,
+				y: t.scrollTop
+			});
+		}, { passive: !1 });
+		return w((e) => {
+			let t = r();
+			return () => {
+				t(), e();
+			};
+		});
+	});
+	function V(e) {
+		if (e.button !== 0) return;
+		let t = E() ? s.thumbYElement() : s.thumbXElement();
+		if (t && P(t, N(e))) return;
+		let n = s.viewportElement(), r = g();
+		if (!n || !t || !r) return;
+		let i = E() ? "y" : "x", a = F(t, "margin", i), o = F(r, "padding", i), c = E() ? t.offsetHeight : t.offsetWidth, l = r.getBoundingClientRect(), d = E() ? e.clientY - l.top - c / 2 - o + a / 2 : e.clientX - l.left - c / 2 - o + a / 2, f = E() ? n.scrollHeight : n.scrollWidth, p = E() ? n.clientHeight : n.clientWidth, m = (E() ? r.offsetHeight : r.offsetWidth) - c - o - a;
+		if (m <= 0) return;
+		let h = d / m, _ = f - p;
+		s.disableViewportSnap(), E() ? n.scrollTop = h * _ : n.scrollLeft = u() === "rtl" ? -(1 - h) * _ : h * _, s.handleScroll({
+			x: n.scrollLeft,
+			y: n.scrollTop
+		}), s.handlePointerDown(e, x());
+	}
+	let H = a(() => f.onMouseDown, () => (e) => e.preventDefault()), U = a(() => f.onPointerDown, () => V), ee = a(() => f.onPointerUp, () => s.handlePointerUp), te = a(() => f.onPointerCancel, () => s.handlePointerUp), W = t(e, () => M(), (e) => (() => {
+		var t = d(Ce);
+		return _(t, e, !1), h(), t;
+	})());
+	return l(b, {
+		get when() {
+			return k();
+		},
+		get children() {
+			return l(xe, {
+				value: x,
+				get children() {
+					return l(W, m({
+						ref: [((e) => v(e)), f.ref],
+						get class() {
+							return I();
+						},
+						get style() {
+							return L();
+						},
+						get "data-id"() {
+							return `${s.rootId}-scrollbar`;
+						},
+						"aria-hidden": "true",
+						onMouseDown: H,
+						onPointerDown: U,
+						onPointerUp: ee,
+						onPointerCancel: te
+					}, z, y, { get children() {
+						return f.children;
+					} }));
+				}
+			});
+		}
+	});
+}
+//#endregion
+//#region src/scroll-area/content/ScrollAreaContent.tsx
+var Y = /* @__PURE__ */ v("<div>");
+function Te(e) {
+	let a = fe(), o = R(), s = e, u = O(e, "render", "children", "class", "ref", "style"), f = C(() => o.state()), p = C(() => r(e.class, f())), g = C(() => {
+		let t = i(e.style, f());
+		return typeof t == "string" ? `min-width:fit-content;${t}` : c({ "min-width": "fit-content" }, t === !1 ? void 0 : t);
+	}), v = C(() => n(f(), B)), y = j(o.hasMeasuredScrollbar), b, x = !1, [w, E] = T(), D = typeof ResizeObserver > "u" ? void 0 : q((e) => {
+		!b || !e.some((e) => e.target === b) || !x && (x = !0, !y) || a.computeThumbPosition();
+	});
+	S(w, (e) => {
+		if (!(!e || !D)) return b = e, x = !1, D.observe(e), () => {
+			D.unobserve(e), b === e && (b = void 0);
+		};
+	});
+	let k = t(e, () => f(), (e) => (() => {
+		var t = d(Y);
+		return _(t, e, !1), h(), t;
+	})());
+	return l(k, m({
+		ref: [((e) => E(e)), s.ref],
+		get class() {
+			return p();
+		},
+		get style() {
+			return g();
+		},
+		role: "presentation"
+	}, v, u, { get children() {
+		return s.children;
+	} }));
+}
+//#endregion
+//#region src/scroll-area/thumb/ScrollAreaThumb.tsx
+var X = /* @__PURE__ */ v("<div>");
+function Z(e) {
+	let o = R(), s = Se(), u = e, f = e, [p, g] = T(), v = O(f, "render", "children", "class", "onPointerCancel", "onPointerDown", "onPointerMove", "onPointerUp", "ref", "style"), y = C(() => s() === "vertical"), b = C(() => ({
+		scrolling: y() ? o.scrollingY() : o.scrollingX(),
+		orientation: s()
+	})), x = C(() => r(e.class, b())), w = C(() => {
+		let t = i(e.style, b()), n = y() ? "height:var(--scroll-area-thumb-height);" : "width:var(--scroll-area-thumb-width);";
+		return typeof t == "string" ? `visibility:${o.hasMeasuredScrollbar() ? "visible" : "hidden"};${n}${t}` : c({
+			visibility: o.hasMeasuredScrollbar() ? void 0 : "hidden",
+			...y() ? { height: "var(--scroll-area-thumb-height)" } : { width: "var(--scroll-area-thumb-width)" }
+		}, t === !1 ? void 0 : t);
+	}), E = C(() => n(b()));
+	S(() => ({
+		element: p(),
+		vertical: y()
+	}), (e) => {
+		if (!e.element) return;
+		let t = e.vertical ? o.setThumbYElement : o.setThumbXElement, n = e.vertical ? o.thumbYElement : o.thumbXElement;
+		return t(e.element), () => {
+			j(n) === e.element && t(void 0);
+		};
+	});
+	let D = a(() => u.onPointerDown, () => (e) => o.handlePointerDown(e, s())), k = a(() => u.onPointerMove, () => o.handlePointerMove), A = a(() => u.onPointerUp, () => o.handlePointerUp), M = a(() => u.onPointerCancel, () => o.handlePointerUp), N = t(e, () => b(), (e) => (() => {
+		var t = d(X);
+		return _(t, e, !1), h(), t;
+	})());
+	return l(N, m({
+		ref: [((e) => g(e)), u.ref],
+		get class() {
+			return x();
+		},
+		get style() {
+			return w();
+		},
+		onPointerDown: D,
+		onPointerMove: k,
+		onPointerUp: A,
+		onPointerCancel: M
+	}, E, v, { get children() {
+		return u.children;
+	} }));
+}
+//#endregion
+//#region src/scroll-area/corner/ScrollAreaCorner.tsx
+var Q = /* @__PURE__ */ v("<div>");
+function Ee(e) {
+	let n = R(), a = e, o = e, [s, u] = T(), f = O(o, "render", "children", "class", "ref", "style"), p = {}, g = C(() => !n.hiddenState().corner), v = C(() => r(e.class, p)), y = C(() => {
+		let t = n.cornerSize(), r = i(e.style, p);
+		return typeof r == "string" ? `position:absolute;bottom:0;inset-inline-end:0;width:${t.width}px;height:${t.height}px;${r}` : c({
+			position: "absolute",
+			bottom: 0,
+			"inset-inline-end": 0,
+			width: `${t.width}px`,
+			height: `${t.height}px`
+		}, r === !1 ? void 0 : r);
+	});
+	S(() => ({
+		element: s(),
+		render: g()
+	}), (e) => {
+		if (!e.element || !e.render) {
+			e.render || n.setCornerSize({
+				width: 0,
+				height: 0
+			});
+			return;
+		}
+		return n.setCornerElement(e.element), () => {
+			j(n.cornerElement) === e.element && n.setCornerElement(void 0);
+		};
+	});
+	let x = t(e, () => p, (e) => (() => {
+		var t = d(Q);
+		return _(t, e, !1), h(), t;
+	})());
+	return l(b, {
+		get when() {
+			return g();
+		},
+		get children() {
+			return l(x, m({
+				ref: [((e) => u(e)), a.ref],
+				get class() {
+					return v();
+				},
+				get style() {
+					return y();
+				},
+				"aria-hidden": "true"
+			}, f, { get children() {
+				return a.children;
+			} }));
+		}
+	});
+}
+//#endregion
+//#region src/scroll-area/index.parts.ts
+var De = /* @__PURE__ */ e({
+	Content: () => Te,
+	Corner: () => Ee,
+	Root: () => W,
+	Scrollbar: () => we,
+	Thumb: () => Z,
+	Viewport: () => ge
+});
+//#endregion
+export { De as t };