@jfrader/ui 0.4.0 → 0.5.1

package/dist/resizable-panels-DUpQEpwG.js

@@ -0,0 +1,520 @@
+'use client';
+import { r as e, t } from "./sx-Dx9JUKp5.js";
+import { t as n } from "./focus-ring-BK5W5_NY.js";
+import { n as r, r as i } from "./media-8yrN85VT.js";
+import { t as a } from "./use-controlled-state-DpeVQZNR.js";
+import { t as o } from "./part-id-D0zksy32.js";
+import { Children as s, Fragment as c, createContext as l, isValidElement as u, useCallback as d, useContext as f, useEffect as p, useId as m, useLayoutEffect as h, useMemo as g, useRef as _, useState as v } from "react";
+import { vars as y } from "@jfrader/tokens/vars";
+import { jsx as b, jsxs as ee } from "@emotion/react/jsx-runtime";
+import { animate as te, useReducedMotion as ne } from "motion/react";
+//#region src/components/resizable-panels/resizable-panels.tsx
+var re = 80, ie = 16, ae = 64, oe = 44, se = 90, x = .5, ce = .5, le = 160, ue = {
+	type: "spring",
+	stiffness: 400,
+	damping: 40,
+	mass: 1
+}, S = 1e4, C = .001, w = "--resizable-panels-size", de = ":scope > [data-ui=\"resizable-panels-panel\"]", fe = ":scope > [data-ui=\"resizable-panels-separator\"]", pe = [
+	"border-left-width",
+	"border-right-width",
+	"padding-left",
+	"padding-right"
+], me = e({
+	label: "resizable-panels",
+	display: "flex",
+	flexDirection: "row",
+	boxSizing: "border-box",
+	inlineSize: "100%",
+	blockSize: "100%",
+	minInlineSize: 0,
+	minBlockSize: 0,
+	overflow: "hidden",
+	border: `1px solid ${y.color.border}`,
+	borderRadius: y.radius.md,
+	backgroundColor: y.color.surface,
+	color: y.color.text,
+	fontFamily: y.font.sans,
+	fontSize: y.textSize.sm,
+	lineHeight: y.lineHeight.base,
+	"&[data-dragging]": {
+		userSelect: "none",
+		cursor: "col-resize"
+	}
+}), T = e({
+	label: "resizable-panels-panel",
+	display: "flex",
+	flex: `var(${w}) 1 0px`,
+	minInlineSize: 0,
+	minBlockSize: 0,
+	overflow: "hidden"
+}), he = e({
+	flex: "1 1 auto",
+	minInlineSize: 0,
+	overflow: "auto",
+	"&[inert]": { overflow: "hidden" }
+}), E = "& > [data-ui=\"resizable-panels-grip\"]", D = "&:hover > [data-ui=\"resizable-panels-grip\"], &[data-state=\"dragging\"] > [data-ui=\"resizable-panels-grip\"]", ge = e({
+	label: "resizable-panels-separator",
+	position: "relative",
+	flex: "0 0 auto",
+	boxSizing: "border-box",
+	inlineSize: y.space[8],
+	display: "grid",
+	placeItems: "center",
+	cursor: "col-resize",
+	touchAction: "none",
+	userSelect: "none",
+	color: y.color.text,
+	"&::before": {
+		content: "\"\"",
+		position: "absolute",
+		insetBlock: 0,
+		insetInline: 0,
+		marginInline: "auto",
+		inlineSize: "1px",
+		backgroundColor: y.color.borderControl
+	},
+	"&:focus-visible": n,
+	"&[aria-disabled=\"true\"]": { cursor: "default" },
+	[E]: {
+		position: "relative",
+		inlineSize: y.space[1],
+		blockSize: y.space[8],
+		borderRadius: y.radius.full,
+		backgroundColor: y.color.borderControl,
+		transition: `transform ${y.motion.duration.fast} ${y.motion.easeStandard}, background-color ${y.motion.duration.fast} ${y.motion.easeStandard}`
+	},
+	[D]: {
+		backgroundColor: y.color.textMuted,
+		transform: "scaleY(1.25)"
+	},
+	[i]: {
+		[E]: { transition: "none" },
+		[D]: { transform: "none" }
+	},
+	[r]: {
+		"&::before": {
+			forcedColorAdjust: "none",
+			backgroundColor: "CanvasText"
+		},
+		[E]: {
+			forcedColorAdjust: "none",
+			backgroundColor: "CanvasText"
+		},
+		[D]: { backgroundColor: "Highlight" }
+	}
+}), _e = e({
+	position: "relative",
+	display: "grid",
+	placeItems: "center",
+	boxSizing: "border-box",
+	inlineSize: y.space[6],
+	blockSize: y.space[6],
+	border: `1px solid ${y.color.borderControl}`,
+	borderRadius: y.radius.full,
+	backgroundColor: y.color.surfaceRaised,
+	boxShadow: y.shadow.raised,
+	color: y.color.text,
+	"&::before": {
+		content: "\"\"",
+		borderBlock: `${y.space[1]} solid transparent`,
+		forcedColorAdjust: "none"
+	},
+	"&[data-side=\"start\"]::before": { borderInlineStart: `${y.space[1]} solid currentColor` },
+	"&[data-side=\"end\"]::before": { borderInlineEnd: `${y.space[1]} solid currentColor` },
+	[r]: {
+		borderColor: "CanvasText",
+		boxShadow: "none",
+		color: "CanvasText"
+	}
+}), ve = l(null), O = (e) => e.reduce((e, t) => e + t, 0), k = (e, t, n) => Math.min(n, Math.max(t, e)), A = (e) => Math.round(e * S) / S, ye = (e) => Math.round(e * 100) / 100, j = (e, t) => e.length === t.length && e.every((e, n) => Math.abs(e - t[n]) < .5 / S), be = (e, t) => e.length === t.length && e.every((e, n) => Math.abs(e - t[n]) < 1e-4);
+function xe(e, t) {
+	if (e.length !== t || !e.every((e) => Number.isFinite(e) && e >= 0)) throw Error(`ResizablePanels value needs ${t} finite nonnegative weights, one per panel.`);
+	let n = O(e);
+	if (n <= 0) throw Error("ResizablePanels value needs at least one positive weight.");
+	return e.map((e) => A(e / n * 100));
+}
+var M = (e) => {
+	let t = O(e);
+	return e.map((e) => A(t > 0 ? e / t * 100 : 0));
+};
+function Se(e, t) {
+	let n = typeof e == "function" ? e(t) : void 0;
+	return e && typeof e != "function" && (e.current = t), () => {
+		typeof n == "function" ? n() : typeof e == "function" ? e(null) : e && (e.current = null);
+	};
+}
+function Ce(e, t) {
+	let n = [];
+	for (let t of s.toArray(e)) {
+		if (!u(t) || t.type !== V) throw Error("ResizablePanels accepts only ResizablePanels.Panel children.");
+		n.push(t);
+	}
+	if (n.length === 0) throw Error("ResizablePanels needs at least one ResizablePanels.Panel.");
+	let r = /* @__PURE__ */ new Set();
+	return {
+		elements: n,
+		configs: n.map(({ props: e }) => {
+			let { value: n, minSize: i = re, maxSize: a, collapsible: s = !1 } = e;
+			if (typeof n != "string" || n === "") throw Error("ResizablePanels.Panel needs a nonempty string value.");
+			if (r.has(n)) throw Error(`ResizablePanels.Panel values must be unique: "${n}".`);
+			if (r.add(n), !e["aria-label"] && !e["aria-labelledby"]) throw Error(`ResizablePanels.Panel "${n}" needs aria-label or aria-labelledby.`);
+			if (!Number.isFinite(i) || i < 0) throw Error(`ResizablePanels.Panel "${n}" minSize must be finite and nonnegative.`);
+			if (a !== void 0 && (!Number.isFinite(a) || a < i)) throw Error(`ResizablePanels.Panel "${n}" maxSize must be finite and at least minSize.`);
+			return {
+				value: n,
+				id: e.id ?? o(t, "panel", n),
+				min: i,
+				max: a ?? Infinity,
+				collapsible: s,
+				label: e["aria-label"],
+				labelledBy: e["aria-labelledby"]
+			};
+		})
+	};
+}
+function N(e, t, n) {
+	let r = O(e.map((e, n) => t[n] ? e.min : 0)), i = r > n ? n / r : 1;
+	return {
+		low: e.map((e, n) => t[n] ? e.min * i : 0),
+		high: e.map((e, r) => t[r] ? Math.min(e.max, n) : 0)
+	};
+}
+function P(e, t, n) {
+	let { low: r, high: i } = N(t, t.map((t, n) => !(t.collapsible && e[n] === 0)), n), a = e.map((e, t) => k(e / 100 * n, r[t], i[t])), o = n - O(a), s = a.map((e, t) => o > 0 ? i[t] - e : e - r[t]), c = O(s);
+	if (Math.abs(o) > C && c > 0) {
+		let e = Math.min(1, Math.abs(o) / c);
+		return a.map((t, n) => t + Math.sign(o) * s[n] * e);
+	}
+	return a;
+}
+function F(e, t, n, r) {
+	let i = n[t], a = n[t + 1], { low: o, high: s } = N(n, n.map((n, r) => r === t || r === t + 1 || !(n.collapsible && e[r] <= C)), r), c = e[t], l = c + e[t + 1], u = Math.max(o[t], l - s[t + 1]), d = Math.min(s[t], l - o[t + 1]);
+	return {
+		index: t,
+		total: l,
+		size: c,
+		lower: u,
+		upper: d,
+		feasible: u <= d + C,
+		minPrimary: o[t],
+		minSecondary: o[t + 1],
+		primaryCollapsible: i.collapsible,
+		secondaryCollapsible: a.collapsible,
+		primaryCollapsed: i.collapsible && c <= C,
+		secondaryCollapsed: a.collapsible && l - c <= C,
+		canCollapsePrimary: i.collapsible && l <= s[t + 1] + C,
+		canCollapseSecondary: a.collapsible && l <= s[t] + C
+	};
+}
+var I = (e, t, n) => e.map((e, r) => r === t.index ? n : r === t.index + 1 ? t.total - n : e), we = (e) => e.canCollapsePrimary ? 0 : e.feasible ? e.lower : e.size, Te = (e) => e.canCollapseSecondary ? e.total : e.feasible ? e.upper : e.size;
+function L(e, t) {
+	return e.canCollapsePrimary && t < e.minPrimary * x ? 0 : e.canCollapseSecondary && e.total - t < e.minSecondary * x ? e.total : e.feasible ? k(t, e.lower, e.upper) : e.size;
+}
+var Ee = (e) => Math.sign(e) * oe * (1 - 1 / (1 + Math.abs(e) / oe));
+function R(e, t, n) {
+	return e.primaryCollapsed ? n > 0 ? t.primary : e.size : e.secondaryCollapsed ? n < 0 ? t.secondary : e.size : e.feasible ? n < 0 && e.size <= e.lower + C && e.canCollapsePrimary ? 0 : n > 0 && e.size >= e.upper - C && e.canCollapseSecondary ? e.total : k(e.size + n, e.lower, e.upper) : e.size;
+}
+function z(e, t) {
+	return e.primaryCollapsible ? e.primaryCollapsed ? t.primary : e.canCollapsePrimary ? 0 : e.size : e.secondaryCollapsible ? e.secondaryCollapsed ? t.secondary : e.canCollapseSecondary ? e.total : e.size : e.size;
+}
+var De = {
+	ArrowLeft: (e, t, n) => R(e, t, -n),
+	ArrowRight: R,
+	Home: (e) => e.feasible ? e.lower : e.size,
+	End: (e) => e.feasible ? e.upper : e.size,
+	Enter: z
+};
+function B({ ref: e, children: n, value: r, defaultValue: i, onValueChange: s, onValueCommit: l, disabled: u = !1, locale: f, getValueText: y, slotProps: re, className: oe, sx: x, ...S }) {
+	let T = m(), { elements: he, configs: E } = Ce(n, T), D = E.length, [A] = v(() => xe(i ?? r ?? E.map(() => 1), D)), [N, R] = a(r, A, (e) => s?.([...e])), z = xe(N ?? A, D), B = r !== void 0, V = ne() ?? !1, [H, Oe] = v(0), [ke, Ae] = v(null), U = _(null), W = _(null), G = _(null), K = _(null), je = _(/* @__PURE__ */ new Map()), Me = g(() => new Intl.NumberFormat(f, {
+		style: "percent",
+		maximumFractionDigits: 0
+	}), [f]), q = H > 0 ? P(z, E, H) : null, J = q ? q.map((e) => e / H) : z.map((e) => e / 100), Ne = J.map((e) => e.toFixed(5)).join(" "), Pe = (e) => o(T, "separator", E[e].value), Fe = d((t) => {
+		U.current = t;
+		let n = Se(e, t);
+		return () => {
+			U.current = null, n();
+		};
+	}, [e]), Y = (e) => {
+		U.current?.querySelectorAll(de).forEach((t, n) => t.style.setProperty(w, String(Math.max(0, e[n] ?? 0))));
+	}, X = () => {
+		let e = G.current;
+		G.current = null, e?.controls?.stop();
+	}, Z = (e, t) => {
+		if (X(), V || be(e, t)) {
+			Y(t);
+			return;
+		}
+		let n = {
+			controls: null,
+			visual: [...e]
+		};
+		G.current = n, Y(e), n.controls = te(0, 1, {
+			...ue,
+			onUpdate: (r) => {
+				G.current === n && (n.visual = e.map((e, n) => Math.max(0, e + (t[n] - e) * r)), Y(n.visual));
+			},
+			onComplete: () => {
+				G.current === n && (G.current = null, Y(t));
+			}
+		});
+	}, Q = () => G.current?.visual ?? W.current?.visual ?? J;
+	h(() => {
+		let e = U.current, t = e?.ownerDocument.defaultView;
+		if (!e || !t) return;
+		let n = () => {
+			let n = t.getComputedStyle(e), r = e.getBoundingClientRect().width - O(pe.map((e) => parseFloat(n.getPropertyValue(e)) || 0)), i = O(Array.from(e.querySelectorAll(fe), (e) => e.getBoundingClientRect().width)), a = Math.max(0, Math.round((r - i) * 100) / 100);
+			Oe((e) => Math.abs(e - a) < .01 ? e : a);
+		};
+		n();
+		let r = new t.ResizeObserver(n);
+		return r.observe(e), () => r.disconnect();
+	}, [D]), h(() => {
+		let e = K.current;
+		K.current = null;
+		let t = W.current?.visual;
+		t ? (X(), Y(t)) : e && be(e.to, J) ? Z(e.from, J) : (X(), Y(J));
+	}, [Ne]);
+	let Ie = (e) => {
+		window.cancelAnimationFrame(e.frame), e.target.hasPointerCapture(e.pointerId) && e.target.releasePointerCapture(e.pointerId);
+	};
+	p(() => () => {
+		let e = W.current;
+		W.current = null, e && Ie(e), G.current?.controls?.stop(), G.current = null;
+	}, []);
+	let Le = (e, t, n) => E.forEach((r, i) => {
+		r.collapsible && e[i] > C && t[i] <= C && je.current.set(r.value, e[i] / n * 100);
+	}), Re = (e, t, n) => {
+		if (!q) return null;
+		let r = M(e);
+		return j(r, M(q)) ? null : (Le(t, e, H), n && (K.current = {
+			from: [...Q()],
+			to: e.map((e) => e / H)
+		}), R(r), r);
+	}, ze = (e) => {
+		let t = (e, t) => {
+			let n = je.current.get(E[e].value);
+			return n === void 0 ? t : n / 100 * H;
+		};
+		return {
+			primary: e.feasible ? k(t(e.index, e.minPrimary), e.lower, e.upper) : e.size,
+			secondary: e.feasible ? k(e.total - t(e.index + 1, e.minSecondary), e.lower, e.upper) : e.size
+		};
+	}, Be = () => {
+		if (!q) return;
+		let e = Re(P(A, E, H), q, !0);
+		e && l?.([...e]);
+	}, Ve = (e) => {
+		e.pending = !1;
+		let t = e.candidate;
+		if (!t) return;
+		let n = M(t);
+		j(n, e.last) || (Le(P(e.originLayout, E, e.usable), t, e.usable), e.last = n, R(n));
+	}, He = (e, t) => {
+		let n = P(e.originLayout, E, H), r = F(n, e.index, E, H), i = (t.clientX - e.originX) * e.direction;
+		e.usable = H, e.samples = [...e.samples, {
+			position: i,
+			time: t.timeStamp
+		}].filter((e) => t.timeStamp - e.time <= se);
+		let a = r.size + i, o = L(r, a);
+		e.candidate = I(n, r, o);
+		let s = a - k(a, we(r), Te(r));
+		return e.visual = B || V || Math.abs(s) <= C ? null : I(n, r, k(o + Ee(s), 0, r.total)).map((e) => e / H), {
+			origin: n,
+			pair: r,
+			desired: a
+		};
+	}, Ue = (e) => {
+		W.current = null, Ie(e), Ae(null);
+	}, $ = () => {
+		let e = W.current;
+		if (!e) return;
+		Ue(e);
+		let t = e.visual ?? Q();
+		!j(e.last, e.start) || !j(z, e.originLayout) ? (K.current = {
+			from: [...t],
+			to: P(e.originLayout, E, H).map((e) => e / H)
+		}, R(e.originLayout)) : e.visual && Z(e.visual, J);
+	};
+	p(() => {
+		u && $();
+	}, [u]);
+	let We = (e, t) => {
+		if (u || e.defaultPrevented || W.current || !q || !e.isPrimary || e.pointerType === "mouse" && e.button !== 0) return;
+		e.preventDefault(), e.currentTarget.focus({ preventScroll: !0 }), X(), Y(J);
+		let n = M(q);
+		W.current = {
+			pointerId: e.pointerId,
+			index: t,
+			originX: e.clientX,
+			direction: getComputedStyle(e.currentTarget).direction === "rtl" ? -1 : 1,
+			originLayout: z,
+			start: n,
+			last: n,
+			candidate: null,
+			pending: !1,
+			frame: 0,
+			samples: [{
+				position: 0,
+				time: e.timeStamp
+			}],
+			visual: null,
+			target: e.currentTarget,
+			usable: H
+		}, e.currentTarget.setPointerCapture(e.pointerId), Ae(t);
+	}, Ge = (e) => {
+		let t = W.current;
+		t && e.pointerId === t.pointerId && (He(t, e), t.visual && Y(t.visual), t.pending || (t.pending = !0, t.frame = window.requestAnimationFrame(() => {
+			W.current === t && Ve(t);
+		})));
+	}, Ke = (e) => {
+		let t = W.current;
+		if (!t || e.pointerId !== t.pointerId) return;
+		let { origin: n, pair: r, desired: i } = He(t, e), a = t.samples[0], o = t.samples.at(-1), s = o.time - a.time, c = s > 0 ? (o.position - a.position) / s : 0, u = !1;
+		if (Math.abs(c) >= ce) {
+			let e = L(r, i + c * le);
+			(e === 0 || e === r.total) && e !== L(r, i) && (t.candidate = I(n, r, e), u = !0);
+		}
+		let d = t.visual;
+		Ue(t);
+		let f = t.last;
+		t.candidate && (d || u) && (K.current = {
+			from: [...d ?? Q()],
+			to: t.candidate.map((e) => e / H)
+		}), Ve(t), t.last === f && (K.current = null, d && Z(d, J)), j(t.last, t.start) || l?.([...t.last]);
+	}, qe = (e) => {
+		W.current?.pointerId === e.pointerId && $();
+	}, Je = (e, t) => {
+		if (u || e.defaultPrevented) return;
+		if (W.current) {
+			e.key === "Escape" && (e.preventDefault(), $());
+			return;
+		}
+		if (!q) return;
+		if (e.key === "Home" && (e.ctrlKey || e.metaKey)) {
+			e.preventDefault(), Be();
+			return;
+		}
+		let n = F(q, t, E, H), r = ze(n), i = getComputedStyle(e.currentTarget).direction === "rtl" ? -1 : 1, a = De[e.key];
+		if (!a) return;
+		e.preventDefault();
+		let o = I(q, n, a(n, r, (e.shiftKey ? ae : ie) * i)), s = o.some((e, t) => e <= C != q[t] <= C), c = Re(o, q, s);
+		c && l?.([...c]);
+	}, Ye = (e) => {
+		u || e.defaultPrevented || Be();
+	}, Xe = (e, t, n) => y ? y(e, E[t].value, n) : Me.format(e / 100), Ze = (e) => {
+		let t = re?.separator, n = E[e], r = q ? F(q, e, E, H) : null, i = (e) => ye(e / H * 100), a = r ? i(r.size) : ye(z[e]), o = Math.min(a, r ? i(we(r)) : 0), s = Math.max(a, r ? i(Te(r)) : ye(z[e] + z[e + 1])), c = r ? r.primaryCollapsed : n.collapsible && z[e] === 0, l = r ? r.secondaryCollapsed : E[e + 1].collapsible && z[e + 1] === 0, d = c ? "start" : l ? "end" : void 0, f = [t?.["aria-labelledby"], n.labelledBy].filter(Boolean).join(" ") || void 0;
+		return /* @__PURE__ */ b("div", {
+			...t,
+			id: Pe(e),
+			role: "separator",
+			tabIndex: u ? -1 : 0,
+			"aria-orientation": "vertical",
+			"aria-controls": [t?.["aria-controls"], n.id].filter(Boolean).join(" "),
+			"aria-valuenow": a,
+			"aria-valuemin": o,
+			"aria-valuemax": s,
+			"aria-valuetext": Xe(a, e, c),
+			"aria-label": t?.["aria-label"] ?? (f ? void 0 : n.label),
+			"aria-labelledby": f,
+			"aria-disabled": u || void 0,
+			"data-ui": "resizable-panels-separator",
+			"data-state": ke === e ? "dragging" : "idle",
+			"data-collapsed": d,
+			css: [ge, t?.css],
+			onPointerDown: (n) => {
+				t?.onPointerDown?.(n), We(n, e);
+			},
+			onPointerMove: (e) => {
+				t?.onPointerMove?.(e), Ge(e);
+			},
+			onPointerUp: (e) => {
+				t?.onPointerUp?.(e), Ke(e);
+			},
+			onPointerCancel: (e) => {
+				t?.onPointerCancel?.(e), W.current?.pointerId === e.pointerId && $();
+			},
+			onLostPointerCapture: (e) => {
+				t?.onLostPointerCapture?.(e), qe(e);
+			},
+			onKeyDown: (n) => {
+				t?.onKeyDown?.(n), Je(n, e);
+			},
+			onDoubleClick: (e) => {
+				t?.onDoubleClick?.(e), Ye(e);
+			},
+			children: d ? /* @__PURE__ */ b("span", {
+				"aria-hidden": "true",
+				"data-ui": "resizable-panels-restore",
+				"data-side": d,
+				css: _e
+			}) : /* @__PURE__ */ b("span", {
+				"aria-hidden": "true",
+				"data-ui": "resizable-panels-grip"
+			})
+		});
+	};
+	return /* @__PURE__ */ b(t, {
+		className: oe,
+		styles: me,
+		sx: x,
+		children: (e) => /* @__PURE__ */ b("div", {
+			role: "group",
+			...S,
+			ref: Fe,
+			className: e,
+			"data-ui": "resizable-panels",
+			"data-disabled": u || void 0,
+			"data-dragging": ke !== null || void 0,
+			children: E.map((e, t) => /* @__PURE__ */ ee(c, { children: [/* @__PURE__ */ b(ve.Provider, {
+				value: {
+					id: e.id,
+					size: J[t],
+					collapsed: e.collapsible && (q ? q[t] <= C : z[t] === 0),
+					repairId: D > 1 ? Pe(t < D - 1 ? t : t - 1) : void 0
+				},
+				children: he[t]
+			}), t < D - 1 && Ze(t)] }, e.value))
+		})
+	});
+}
+B.displayName = "ResizablePanels";
+function V({ ref: e, value: n, minSize: r, maxSize: i, collapsible: a, className: o, sx: s, style: c, children: l, ...u }) {
+	let d = f(ve);
+	if (!d) throw Error("ResizablePanels.Panel must be rendered inside ResizablePanels.");
+	let p = _(null), { collapsed: m, repairId: g } = d;
+	return h(() => {
+		let e = p.current;
+		if (!m || !e || !g) return;
+		let t = e.getRootNode();
+		e.contains(t.activeElement) && t.getElementById(g)?.focus();
+	}, [m, g]), /* @__PURE__ */ b(t, {
+		className: o,
+		styles: T,
+		sx: s,
+		children: (t) => /* @__PURE__ */ b("div", {
+			role: "group",
+			...u,
+			ref: e,
+			id: d.id,
+			className: t,
+			"data-ui": "resizable-panels-panel",
+			"data-state": m ? "collapsed" : "open",
+			style: {
+				...c,
+				[w]: d.size
+			},
+			children: /* @__PURE__ */ b("div", {
+				ref: p,
+				css: he,
+				"data-ui": "resizable-panels-content",
+				inert: m,
+				"aria-hidden": m || void 0,
+				children: l
+			})
+		})
+	});
+}
+V.displayName = "ResizablePanels.Panel";
+var H = Object.assign(B, { Panel: V });
+//#endregion
+export { H as t };

package/dist/resizable-panels.js

@@ -0,0 +1,2 @@
+'use client';
+export { t as ResizablePanels } from "./resizable-panels-DUpQEpwG.js";