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

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

@@ -1,717 +0,0 @@
-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 };