@gv-tech/ui-web 2.20.0 → 2.21.0

package/dist/resizable-ChdgCzzx.mjs

@@ -0,0 +1,1534 @@
+import { t as e } from "./jsx-runtime-CW53Uo-e.mjs";
+import { t } from "./utils-yc5uc46c.mjs";
+import { createContext as n, useCallback as r, useContext as i, useEffect as a, useId as o, useImperativeHandle as s, useLayoutEffect as c, useMemo as l, useRef as u, useState as d, useSyncExternalStore as f } from "react";
+import { GripVertical as p } from "lucide-react";
+//#region ../../node_modules/.bun/react-resizable-panels@4.10.0+d0e719b86e9808b5/node_modules/react-resizable-panels/dist/react-resizable-panels.js
+var m = e();
+function h(e, t) {
+	let n = getComputedStyle(e);
+	return t * parseFloat(n.fontSize);
+}
+function g(e, t) {
+	let n = getComputedStyle(e.ownerDocument.body);
+	return t * parseFloat(n.fontSize);
+}
+function _(e) {
+	return e / 100 * window.innerHeight;
+}
+function v(e) {
+	return e / 100 * window.innerWidth;
+}
+function y(e) {
+	switch (typeof e) {
+		case "number": return [e, "px"];
+		case "string": {
+			let t = parseFloat(e);
+			return e.endsWith("%") ? [t, "%"] : e.endsWith("px") ? [t, "px"] : e.endsWith("rem") ? [t, "rem"] : e.endsWith("em") ? [t, "em"] : e.endsWith("vh") ? [t, "vh"] : e.endsWith("vw") ? [t, "vw"] : [t, "%"];
+		}
+	}
+}
+function b({ groupSize: e, panelElement: t, styleProp: n }) {
+	let r, [i, a] = y(n);
+	switch (a) {
+		case "%":
+			r = i / 100 * e;
+			break;
+		case "px":
+			r = i;
+			break;
+		case "rem":
+			r = g(t, i);
+			break;
+		case "em":
+			r = h(t, i);
+			break;
+		case "vh":
+			r = _(i);
+			break;
+		case "vw":
+			r = v(i);
+			break;
+	}
+	return r;
+}
+function x(e) {
+	return parseFloat(e.toFixed(3));
+}
+function S({ group: e }) {
+	let { orientation: t, panels: n } = e;
+	return n.reduce((e, n) => (e += t === "horizontal" ? n.element.offsetWidth : n.element.offsetHeight, e), 0);
+}
+function C(e) {
+	let { panels: t } = e, n = S({ group: e });
+	return n === 0 ? t.map((e) => ({
+		groupResizeBehavior: e.panelConstraints.groupResizeBehavior,
+		collapsedSize: 0,
+		collapsible: e.panelConstraints.collapsible === !0,
+		defaultSize: void 0,
+		disabled: e.panelConstraints.disabled,
+		minSize: 0,
+		maxSize: 100,
+		panelId: e.id
+	})) : t.map((e) => {
+		let { element: t, panelConstraints: r } = e, i = 0;
+		r.collapsedSize !== void 0 && (i = x(b({
+			groupSize: n,
+			panelElement: t,
+			styleProp: r.collapsedSize
+		}) / n * 100));
+		let a;
+		r.defaultSize !== void 0 && (a = x(b({
+			groupSize: n,
+			panelElement: t,
+			styleProp: r.defaultSize
+		}) / n * 100));
+		let o = 0;
+		r.minSize !== void 0 && (o = x(b({
+			groupSize: n,
+			panelElement: t,
+			styleProp: r.minSize
+		}) / n * 100));
+		let s = 100;
+		return r.maxSize !== void 0 && (s = x(b({
+			groupSize: n,
+			panelElement: t,
+			styleProp: r.maxSize
+		}) / n * 100)), {
+			groupResizeBehavior: r.groupResizeBehavior,
+			collapsedSize: i,
+			collapsible: r.collapsible === !0,
+			defaultSize: a,
+			disabled: r.disabled,
+			minSize: o,
+			maxSize: s,
+			panelId: e.id
+		};
+	});
+}
+function w(e, t = "Assertion error") {
+	if (!e) throw Error(t);
+}
+function T(e, t) {
+	return Array.from(t).sort(e === "horizontal" ? E : D);
+}
+function E(e, t) {
+	let n = e.element.offsetLeft - t.element.offsetLeft;
+	return n === 0 ? e.element.offsetWidth - t.element.offsetWidth : n;
+}
+function D(e, t) {
+	let n = e.element.offsetTop - t.element.offsetTop;
+	return n === 0 ? e.element.offsetHeight - t.element.offsetHeight : n;
+}
+function O(e) {
+	return typeof e == "object" && !!e && "nodeType" in e && e.nodeType === Node.ELEMENT_NODE;
+}
+function k(e, t) {
+	return {
+		x: e.x >= t.left && e.x <= t.right ? 0 : Math.min(Math.abs(e.x - t.left), Math.abs(e.x - t.right)),
+		y: e.y >= t.top && e.y <= t.bottom ? 0 : Math.min(Math.abs(e.y - t.top), Math.abs(e.y - t.bottom))
+	};
+}
+function A({ orientation: e, rects: t, targetRect: n }) {
+	let r = {
+		x: n.x + n.width / 2,
+		y: n.y + n.height / 2
+	}, i, a = Number.MAX_VALUE;
+	for (let n of t) {
+		let { x: t, y: o } = k(r, n), s = e === "horizontal" ? t : o;
+		s < a && (a = s, i = n);
+	}
+	return w(i, "No rect found"), i;
+}
+var j;
+function M() {
+	return j === void 0 && (j = typeof matchMedia == "function" ? !!matchMedia("(pointer:coarse)").matches : !1), j;
+}
+function N(e) {
+	let { element: t, orientation: n, panels: r, separators: i } = e, a = T(n, Array.from(t.children).filter(O).map((e) => ({ element: e }))).map(({ element: e }) => e), o = [], s = !1, c = !1, l = -1, u = -1, d = 0, f, p = [];
+	{
+		let e = -1;
+		for (let t of a) t.hasAttribute("data-panel") && (e++, t.hasAttribute("data-disabled") || (d++, l === -1 && (l = e), u = e));
+	}
+	if (d > 1) {
+		let t = -1;
+		for (let d of a) if (d.hasAttribute("data-panel")) {
+			t++;
+			let i = r.find((e) => e.element === d);
+			if (i) {
+				if (f) {
+					let r = f.element.getBoundingClientRect(), a = d.getBoundingClientRect(), m;
+					if (c) {
+						let e = n === "horizontal" ? new DOMRect(r.right, r.top, 0, r.height) : new DOMRect(r.left, r.bottom, r.width, 0), t = n === "horizontal" ? new DOMRect(a.left, a.top, 0, a.height) : new DOMRect(a.left, a.top, a.width, 0);
+						switch (p.length) {
+							case 0:
+								m = [e, t];
+								break;
+							case 1: {
+								let i = p[0];
+								m = [i, A({
+									orientation: n,
+									rects: [r, a],
+									targetRect: i.element.getBoundingClientRect()
+								}) === r ? t : e];
+								break;
+							}
+							default:
+								m = p;
+								break;
+						}
+					} else m = p.length ? p : [n === "horizontal" ? new DOMRect(r.right, a.top, a.left - r.right, a.height) : new DOMRect(a.left, r.bottom, a.width, a.top - r.bottom)];
+					for (let n of m) {
+						let r = "width" in n ? n : n.element.getBoundingClientRect(), a = M() ? e.resizeTargetMinimumSize.coarse : e.resizeTargetMinimumSize.fine;
+						if (r.width < a) {
+							let e = a - r.width;
+							r = new DOMRect(r.x - e / 2, r.y, r.width + e, r.height);
+						}
+						if (r.height < a) {
+							let e = a - r.height;
+							r = new DOMRect(r.x, r.y - e / 2, r.width, r.height + e);
+						}
+						!s && !(t <= l || t > u) && o.push({
+							group: e,
+							groupSize: S({ group: e }),
+							panels: [f, i],
+							separator: "width" in n ? void 0 : n,
+							rect: r
+						}), s = !1;
+					}
+				}
+				c = !1, f = i, p = [];
+			}
+		} else if (d.hasAttribute("data-separator")) {
+			d.ariaDisabled !== null && (s = !0);
+			let e = i.find((e) => e.element === d);
+			e ? p.push(e) : (f = void 0, p = []);
+		} else c = !0;
+	}
+	return o;
+}
+var ee = class {
+	#e = {};
+	addListener(e, t) {
+		let n = this.#e[e];
+		return n === void 0 ? this.#e[e] = [t] : n.includes(t) || n.push(t), () => {
+			this.removeListener(e, t);
+		};
+	}
+	emit(e, t) {
+		let n = this.#e[e];
+		if (n !== void 0) if (n.length === 1) n[0].call(null, t);
+		else {
+			let e = !1, r = null, i = Array.from(n);
+			for (let n = 0; n < i.length; n++) {
+				let a = i[n];
+				try {
+					a.call(null, t);
+				} catch (t) {
+					r === null && (e = !0, r = t);
+				}
+			}
+			if (e) throw r;
+		}
+	}
+	removeAllListeners() {
+		this.#e = {};
+	}
+	removeListener(e, t) {
+		let n = this.#e[e];
+		if (n !== void 0) {
+			let e = n.indexOf(t);
+			e >= 0 && n.splice(e, 1);
+		}
+	}
+}, P = /* @__PURE__ */ new Map(), te = new ee();
+function ne(e) {
+	P = new Map(P), P.delete(e);
+}
+function re(e, t) {
+	for (let [t] of P) if (t.id === e) return t;
+}
+function F(e, t) {
+	for (let [t, n] of P) if (t.id === e) return n;
+	if (t) throw Error(`Could not find data for Group with id ${e}`);
+}
+function I() {
+	return P;
+}
+function ie(e, t) {
+	return te.addListener("groupChange", (n) => {
+		n.group.id === e && t(n);
+	});
+}
+function L(e, t) {
+	let n = P.get(e);
+	P = new Map(P), P.set(e, t), te.emit("groupChange", {
+		group: e,
+		prev: n,
+		next: t
+	});
+}
+function ae(e, t, n) {
+	let r, i = {
+		x: Infinity,
+		y: Infinity
+	};
+	for (let a of t) {
+		let t = k(n, a.rect);
+		switch (e) {
+			case "horizontal":
+				t.x <= i.x && (r = a, i = t);
+				break;
+			case "vertical":
+				t.y <= i.y && (r = a, i = t);
+				break;
+		}
+	}
+	return r ? {
+		distance: i,
+		hitRegion: r
+	} : void 0;
+}
+function oe(e) {
+	return typeof e == "object" && !!e && "nodeType" in e && e.nodeType === Node.DOCUMENT_FRAGMENT_NODE;
+}
+function se(e, t) {
+	if (e === t) throw Error("Cannot compare node with itself");
+	let n = {
+		a: pe(e),
+		b: pe(t)
+	}, r;
+	for (; n.a.at(-1) === n.b.at(-1);) r = n.a.pop(), n.b.pop();
+	w(r, "Stacking order can only be calculated for elements with a common ancestor");
+	let i = {
+		a: fe(de(n.a)),
+		b: fe(de(n.b))
+	};
+	if (i.a === i.b) {
+		let e = r.childNodes, t = {
+			a: n.a.at(-1),
+			b: n.b.at(-1)
+		}, i = e.length;
+		for (; i--;) {
+			let n = e[i];
+			if (n === t.a) return 1;
+			if (n === t.b) return -1;
+		}
+	}
+	return Math.sign(i.a - i.b);
+}
+var ce = /\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;
+function le(e) {
+	let t = getComputedStyle(me(e) ?? e).display;
+	return t === "flex" || t === "inline-flex";
+}
+function ue(e) {
+	let t = getComputedStyle(e);
+	return !!(t.position === "fixed" || t.zIndex !== "auto" && (t.position !== "static" || le(e)) || +t.opacity < 1 || "transform" in t && t.transform !== "none" || "webkitTransform" in t && t.webkitTransform !== "none" || "mixBlendMode" in t && t.mixBlendMode !== "normal" || "filter" in t && t.filter !== "none" || "webkitFilter" in t && t.webkitFilter !== "none" || "isolation" in t && t.isolation === "isolate" || ce.test(t.willChange) || t.webkitOverflowScrolling === "touch");
+}
+function de(e) {
+	let t = e.length;
+	for (; t--;) {
+		let n = e[t];
+		if (w(n, "Missing node"), ue(n)) return n;
+	}
+	return null;
+}
+function fe(e) {
+	return e && Number(getComputedStyle(e).zIndex) || 0;
+}
+function pe(e) {
+	let t = [];
+	for (; e;) t.push(e), e = me(e);
+	return t;
+}
+function me(e) {
+	let { parentNode: t } = e;
+	return oe(t) ? t.host : t;
+}
+function he(e, t) {
+	return e.x < t.x + t.width && e.x + e.width > t.x && e.y < t.y + t.height && e.y + e.height > t.y;
+}
+function ge({ groupElement: e, hitRegion: t, pointerEventTarget: n }) {
+	if (!O(n) || n.contains(e) || e.contains(n)) return !0;
+	if (se(n, e) > 0) {
+		let r = n;
+		for (; r;) {
+			if (r.contains(e)) return !0;
+			if (he(r.getBoundingClientRect(), t)) return !1;
+			r = r.parentElement;
+		}
+	}
+	return !0;
+}
+function _e(e, t) {
+	let n = [];
+	return t.forEach((t, r) => {
+		if (r.disabled) return;
+		let i = N(r), a = ae(r.orientation, i, {
+			x: e.clientX,
+			y: e.clientY
+		});
+		a && a.distance.x <= 0 && a.distance.y <= 0 && ge({
+			groupElement: r.element,
+			hitRegion: a.hitRegion.rect,
+			pointerEventTarget: e.target
+		}) && n.push(a.hitRegion);
+	}), n;
+}
+function ve(e, t) {
+	if (e.length !== t.length) return !1;
+	for (let n = 0; n < e.length; n++) if (e[n] != t[n]) return !1;
+	return !0;
+}
+function R(e, t, n = 0) {
+	return Math.abs(x(e) - x(t)) <= n;
+}
+function z(e, t) {
+	return R(e, t) ? 0 : e > t ? 1 : -1;
+}
+function B({ overrideDisabledPanels: e, panelConstraints: t, prevSize: n, size: r }) {
+	let { collapsedSize: i = 0, collapsible: a, disabled: o, maxSize: s = 100, minSize: c = 0 } = t;
+	if (o && !e) return n;
+	if (z(r, c) < 0) if (a) {
+		let e = (i + c) / 2;
+		r = z(r, e) < 0 ? i : c;
+	} else r = c;
+	return r = Math.min(s, r), r = x(r), r;
+}
+function V({ delta: e, initialLayout: t, panelConstraints: n, pivotIndices: r, prevLayout: i, trigger: a }) {
+	if (R(e, 0)) return t;
+	let o = a === "imperative-api", s = Object.values(t), c = Object.values(i), l = [...s], [u, d] = r;
+	w(u != null, "Invalid first pivot index"), w(d != null, "Invalid second pivot index");
+	let f = 0;
+	switch (a) {
+		case "keyboard":
+			{
+				let t = e < 0 ? d : u, r = n[t];
+				w(r, `Panel constraints not found for index ${t}`);
+				let { collapsedSize: i = 0, collapsible: a, minSize: o = 0 } = r;
+				if (a) {
+					let n = s[t];
+					if (w(n != null, `Previous layout not found for panel index ${t}`), R(n, i)) {
+						let t = o - n;
+						z(t, Math.abs(e)) > 0 && (e = e < 0 ? 0 - t : t);
+					}
+				}
+			}
+			{
+				let t = e < 0 ? u : d, r = n[t];
+				w(r, `No panel constraints found for index ${t}`);
+				let { collapsedSize: i = 0, collapsible: a, minSize: o = 0 } = r;
+				if (a) {
+					let n = s[t];
+					if (w(n != null, `Previous layout not found for panel index ${t}`), R(n, o)) {
+						let t = n - i;
+						z(t, Math.abs(e)) > 0 && (e = e < 0 ? 0 - t : t);
+					}
+				}
+			}
+			break;
+		default: {
+			let t = e < 0 ? d : u, r = n[t];
+			w(r, `Panel constraints not found for index ${t}`);
+			let i = s[t], { collapsible: a, collapsedSize: o, minSize: c } = r;
+			if (a && z(i, c) < 0) if (e > 0) {
+				let t = c - o, n = t / 2;
+				z(i + e, c) < 0 && (e = z(e, n) <= 0 ? 0 : t);
+			} else {
+				let t = c - o, n = 100 - t / 2;
+				z(i - e, c) < 0 && (e = z(100 + e, n) > 0 ? 0 : -t);
+			}
+			break;
+		}
+	}
+	{
+		let t = e < 0 ? 1 : -1, r = e < 0 ? d : u, i = 0;
+		for (;;) {
+			let e = s[r];
+			w(e != null, `Previous layout not found for panel index ${r}`);
+			let a = B({
+				overrideDisabledPanels: o,
+				panelConstraints: n[r],
+				prevSize: e,
+				size: 100
+			}) - e;
+			if (i += a, r += t, r < 0 || r >= n.length) break;
+		}
+		let a = Math.min(Math.abs(e), Math.abs(i));
+		e = e < 0 ? 0 - a : a;
+	}
+	{
+		let t = e < 0 ? u : d;
+		for (; t >= 0 && t < n.length;) {
+			let r = Math.abs(e) - Math.abs(f), i = s[t];
+			w(i != null, `Previous layout not found for panel index ${t}`);
+			let a = i - r, c = B({
+				overrideDisabledPanels: o,
+				panelConstraints: n[t],
+				prevSize: i,
+				size: a
+			});
+			if (!R(i, c) && (f += i - c, l[t] = c, f.toFixed(3).localeCompare(Math.abs(e).toFixed(3), void 0, { numeric: !0 }) >= 0)) break;
+			e < 0 ? t-- : t++;
+		}
+	}
+	if (ve(c, l)) return i;
+	{
+		let t = e < 0 ? d : u, r = s[t];
+		w(r != null, `Previous layout not found for panel index ${t}`);
+		let i = r + f, a = B({
+			overrideDisabledPanels: o,
+			panelConstraints: n[t],
+			prevSize: r,
+			size: i
+		});
+		if (l[t] = a, !R(a, i)) {
+			let t = i - a, r = e < 0 ? d : u;
+			for (; r >= 0 && r < n.length;) {
+				let i = l[r];
+				w(i != null, `Previous layout not found for panel index ${r}`);
+				let a = i + t, s = B({
+					overrideDisabledPanels: o,
+					panelConstraints: n[r],
+					prevSize: i,
+					size: a
+				});
+				if (R(i, s) || (t -= s - i, l[r] = s), R(t, 0)) break;
+				e > 0 ? r-- : r++;
+			}
+		}
+	}
+	if (!R(Object.values(l).reduce((e, t) => t + e, 0), 100, .1)) return i;
+	let p = Object.keys(i);
+	return l.reduce((e, t, n) => (e[p[n]] = t, e), {});
+}
+function H(e, t) {
+	if (Object.keys(e).length !== Object.keys(t).length) return !1;
+	for (let n in e) if (t[n] === void 0 || z(e[n], t[n]) !== 0) return !1;
+	return !0;
+}
+function U({ layout: e, panelConstraints: t }) {
+	let n = Object.values(e), r = [...n], i = r.reduce((e, t) => e + t, 0);
+	if (r.length !== t.length) throw Error(`Invalid ${t.length} panel layout: ${r.map((e) => `${e}%`).join(", ")}`);
+	if (!R(i, 100) && r.length > 0) for (let e = 0; e < t.length; e++) {
+		let t = r[e];
+		w(t != null, `No layout data found for index ${e}`), r[e] = 100 / i * t;
+	}
+	let a = 0;
+	for (let e = 0; e < t.length; e++) {
+		let i = n[e];
+		w(i != null, `No layout data found for index ${e}`);
+		let o = r[e];
+		w(o != null, `No layout data found for index ${e}`);
+		let s = B({
+			overrideDisabledPanels: !0,
+			panelConstraints: t[e],
+			prevSize: i,
+			size: o
+		});
+		o != s && (a += o - s, r[e] = s);
+	}
+	if (!R(a, 0)) for (let e = 0; e < t.length; e++) {
+		let n = r[e];
+		w(n != null, `No layout data found for index ${e}`);
+		let i = n + a, o = B({
+			overrideDisabledPanels: !0,
+			panelConstraints: t[e],
+			prevSize: n,
+			size: i
+		});
+		if (n !== o && (a -= o - n, r[e] = o, R(a, 0))) break;
+	}
+	let o = Object.keys(e);
+	return r.reduce((e, t, n) => (e[o[n]] = t, e), {});
+}
+function ye({ groupId: e, panelId: t }) {
+	let n = () => {
+		let t = I();
+		for (let [n, { defaultLayoutDeferred: r, derivedPanelConstraints: i, layout: a, groupSize: o, separatorToPanels: s }] of t) if (n.id === e) return {
+			defaultLayoutDeferred: r,
+			derivedPanelConstraints: i,
+			group: n,
+			groupSize: o,
+			layout: a,
+			separatorToPanels: s
+		};
+		throw Error(`Group ${e} not found`);
+	}, r = () => {
+		let e = n().derivedPanelConstraints.find((e) => e.panelId === t);
+		if (e !== void 0) return e;
+		throw Error(`Panel constraints not found for Panel ${t}`);
+	}, i = () => {
+		let e = n().group.panels.find((e) => e.id === t);
+		if (e !== void 0) return e;
+		throw Error(`Layout not found for Panel ${t}`);
+	}, a = () => {
+		let e = n().layout[t];
+		if (e !== void 0) return e;
+		throw Error(`Layout not found for Panel ${t}`);
+	}, o = (e) => {
+		let r = a();
+		if (e === r) return;
+		let { defaultLayoutDeferred: i, derivedPanelConstraints: o, group: s, groupSize: c, layout: l, separatorToPanels: u } = n(), d = s.panels.findIndex((e) => e.id === t), f = d === s.panels.length - 1, p = U({
+			layout: V({
+				delta: f ? r - e : e - r,
+				initialLayout: l,
+				panelConstraints: o,
+				pivotIndices: f ? [d - 1, d] : [d, d + 1],
+				prevLayout: l,
+				trigger: "imperative-api"
+			}),
+			panelConstraints: o
+		});
+		H(l, p) || L(s, {
+			defaultLayoutDeferred: i,
+			derivedPanelConstraints: o,
+			groupSize: c,
+			layout: p,
+			separatorToPanels: u
+		});
+	};
+	return {
+		collapse: () => {
+			let { collapsible: e, collapsedSize: t } = r(), { mutableValues: n } = i(), s = a();
+			e && s !== t && (n.expandToSize = s, o(t));
+		},
+		expand: () => {
+			let { collapsible: e, collapsedSize: t, minSize: n } = r(), { mutableValues: s } = i(), c = a();
+			if (e && c === t) {
+				let e = s.expandToSize ?? n;
+				e === 0 && (e = 1), o(e);
+			}
+		},
+		getSize: () => {
+			let { group: e } = n(), t = a(), { element: r } = i();
+			return {
+				asPercentage: t,
+				inPixels: e.orientation === "horizontal" ? r.offsetWidth : r.offsetHeight
+			};
+		},
+		isCollapsed: () => {
+			let { collapsible: e, collapsedSize: t } = r(), n = a();
+			return e && R(t, n);
+		},
+		resize: (e) => {
+			let { group: t } = n(), { element: r } = i(), a = S({ group: t });
+			o(x(b({
+				groupSize: a,
+				panelElement: r,
+				styleProp: e
+			}) / a * 100));
+		}
+	};
+}
+function be(e) {
+	e.defaultPrevented || _e(e, I()).forEach((t) => {
+		if (t.separator && !t.separator.disableDoubleClick) {
+			let n = t.panels.find((e) => e.panelConstraints.defaultSize !== void 0);
+			if (n) {
+				let r = n.panelConstraints.defaultSize, i = ye({
+					groupId: t.group.id,
+					panelId: n.id
+				});
+				i && r !== void 0 && (i.resize(r), e.preventDefault());
+			}
+		}
+	});
+}
+function W(e) {
+	let t = I();
+	for (let [n] of t) if (n.separators.some((t) => t.element === e)) return n;
+	throw Error("Could not find parent Group for separator element");
+}
+function xe({ groupId: e }) {
+	let t = () => {
+		let t = I();
+		for (let [n, r] of t) if (n.id === e) return {
+			group: n,
+			...r
+		};
+		throw Error(`Could not find Group with id "${e}"`);
+	};
+	return {
+		getLayout() {
+			let { defaultLayoutDeferred: e, layout: n } = t();
+			return e ? {} : n;
+		},
+		setLayout(e) {
+			let { defaultLayoutDeferred: n, derivedPanelConstraints: r, group: i, groupSize: a, layout: o, separatorToPanels: s } = t(), c = U({
+				layout: e,
+				panelConstraints: r
+			});
+			return n ? o : (H(o, c) || L(i, {
+				defaultLayoutDeferred: n,
+				derivedPanelConstraints: r,
+				groupSize: a,
+				layout: c,
+				separatorToPanels: s
+			}), c);
+		}
+	};
+}
+function G(e, t) {
+	let n = W(e), r = F(n.id, !0), i = n.separators.find((t) => t.element === e);
+	w(i, "Matching separator not found");
+	let a = r.separatorToPanels.get(i);
+	w(a, "Matching panels not found");
+	let o = a.map((e) => n.panels.indexOf(e)), s = xe({ groupId: n.id }).getLayout(), c = U({
+		layout: V({
+			delta: t,
+			initialLayout: s,
+			panelConstraints: r.derivedPanelConstraints,
+			pivotIndices: o,
+			prevLayout: s,
+			trigger: "keyboard"
+		}),
+		panelConstraints: r.derivedPanelConstraints
+	});
+	H(s, c) || L(n, {
+		defaultLayoutDeferred: r.defaultLayoutDeferred,
+		derivedPanelConstraints: r.derivedPanelConstraints,
+		groupSize: r.groupSize,
+		layout: c,
+		separatorToPanels: r.separatorToPanels
+	});
+}
+function Se(e) {
+	if (e.defaultPrevented) return;
+	let t = e.currentTarget, n = W(t);
+	if (!n.disabled) switch (e.key) {
+		case "ArrowDown":
+			e.preventDefault(), n.orientation === "vertical" && G(t, 5);
+			break;
+		case "ArrowLeft":
+			e.preventDefault(), n.orientation === "horizontal" && G(t, -5);
+			break;
+		case "ArrowRight":
+			e.preventDefault(), n.orientation === "horizontal" && G(t, 5);
+			break;
+		case "ArrowUp":
+			e.preventDefault(), n.orientation === "vertical" && G(t, -5);
+			break;
+		case "End":
+			e.preventDefault(), G(t, 100);
+			break;
+		case "Enter": {
+			e.preventDefault();
+			let n = W(t), { derivedPanelConstraints: r, layout: i, separatorToPanels: a } = F(n.id, !0), o = n.separators.find((e) => e.element === t);
+			w(o, "Matching separator not found");
+			let s = a.get(o);
+			w(s, "Matching panels not found");
+			let c = s[0], l = r.find((e) => e.panelId === c.id);
+			if (w(l, "Panel metadata not found"), l.collapsible) {
+				let e = i[c.id];
+				G(t, (l.collapsedSize === e ? n.mutableState.expandedPanelSizes[c.id] ?? l.minSize : l.collapsedSize) - e);
+			}
+			break;
+		}
+		case "F6": {
+			e.preventDefault();
+			let n = W(t).separators.map((e) => e.element), r = Array.from(n).findIndex((t) => t === e.currentTarget);
+			w(r !== null, "Index not found"), n[e.shiftKey ? r > 0 ? r - 1 : n.length - 1 : r + 1 < n.length ? r + 1 : 0].focus({ preventScroll: !0 });
+			break;
+		}
+		case "Home":
+			e.preventDefault(), G(t, -100);
+			break;
+	}
+}
+var K = {
+	cursorFlags: 0,
+	state: "inactive"
+}, Ce = new ee();
+function q() {
+	return K;
+}
+function we(e) {
+	return Ce.addListener("change", e);
+}
+function Te(e) {
+	let t = K, n = { ...K };
+	n.cursorFlags = e, K = n, Ce.emit("change", {
+		prev: t,
+		next: n
+	});
+}
+function J(e) {
+	let t = K;
+	K = e, Ce.emit("change", {
+		prev: t,
+		next: e
+	});
+}
+function Ee(e) {
+	if (e.defaultPrevented || e.pointerType === "mouse" && e.button > 0) return;
+	let t = I(), n = _e(e, t), r = /* @__PURE__ */ new Map(), i = !1;
+	n.forEach((e) => {
+		e.separator && (i || (i = !0, e.separator.element.focus({ preventScroll: !0 })));
+		let n = t.get(e.group);
+		n && r.set(e.group, n.layout);
+	}), J({
+		cursorFlags: 0,
+		hitRegions: n,
+		initialLayoutMap: r,
+		pointerDownAtPoint: {
+			x: e.clientX,
+			y: e.clientY
+		},
+		state: "active"
+	}), n.length && e.preventDefault();
+}
+var De = (e) => e, Oe = () => {}, ke = 1, Ae = 2, je = 4, Me = 8, Ne = 3, Pe = 12, Y;
+function Fe() {
+	return Y === void 0 && (Y = !1, typeof window < "u" && (window.navigator.userAgent.includes("Chrome") || window.navigator.userAgent.includes("Firefox")) && (Y = !0)), Y;
+}
+function Ie({ cursorFlags: e, groups: t, state: n }) {
+	let r = 0, i = 0;
+	switch (n) {
+		case "active":
+		case "hover": t.forEach((e) => {
+			if (!e.mutableState.disableCursor) switch (e.orientation) {
+				case "horizontal":
+					r++;
+					break;
+				case "vertical":
+					i++;
+					break;
+			}
+		});
+	}
+	if (!(r === 0 && i === 0)) {
+		switch (n) {
+			case "active":
+				if (e && Fe()) {
+					let t = (e & ke) !== 0, n = (e & Ae) !== 0, r = (e & je) !== 0, i = (e & Me) !== 0;
+					if (t) return r ? "se-resize" : i ? "ne-resize" : "e-resize";
+					if (n) return r ? "sw-resize" : i ? "nw-resize" : "w-resize";
+					if (r) return "s-resize";
+					if (i) return "n-resize";
+				}
+				break;
+		}
+		return Fe() ? r > 0 && i > 0 ? "move" : r > 0 ? "ew-resize" : "ns-resize" : r > 0 && i > 0 ? "grab" : r > 0 ? "col-resize" : "row-resize";
+	}
+}
+var Le = /* @__PURE__ */ new WeakMap();
+function Re(e) {
+	if (e.defaultView === null || e.defaultView === void 0) return;
+	let { prevStyle: t, styleSheet: n } = Le.get(e) ?? {};
+	n === void 0 && (n = new e.defaultView.CSSStyleSheet(), e.adoptedStyleSheets && e.adoptedStyleSheets.push(n));
+	let r = q();
+	switch (r.state) {
+		case "active":
+		case "hover": {
+			let e = Ie({
+				cursorFlags: r.cursorFlags,
+				groups: r.hitRegions.map((e) => e.group),
+				state: r.state
+			}), i = `*, *:hover {cursor: ${e} !important; }`;
+			if (t === i) return;
+			t = i, e ? n.cssRules.length === 0 ? n.insertRule(i) : n.replaceSync(i) : n.cssRules.length === 1 && n.deleteRule(0);
+			break;
+		}
+		case "inactive":
+			t = void 0, n.cssRules.length === 1 && n.deleteRule(0);
+			break;
+	}
+	Le.set(e, {
+		prevStyle: t,
+		styleSheet: n
+	});
+}
+function ze({ document: e, event: t, hitRegions: n, initialLayoutMap: r, mountedGroups: i, pointerDownAtPoint: a, prevCursorFlags: o }) {
+	let s = 0;
+	n.forEach((e) => {
+		let { group: n, groupSize: o } = e, { orientation: c, panels: l } = n, { disableCursor: u } = n.mutableState, d = 0;
+		d = a ? c === "horizontal" ? (t.clientX - a.x) / o * 100 : (t.clientY - a.y) / o * 100 : c === "horizontal" ? t.clientX < 0 ? -100 : 100 : t.clientY < 0 ? -100 : 100;
+		let f = r.get(n), p = i.get(n);
+		if (!f || !p) return;
+		let { defaultLayoutDeferred: m, derivedPanelConstraints: h, groupSize: g, layout: _, separatorToPanels: v } = p;
+		if (h && _ && v) {
+			let t = V({
+				delta: d,
+				initialLayout: f,
+				panelConstraints: h,
+				pivotIndices: e.panels.map((e) => l.indexOf(e)),
+				prevLayout: _,
+				trigger: "mouse-or-touch"
+			});
+			if (H(t, _)) {
+				if (d !== 0 && !u) switch (c) {
+					case "horizontal":
+						s |= d < 0 ? ke : Ae;
+						break;
+					case "vertical":
+						s |= d < 0 ? je : Me;
+						break;
+				}
+			} else L(e.group, {
+				defaultLayoutDeferred: m,
+				derivedPanelConstraints: h,
+				groupSize: g,
+				layout: t,
+				separatorToPanels: v
+			});
+		}
+	});
+	let c = 0;
+	t.movementX === 0 ? c |= o & Ne : c |= s & Ne, t.movementY === 0 ? c |= o & Pe : c |= s & Pe, Te(c), Re(e);
+}
+function Be(e) {
+	let t = I(), n = q();
+	switch (n.state) {
+		case "active": ze({
+			document: e.currentTarget,
+			event: e,
+			hitRegions: n.hitRegions,
+			initialLayoutMap: n.initialLayoutMap,
+			mountedGroups: t,
+			prevCursorFlags: n.cursorFlags
+		});
+	}
+}
+function Ve(e) {
+	if (e.defaultPrevented) return;
+	let t = q(), n = I();
+	switch (t.state) {
+		case "active":
+			if (e.buttons === 0) {
+				J({
+					cursorFlags: 0,
+					state: "inactive"
+				}), t.hitRegions.forEach((e) => {
+					let t = F(e.group.id, !0);
+					L(e.group, t);
+				});
+				return;
+			}
+			for (let n of t.hitRegions) if (n.separator) {
+				let { element: t } = n.separator;
+				t.hasPointerCapture?.(e.pointerId) || t.setPointerCapture?.(e.pointerId);
+			}
+			ze({
+				document: e.currentTarget,
+				event: e,
+				hitRegions: t.hitRegions,
+				initialLayoutMap: t.initialLayoutMap,
+				mountedGroups: n,
+				pointerDownAtPoint: t.pointerDownAtPoint,
+				prevCursorFlags: t.cursorFlags
+			});
+			break;
+		default: {
+			let r = _e(e, n);
+			r.length === 0 ? t.state !== "inactive" && J({
+				cursorFlags: 0,
+				state: "inactive"
+			}) : J({
+				cursorFlags: 0,
+				hitRegions: r,
+				state: "hover"
+			}), Re(e.currentTarget);
+			break;
+		}
+	}
+}
+function He(e) {
+	if (e.relatedTarget instanceof HTMLIFrameElement) switch (q().state) {
+		case "hover": J({
+			cursorFlags: 0,
+			state: "inactive"
+		});
+	}
+}
+function Ue(e) {
+	if (e.defaultPrevented || e.pointerType === "mouse" && e.button > 0) return;
+	let t = q();
+	switch (t.state) {
+		case "active": J({
+			cursorFlags: 0,
+			state: "inactive"
+		}), t.hitRegions.length > 0 && (Re(e.currentTarget), t.hitRegions.forEach((e) => {
+			let t = F(e.group.id, !0);
+			L(e.group, t);
+		}), e.preventDefault());
+	}
+}
+function We(e) {
+	let t = 0, n = 0, r = {};
+	for (let i of e) if (i.defaultSize !== void 0) {
+		t++;
+		let e = x(i.defaultSize);
+		n += e, r[i.panelId] = e;
+	} else r[i.panelId] = void 0;
+	let i = e.length - t;
+	if (i !== 0) {
+		let t = x((100 - n) / i);
+		for (let n of e) n.defaultSize === void 0 && (r[n.panelId] = t);
+	}
+	return r;
+}
+function Ge(e, t, n) {
+	if (!n[0]) return;
+	let r = e.panels.find((e) => e.element === t);
+	if (!r || !r.onResize) return;
+	let i = S({ group: e }), a = e.orientation === "horizontal" ? r.element.offsetWidth : r.element.offsetHeight, o = r.mutableValues.prevSize, s = {
+		asPercentage: x(a / i * 100),
+		inPixels: a
+	};
+	r.mutableValues.prevSize = s, r.onResize(s, r.id, o);
+}
+function Ke(e, t) {
+	if (Object.keys(e).length !== Object.keys(t).length) return !1;
+	for (let n in e) if (e[n] !== t[n]) return !1;
+	return !0;
+}
+function qe({ group: e, nextGroupSize: t, prevGroupSize: n, prevLayout: r }) {
+	if (n <= 0 || t <= 0 || n === t) return r;
+	let i = 0, a = 0, o = !1, s = /* @__PURE__ */ new Map(), c = [];
+	for (let l of e.panels) {
+		let e = r[l.id] ?? 0;
+		switch (l.panelConstraints.groupResizeBehavior) {
+			case "preserve-pixel-size": {
+				o = !0;
+				let r = x(e / 100 * n / t * 100);
+				s.set(l.id, r), i += r;
+				break;
+			}
+			default:
+				c.push(l.id), a += e;
+				break;
+		}
+	}
+	if (!o || c.length === 0) return r;
+	let l = 100 - i, u = { ...r };
+	if (s.forEach((e, t) => {
+		u[t] = e;
+	}), a > 0) for (let e of c) u[e] = x((r[e] ?? 0) / a * l);
+	else {
+		let e = x(l / c.length);
+		for (let t of c) u[t] = e;
+	}
+	return u;
+}
+function Je(e, t) {
+	let n = e.map((e) => e.id), r = Object.keys(t);
+	if (n.length !== r.length) return !1;
+	for (let e of n) if (!r.includes(e)) return !1;
+	return !0;
+}
+var X = /* @__PURE__ */ new Map();
+function Ye(e) {
+	let t = !0;
+	w(e.element.ownerDocument.defaultView, "Cannot register an unmounted Group");
+	let n = e.element.ownerDocument.defaultView.ResizeObserver, r = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Set(), a = new n((n) => {
+		for (let r of n) {
+			let { borderBoxSize: n, target: i } = r;
+			if (i === e.element) {
+				if (t) {
+					let t = S({ group: e });
+					if (t === 0) return;
+					let n = F(e.id);
+					if (!n) return;
+					let r = C(e), i = n.defaultLayoutDeferred ? We(r) : n.layout, a = U({
+						layout: qe({
+							group: e,
+							nextGroupSize: t,
+							prevGroupSize: n.groupSize,
+							prevLayout: i
+						}),
+						panelConstraints: r
+					});
+					if (!n.defaultLayoutDeferred && H(n.layout, a) && Ke(n.derivedPanelConstraints, r) && n.groupSize === t) return;
+					L(e, {
+						defaultLayoutDeferred: !1,
+						derivedPanelConstraints: r,
+						groupSize: t,
+						layout: a,
+						separatorToPanels: n.separatorToPanels
+					});
+				}
+			} else Ge(e, i, n);
+		}
+	});
+	a.observe(e.element), e.panels.forEach((e) => {
+		w(!r.has(e.id), `Panel ids must be unique; id "${e.id}" was used more than once`), r.add(e.id), e.onResize && a.observe(e.element);
+	});
+	let o = S({ group: e }), s = C(e), c = e.panels.map(({ id: e }) => e).join(","), l = e.mutableState.defaultLayout;
+	l && (Je(e.panels, l) || (l = void 0));
+	let u = U({
+		layout: e.mutableState.layouts[c] ?? l ?? We(s),
+		panelConstraints: s
+	}), d = e.element.ownerDocument;
+	X.set(d, (X.get(d) ?? 0) + 1);
+	let f = /* @__PURE__ */ new Map();
+	return N(e).forEach((e) => {
+		e.separator && f.set(e.separator, e.panels);
+	}), L(e, {
+		defaultLayoutDeferred: o === 0,
+		derivedPanelConstraints: s,
+		groupSize: o,
+		layout: u,
+		separatorToPanels: f
+	}), e.separators.forEach((e) => {
+		w(!i.has(e.id), `Separator ids must be unique; id "${e.id}" was used more than once`), i.add(e.id), e.element.addEventListener("keydown", Se);
+	}), X.get(d) === 1 && (d.addEventListener("dblclick", be, !0), d.addEventListener("pointerdown", Ee, !0), d.addEventListener("pointerleave", Be), d.addEventListener("pointermove", Ve), d.addEventListener("pointerout", He), d.addEventListener("pointerup", Ue, !0)), function() {
+		t = !1, X.set(d, Math.max(0, (X.get(d) ?? 0) - 1)), ne(e), e.separators.forEach((e) => {
+			e.element.removeEventListener("keydown", Se);
+		}), X.get(d) || (d.removeEventListener("dblclick", be, !0), d.removeEventListener("pointerdown", Ee, !0), d.removeEventListener("pointerleave", Be), d.removeEventListener("pointermove", Ve), d.removeEventListener("pointerout", He), d.removeEventListener("pointerup", Ue, !0)), a.disconnect();
+	};
+}
+function Xe() {
+	let [e, t] = d({});
+	return [e, r(() => t({}), [])];
+}
+function Z(e) {
+	let t = o();
+	return `${e ?? t}`;
+}
+var Q = typeof window < "u" ? c : a;
+function $(e) {
+	let t = u(e);
+	return Q(() => {
+		t.current = e;
+	}, [e]), r((...e) => t.current?.(...e), [t]);
+}
+function Ze(...e) {
+	return $((t) => {
+		e.forEach((e) => {
+			if (e) switch (typeof e) {
+				case "function":
+					e(t);
+					break;
+				case "object":
+					e.current = t;
+					break;
+			}
+		});
+	});
+}
+function Qe(e) {
+	let t = u({ ...e });
+	return Q(() => {
+		for (let n in e) t.current[n] = e[n];
+	}, [e]), t.current;
+}
+var $e = n(null);
+function et(e, t) {
+	let n = u({
+		getLayout: () => ({}),
+		setLayout: De
+	});
+	s(t, () => n.current, []), Q(() => {
+		Object.assign(n.current, xe({ groupId: e }));
+	});
+}
+function tt({ children: e, className: t, defaultLayout: n, disableCursor: r, disabled: i, elementRef: o, groupRef: s, id: c, onLayoutChange: d, onLayoutChanged: f, orientation: p = "horizontal", resizeTargetMinimumSize: h = {
+	coarse: 20,
+	fine: 10
+}, style: g, ..._ }) {
+	let v = u({
+		onLayoutChange: {},
+		onLayoutChanged: {}
+	}), y = $((e) => {
+		H(v.current.onLayoutChange, e) || (v.current.onLayoutChange = e, d?.(e));
+	}), b = $((e) => {
+		H(v.current.onLayoutChanged, e) || (v.current.onLayoutChanged = e, f?.(e));
+	}), x = Z(c), S = u(null), [w, E] = Xe(), D = u({
+		lastExpandedPanelSizes: {},
+		layouts: {},
+		panels: [],
+		resizeTargetMinimumSize: h,
+		separators: []
+	}), O = Ze(S, o);
+	et(x, s);
+	let k = $((e, t) => {
+		let r = q(), i = re(e), a = F(e);
+		if (a) {
+			let e = !1;
+			switch (r.state) {
+				case "active":
+					e = r.hitRegions.some((e) => e.group === i);
+					break;
+			}
+			return {
+				flexGrow: a.layout[t] ?? 1,
+				pointerEvents: e ? "none" : void 0
+			};
+		}
+		if (n?.[t]) return { flexGrow: n?.[t] };
+	}), A = Qe({
+		defaultLayout: n,
+		disableCursor: r
+	}), j = l(() => ({
+		get disableCursor() {
+			return !!A.disableCursor;
+		},
+		getPanelStyles: k,
+		id: x,
+		orientation: p,
+		registerPanel: (e) => {
+			let t = D.current;
+			return t.panels = T(p, [...t.panels, e]), E(), () => {
+				t.panels = t.panels.filter((t) => t !== e), E();
+			};
+		},
+		registerSeparator: (e) => {
+			let t = D.current;
+			return t.separators = T(p, [...t.separators, e]), E(), () => {
+				t.separators = t.separators.filter((t) => t !== e), E();
+			};
+		},
+		updatePanelProps: (e, { disabled: t }) => {
+			let n = D.current.panels.find((t) => t.id === e);
+			n && (n.panelConstraints.disabled = t);
+			let r = re(x), i = F(x);
+			r && i && L(r, {
+				...i,
+				derivedPanelConstraints: C(r)
+			});
+		},
+		updateSeparatorProps: (e, { disabled: t, disableDoubleClick: n }) => {
+			let r = D.current.separators.find((t) => t.id === e);
+			r && (r.disabled = t, r.disableDoubleClick = n);
+		}
+	}), [
+		k,
+		x,
+		E,
+		p,
+		A
+	]), M = u(null);
+	return Q(() => {
+		let e = S.current;
+		if (e === null) return;
+		let t = D.current, n;
+		if (A.defaultLayout !== void 0 && Object.keys(A.defaultLayout).length === t.panels.length) {
+			n = {};
+			for (let e of t.panels) {
+				let t = A.defaultLayout[e.id];
+				t !== void 0 && (n[e.id] = t);
+			}
+		}
+		let r = {
+			disabled: !!i,
+			element: e,
+			id: x,
+			mutableState: {
+				defaultLayout: n,
+				disableCursor: !!A.disableCursor,
+				expandedPanelSizes: D.current.lastExpandedPanelSizes,
+				layouts: D.current.layouts
+			},
+			orientation: p,
+			panels: t.panels,
+			resizeTargetMinimumSize: t.resizeTargetMinimumSize,
+			separators: t.separators
+		};
+		M.current = r;
+		let a = Ye(r), { defaultLayoutDeferred: o, derivedPanelConstraints: s, layout: c } = F(r.id, !0);
+		!o && s.length > 0 && (y(c), b(c));
+		let l = ie(x, (e) => {
+			let { defaultLayoutDeferred: t, derivedPanelConstraints: n, layout: i } = e.next;
+			if (t || n.length === 0) return;
+			let a = r.panels.map(({ id: e }) => e).join(",");
+			r.mutableState.layouts[a] = i, n.forEach((t) => {
+				if (t.collapsible) {
+					let { layout: n } = e.prev ?? {};
+					if (n) {
+						let e = R(t.collapsedSize, i[t.panelId]), a = R(t.collapsedSize, n[t.panelId]);
+						e && !a && (r.mutableState.expandedPanelSizes[t.panelId] = n[t.panelId]);
+					}
+				}
+			});
+			let o = q().state !== "active";
+			y(i), o && b(i);
+		});
+		return () => {
+			M.current = null, a(), l();
+		};
+	}, [
+		i,
+		x,
+		b,
+		y,
+		p,
+		w,
+		A
+	]), a(() => {
+		let e = M.current;
+		e && (e.mutableState.defaultLayout = n, e.mutableState.disableCursor = !!r);
+	}), /* @__PURE__ */ (0, m.jsx)($e.Provider, {
+		value: j,
+		children: /* @__PURE__ */ (0, m.jsx)("div", {
+			..._,
+			className: t,
+			"data-group": !0,
+			"data-testid": x,
+			id: x,
+			ref: O,
+			style: {
+				height: "100%",
+				width: "100%",
+				overflow: "hidden",
+				...g,
+				display: "flex",
+				flexDirection: p === "horizontal" ? "row" : "column",
+				flexWrap: "nowrap",
+				touchAction: p === "horizontal" ? "pan-y" : "pan-x"
+			},
+			children: e
+		})
+	});
+}
+tt.displayName = "Group";
+function nt() {
+	let e = i($e);
+	return w(e, "Group Context not found; did you render a Panel or Separator outside of a Group?"), e;
+}
+function rt(e, t) {
+	let { id: n } = nt(), r = u({
+		collapse: Oe,
+		expand: Oe,
+		getSize: () => ({
+			asPercentage: 0,
+			inPixels: 0
+		}),
+		isCollapsed: () => !1,
+		resize: Oe
+	});
+	s(t, () => r.current, []), Q(() => {
+		Object.assign(r.current, ye({
+			groupId: n,
+			panelId: e
+		}));
+	});
+}
+function it({ children: e, className: t, collapsedSize: n = "0%", collapsible: r = !1, defaultSize: i, disabled: o, elementRef: s, groupResizeBehavior: c = "preserve-relative-size", id: l, maxSize: d = "100%", minSize: p = "0%", onResize: h, panelRef: g, style: _, ...v }) {
+	let y = !!l, b = Z(l), x = Qe({ disabled: o }), S = u(null), C = Ze(S, s), { getPanelStyles: w, id: T, orientation: E, registerPanel: D, updatePanelProps: O } = nt(), k = h !== null, A = $((e, t, n) => {
+		h?.(e, l, n);
+	});
+	Q(() => {
+		let e = S.current;
+		if (e !== null) return D({
+			element: e,
+			id: b,
+			idIsStable: y,
+			mutableValues: {
+				expandToSize: void 0,
+				prevSize: void 0
+			},
+			onResize: k ? A : void 0,
+			panelConstraints: {
+				groupResizeBehavior: c,
+				collapsedSize: n,
+				collapsible: r,
+				defaultSize: i,
+				disabled: x.disabled,
+				maxSize: d,
+				minSize: p
+			}
+		});
+	}, [
+		c,
+		n,
+		r,
+		i,
+		k,
+		b,
+		y,
+		d,
+		p,
+		A,
+		D,
+		x
+	]), a(() => {
+		O(b, { disabled: o });
+	}, [
+		o,
+		b,
+		O
+	]), rt(b, g);
+	let j = () => {
+		let e = w(T, b);
+		if (e) return JSON.stringify(e);
+	}, M = f((e) => ie(T, e), j, j), N;
+	return N = M ? JSON.parse(M) : i ? {
+		flexGrow: void 0,
+		flexShrink: void 0,
+		flexBasis: i
+	} : { flexGrow: 1 }, /* @__PURE__ */ (0, m.jsx)("div", {
+		...v,
+		"data-disabled": o || void 0,
+		"data-panel": !0,
+		"data-testid": b,
+		id: b,
+		ref: C,
+		style: {
+			...at,
+			display: "flex",
+			flexBasis: 0,
+			flexShrink: 1,
+			overflow: "visible",
+			...N
+		},
+		children: /* @__PURE__ */ (0, m.jsx)("div", {
+			className: t,
+			style: {
+				maxHeight: "100%",
+				maxWidth: "100%",
+				flexGrow: 1,
+				overflow: "auto",
+				..._,
+				touchAction: E === "horizontal" ? "pan-y" : "pan-x"
+			},
+			children: e
+		})
+	});
+}
+it.displayName = "Panel";
+var at = {
+	minHeight: 0,
+	maxHeight: "100%",
+	height: "auto",
+	minWidth: 0,
+	maxWidth: "100%",
+	width: "auto",
+	border: "none",
+	borderWidth: 0,
+	padding: 0,
+	margin: 0
+};
+function ot({ layout: e, panelConstraints: t, panelId: n, panelIndex: r }) {
+	let i, a, o = e[n], s = t.find((e) => e.panelId === n);
+	if (s) {
+		let c = s.maxSize, l = s.collapsible ? s.collapsedSize : s.minSize, u = [r, r + 1];
+		a = U({
+			layout: V({
+				delta: l - o,
+				initialLayout: e,
+				panelConstraints: t,
+				pivotIndices: u,
+				prevLayout: e
+			}),
+			panelConstraints: t
+		})[n], i = U({
+			layout: V({
+				delta: c - o,
+				initialLayout: e,
+				panelConstraints: t,
+				pivotIndices: u,
+				prevLayout: e
+			}),
+			panelConstraints: t
+		})[n];
+	}
+	return {
+		valueControls: n,
+		valueMax: i,
+		valueMin: a,
+		valueNow: o
+	};
+}
+function st({ children: e, className: t, disabled: n, disableDoubleClick: r, elementRef: i, id: o, style: s, ...c }) {
+	let l = Z(o), f = Qe({
+		disabled: n,
+		disableDoubleClick: r
+	}), [p, h] = d({}), [g, _] = d("inactive"), [v, y] = d(!1), b = u(null), x = Ze(b, i), { disableCursor: S, id: C, orientation: w, registerSeparator: T, updateSeparatorProps: E } = nt(), D = w === "horizontal" ? "vertical" : "horizontal";
+	Q(() => {
+		let e = b.current;
+		if (e !== null) {
+			let t = {
+				disabled: f.disabled,
+				disableDoubleClick: f.disableDoubleClick,
+				element: e,
+				id: l
+			}, n = T(t), r = we((e) => {
+				_(e.next.state !== "inactive" && e.next.hitRegions.some((e) => e.separator === t) ? e.next.state : "inactive");
+			}), i = ie(C, (e) => {
+				let { derivedPanelConstraints: n, layout: r, separatorToPanels: i } = e.next, a = i.get(t);
+				if (a) {
+					let e = a[0], t = a.indexOf(e);
+					h(ot({
+						layout: r,
+						panelConstraints: n,
+						panelId: e.id,
+						panelIndex: t
+					}));
+				}
+			});
+			return () => {
+				r(), i(), n();
+			};
+		}
+	}, [
+		C,
+		l,
+		T,
+		f
+	]), a(() => {
+		E(l, {
+			disabled: n,
+			disableDoubleClick: r
+		});
+	}, [
+		n,
+		r,
+		l,
+		E
+	]);
+	let O;
+	n && !S && (O = "not-allowed");
+	let k;
+	if (n) k = "disabled";
+	else switch (g) {
+		case "active":
+			k = "active";
+			break;
+		default: k = v ? "focus" : g;
+	}
+	return /* @__PURE__ */ (0, m.jsx)("div", {
+		...c,
+		"aria-controls": p.valueControls,
+		"aria-disabled": n || void 0,
+		"aria-orientation": D,
+		"aria-valuemax": p.valueMax,
+		"aria-valuemin": p.valueMin,
+		"aria-valuenow": p.valueNow,
+		children: e,
+		className: t,
+		"data-separator": k,
+		"data-testid": l,
+		id: l,
+		onBlur: () => y(!1),
+		onFocus: () => y(!0),
+		ref: x,
+		role: "separator",
+		style: {
+			flexBasis: "auto",
+			cursor: O,
+			...s,
+			flexGrow: 0,
+			flexShrink: 0,
+			touchAction: "none"
+		},
+		tabIndex: n ? void 0 : 0
+	});
+}
+st.displayName = "Separator";
+//#endregion
+//#region src/resizable.tsx
+var ct = ({ className: e, direction: n, ...r }) => /* @__PURE__ */ (0, m.jsx)(tt, {
+	orientation: n,
+	className: t("flex h-full w-full data-[panel-group-direction=vertical]:flex-col", e),
+	...r
+}), lt = it, ut = ({ withHandle: e, className: n, ...r }) => /* @__PURE__ */ (0, m.jsx)(st, {
+	className: t("bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-none data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90", n),
+	...r,
+	children: e && /* @__PURE__ */ (0, m.jsx)("div", {
+		className: "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-sm border",
+		children: /* @__PURE__ */ (0, m.jsx)(p, { className: "h-2.5 w-2.5" })
+	})
+});
+//#endregion
+export { lt as n, ct as r, ut as t };