@gen-epix/ui-client-casedb 4.0.0

package/dist/_chunks/PanelSeparator.js

@@ -0,0 +1,1676 @@
+import { Box as e, styled as t, useTheme as n } from "@mui/material";
+import { createContext as r, useCallback as i, useContext as a, useEffect as o, useId as s, useImperativeHandle as c, useLayoutEffect as l, useMemo as u, useRef as d, useState as f, useSyncExternalStore as p } from "react";
+import { useTranslation as m } from "react-i18next";
+import { jsx as h } from "react/jsx-runtime";
+//#region ../../node_modules/.pnpm/react-resizable-panels@4.12.0_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/react-resizable-panels/dist/react-resizable-panels.js
+function g(e, t) {
+	let n = getComputedStyle(e);
+	return t * parseFloat(n.fontSize);
+}
+function _(e, t) {
+	let n = getComputedStyle(e.ownerDocument.documentElement);
+	return t * parseFloat(n.fontSize);
+}
+function v(e) {
+	return e / 100 * window.innerHeight;
+}
+function y(e) {
+	return e / 100 * window.innerWidth;
+}
+function b(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 x({ groupSize: e, panelElement: t, styleProp: n }) {
+	let r, [i, a] = b(n);
+	switch (a) {
+		case "%":
+			r = i / 100 * e;
+			break;
+		case "px":
+			r = i;
+			break;
+		case "rem":
+			r = _(t, i);
+			break;
+		case "em":
+			r = g(t, i);
+			break;
+		case "vh":
+			r = v(i);
+			break;
+		case "vw":
+			r = y(i);
+			break;
+	}
+	return r;
+}
+function S(e) {
+	return parseFloat(e.toFixed(3));
+}
+function C({ 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 w(e) {
+	let { panels: t } = e, n = C({ 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 = S(x({
+			groupSize: n,
+			panelElement: t,
+			styleProp: r.collapsedSize
+		}) / n * 100));
+		let a;
+		r.defaultSize !== void 0 && (a = S(x({
+			groupSize: n,
+			panelElement: t,
+			styleProp: r.defaultSize
+		}) / n * 100));
+		let o = 0;
+		r.minSize !== void 0 && (o = S(x({
+			groupSize: n,
+			panelElement: t,
+			styleProp: r.minSize
+		}) / n * 100));
+		let s = 100;
+		return r.maxSize !== void 0 && (s = S(x({
+			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 T(e, t = "Assertion error") {
+	if (!e) throw Error(t);
+}
+function E(e, t) {
+	return Array.from(t).sort(e === "horizontal" ? D : O);
+}
+function D(e, t) {
+	let n = e.element.offsetLeft - t.element.offsetLeft;
+	return n === 0 ? e.element.offsetWidth - t.element.offsetWidth : n;
+}
+function O(e, t) {
+	let n = e.element.offsetTop - t.element.offsetTop;
+	return n === 0 ? e.element.offsetHeight - t.element.offsetHeight : n;
+}
+function k(e) {
+	return typeof e == "object" && !!e && "nodeType" in e && e.nodeType === Node.ELEMENT_NODE;
+}
+function A(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 j({ 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 } = A(r, n), s = e === "horizontal" ? t : o;
+		s < a && (a = s, i = n);
+	}
+	return T(i, "No rect found"), i;
+}
+var M;
+function ee() {
+	return M === void 0 && (M = typeof matchMedia == "function" ? !!matchMedia("(pointer:coarse)").matches : !1), M;
+}
+function te(e) {
+	let { element: t, orientation: n, panels: r, separators: i } = e, a = E(n, Array.from(t.children).filter(k).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, j({
+									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 = ee() ? 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: C({ 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 ne = 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);
+		}
+	}
+}, N = /* @__PURE__ */ new Map(), re = new ne();
+function ie(e) {
+	N = new Map(N), N.delete(e);
+}
+function ae(e, t) {
+	for (let [t] of N) if (t.id === e) return t;
+}
+function P(e, t) {
+	for (let [t, n] of N) if (t.id === e) return n;
+	if (t) throw Error(`Could not find data for Group with id ${e}`);
+}
+function F() {
+	return N;
+}
+function oe(e, t) {
+	return re.addListener("groupChange", (n) => {
+		n.group.id === e && t(n);
+	});
+}
+function I(e, t, n) {
+	let r = N.get(e);
+	N = new Map(N), N.set(e, t), re.emit("groupChange", {
+		group: e,
+		isUserInteraction: n?.isUserInteraction === !0,
+		prev: r,
+		next: t
+	});
+}
+function se(e, t, n) {
+	let r, i = {
+		x: Infinity,
+		y: Infinity
+	};
+	for (let a of t) {
+		let t = A(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 ce(e) {
+	return typeof e == "object" && !!e && "nodeType" in e && e.nodeType === Node.DOCUMENT_FRAGMENT_NODE;
+}
+function le(e, t) {
+	if (e === t) throw Error("Cannot compare node with itself");
+	let n = {
+		a: he(e),
+		b: he(t)
+	}, r;
+	for (; n.a.at(-1) === n.b.at(-1);) r = n.a.pop(), n.b.pop();
+	T(r, "Stacking order can only be calculated for elements with a common ancestor");
+	let i = {
+		a: me(pe(n.a)),
+		b: me(pe(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 ue = /\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;
+function de(e) {
+	let t = getComputedStyle(ge(e) ?? e).display;
+	return t === "flex" || t === "inline-flex";
+}
+function fe(e) {
+	let t = getComputedStyle(e);
+	return !!(t.position === "fixed" || t.zIndex !== "auto" && (t.position !== "static" || de(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" || ue.test(t.willChange) || t.webkitOverflowScrolling === "touch");
+}
+function pe(e) {
+	let t = e.length;
+	for (; t--;) {
+		let n = e[t];
+		if (T(n, "Missing node"), fe(n)) return n;
+	}
+	return null;
+}
+function me(e) {
+	return e && Number(getComputedStyle(e).zIndex) || 0;
+}
+function he(e) {
+	let t = [];
+	for (; e;) t.push(e), e = ge(e);
+	return t;
+}
+function ge(e) {
+	let { parentNode: t } = e;
+	return ce(t) ? t.host : t;
+}
+function _e(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 ve({ groupElement: e, hitRegion: t, pointerEventTarget: n }) {
+	if (!k(n) || n.contains(e) || e.contains(n)) return !0;
+	if (le(n, e) > 0) {
+		let r = n;
+		for (; r;) {
+			if (r.contains(e)) return !0;
+			if (_e(r.getBoundingClientRect(), t)) return !1;
+			r = r.parentElement;
+		}
+	}
+	return !0;
+}
+function ye(e, t) {
+	let n = [];
+	return t.forEach((t, r) => {
+		if (r.disabled) return;
+		let i = te(r), a = se(r.orientation, i, {
+			x: e.clientX,
+			y: e.clientY
+		});
+		a && a.distance.x <= 0 && a.distance.y <= 0 && ve({
+			groupElement: r.element,
+			hitRegion: a.hitRegion.rect,
+			pointerEventTarget: e.target
+		}) && n.push(a.hitRegion);
+	}), n;
+}
+function be(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 L(e, t, n = 0) {
+	return Math.abs(S(e) - S(t)) <= n;
+}
+function R(e, t) {
+	return L(e, t) ? 0 : e > t ? 1 : -1;
+}
+function z({ 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 (R(r, c) < 0) if (a) {
+		let e = (i + c) / 2;
+		r = R(r, e) < 0 ? i : c;
+	} else r = c;
+	return r = Math.min(s, r), r = S(r), r;
+}
+function B({ delta: e, initialLayout: t, panelConstraints: n, pivotIndices: r, prevLayout: i, trigger: a }) {
+	if (L(e, 0)) return t;
+	let o = a === "imperative-api", s = Object.values(t), c = Object.values(i), l = [...s], [u, d] = r;
+	T(u != null, "Invalid first pivot index"), T(d != null, "Invalid second pivot index");
+	let f = 0;
+	switch (a) {
+		case "keyboard":
+			{
+				let t = e < 0 ? d : u, r = n[t];
+				T(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 (T(n != null, `Previous layout not found for panel index ${t}`), L(n, i)) {
+						let t = o - n;
+						R(t, Math.abs(e)) > 0 && (e = e < 0 ? 0 - t : t);
+					}
+				}
+			}
+			{
+				let t = e < 0 ? u : d, r = n[t];
+				T(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 (T(n != null, `Previous layout not found for panel index ${t}`), L(n, o)) {
+						let t = n - i;
+						R(t, Math.abs(e)) > 0 && (e = e < 0 ? 0 - t : t);
+					}
+				}
+			}
+			break;
+		default: {
+			let t = e < 0 ? d : u, r = n[t];
+			T(r, `Panel constraints not found for index ${t}`);
+			let i = s[t], { collapsible: a, collapsedSize: o, minSize: c } = r;
+			if (a && R(i, c) < 0) if (e > 0) {
+				let t = c - o, n = t / 2;
+				R(i + e, c) < 0 && (e = R(e, n) <= 0 ? 0 : t);
+			} else {
+				let t = c - o, n = 100 - t / 2;
+				R(i - e, c) < 0 && (e = R(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];
+			T(e != null, `Previous layout not found for panel index ${r}`);
+			let a = z({
+				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];
+			T(i != null, `Previous layout not found for panel index ${t}`);
+			let a = i - r, c = z({
+				overrideDisabledPanels: o,
+				panelConstraints: n[t],
+				prevSize: i,
+				size: a
+			});
+			if (!L(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 (be(c, l)) return i;
+	{
+		let t = e < 0 ? d : u, r = s[t];
+		T(r != null, `Previous layout not found for panel index ${t}`);
+		let i = r + f, a = z({
+			overrideDisabledPanels: o,
+			panelConstraints: n[t],
+			prevSize: r,
+			size: i
+		});
+		if (l[t] = a, !L(a, i)) {
+			let t = i - a, r = e < 0 ? d : u;
+			for (; r >= 0 && r < n.length;) {
+				let i = l[r];
+				T(i != null, `Previous layout not found for panel index ${r}`);
+				let a = i + t, s = z({
+					overrideDisabledPanels: o,
+					panelConstraints: n[r],
+					prevSize: i,
+					size: a
+				});
+				if (L(i, s) || (t -= s - i, l[r] = s), L(t, 0)) break;
+				e > 0 ? r-- : r++;
+			}
+		}
+	}
+	if (!L(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 V(e, t) {
+	if (Object.keys(e).length !== Object.keys(t).length) return !1;
+	for (let n in e) if (t[n] === void 0 || R(e[n], t[n]) !== 0) return !1;
+	return !0;
+}
+function H({ 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 (!L(i, 100) && r.length > 0) for (let e = 0; e < t.length; e++) {
+		let t = r[e];
+		T(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];
+		T(i != null, `No layout data found for index ${e}`);
+		let o = r[e];
+		T(o != null, `No layout data found for index ${e}`);
+		let s = z({
+			overrideDisabledPanels: !0,
+			panelConstraints: t[e],
+			prevSize: i,
+			size: o
+		});
+		o != s && (a += o - s, r[e] = s);
+	}
+	if (!L(a, 0)) for (let e = 0; e < t.length; e++) {
+		let n = r[e];
+		T(n != null, `No layout data found for index ${e}`);
+		let i = n + a, o = z({
+			overrideDisabledPanels: !0,
+			panelConstraints: t[e],
+			prevSize: n,
+			size: i
+		});
+		if (n !== o && (a -= o - n, r[e] = o, L(a, 0))) break;
+	}
+	let o = Object.keys(e);
+	return r.reduce((e, t, n) => (e[o[n]] = t, e), {});
+}
+function xe({ groupId: e, panelId: t }) {
+	let n = () => {
+		let t = F();
+		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 = ({ nextSize: e, panels: n, prevLayout: r, derivedPanelConstraints: i }) => {
+		let o = a(), s = n.findIndex((e) => e.id === t), c = s === 0, l = s === n.length - 1;
+		if (l && e < o && (c || n.slice(0, s).every((e, t) => {
+			let n = i[t];
+			return n?.collapsible && L(n.collapsedSize, r[n.panelId]);
+		}))) {
+			let e = n.slice(0, s).reduce((e, t) => e + r[t.id], 0);
+			return {
+				...r,
+				[t]: S(100 - e)
+			};
+		}
+		return B({
+			delta: l ? o - e : e - o,
+			initialLayout: r,
+			panelConstraints: i,
+			pivotIndices: l ? [s - 1, s] : [s, s + 1],
+			prevLayout: r,
+			trigger: "imperative-api"
+		});
+	}, s = (e) => {
+		if (e === a()) return;
+		let { defaultLayoutDeferred: t, derivedPanelConstraints: r, group: i, groupSize: s, layout: c, separatorToPanels: l } = n(), u = H({
+			layout: o({
+				nextSize: e,
+				panels: i.panels,
+				prevLayout: c,
+				derivedPanelConstraints: r
+			}),
+			panelConstraints: r
+		});
+		V(c, u) || I(i, {
+			defaultLayoutDeferred: t,
+			derivedPanelConstraints: r,
+			groupSize: s,
+			layout: u,
+			separatorToPanels: l
+		});
+	};
+	return {
+		collapse: () => {
+			let { collapsible: e, collapsedSize: t } = r(), { mutableValues: n } = i(), o = a();
+			e && o !== t && (n.expandToSize = o, s(t));
+		},
+		expand: () => {
+			let { collapsible: e, collapsedSize: t, minSize: n } = r(), { mutableValues: o } = i(), c = a();
+			if (e && c === t) {
+				let e = o.expandToSize ?? n;
+				e === 0 && (e = 1), s(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 && L(t, n);
+		},
+		resize: (e) => {
+			let { group: t } = n(), { element: r } = i(), a = C({ group: t });
+			s(S(x({
+				groupSize: a,
+				panelElement: r,
+				styleProp: e
+			}) / a * 100));
+		}
+	};
+}
+function Se(e) {
+	e.defaultPrevented || ye(e, F()).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 = xe({
+					groupId: t.group.id,
+					panelId: n.id
+				});
+				i && r !== void 0 && (i.resize(r), e.preventDefault());
+			}
+		}
+	});
+}
+function U(e) {
+	let t = F();
+	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 Ce({ groupId: e }) {
+	let t = () => {
+		let t = F();
+		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 = H({
+				layout: e,
+				panelConstraints: r
+			});
+			return n ? o : (V(o, c) || I(i, {
+				defaultLayoutDeferred: n,
+				derivedPanelConstraints: r,
+				groupSize: a,
+				layout: c,
+				separatorToPanels: s
+			}), c);
+		}
+	};
+}
+function W(e, t) {
+	let n = U(e), r = P(n.id, !0), i = n.separators.find((t) => t.element === e);
+	T(i, "Matching separator not found");
+	let a = r.separatorToPanels.get(i);
+	T(a, "Matching panels not found");
+	let o = a.map((e) => n.panels.indexOf(e)), s = Ce({ groupId: n.id }).getLayout(), c = H({
+		layout: B({
+			delta: t,
+			initialLayout: s,
+			panelConstraints: r.derivedPanelConstraints,
+			pivotIndices: o,
+			prevLayout: s,
+			trigger: "keyboard"
+		}),
+		panelConstraints: r.derivedPanelConstraints
+	});
+	V(s, c) || I(n, {
+		defaultLayoutDeferred: r.defaultLayoutDeferred,
+		derivedPanelConstraints: r.derivedPanelConstraints,
+		groupSize: r.groupSize,
+		layout: c,
+		separatorToPanels: r.separatorToPanels
+	}, { isUserInteraction: !0 });
+}
+function we(e) {
+	if (e.defaultPrevented) return;
+	let t = e.currentTarget, n = U(t);
+	if (!n.disabled) switch (e.key) {
+		case "ArrowDown":
+			e.preventDefault(), n.orientation === "vertical" && W(t, 5);
+			break;
+		case "ArrowLeft":
+			e.preventDefault(), n.orientation === "horizontal" && W(t, -5);
+			break;
+		case "ArrowRight":
+			e.preventDefault(), n.orientation === "horizontal" && W(t, 5);
+			break;
+		case "ArrowUp":
+			e.preventDefault(), n.orientation === "vertical" && W(t, -5);
+			break;
+		case "End":
+			e.preventDefault(), W(t, 100);
+			break;
+		case "Enter": {
+			e.preventDefault();
+			let n = U(t), { derivedPanelConstraints: r, layout: i, separatorToPanels: a } = P(n.id, !0), o = n.separators.find((e) => e.element === t);
+			T(o, "Matching separator not found");
+			let s = a.get(o);
+			T(s, "Matching panels not found");
+			let c = s[0], l = r.find((e) => e.panelId === c.id);
+			if (T(l, "Panel metadata not found"), l.collapsible) {
+				let e = i[c.id];
+				W(t, (l.collapsedSize === e ? n.mutableState.expandedPanelSizes[c.id] ?? l.minSize : l.collapsedSize) - e);
+			}
+			break;
+		}
+		case "F6": {
+			e.preventDefault();
+			let n = U(t).separators.map((e) => e.element), r = Array.from(n).findIndex((t) => t === e.currentTarget);
+			T(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(), W(t, -100);
+			break;
+	}
+}
+var G = {
+	cursorFlags: 0,
+	state: "inactive"
+}, Te = new ne();
+function K() {
+	return G;
+}
+function Ee(e) {
+	return Te.addListener("change", e);
+}
+function De(e) {
+	let t = G, n = { ...G };
+	n.cursorFlags = e, G = n, Te.emit("change", {
+		prev: t,
+		next: n
+	});
+}
+function q(e) {
+	let t = G;
+	G = e, Te.emit("change", {
+		prev: t,
+		next: e
+	});
+}
+function Oe(e) {
+	if (e.defaultPrevented || e.pointerType === "mouse" && e.button > 0) return;
+	let t = F(), n = ye(e, t), r = /* @__PURE__ */ new Map(), i = !1;
+	n.forEach((e) => {
+		e.separator && (i || (i = !0, e.separator.element.focus({
+			focusVisible: !1,
+			preventScroll: !0
+		})));
+		let n = t.get(e.group);
+		n && r.set(e.group, n.layout);
+	}), q({
+		cursorFlags: 0,
+		hitRegions: n,
+		initialLayoutMap: r,
+		pointerDownAtPoint: {
+			x: e.clientX,
+			y: e.clientY
+		},
+		state: "active"
+	}), n.length && e.preventDefault();
+}
+var ke = (e) => e, Ae = () => {}, je = 1, Me = 2, Ne = 4, Pe = 8, Fe = 3, Ie = 12, J;
+function Le() {
+	return J === void 0 && (J = !1, typeof window < "u" && (window.navigator.userAgent.includes("Chrome") || window.navigator.userAgent.includes("Firefox")) && (J = !0)), J;
+}
+function Re({ 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 && Le()) {
+					let t = (e & je) !== 0, n = (e & Me) !== 0, r = (e & Ne) !== 0, i = (e & Pe) !== 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 Le() ? r > 0 && i > 0 ? "move" : r > 0 ? "ew-resize" : "ns-resize" : r > 0 && i > 0 ? "grab" : r > 0 ? "col-resize" : "row-resize";
+	}
+}
+var ze = /* @__PURE__ */ new WeakMap();
+function Be(e) {
+	if (e.defaultView === null || e.defaultView === void 0) return;
+	let { prevStyle: t, styleSheet: n } = ze.get(e) ?? {};
+	n === void 0 && (n = new e.defaultView.CSSStyleSheet(), e.adoptedStyleSheets && (Object.isExtensible(e.adoptedStyleSheets) ? e.adoptedStyleSheets.push(n) : e.adoptedStyleSheets = [...e.adoptedStyleSheets, n]));
+	let r = K();
+	switch (r.state) {
+		case "active":
+		case "hover": {
+			let e = Re({
+				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;
+	}
+	ze.set(e, {
+		prevStyle: t,
+		styleSheet: n
+	});
+}
+function Ve({ 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 = B({
+				delta: d,
+				initialLayout: f,
+				panelConstraints: h,
+				pivotIndices: e.panels.map((e) => l.indexOf(e)),
+				prevLayout: _,
+				trigger: "mouse-or-touch"
+			});
+			if (V(t, _)) {
+				if (d !== 0 && !u) switch (c) {
+					case "horizontal":
+						s |= d < 0 ? je : Me;
+						break;
+					case "vertical":
+						s |= d < 0 ? Ne : Pe;
+						break;
+				}
+			} else I(e.group, {
+				defaultLayoutDeferred: m,
+				derivedPanelConstraints: h,
+				groupSize: g,
+				layout: t,
+				separatorToPanels: v
+			});
+		}
+	});
+	let c = 0;
+	t.movementX === 0 ? c |= o & Fe : c |= s & Fe, t.movementY === 0 ? c |= o & Ie : c |= s & Ie, De(c), Be(e);
+}
+function He(e) {
+	let t = F(), n = K();
+	switch (n.state) {
+		case "active": Ve({
+			document: e.currentTarget,
+			event: e,
+			hitRegions: n.hitRegions,
+			initialLayoutMap: n.initialLayoutMap,
+			mountedGroups: t,
+			prevCursorFlags: n.cursorFlags
+		});
+	}
+}
+function Ue(e) {
+	if (e.defaultPrevented) return;
+	let t = K(), n = F();
+	switch (t.state) {
+		case "active":
+			if (e.buttons === 0) {
+				q({
+					cursorFlags: 0,
+					state: "inactive"
+				}), t.hitRegions.forEach((e) => {
+					let t = P(e.group.id, !0);
+					I(e.group, t, { isUserInteraction: !0 });
+				});
+				return;
+			}
+			for (let n of t.hitRegions) if (n.separator) {
+				let { element: t } = n.separator;
+				t.hasPointerCapture?.(e.pointerId) || t.setPointerCapture?.(e.pointerId);
+			}
+			Ve({
+				document: e.currentTarget,
+				event: e,
+				hitRegions: t.hitRegions,
+				initialLayoutMap: t.initialLayoutMap,
+				mountedGroups: n,
+				pointerDownAtPoint: t.pointerDownAtPoint,
+				prevCursorFlags: t.cursorFlags
+			});
+			break;
+		default: {
+			let r = ye(e, n);
+			r.length === 0 ? t.state !== "inactive" && q({
+				cursorFlags: 0,
+				state: "inactive"
+			}) : q({
+				cursorFlags: 0,
+				hitRegions: r,
+				state: "hover"
+			}), Be(e.currentTarget);
+			break;
+		}
+	}
+}
+function We(e) {
+	if (e.relatedTarget instanceof HTMLIFrameElement) switch (K().state) {
+		case "hover": q({
+			cursorFlags: 0,
+			state: "inactive"
+		});
+	}
+}
+function Ge(e) {
+	if (e.defaultPrevented || e.pointerType === "mouse" && e.button > 0) return;
+	let t = K();
+	switch (t.state) {
+		case "active": q({
+			cursorFlags: 0,
+			state: "inactive"
+		}), t.hitRegions.length > 0 && (Be(e.currentTarget), t.hitRegions.forEach((e) => {
+			let t = P(e.group.id, !0);
+			I(e.group, t, { isUserInteraction: !0 });
+		}), e.preventDefault());
+	}
+}
+function Ke(e) {
+	let t = 0, n = 0, r = {};
+	for (let i of e) if (i.defaultSize !== void 0) {
+		t++;
+		let e = S(i.defaultSize);
+		n += e, r[i.panelId] = e;
+	} else r[i.panelId] = void 0;
+	let i = e.length - t;
+	if (i !== 0) {
+		let t = S((100 - n) / i);
+		for (let n of e) n.defaultSize === void 0 && (r[n.panelId] = t);
+	}
+	return r;
+}
+function qe(e, t, n) {
+	if (!n[0]) return;
+	let r = e.panels.find((e) => e.element === t);
+	if (!r || !r.onResize) return;
+	let i = C({ group: e }), a = e.orientation === "horizontal" ? r.element.offsetWidth : r.element.offsetHeight, o = r.mutableValues.prevSize, s = {
+		asPercentage: S(a / i * 100),
+		inPixels: a
+	};
+	r.mutableValues.prevSize = s, r.onResize(s, r.id, o);
+}
+function Je(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 Ye({ 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 = S(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] = S((r[e] ?? 0) / a * l);
+	else {
+		let e = S(l / c.length);
+		for (let t of c) u[t] = e;
+	}
+	return u;
+}
+function Xe(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 Y = /* @__PURE__ */ new Map();
+function Ze(e) {
+	let t = !0;
+	T(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 = C({ group: e });
+					if (t === 0) return;
+					let n = P(e.id);
+					if (!n) return;
+					let r = w(e), i = n.defaultLayoutDeferred ? Ke(r) : n.layout, a = H({
+						layout: Ye({
+							group: e,
+							nextGroupSize: t,
+							prevGroupSize: n.groupSize,
+							prevLayout: i
+						}),
+						panelConstraints: r
+					});
+					if (!n.defaultLayoutDeferred && V(n.layout, a) && Je(n.derivedPanelConstraints, r) && n.groupSize === t) return;
+					I(e, {
+						defaultLayoutDeferred: !1,
+						derivedPanelConstraints: r,
+						groupSize: t,
+						layout: a,
+						separatorToPanels: n.separatorToPanels
+					});
+				}
+			} else qe(e, i, n);
+		}
+	});
+	a.observe(e.element), e.panels.forEach((e) => {
+		T(!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 = C({ group: e }), s = w(e), c = e.panels.map(({ id: e }) => e).join(","), l = e.mutableState.defaultLayout;
+	l && (Xe(e.panels, l) || (l = void 0));
+	let u = H({
+		layout: e.mutableState.layouts[c] ?? l ?? Ke(s),
+		panelConstraints: s
+	}), d = e.element.ownerDocument;
+	Y.set(d, (Y.get(d) ?? 0) + 1);
+	let f = /* @__PURE__ */ new Map();
+	return te(e).forEach((e) => {
+		e.separator && f.set(e.separator, e.panels);
+	}), I(e, {
+		defaultLayoutDeferred: o === 0,
+		derivedPanelConstraints: s,
+		groupSize: o,
+		layout: u,
+		separatorToPanels: f
+	}), e.separators.forEach((e) => {
+		T(!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", we);
+	}), Y.get(d) === 1 && (d.addEventListener("dblclick", Se, !0), d.addEventListener("pointerdown", Oe, !0), d.addEventListener("pointerleave", He), d.addEventListener("pointermove", Ue), d.addEventListener("pointerout", We), d.addEventListener("pointerup", Ge, !0)), function() {
+		t = !1, Y.set(d, Math.max(0, (Y.get(d) ?? 0) - 1)), ie(e), e.separators.forEach((e) => {
+			e.element.removeEventListener("keydown", we);
+		}), Y.get(d) || (d.removeEventListener("dblclick", Se, !0), d.removeEventListener("pointerdown", Oe, !0), d.removeEventListener("pointerleave", He), d.removeEventListener("pointermove", Ue), d.removeEventListener("pointerout", We), d.removeEventListener("pointerup", Ge, !0)), a.disconnect();
+	};
+}
+function Qe() {
+	let [e, t] = f({});
+	return [e, i(() => t({}), [])];
+}
+function $e(e) {
+	let t = s();
+	return `${e ?? t}`;
+}
+var X = typeof window < "u" ? l : o;
+function Z(e) {
+	let t = d(e);
+	return X(() => {
+		t.current = e;
+	}, [e]), i((...e) => t.current?.(...e), [t]);
+}
+function et(...e) {
+	return Z((t) => {
+		e.forEach((e) => {
+			if (e) switch (typeof e) {
+				case "function":
+					e(t);
+					break;
+				case "object":
+					e.current = t;
+					break;
+			}
+		});
+	});
+}
+function Q(e) {
+	let t = d({ ...e });
+	return X(() => {
+		for (let n in e) t.current[n] = e[n];
+	}, [e]), t.current;
+}
+var tt = r(null);
+function nt(e, t) {
+	let n = d({
+		getLayout: () => ({}),
+		setLayout: ke
+	});
+	c(t, () => n.current, []), X(() => {
+		Object.assign(n.current, Ce({ groupId: e }));
+	});
+}
+function rt({ children: e, className: t, defaultLayout: n, disableCursor: r, disabled: i, elementRef: a, groupRef: s, id: c, onLayoutChange: l, onLayoutChanged: f, orientation: p = "horizontal", resizeTargetMinimumSize: m = {
+	coarse: 20,
+	fine: 10
+}, style: g, ..._ }) {
+	let v = d({
+		onLayoutChange: {},
+		onLayoutChanged: {}
+	}), y = Z((e) => {
+		V(v.current.onLayoutChange, e) || (v.current.onLayoutChange = e, l?.(e));
+	}), b = Z((e, t) => {
+		V(v.current.onLayoutChanged, e) || (v.current.onLayoutChanged = e, f?.(e, { isUserInteraction: t }));
+	}), x = $e(c), S = d(null), [C, T] = Qe(), D = d({
+		lastExpandedPanelSizes: {},
+		layouts: {},
+		panels: [],
+		resizeTargetMinimumSize: m,
+		separators: []
+	}), O = et(S, a);
+	nt(x, s);
+	let k = Z((e, t) => {
+		let r = K(), i = ae(e), a = P(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 = Q({
+		defaultLayout: n,
+		disableCursor: r
+	}), j = u(() => ({
+		get disableCursor() {
+			return !!A.disableCursor;
+		},
+		getPanelStyles: k,
+		id: x,
+		orientation: p,
+		registerPanel: (e) => {
+			let t = D.current;
+			return t.panels = E(p, [...t.panels, e]), T(), () => {
+				t.panels = t.panels.filter((t) => t !== e), T();
+			};
+		},
+		registerSeparator: (e) => {
+			let t = D.current;
+			return t.separators = E(p, [...t.separators, e]), T(), () => {
+				t.separators = t.separators.filter((t) => t !== e), T();
+			};
+		},
+		updatePanelProps: (e, { disabled: t }) => {
+			let n = D.current.panels.find((t) => t.id === e);
+			n && (n.panelConstraints.disabled = t);
+			let r = ae(x), i = P(x);
+			r && i && I(r, {
+				...i,
+				derivedPanelConstraints: w(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,
+		T,
+		p,
+		A
+	]), M = d(null);
+	return X(() => {
+		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 = Ze(r), { defaultLayoutDeferred: o, derivedPanelConstraints: s, layout: c } = P(r.id, !0);
+		!o && s.length > 0 && (y(c), b(c, !1));
+		let l = oe(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 = L(t.collapsedSize, i[t.panelId]), a = L(t.collapsedSize, n[t.panelId]);
+						e && !a && (r.mutableState.expandedPanelSizes[t.panelId] = n[t.panelId]);
+					}
+				}
+			});
+			let o = K().state !== "active";
+			y(i), o && b(i, e.isUserInteraction);
+		});
+		return () => {
+			M.current = null, a(), l();
+		};
+	}, [
+		i,
+		x,
+		b,
+		y,
+		p,
+		C,
+		A
+	]), o(() => {
+		let e = M.current;
+		e && (e.mutableState.defaultLayout = n, e.mutableState.disableCursor = !!r);
+	}), /* @__PURE__ */ h(tt.Provider, {
+		value: j,
+		children: /* @__PURE__ */ h("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
+		})
+	});
+}
+rt.displayName = "Group";
+function $(e, t) {
+	return `react-resizable-panels:${[e, ...t].join(":")}`;
+}
+function it({ id: e, panelIds: t, storage: n }) {
+	let r = $(e, []), i = n.getItem(r);
+	if (i) try {
+		let e = JSON.parse(i);
+		if (t) {
+			let n = e[t.join(",")];
+			if (n && Array.isArray(n.layout) && t.length === n.layout.length) {
+				let e = {};
+				for (let r = 0; r < t.length; r++) e[t[r]] = n.layout[r];
+				return e;
+			}
+		} else {
+			let t = Object.keys(e);
+			if (t.length === 1) {
+				let n = e[t[0]];
+				if (n && Array.isArray(n.layout)) {
+					let e = t[0].split(",");
+					if (e.length === n.layout.length) {
+						let t = {};
+						for (let r = 0; r < e.length; r++) t[e[r]] = n.layout[r];
+						return t;
+					}
+				}
+			}
+		}
+	} catch {}
+}
+function at({ debounceSaveMs: e = 100, onlySaveAfterUserInteractions: t, panelIds: n, storage: r = localStorage, ...a }) {
+	let o = n !== void 0, s = "id" in a ? a.id : a.groupId, c = $(s, n ?? []), f = p(ot, () => r.getItem(c), () => r.getItem(c)), m = u(() => {
+		if (f) {
+			let e = JSON.parse(f), t = Object.values(e);
+			if (Array.from(t).every((e) => typeof e == "number")) return e;
+		}
+	}, [f]), h = u(() => {
+		if (!m) return it({
+			id: s,
+			panelIds: n,
+			storage: r
+		});
+	}, [
+		m,
+		s,
+		n,
+		r
+	]), g = m ?? h, _ = d(null), v = i(() => {
+		let e = _.current;
+		e && (_.current = null, clearTimeout(e));
+	}, []);
+	l(() => () => {
+		v();
+	}, [v]);
+	let y = i((e, n) => {
+		if (t && !n.isUserInteraction) return;
+		v();
+		let i;
+		i = o ? $(s, Object.keys(e)) : $(s, []);
+		try {
+			r.setItem(i, JSON.stringify(e));
+		} catch (e) {
+			console.error(e);
+		}
+	}, [
+		v,
+		o,
+		s,
+		t,
+		r
+	]);
+	return {
+		defaultLayout: g,
+		onLayoutChange: i((t) => {
+			v(), e === 0 ? y(t, { isUserInteraction: !1 }) : _.current = setTimeout(() => {
+				y(t, { isUserInteraction: !1 });
+			}, e);
+		}, [
+			v,
+			e,
+			y
+		]),
+		onLayoutChanged: y
+	};
+}
+function ot() {
+	return function() {};
+}
+function st() {
+	return d(null);
+}
+function ct() {
+	let e = a(tt);
+	return T(e, "Group Context not found; did you render a Panel or Separator outside of a Group?"), e;
+}
+function lt(e, t) {
+	let { id: n } = ct(), r = d({
+		collapse: Ae,
+		expand: Ae,
+		getSize: () => ({
+			asPercentage: 0,
+			inPixels: 0
+		}),
+		isCollapsed: () => !1,
+		resize: Ae
+	});
+	c(t, () => r.current, []), X(() => {
+		Object.assign(r.current, xe({
+			groupId: n,
+			panelId: e
+		}));
+	});
+}
+function ut({ children: e, className: t, collapsedSize: n = "0%", collapsible: r = !1, defaultSize: i, disabled: a, elementRef: s, groupResizeBehavior: c = "preserve-relative-size", id: l, maxSize: u = "100%", minSize: f = "0%", onResize: m, panelRef: g, style: _, ...v }) {
+	let y = !!l, b = $e(l), x = Q({ disabled: a }), S = d(null), C = et(S, s), { getPanelStyles: w, id: T, orientation: E, registerPanel: D, updatePanelProps: O } = ct(), k = m !== null, A = Z((e, t, n) => {
+		m?.(e, l, n);
+	});
+	X(() => {
+		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: u,
+				minSize: f
+			}
+		});
+	}, [
+		c,
+		n,
+		r,
+		i,
+		k,
+		b,
+		y,
+		u,
+		f,
+		A,
+		D,
+		x
+	]), o(() => {
+		O(b, { disabled: a });
+	}, [
+		a,
+		b,
+		O
+	]), lt(b, g);
+	let j = () => {
+		let e = w(T, b);
+		if (e) return JSON.stringify(e);
+	}, M = p((e) => oe(T, e), j, j), ee;
+	return ee = M ? JSON.parse(M) : i === void 0 ? { flexGrow: 1 } : {
+		flexGrow: void 0,
+		flexShrink: void 0,
+		flexBasis: i
+	}, /* @__PURE__ */ h("div", {
+		...v,
+		"data-disabled": a || void 0,
+		"data-panel": !0,
+		"data-testid": b,
+		id: b,
+		ref: C,
+		style: {
+			...dt,
+			display: "flex",
+			flexBasis: 0,
+			flexShrink: 1,
+			overflow: "visible",
+			...ee
+		},
+		children: /* @__PURE__ */ h("div", {
+			className: t,
+			style: {
+				maxHeight: "100%",
+				maxWidth: "100%",
+				flexGrow: 1,
+				overflow: "auto",
+				..._,
+				touchAction: E === "horizontal" ? "pan-y" : "pan-x"
+			},
+			children: e
+		})
+	});
+}
+ut.displayName = "Panel";
+var dt = {
+	minHeight: 0,
+	maxHeight: "100%",
+	height: "auto",
+	minWidth: 0,
+	maxWidth: "100%",
+	width: "auto",
+	border: "none",
+	borderWidth: 0,
+	padding: 0,
+	margin: 0
+};
+function ft({ 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 = H({
+			layout: B({
+				delta: l - o,
+				initialLayout: e,
+				panelConstraints: t,
+				pivotIndices: u,
+				prevLayout: e
+			}),
+			panelConstraints: t
+		})[n], i = H({
+			layout: B({
+				delta: c - o,
+				initialLayout: e,
+				panelConstraints: t,
+				pivotIndices: u,
+				prevLayout: e
+			}),
+			panelConstraints: t
+		})[n];
+	}
+	return {
+		valueControls: n,
+		valueMax: i,
+		valueMin: a,
+		valueNow: o
+	};
+}
+function pt({ children: e, className: t, disabled: n, disableDoubleClick: r, elementRef: i, id: a, style: s, ...c }) {
+	let l = $e(a), u = Q({
+		disabled: n,
+		disableDoubleClick: r
+	}), [p, m] = f({}), [g, _] = f("inactive"), [v, y] = f(!1), b = d(null), x = et(b, i), { disableCursor: S, id: C, orientation: w, registerSeparator: T, updateSeparatorProps: E } = ct(), D = w === "horizontal" ? "vertical" : "horizontal";
+	X(() => {
+		let e = b.current;
+		if (e !== null) {
+			let t = {
+				disabled: u.disabled,
+				disableDoubleClick: u.disableDoubleClick,
+				element: e,
+				id: l
+			}, n = T(t), r = Ee((e) => {
+				_(e.next.state !== "inactive" && e.next.hitRegions.some((e) => e.separator === t) ? e.next.state : "inactive");
+			}), i = oe(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);
+					m(ft({
+						layout: r,
+						panelConstraints: n,
+						panelId: e.id,
+						panelIndex: t
+					}));
+				}
+			});
+			return () => {
+				r(), i(), n();
+			};
+		}
+	}, [
+		C,
+		l,
+		T,
+		u
+	]), o(() => {
+		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__ */ h("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
+	});
+}
+pt.displayName = "Separator";
+//#endregion
+//#region src/components/ui/PanelSeparator/PanelSeparatorHorizontal.tsx
+var mt = t(pt)(() => ({})), ht = (t) => {
+	let r = n(), { t: i } = m();
+	return /* @__PURE__ */ h(mt, {
+		...t,
+		"aria-label": i("Horizontal separator"),
+		sx: {
+			"&:hover > div": {
+				background: r.palette.primary.main,
+				height: "3px",
+				margin: "4px 0"
+			},
+			height: "11px"
+		},
+		children: /* @__PURE__ */ h(e, { sx: {
+			background: r.palette.divider,
+			height: "1px",
+			margin: "5px 0",
+			width: "100%"
+		} })
+	});
+}, gt = t(pt)(() => ({})), _t = (t) => {
+	let r = n(), { t: i } = m();
+	return /* @__PURE__ */ h(gt, {
+		...t,
+		"aria-label": i("Vertical separator"),
+		sx: {
+			"&:hover > div": {
+				background: r.palette.primary.main,
+				margin: "0 4px ",
+				width: "3px"
+			},
+			width: "11px"
+		},
+		children: /* @__PURE__ */ h(e, { sx: {
+			background: r.palette.divider,
+			height: "100%",
+			margin: "0 5px",
+			width: "1px"
+		} })
+	});
+};
+//#endregion
+export { at as a, ut as i, ht as n, st as o, rt as r, _t as t };
+
+//# sourceMappingURL=PanelSeparator.js.map