@forte-ui/react 1.0.0-alpha.1

package/dist/Resizable-7nJJM97e.js

@@ -0,0 +1,609 @@
+"use client";
+import { t as e } from "./clsx-By2n9mTe.js";
+import * as t from "react";
+import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
+import { useRender as a } from "@base-ui/react/use-render";
+import './styles/Resizable.css';var o = {
+	root: "_root_12kuy_47",
+	panel: "_panel_12kuy_124",
+	handle: "_handle_12kuy_155",
+	grip: "_grip_12kuy_288",
+	gripDots: "_gripDots_12kuy_326",
+	dragOverlay: "_dragOverlay_12kuy_359"
+}, s = 1e-4, c = typeof document < "u" ? t.useLayoutEffect : t.useEffect;
+function l(e, t, n) {
+	return Math.min(Math.max(e, t), n);
+}
+function u(e, t, n) {
+	if (e == null) return n;
+	if (typeof e == "number") return Number.isFinite(e) ? e : n;
+	let r = Number.parseFloat(e);
+	return Number.isFinite(r) ? e.trim().endsWith("px") ? t > 0 ? r / t * 100 : n : r : n;
+}
+function d(e) {
+	return typeof e == "number" ? e : typeof e == "string" && !e.trim().endsWith("px") ? Number.parseFloat(e) : NaN;
+}
+var f = {
+	min: 0,
+	max: 100,
+	collapsible: !1,
+	collapsed: 0,
+	threshold: .5
+};
+function p(e, t) {
+	return e[t] ?? 0;
+}
+function m(e, t) {
+	return e[t] ?? f;
+}
+function h(e, t) {
+	return e.collapsible && t <= e.collapsed + s ? e.collapsed : e.min;
+}
+function g(e, t, n) {
+	let r = m(t, n);
+	if (!r.collapsible) return 0;
+	let i = p(e, n);
+	if (i >= r.min - s || i <= r.collapsed + s) return 0;
+	let a = i <= r.collapsed + (r.min - r.collapsed) * r.threshold ? r.collapsed : r.min;
+	return e[n] = a, i - a;
+}
+function _(e, t, n, r, i = !0) {
+	if (!Number.isFinite(r) || Math.abs(r) < s || n < 0 || n + 1 >= e.length) return e;
+	let a = e.slice(), o = r > 0, c = o ? n : n + 1, l = [];
+	if (o) for (let e = n + 1; e < a.length; e++) l.push(e);
+	else for (let e = n; e >= 0; e--) l.push(e);
+	let u = Math.abs(r), d = 0;
+	for (let e = 0; e < l.length && u > s; e++) {
+		let n = l[e] ?? 0, r = m(t, n), i = e === 0 && r.collapsible ? r.collapsed : r.min, o = Math.min(Math.max(0, p(a, n) - i), u);
+		a[n] = p(a, n) - o, u -= o, d += o;
+	}
+	i && l.length > 0 && (d += g(a, t, l[0] ?? 0));
+	let f = m(t, c), h = Math.min(d, Math.max(0, f.max - p(a, c)));
+	a[c] = p(a, c) + h;
+	let _ = d - h;
+	if (i && f.collapsible) {
+		let e = p(a, c);
+		if (e > f.collapsed + s && e < f.min - s) {
+			let t = e <= f.collapsed + (f.min - f.collapsed) * f.threshold ? f.collapsed : f.min, n = t - e;
+			n <= _ + s ? (a[c] = t, _ -= n) : (_ += e - f.collapsed, a[c] = f.collapsed);
+		}
+	}
+	for (let n = l.length - 1; n >= 0 && _ > s; n--) {
+		let r = l[n] ?? 0, i = Math.max(0, Math.min(p(e, r), m(t, r).max) - p(a, r)), o = Math.min(i, _);
+		a[r] = p(a, r) + o, _ -= o;
+	}
+	return a;
+}
+function v(e, t) {
+	if (e.length === 0) return e;
+	let n = e.slice();
+	for (let e = 0; e < n.length; e++) {
+		let r = m(t, e), i = h(r, p(n, e));
+		n[e] = l(p(n, e), Math.min(i, r.max), r.max);
+	}
+	for (let e = 0; e < 2; e++) {
+		let e = 100 - n.reduce((e, t) => e + t, 0);
+		if (Math.abs(e) < s) break;
+		let r = n.map((n, r) => {
+			let i = m(t, r);
+			return e > 0 ? i.collapsible && n <= i.collapsed + s ? 0 : Math.max(0, i.max - n) : Math.max(0, n - h(i, n));
+		}), i = r.reduce((e, t) => e + t, 0);
+		if (i < s) break;
+		for (let t = 0; t < n.length; t++) n[t] = p(n, t) + e * (p(r, t) / i);
+	}
+	let r = n.reduce((e, t) => e + t, 0);
+	if (r > s && Math.abs(r - 100) > s) for (let e = 0; e < n.length; e++) n[e] = p(n, e) / r * 100;
+	return n;
+}
+function y(e, t) {
+	return e.length === t.length && e.every((e, n) => e === t[n]);
+}
+var b = t.createContext(null);
+function x(e) {
+	let n = t.useContext(b);
+	if (!n) throw Error(`forte-ui: <Resizable.${e}> must be rendered inside <Resizable.Group>.`);
+	return n;
+}
+var S = t.forwardRef(function({ orientation: f = "horizontal", step: h = 5, largeStep: g = 20, autoSaveId: x, storage: S, onLayout: w, render: ee, className: te, children: T, ...E }, D) {
+	let O = t.useRef(null), ne = t.useRef(null);
+	ne.current === null && (ne.current = /* @__PURE__ */ new Map());
+	let k = ne.current, [, A] = t.useState(0), [j, M] = t.useState([]), [N, P] = t.useState({}), [F, re] = t.useState(null), [I, L] = t.useState(0), R = t.useCallback(() => {
+		A((e) => e + 1);
+	}, []), z = t.useCallback((e) => (k.set(e.id, e), R(), () => {
+		k.delete(e.id), R();
+	}), [k, R]);
+	c(() => {
+		if (F) return;
+		let e = [...k.values()].filter((e) => e.element != null).sort((e, t) => e.element.compareDocumentPosition(t.element) & Node.DOCUMENT_POSITION_PRECEDING ? 1 : -1).map((e) => e.id);
+		M((t) => y(t, e) ? t : e);
+	});
+	let B = t.useMemo(() => j.filter((e) => k.get(e)?.kind === "panel"), [j, k]), V = t.useCallback(() => {
+		let e = O.current;
+		if (!e) return 0;
+		let t = e.getBoundingClientRect();
+		return f === "horizontal" ? t.width : t.height;
+	}, [f]);
+	c(() => {
+		let e = O.current;
+		if (!e || typeof ResizeObserver > "u") {
+			L(V());
+			return;
+		}
+		let t = new ResizeObserver(() => L(V()));
+		return t.observe(e), L(V()), () => t.disconnect();
+	}, [V]);
+	let H = t.useCallback((e, t) => e.map((e) => {
+		let n = k.get(e)?.config?.current, r = l(u(n?.minSize, t, 0), 0, 100), i = l(u(n?.collapsedSize, t, 0), 0, r);
+		return {
+			min: r,
+			max: l(u(n?.maxSize, t, 100), r, 100),
+			collapsible: n?.collapsible ?? !1,
+			collapsed: i,
+			threshold: l(n?.collapseThreshold ?? .5, 0, 1)
+		};
+	}), []), U = t.useCallback((e, t, n) => {
+		let r = {}, i = [], a = 0;
+		for (let o of e) {
+			let e = k.get(o)?.config?.current, s = t[o] ?? u(e?.defaultSize, n, NaN);
+			Number.isFinite(s) ? (r[o] = s, a += s) : i.push(o);
+		}
+		if (i.length > 0) {
+			let e = Math.max(0, (100 - a) / i.length);
+			for (let t of i) r[t] = e;
+		}
+		let o = e.reduce((e, t) => e + (r[t] ?? 0), 0);
+		if (o > s && Math.abs(o - 100) > s) for (let t of e) r[t] = (r[t] ?? 0) / o * 100;
+		return r;
+	}, [k]), W = t.useCallback((e, t) => {
+		P((n) => {
+			if (e.every((e, r) => Math.abs((n[e] ?? NaN) - p(t, r)) < s)) return n;
+			let r = {};
+			return e.forEach((e, n) => {
+				r[e] = p(t, n);
+			}), r;
+		});
+	}, []);
+	c(() => {
+		P((e) => {
+			let t = U(B, e, I);
+			return Object.keys(e).length !== B.length || B.some((n) => Math.abs((e[n] ?? NaN) - (t[n] ?? 0)) > s) ? t : e;
+		});
+	}, [B, U]);
+	let G = t.useMemo(() => {
+		if (S) return S;
+		if (typeof window > "u") return null;
+		try {
+			return window.localStorage;
+		} catch {
+			return null;
+		}
+	}, [S]), ie = t.useRef(!1);
+	c(() => {
+		if (!(!x || !G || ie.current || B.length === 0)) {
+			ie.current = !0;
+			try {
+				let e = G.getItem(`forte-resizable:${x}`);
+				if (!e) return;
+				let t = JSON.parse(e);
+				if (!Array.isArray(t) || t.length !== B.length || !t.every((e) => typeof e == "number" && Number.isFinite(e))) return;
+				W(B, t);
+			} catch {}
+		}
+	}, [
+		x,
+		G,
+		B,
+		W
+	]), t.useEffect(() => {
+		if (!(!x || !G || !ie.current || B.length === 0) && !B.some((e) => !Number.isFinite(N[e]))) try {
+			G.setItem(`forte-resizable:${x}`, JSON.stringify(B.map((e) => Number((N[e] ?? 0).toFixed(4)))));
+		} catch {}
+	}, [
+		x,
+		G,
+		B,
+		N
+	]);
+	let K = t.useMemo(() => H(B, I), [
+		H,
+		B,
+		I
+	]), q = B.length > 0 && B.every((e) => Number.isFinite(N[e])), J = t.useMemo(() => {
+		if (!q) {
+			let e = {};
+			for (let t of B) {
+				let n = N[t];
+				Number.isFinite(n) && (e[t] = n);
+			}
+			return e;
+		}
+		let e = v(B.map((e) => N[e] ?? 0), K), t = {};
+		return B.forEach((n, r) => {
+			t[n] = p(e, r);
+		}), t;
+	}, [
+		B,
+		N,
+		K,
+		q
+	]), Y = t.useMemo(() => {
+		let e = /* @__PURE__ */ new Set();
+		return B.forEach((t, n) => {
+			let r = m(K, n), i = J[t];
+			r.collapsible && Number.isFinite(i) && i <= r.collapsed + s && e.add(t);
+		}), e;
+	}, [
+		B,
+		J,
+		K
+	]), ae = t.useRef(w);
+	ae.current = w, t.useEffect(() => {
+		B.length !== 0 && (B.some((e) => !Number.isFinite(J[e])) || ae.current?.(B.map((e) => J[e] ?? 0)));
+	}, [B, J]);
+	let X = t.useCallback((e) => {
+		let t = j.indexOf(e);
+		if (t < 0) return -1;
+		let n = -1;
+		for (let e = 0; e < t; e++) {
+			let t = j[e];
+			t != null && k.get(t)?.kind === "panel" && (n += 1);
+		}
+		return n;
+	}, [j]), Z = t.useCallback(() => B.map((e) => J[e] ?? 0), [B, J]), oe = t.useRef({}), Q = t.useCallback((e, t, n) => {
+		let r = X(e);
+		if (r < 0) return;
+		let i = _(t, K, r, n);
+		B.forEach((e, n) => {
+			let r = m(K, n);
+			if (!r.collapsible) return;
+			let a = p(t, n) > r.collapsed + s, o = p(i, n) <= r.collapsed + s;
+			a && o && (oe.current[e] = p(t, n));
+		}), W(B, i);
+	}, [
+		X,
+		B,
+		K,
+		W
+	]), se = t.useCallback((e, t) => {
+		Q(e, Z(), t);
+	}, [Q, Z]), ce = t.useCallback((e, t) => {
+		Q(e, Z(), t === "max" ? 100 : -100);
+	}, [Q, Z]), le = t.useCallback((e, t) => {
+		if (e < 0 || B.length < 2) return;
+		let n = Z(), r = t - p(n, e), i = e < B.length - 1 ? _(n, K, e, r, !1) : _(n, K, e - 1, -r, !1);
+		W(B, i);
+	}, [
+		B,
+		K,
+		Z,
+		W
+	]), ue = t.useCallback((e, t) => {
+		let n = B.indexOf(e);
+		if (n < 0) return;
+		let r = m(K, n);
+		if (!r.collapsible) return;
+		let i = J[e] ?? 0;
+		if (i <= r.collapsed + s !== t) if (t) oe.current[e] = i, le(n, r.collapsed);
+		else {
+			let t = oe.current[e], i = u(k.get(e)?.config?.current.defaultSize, I, NaN), a = Number.isFinite(i) ? i : Math.max(r.min, 100 / B.length), o = l(t != null && Number.isFinite(t) ? t : a, r.min, r.max);
+			le(n, o);
+		}
+	}, [
+		B,
+		J,
+		K,
+		le,
+		k,
+		I
+	]), de = t.useCallback((e) => {
+		let t = X(e);
+		if (t < 0) return;
+		let n = K[t]?.collapsible ? t : K[t + 1]?.collapsible ? t + 1 : -1, r = n < 0 ? void 0 : B[n];
+		r != null && ue(r, !Y.has(r));
+	}, [
+		X,
+		B,
+		K,
+		Y,
+		ue
+	]), fe = t.useCallback(() => {
+		oe.current = {}, P(U(B, {}, I));
+	}, [
+		B,
+		I,
+		U
+	]), pe = t.useCallback((e) => {
+		let t = X(e);
+		return t < 0 ? {} : {
+			before: B[t],
+			after: B[t + 1]
+		};
+	}, [X, B]), me = t.useCallback((e) => {
+		let t = B.indexOf(e);
+		if (!(t < 0)) return m(K, t);
+	}, [B, K]), [$, he] = t.useState(!1);
+	t.useEffect(() => {
+		q && !$ && he(!0);
+	}, [q, $]), c(() => {
+		!q && $ && he(!1);
+	}, [q, $]), c(() => {
+		O.current?.toggleAttribute("data-ready", $ && q);
+	});
+	let ge = t.useMemo(() => {
+		if ($) return;
+		let e = 0, n = 0, r = 0;
+		if (t.Children.forEach(T, (i) => {
+			if (!t.isValidElement(i) || i.type !== C) return;
+			e += 1;
+			let a = d(i.props.defaultSize);
+			Number.isFinite(a) && (n += 1, r += a);
+		}), !(e === 0 || e === n)) return Math.max(0, (100 - r) / (e - n));
+	}, [T, $]), _e = t.useMemo(() => ({
+		orientation: f,
+		panelIds: B,
+		initialShare: ge,
+		sizes: J,
+		collapsedIds: Y,
+		draggingId: F,
+		register: z,
+		invalidate: R,
+		neighbours: pe,
+		constraintsOf: me,
+		measure: V,
+		drag: Q,
+		setDragging: re,
+		nudge: se,
+		extreme: ce,
+		toggleCollapse: de,
+		setPanelCollapsed: ue,
+		resetLayout: fe,
+		step: h,
+		largeStep: g
+	}), [
+		f,
+		B,
+		ge,
+		J,
+		Y,
+		F,
+		z,
+		R,
+		pe,
+		me,
+		V,
+		Q,
+		se,
+		ce,
+		de,
+		ue,
+		fe,
+		h,
+		g
+	]), ve = t.useCallback((e) => {
+		O.current = e, typeof D == "function" ? D(e) : D && (D.current = e);
+	}, [D]);
+	return /* @__PURE__ */ r(b.Provider, {
+		value: _e,
+		children: a({
+			render: ee,
+			ref: ve,
+			defaultTagName: "div",
+			props: {
+				className: e(o.root, te),
+				"data-forte": "resizable",
+				"data-orientation": f,
+				"data-resizing": F ? "" : void 0,
+				"data-ready": $ && q ? "" : void 0,
+				...E,
+				children: /* @__PURE__ */ i(n, { children: [T, F ? /* @__PURE__ */ r("div", {
+					className: o.dragOverlay,
+					"data-forte": "resizable-drag-overlay",
+					"data-orientation": f,
+					"aria-hidden": "true"
+				}) : null] })
+			}
+		})
+	});
+}), C = t.forwardRef(function({ defaultSize: n, minSize: r, maxSize: i, collapsible: l = !1, collapsedSize: u = 0, collapseThreshold: f = .5, collapsed: p, onCollapsedChange: m, render: h, className: g, style: _, ...v }, y) {
+	let b = x("Panel"), { register: S, invalidate: C, sizes: w, collapsedIds: ee, constraintsOf: te, setPanelCollapsed: T } = b, E = t.useId(), D = t.useRef({
+		defaultSize: n,
+		minSize: r,
+		maxSize: i,
+		collapsible: l,
+		collapsedSize: u,
+		collapseThreshold: f
+	});
+	D.current = {
+		defaultSize: n,
+		minSize: r,
+		maxSize: i,
+		collapsible: l,
+		collapsedSize: u,
+		collapseThreshold: f
+	};
+	let O = t.useRef({
+		id: E,
+		kind: "panel",
+		element: null,
+		config: D
+	});
+	c(() => S(O.current), [S]);
+	let ne = t.useCallback((e) => {
+		O.current.element = e, typeof y == "function" ? y(e) : y && (y.current = e);
+	}, [y]);
+	c(() => {
+		C();
+	}, [
+		C,
+		n,
+		r,
+		i,
+		l,
+		u,
+		f
+	]);
+	let k = ee.has(E), A = t.useRef(m);
+	A.current = m;
+	let j = t.useRef(k), M = t.useRef(!1), [, N] = t.useReducer((e) => e + 1, 0);
+	c(() => {
+		if (j.current !== k) {
+			let e = M.current;
+			if (M.current = !1, j.current = k, !e) {
+				A.current?.(k), N();
+				return;
+			}
+		}
+		p !== void 0 && p !== k && (M.current = !0, T(E, p));
+	}, [
+		k,
+		p,
+		E,
+		T
+	]);
+	let P = w[E], F = te(E)?.collapsed ?? 0, re = k && F < s;
+	c(() => {
+		let e = O.current.element;
+		e && (e.inert = re);
+	}, [re]);
+	let I = d(n);
+	return a({
+		render: h,
+		ref: ne,
+		defaultTagName: "div",
+		props: {
+			id: E,
+			className: e(o.panel, g),
+			"data-forte": "resizable-panel",
+			"data-orientation": b.orientation,
+			"data-collapsed": k ? "" : void 0,
+			style: {
+				flexGrow: P ?? (Number.isFinite(I) ? I : b.initialShare ?? 1),
+				..._
+			},
+			...v
+		}
+	});
+}), w = t.forwardRef(function({ grip: n = !1, disabled: i = !1, resetOnDoubleClick: a = !0, className: s, onPointerDown: l, onPointerMove: u, onPointerUp: d, onKeyDown: f, onBlur: p, onDoubleClick: m, ...h }, g) {
+	let _ = x("Handle"), { orientation: v, sizes: y, collapsedIds: b, draggingId: S, register: C, neighbours: w, constraintsOf: ee, measure: te, drag: T, setDragging: E, nudge: D, extreme: O, toggleCollapse: ne, resetLayout: k, step: A, largeStep: j } = _, M = t.useId(), N = t.useRef({
+		id: M,
+		kind: "handle",
+		element: null,
+		config: null
+	});
+	c(() => C(N.current), [C]);
+	let P = t.useCallback((e) => {
+		N.current.element = e, typeof g == "function" ? g(e) : g && (g.current = e);
+	}, [g]), F = t.useRef(null), re = S === M, I = t.useRef({
+		frame: 0,
+		coordinate: 0
+	}), L = t.useRef(T);
+	L.current = T;
+	let [R, z] = t.useState(!1), { before: B, after: V } = w(M), H = B ? ee(B) : void 0, U = B == null ? void 0 : Math.round(y[B] ?? 0), W = Math.round(H?.collapsible ? H.collapsed : H?.min ?? 0), G = Math.round(H?.max ?? 100), ie = (e) => {
+		if (l?.(e), e.defaultPrevented || i || e.button !== 0) return;
+		let t = te();
+		if (t <= 0) return;
+		let n = e.currentTarget, r = v === "horizontal" && typeof window < "u" && window.getComputedStyle(n).direction === "rtl";
+		F.current = {
+			pointerId: e.pointerId,
+			origin: v === "horizontal" ? e.clientX : e.clientY,
+			sign: r ? -1 : 1,
+			groupPx: t,
+			snapshot: _.panelIds.map((e) => y[e] ?? 0)
+		}, e.preventDefault(), z(!0), n.focus({ preventScroll: !0 }), E(M);
+		try {
+			n.setPointerCapture(e.pointerId);
+		} catch {}
+	}, K = t.useCallback(() => {
+		let e = F.current;
+		if (!e) return;
+		let t = (I.current.coordinate - e.origin) * e.sign * 100 / e.groupPx;
+		L.current(M, e.snapshot, t);
+	}, [M]), q = (e) => {
+		u?.(e);
+		let t = F.current;
+		!t || t.pointerId !== e.pointerId || (I.current.coordinate = v === "horizontal" ? e.clientX : e.clientY, I.current.frame === 0 && (I.current.frame = requestAnimationFrame(() => {
+			I.current.frame = 0, K();
+		})));
+	}, J = (e) => {
+		let t = F.current;
+		!t || t.pointerId !== e.pointerId || (I.current.frame !== 0 && (cancelAnimationFrame(I.current.frame), I.current.frame = 0, K()), F.current = null, e.currentTarget.hasPointerCapture(e.pointerId) && e.currentTarget.releasePointerCapture(e.pointerId), E(null));
+	};
+	t.useEffect(() => () => {
+		I.current.frame !== 0 && cancelAnimationFrame(I.current.frame);
+	}, []);
+	let Y = (e) => {
+		if (f?.(e), R && z(!1), e.defaultPrevented || i) return;
+		let t = v === "horizontal", n = t ? "ArrowLeft" : "ArrowUp", r = t ? "ArrowRight" : "ArrowDown", a = t && typeof window < "u" && window.getComputedStyle(e.currentTarget).direction === "rtl" ? -1 : 1;
+		switch (e.key) {
+			case n:
+				D(M, -A * a);
+				break;
+			case r:
+				D(M, A * a);
+				break;
+			case "PageUp":
+				D(M, -j * a);
+				break;
+			case "PageDown":
+				D(M, j * a);
+				break;
+			case "Home":
+				O(M, "min");
+				break;
+			case "End":
+				O(M, "max");
+				break;
+			case "Enter":
+				ne(M);
+				break;
+			case "F6": return;
+			default: return;
+		}
+		e.preventDefault();
+	}, ae = (e) => {
+		m?.(e), !(e.defaultPrevented || i || !a) && k();
+	}, X = B != null && b.has(B) || V != null && b.has(V);
+	return /* @__PURE__ */ r("div", {
+		ref: P,
+		role: "separator",
+		"aria-orientation": v === "horizontal" ? "vertical" : "horizontal",
+		"aria-valuenow": U,
+		"aria-valuemin": W,
+		"aria-valuemax": G,
+		"aria-controls": B,
+		"aria-disabled": i || void 0,
+		"aria-label": "Resize panels",
+		tabIndex: i ? void 0 : 0,
+		className: e(o.handle, "forte-focus-ring", "forte-target", s),
+		"data-pointer-focus": R ? "" : void 0,
+		"data-forte": "resizable-handle",
+		"data-orientation": v,
+		"data-dragging": re ? "" : void 0,
+		"data-disabled": i ? "" : void 0,
+		"data-collapsed": X ? "" : void 0,
+		...h,
+		onPointerDown: ie,
+		onPointerMove: q,
+		onPointerUp: (e) => {
+			d?.(e), J(e);
+		},
+		onPointerCancel: J,
+		onKeyDown: Y,
+		onBlur: (e) => {
+			p?.(e), z(!1);
+		},
+		onDoubleClick: ae,
+		children: n ? /* @__PURE__ */ r("span", {
+			className: o.grip,
+			"data-forte": "resizable-grip",
+			"aria-hidden": "true",
+			children: /* @__PURE__ */ r("span", { className: o.gripDots })
+		}) : null
+	});
+}), ee = {
+	Group: S,
+	Panel: C,
+	Handle: w
+};
+//#endregion
+export { C as i, S as n, w as r, ee as t };

package/dist/ScrollArea-CBMGJ6hh.js

@@ -0,0 +1,83 @@
+"use client";
+import { t as e } from "./clsx-By2n9mTe.js";
+import * as t from "react";
+import { jsx as n } from "react/jsx-runtime";
+import { ScrollArea as r } from "@base-ui/react/scroll-area";
+import './styles/ScrollArea.css';var i = {
+	root: "_root_6s1zb_46",
+	viewport: "_viewport_6s1zb_109",
+	content: "_content_6s1zb_40",
+	scrollbar: "_scrollbar_6s1zb_270",
+	thumb: "_thumb_6s1zb_331",
+	corner: "_corner_6s1zb_361"
+}, a = t.createContext({
+	fade: !0,
+	scrollbarVisibility: "auto"
+}), o = {
+	Root: t.forwardRef(function({ fade: o = !0, scrollbarVisibility: s = "auto", className: c, children: l, ...u }, d) {
+		let f = t.useMemo(() => ({
+			fade: o,
+			scrollbarVisibility: s
+		}), [o, s]);
+		return /* @__PURE__ */ n(a.Provider, {
+			value: f,
+			children: /* @__PURE__ */ n(r.Root, {
+				ref: d,
+				className: e(i.root, c),
+				"data-forte": "scroll-area",
+				...u,
+				children: l
+			})
+		});
+	}),
+	Viewport: t.forwardRef(function({ className: o, children: s, ...c }, l) {
+		let { fade: u } = t.useContext(a);
+		return /* @__PURE__ */ n(r.Viewport, {
+			ref: l,
+			className: e(i.viewport, o),
+			"data-forte": "scroll-area-viewport",
+			"data-fade": u ? "" : void 0,
+			...c,
+			children: s
+		});
+	}),
+	Content: t.forwardRef(function({ className: t, children: a, ...o }, s) {
+		return /* @__PURE__ */ n(r.Content, {
+			ref: s,
+			className: e(i.content, t),
+			"data-forte": "scroll-area-content",
+			...o,
+			children: a
+		});
+	}),
+	Scrollbar: t.forwardRef(function({ orientation: o = "vertical", className: s, children: c, ...l }, u) {
+		let { scrollbarVisibility: d } = t.useContext(a);
+		return /* @__PURE__ */ n(r.Scrollbar, {
+			ref: u,
+			className: e(i.scrollbar, s),
+			"data-forte": "scroll-area-scrollbar",
+			orientation: o,
+			"data-visibility": d,
+			...l,
+			children: c
+		});
+	}),
+	Thumb: t.forwardRef(function({ className: t, ...a }, o) {
+		return /* @__PURE__ */ n(r.Thumb, {
+			ref: o,
+			className: e(i.thumb, t),
+			"data-forte": "scroll-area-thumb",
+			...a
+		});
+	}),
+	Corner: t.forwardRef(function({ className: t, ...a }, o) {
+		return /* @__PURE__ */ n(r.Corner, {
+			ref: o,
+			className: e(i.corner, t),
+			"data-forte": "scroll-area-corner",
+			...a
+		});
+	})
+};
+//#endregion
+export { o as t };