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

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