@gv-tech/ui-web 2.22.1 → 2.23.0

package/dist/{resizable-DhOcAmNX.mjs → resizable-DJSE3e5L.mjs}

@@ -1,23 +1,22 @@
 import { t as e } from "./utils-A_oVsYw5.mjs";
 import { createContext as t, useCallback as n, useContext as r, useEffect as i, useId as a, useImperativeHandle as o, useLayoutEffect as s, useMemo as c, useRef as l, useState as u, useSyncExternalStore as d } from "react";
 import { jsx as f } from "react/jsx-runtime";
-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
-function m(e, t) {
+//#region ../../node_modules/.bun/react-resizable-panels@4.11.2+d0e719b86e9808b5/node_modules/react-resizable-panels/dist/react-resizable-panels.js
+function p(e, t) {
 	let n = getComputedStyle(e);
 	return t * parseFloat(n.fontSize);
 }
-function h(e, t) {
-	let n = getComputedStyle(e.ownerDocument.body);
+function m(e, t) {
+	let n = getComputedStyle(e.ownerDocument.documentElement);
 	return t * parseFloat(n.fontSize);
 }
-function g(e) {
+function h(e) {
 	return e / 100 * window.innerHeight;
 }
-function _(e) {
+function g(e) {
 	return e / 100 * window.innerWidth;
 }
-function v(e) {
+function _(e) {
 	switch (typeof e) {
 		case "number": return [e, "px"];
 		case "string": {
@@ -26,8 +25,8 @@ function v(e) {
 		}
 	}
 }
-function y({ groupSize: e, panelElement: t, styleProp: n }) {
-	let r, [i, a] = v(n);
+function v({ groupSize: e, panelElement: t, styleProp: n }) {
+	let r, [i, a] = _(n);
 	switch (a) {
 		case "%":
 			r = i / 100 * e;
@@ -36,29 +35,29 @@ function y({ groupSize: e, panelElement: t, styleProp: n }) {
 			r = i;
 			break;
 		case "rem":
-			r = h(t, i);
+			r = m(t, i);
 			break;
 		case "em":
-			r = m(t, i);
+			r = p(t, i);
 			break;
 		case "vh":
-			r = g(i);
+			r = h(i);
 			break;
 		case "vw":
-			r = _(i);
+			r = g(i);
 			break;
 	}
 	return r;
 }
-function b(e) {
+function y(e) {
 	return parseFloat(e.toFixed(3));
 }
-function x({ group: e }) {
+function b({ 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 S(e) {
-	let { panels: t } = e, n = x({ group: e });
+function x(e) {
+	let { panels: t } = e, n = b({ group: e });
 	return n === 0 ? t.map((e) => ({
 		groupResizeBehavior: e.panelConstraints.groupResizeBehavior,
 		collapsedSize: 0,
@@ -70,25 +69,25 @@ function S(e) {
 		panelId: e.id
 	})) : t.map((e) => {
 		let { element: t, panelConstraints: r } = e, i = 0;
-		r.collapsedSize !== void 0 && (i = b(y({
+		r.collapsedSize !== void 0 && (i = y(v({
 			groupSize: n,
 			panelElement: t,
 			styleProp: r.collapsedSize
 		}) / n * 100));
 		let a;
-		r.defaultSize !== void 0 && (a = b(y({
+		r.defaultSize !== void 0 && (a = y(v({
 			groupSize: n,
 			panelElement: t,
 			styleProp: r.defaultSize
 		}) / n * 100));
 		let o = 0;
-		r.minSize !== void 0 && (o = b(y({
+		r.minSize !== void 0 && (o = y(v({
 			groupSize: n,
 			panelElement: t,
 			styleProp: r.minSize
 		}) / n * 100));
 		let s = 100;
-		return r.maxSize !== void 0 && (s = b(y({
+		return r.maxSize !== void 0 && (s = y(v({
 			groupSize: n,
 			panelElement: t,
 			styleProp: r.maxSize
@@ -104,46 +103,46 @@ function S(e) {
 		};
 	});
 }
-function C(e, t = "Assertion error") {
+function S(e, t = "Assertion error") {
 	if (!e) throw Error(t);
 }
-function w(e, t) {
-	return Array.from(t).sort(e === "horizontal" ? T : E);
+function C(e, t) {
+	return Array.from(t).sort(e === "horizontal" ? w : T);
 }
-function T(e, t) {
+function w(e, t) {
 	let n = e.element.offsetLeft - t.element.offsetLeft;
 	return n === 0 ? e.element.offsetWidth - t.element.offsetWidth : n;
 }
-function E(e, t) {
+function T(e, t) {
 	let n = e.element.offsetTop - t.element.offsetTop;
 	return n === 0 ? e.element.offsetHeight - t.element.offsetHeight : n;
 }
-function D(e) {
+function E(e) {
 	return typeof e == "object" && !!e && "nodeType" in e && e.nodeType === Node.ELEMENT_NODE;
 }
-function O(e, t) {
+function D(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 k({ orientation: e, rects: t, targetRect: n }) {
+function O({ 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 } = O(r, n), s = e === "horizontal" ? t : o;
+		let { x: t, y: o } = D(r, n), s = e === "horizontal" ? t : o;
 		s < a && (a = s, i = n);
 	}
-	return C(i, "No rect found"), i;
+	return S(i, "No rect found"), i;
 }
-var A;
-function j() {
-	return A === void 0 && (A = typeof matchMedia == "function" ? !!matchMedia("(pointer:coarse)").matches : !1), A;
+var k;
+function A() {
+	return k === void 0 && (k = typeof matchMedia == "function" ? !!matchMedia("(pointer:coarse)").matches : !1), k;
 }
-function M(e) {
-	let { element: t, orientation: n, panels: r, separators: i } = e, a = w(n, Array.from(t.children).filter(D).map((e) => ({ element: e }))).map(({ element: e }) => e), o = [], s = !1, c = !1, l = -1, u = -1, d = 0, f, p = [];
+function j(e) {
+	let { element: t, orientation: n, panels: r, separators: i } = e, a = C(n, Array.from(t.children).filter(E).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));
@@ -164,7 +163,7 @@ function M(e) {
 								break;
 							case 1: {
 								let i = p[0];
-								m = [i, k({
+								m = [i, O({
 									orientation: n,
 									rects: [r, a],
 									targetRect: i.element.getBoundingClientRect()
@@ -177,7 +176,7 @@ function M(e) {
 						}
 					} 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 = j() ? e.resizeTargetMinimumSize.coarse : e.resizeTargetMinimumSize.fine;
+						let r = "width" in n ? n : n.element.getBoundingClientRect(), a = A() ? 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);
@@ -188,7 +187,7 @@ function M(e) {
 						}
 						!s && !(t <= l || t > u) && o.push({
 							group: e,
-							groupSize: x({ group: e }),
+							groupSize: b({ group: e }),
 							panels: [f, i],
 							separator: "width" in n ? void 0 : n,
 							rect: r
@@ -205,7 +204,7 @@ function M(e) {
 	}
 	return o;
 }
-var N = class {
+var M = class {
 	#e = {};
 	addListener(e, t) {
 		let n = this.#e[e];
@@ -239,28 +238,28 @@ var N = class {
 			e >= 0 && n.splice(e, 1);
 		}
 	}
-}, P = /* @__PURE__ */ new Map(), ee = new N();
+}, N = /* @__PURE__ */ new Map(), ee = new M();
 function te(e) {
-	P = new Map(P), P.delete(e);
+	N = new Map(N), N.delete(e);
 }
 function ne(e, t) {
-	for (let [t] of P) if (t.id === e) return t;
+	for (let [t] of N) if (t.id === e) return t;
 }
-function F(e, t) {
-	for (let [t, n] of P) if (t.id === e) return n;
+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 I() {
-	return P;
+function F() {
+	return N;
 }
 function re(e, t) {
 	return ee.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), ee.emit("groupChange", {
+function I(e, t) {
+	let n = N.get(e);
+	N = new Map(N), N.set(e, t), ee.emit("groupChange", {
 		group: e,
 		prev: n,
 		next: t
@@ -272,7 +271,7 @@ function ie(e, t, n) {
 		y: Infinity
 	};
 	for (let a of t) {
-		let t = O(n, a.rect);
+		let t = D(n, a.rect);
 		switch (e) {
 			case "horizontal":
 				t.x <= i.x && (r = a, i = t);
@@ -297,7 +296,7 @@ function oe(e, t) {
 		b: fe(t)
 	}, r;
 	for (; n.a.at(-1) === n.b.at(-1);) r = n.a.pop(), n.b.pop();
-	C(r, "Stacking order can only be calculated for elements with a common ancestor");
+	S(r, "Stacking order can only be calculated for elements with a common ancestor");
 	let i = {
 		a: de(ue(n.a)),
 		b: de(ue(n.b))
@@ -328,7 +327,7 @@ function ue(e) {
 	let t = e.length;
 	for (; t--;) {
 		let n = e[t];
-		if (C(n, "Missing node"), le(n)) return n;
+		if (S(n, "Missing node"), le(n)) return n;
 	}
 	return null;
 }
@@ -348,7 +347,7 @@ function me(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 he({ groupElement: e, hitRegion: t, pointerEventTarget: n }) {
-	if (!D(n) || n.contains(e) || e.contains(n)) return !0;
+	if (!E(n) || n.contains(e) || e.contains(n)) return !0;
 	if (oe(n, e) > 0) {
 		let r = n;
 		for (; r;) {
@@ -363,7 +362,7 @@ function ge(e, t) {
 	let n = [];
 	return t.forEach((t, r) => {
 		if (r.disabled) return;
-		let i = M(r), a = ie(r.orientation, i, {
+		let i = j(r), a = ie(r.orientation, i, {
 			x: e.clientX,
 			y: e.clientY
 		});
@@ -379,63 +378,63 @@ function _e(e, t) {
 	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(b(e) - b(t)) <= n;
+function L(e, t, n = 0) {
+	return Math.abs(y(e) - y(t)) <= n;
 }
-function z(e, t) {
-	return R(e, t) ? 0 : e > t ? 1 : -1;
+function R(e, t) {
+	return L(e, t) ? 0 : e > t ? 1 : -1;
 }
-function B({ overrideDisabledPanels: e, panelConstraints: t, prevSize: n, size: r }) {
+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 (z(r, c) < 0) if (a) {
+	if (R(r, c) < 0) if (a) {
 		let e = (i + c) / 2;
-		r = z(r, e) < 0 ? i : c;
+		r = R(r, e) < 0 ? i : c;
 	} else r = c;
-	return r = Math.min(s, r), r = b(r), r;
+	return r = Math.min(s, r), r = y(r), r;
 }
-function V({ delta: e, initialLayout: t, panelConstraints: n, pivotIndices: r, prevLayout: i, trigger: a }) {
-	if (R(e, 0)) return t;
+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;
-	C(u != null, "Invalid first pivot index"), C(d != null, "Invalid second pivot index");
+	S(u != null, "Invalid first pivot index"), S(d != null, "Invalid second pivot index");
 	let f = 0;
 	switch (a) {
 		case "keyboard":
 			{
 				let t = e < 0 ? d : u, r = n[t];
-				C(r, `Panel constraints not found for index ${t}`);
+				S(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 (C(n != null, `Previous layout not found for panel index ${t}`), R(n, i)) {
+					if (S(n != null, `Previous layout not found for panel index ${t}`), L(n, i)) {
 						let t = o - n;
-						z(t, Math.abs(e)) > 0 && (e = e < 0 ? 0 - t : t);
+						R(t, Math.abs(e)) > 0 && (e = e < 0 ? 0 - t : t);
 					}
 				}
 			}
 			{
 				let t = e < 0 ? u : d, r = n[t];
-				C(r, `No panel constraints found for index ${t}`);
+				S(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 (C(n != null, `Previous layout not found for panel index ${t}`), R(n, o)) {
+					if (S(n != null, `Previous layout not found for panel index ${t}`), L(n, o)) {
 						let t = n - i;
-						z(t, Math.abs(e)) > 0 && (e = e < 0 ? 0 - t : t);
+						R(t, Math.abs(e)) > 0 && (e = e < 0 ? 0 - t : t);
 					}
 				}
 			}
 			break;
 		default: {
 			let t = e < 0 ? d : u, r = n[t];
-			C(r, `Panel constraints not found for index ${t}`);
+			S(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) {
+			if (a && R(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);
+				R(i + e, c) < 0 && (e = R(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);
+				R(i - e, c) < 0 && (e = R(100 + e, n) > 0 ? 0 : -t);
 			}
 			break;
 		}
@@ -444,8 +443,8 @@ function V({ delta: e, initialLayout: t, panelConstraints: n, pivotIndices: r, p
 		let t = e < 0 ? 1 : -1, r = e < 0 ? d : u, i = 0;
 		for (;;) {
 			let e = s[r];
-			C(e != null, `Previous layout not found for panel index ${r}`);
-			let a = B({
+			S(e != null, `Previous layout not found for panel index ${r}`);
+			let a = z({
 				overrideDisabledPanels: o,
 				panelConstraints: n[r],
 				prevSize: e,
@@ -460,66 +459,66 @@ function V({ delta: e, initialLayout: t, panelConstraints: n, pivotIndices: r, p
 		let t = e < 0 ? u : d;
 		for (; t >= 0 && t < n.length;) {
 			let r = Math.abs(e) - Math.abs(f), i = s[t];
-			C(i != null, `Previous layout not found for panel index ${t}`);
-			let a = i - r, c = B({
+			S(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 (!R(i, c) && (f += i - c, l[t] = c, f.toFixed(3).localeCompare(Math.abs(e).toFixed(3), void 0, { numeric: !0 }) >= 0)) break;
+			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 (_e(c, l)) return i;
 	{
 		let t = e < 0 ? d : u, r = s[t];
-		C(r != null, `Previous layout not found for panel index ${t}`);
-		let i = r + f, a = B({
+		S(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, !R(a, 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];
-				C(i != null, `Previous layout not found for panel index ${r}`);
-				let a = i + t, s = B({
+				S(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 (R(i, s) || (t -= s - i, l[r] = s), R(t, 0)) break;
+				if (L(i, s) || (t -= s - i, l[r] = s), L(t, 0)) break;
 				e > 0 ? r-- : r++;
 			}
 		}
 	}
-	if (!R(Object.values(l).reduce((e, t) => t + e, 0), 100, .1)) return i;
+	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 H(e, t) {
+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 || z(e[n], t[n]) !== 0) return !1;
+	for (let n in e) if (t[n] === void 0 || R(e[n], t[n]) !== 0) return !1;
 	return !0;
 }
-function U({ layout: e, panelConstraints: t }) {
+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 (!R(i, 100) && r.length > 0) for (let e = 0; e < t.length; e++) {
+	if (!L(i, 100) && r.length > 0) for (let e = 0; e < t.length; e++) {
 		let t = r[e];
-		C(t != null, `No layout data found for index ${e}`), r[e] = 100 / i * t;
+		S(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];
-		C(i != null, `No layout data found for index ${e}`);
+		S(i != null, `No layout data found for index ${e}`);
 		let o = r[e];
-		C(o != null, `No layout data found for index ${e}`);
-		let s = B({
+		S(o != null, `No layout data found for index ${e}`);
+		let s = z({
 			overrideDisabledPanels: !0,
 			panelConstraints: t[e],
 			prevSize: i,
@@ -527,23 +526,23 @@ function U({ layout: e, panelConstraints: t }) {
 		});
 		o != s && (a += o - s, r[e] = s);
 	}
-	if (!R(a, 0)) for (let e = 0; e < t.length; e++) {
+	if (!L(a, 0)) for (let e = 0; e < t.length; e++) {
 		let n = r[e];
-		C(n != null, `No layout data found for index ${e}`);
-		let i = n + a, o = B({
+		S(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, R(a, 0))) break;
+		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 ve({ groupId: e, panelId: t }) {
 	let n = () => {
-		let t = I();
+		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,
@@ -565,38 +564,55 @@ function ve({ groupId: e, panelId: t }) {
 		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"
+	}, 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]: y(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: o
+			panelConstraints: r
 		});
-		H(l, p) || L(s, {
-			defaultLayoutDeferred: i,
-			derivedPanelConstraints: o,
-			groupSize: c,
-			layout: p,
-			separatorToPanels: u
+		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(), s = a();
-			e && s !== t && (n.expandToSize = s, o(t));
+			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: s } = i(), c = a();
+			let { collapsible: e, collapsedSize: t, minSize: n } = r(), { mutableValues: o } = i(), c = a();
 			if (e && c === t) {
-				let e = s.expandToSize ?? n;
-				e === 0 && (e = 1), o(e);
+				let e = o.expandToSize ?? n;
+				e === 0 && (e = 1), s(e);
 			}
 		},
 		getSize: () => {
@@ -608,11 +624,11 @@ function ve({ groupId: e, panelId: t }) {
 		},
 		isCollapsed: () => {
 			let { collapsible: e, collapsedSize: t } = r(), n = a();
-			return e && R(t, n);
+			return e && L(t, n);
 		},
 		resize: (e) => {
-			let { group: t } = n(), { element: r } = i(), a = x({ group: t });
-			o(b(y({
+			let { group: t } = n(), { element: r } = i(), a = b({ group: t });
+			s(y(v({
 				groupSize: a,
 				panelElement: r,
 				styleProp: e
@@ -621,7 +637,7 @@ function ve({ groupId: e, panelId: t }) {
 	};
 }
 function ye(e) {
-	e.defaultPrevented || ge(e, I()).forEach((t) => {
+	e.defaultPrevented || ge(e, F()).forEach((t) => {
 		if (t.separator && !t.separator.disableDoubleClick) {
 			let n = t.panels.find((e) => e.panelConstraints.defaultSize !== void 0);
 			if (n) {
@@ -634,14 +650,14 @@ function ye(e) {
 		}
 	});
 }
-function W(e) {
-	let t = I();
+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 be({ groupId: e }) {
 	let t = () => {
-		let t = I();
+		let t = F();
 		for (let [n, r] of t) if (n.id === e) return {
 			group: n,
 			...r
@@ -654,11 +670,11 @@ function be({ groupId: e }) {
 			return e ? {} : n;
 		},
 		setLayout(e) {
-			let { defaultLayoutDeferred: n, derivedPanelConstraints: r, group: i, groupSize: a, layout: o, separatorToPanels: s } = t(), c = U({
+			let { defaultLayoutDeferred: n, derivedPanelConstraints: r, group: i, groupSize: a, layout: o, separatorToPanels: s } = t(), c = H({
 				layout: e,
 				panelConstraints: r
 			});
-			return n ? o : (H(o, c) || L(i, {
+			return n ? o : (V(o, c) || I(i, {
 				defaultLayoutDeferred: n,
 				derivedPanelConstraints: r,
 				groupSize: a,
@@ -668,13 +684,13 @@ function be({ groupId: e }) {
 		}
 	};
 }
-function G(e, t) {
-	let n = W(e), r = F(n.id, !0), i = n.separators.find((t) => t.element === e);
-	C(i, "Matching separator not found");
+function W(e, t) {
+	let n = U(e), r = P(n.id, !0), i = n.separators.find((t) => t.element === e);
+	S(i, "Matching separator not found");
 	let a = r.separatorToPanels.get(i);
-	C(a, "Matching panels not found");
-	let o = a.map((e) => n.panels.indexOf(e)), s = be({ groupId: n.id }).getLayout(), c = U({
-		layout: V({
+	S(a, "Matching panels not found");
+	let o = a.map((e) => n.panels.indexOf(e)), s = be({ groupId: n.id }).getLayout(), c = H({
+		layout: B({
 			delta: t,
 			initialLayout: s,
 			panelConstraints: r.derivedPanelConstraints,
@@ -684,7 +700,7 @@ function G(e, t) {
 		}),
 		panelConstraints: r.derivedPanelConstraints
 	});
-	H(s, c) || L(n, {
+	V(s, c) || I(n, {
 		defaultLayoutDeferred: r.defaultLayoutDeferred,
 		derivedPanelConstraints: r.derivedPanelConstraints,
 		groupSize: r.groupSize,
@@ -694,79 +710,82 @@ function G(e, t) {
 }
 function xe(e) {
 	if (e.defaultPrevented) return;
-	let t = e.currentTarget, n = W(t);
+	let t = e.currentTarget, n = U(t);
 	if (!n.disabled) switch (e.key) {
 		case "ArrowDown":
-			e.preventDefault(), n.orientation === "vertical" && G(t, 5);
+			e.preventDefault(), n.orientation === "vertical" && W(t, 5);
 			break;
 		case "ArrowLeft":
-			e.preventDefault(), n.orientation === "horizontal" && G(t, -5);
+			e.preventDefault(), n.orientation === "horizontal" && W(t, -5);
 			break;
 		case "ArrowRight":
-			e.preventDefault(), n.orientation === "horizontal" && G(t, 5);
+			e.preventDefault(), n.orientation === "horizontal" && W(t, 5);
 			break;
 		case "ArrowUp":
-			e.preventDefault(), n.orientation === "vertical" && G(t, -5);
+			e.preventDefault(), n.orientation === "vertical" && W(t, -5);
 			break;
 		case "End":
-			e.preventDefault(), G(t, 100);
+			e.preventDefault(), W(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);
-			C(o, "Matching separator not found");
+			let n = U(t), { derivedPanelConstraints: r, layout: i, separatorToPanels: a } = P(n.id, !0), o = n.separators.find((e) => e.element === t);
+			S(o, "Matching separator not found");
 			let s = a.get(o);
-			C(s, "Matching panels not found");
+			S(s, "Matching panels not found");
 			let c = s[0], l = r.find((e) => e.panelId === c.id);
-			if (C(l, "Panel metadata not found"), l.collapsible) {
+			if (S(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);
+				W(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);
-			C(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 });
+			let n = U(t).separators.map((e) => e.element), r = Array.from(n).findIndex((t) => t === e.currentTarget);
+			S(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);
+			e.preventDefault(), W(t, -100);
 			break;
 	}
 }
-var K = {
+var G = {
 	cursorFlags: 0,
 	state: "inactive"
-}, Se = new N();
-function q() {
-	return K;
+}, Se = new M();
+function K() {
+	return G;
 }
 function Ce(e) {
 	return Se.addListener("change", e);
 }
 function we(e) {
-	let t = K, n = { ...K };
-	n.cursorFlags = e, K = n, Se.emit("change", {
+	let t = G, n = { ...G };
+	n.cursorFlags = e, G = n, Se.emit("change", {
 		prev: t,
 		next: n
 	});
 }
-function J(e) {
-	let t = K;
-	K = e, Se.emit("change", {
+function q(e) {
+	let t = G;
+	G = e, Se.emit("change", {
 		prev: t,
 		next: e
 	});
 }
 function Te(e) {
 	if (e.defaultPrevented || e.pointerType === "mouse" && e.button > 0) return;
-	let t = I(), n = ge(e, t), r = /* @__PURE__ */ new Map(), i = !1;
+	let t = F(), n = ge(e, t), r = /* @__PURE__ */ new Map(), i = !1;
 	n.forEach((e) => {
-		e.separator && (i || (i = !0, e.separator.element.focus({ preventScroll: !0 })));
+		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);
-	}), J({
+	}), q({
 		cursorFlags: 0,
 		hitRegions: n,
 		initialLayoutMap: r,
@@ -777,9 +796,9 @@ function Te(e) {
 		state: "active"
 	}), n.length && e.preventDefault();
 }
-var Ee = (e) => e, De = () => {}, Oe = 1, ke = 2, Ae = 4, je = 8, Me = 3, Ne = 12, Y;
+var Ee = (e) => e, De = () => {}, Oe = 1, ke = 2, Ae = 4, je = 8, Me = 3, Ne = 12, J;
 function Pe() {
-	return Y === void 0 && (Y = !1, typeof window < "u" && (window.navigator.userAgent.includes("Chrome") || window.navigator.userAgent.includes("Firefox")) && (Y = !0)), Y;
+	return J === void 0 && (J = !1, typeof window < "u" && (window.navigator.userAgent.includes("Chrome") || window.navigator.userAgent.includes("Firefox")) && (J = !0)), J;
 }
 function Fe({ cursorFlags: e, groups: t, state: n }) {
 	let r = 0, i = 0;
@@ -815,8 +834,8 @@ var Ie = /* @__PURE__ */ new WeakMap();
 function Le(e) {
 	if (e.defaultView === null || e.defaultView === void 0) return;
 	let { prevStyle: t, styleSheet: n } = Ie.get(e) ?? {};
-	n === void 0 && (n = new e.defaultView.CSSStyleSheet(), e.adoptedStyleSheets && e.adoptedStyleSheets.push(n));
-	let r = q();
+	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": {
@@ -847,7 +866,7 @@ function Re({ document: e, event: t, hitRegions: n, initialLayoutMap: r, mounted
 		if (!f || !p) return;
 		let { defaultLayoutDeferred: m, derivedPanelConstraints: h, groupSize: g, layout: _, separatorToPanels: v } = p;
 		if (h && _ && v) {
-			let t = V({
+			let t = B({
 				delta: d,
 				initialLayout: f,
 				panelConstraints: h,
@@ -855,7 +874,7 @@ function Re({ document: e, event: t, hitRegions: n, initialLayoutMap: r, mounted
 				prevLayout: _,
 				trigger: "mouse-or-touch"
 			});
-			if (H(t, _)) {
+			if (V(t, _)) {
 				if (d !== 0 && !u) switch (c) {
 					case "horizontal":
 						s |= d < 0 ? Oe : ke;
@@ -864,7 +883,7 @@ function Re({ document: e, event: t, hitRegions: n, initialLayoutMap: r, mounted
 						s |= d < 0 ? Ae : je;
 						break;
 				}
-			} else L(e.group, {
+			} else I(e.group, {
 				defaultLayoutDeferred: m,
 				derivedPanelConstraints: h,
 				groupSize: g,
@@ -877,7 +896,7 @@ function Re({ document: e, event: t, hitRegions: n, initialLayoutMap: r, mounted
 	t.movementX === 0 ? c |= o & Me : c |= s & Me, t.movementY === 0 ? c |= o & Ne : c |= s & Ne, we(c), Le(e);
 }
 function ze(e) {
-	let t = I(), n = q();
+	let t = F(), n = K();
 	switch (n.state) {
 		case "active": Re({
 			document: e.currentTarget,
@@ -891,16 +910,16 @@ function ze(e) {
 }
 function Be(e) {
 	if (e.defaultPrevented) return;
-	let t = q(), n = I();
+	let t = K(), n = F();
 	switch (t.state) {
 		case "active":
 			if (e.buttons === 0) {
-				J({
+				q({
 					cursorFlags: 0,
 					state: "inactive"
 				}), t.hitRegions.forEach((e) => {
-					let t = F(e.group.id, !0);
-					L(e.group, t);
+					let t = P(e.group.id, !0);
+					I(e.group, t);
 				});
 				return;
 			}
@@ -920,10 +939,10 @@ function Be(e) {
 			break;
 		default: {
 			let r = ge(e, n);
-			r.length === 0 ? t.state !== "inactive" && J({
+			r.length === 0 ? t.state !== "inactive" && q({
 				cursorFlags: 0,
 				state: "inactive"
-			}) : J({
+			}) : q({
 				cursorFlags: 0,
 				hitRegions: r,
 				state: "hover"
@@ -933,8 +952,8 @@ function Be(e) {
 	}
 }
 function Ve(e) {
-	if (e.relatedTarget instanceof HTMLIFrameElement) switch (q().state) {
-		case "hover": J({
+	if (e.relatedTarget instanceof HTMLIFrameElement) switch (K().state) {
+		case "hover": q({
 			cursorFlags: 0,
 			state: "inactive"
 		});
@@ -942,14 +961,14 @@ function Ve(e) {
 }
 function He(e) {
 	if (e.defaultPrevented || e.pointerType === "mouse" && e.button > 0) return;
-	let t = q();
+	let t = K();
 	switch (t.state) {
-		case "active": J({
+		case "active": q({
 			cursorFlags: 0,
 			state: "inactive"
 		}), t.hitRegions.length > 0 && (Le(e.currentTarget), t.hitRegions.forEach((e) => {
-			let t = F(e.group.id, !0);
-			L(e.group, t);
+			let t = P(e.group.id, !0);
+			I(e.group, t);
 		}), e.preventDefault());
 	}
 }
@@ -957,12 +976,12 @@ function Ue(e) {
 	let t = 0, n = 0, r = {};
 	for (let i of e) if (i.defaultSize !== void 0) {
 		t++;
-		let e = b(i.defaultSize);
+		let e = y(i.defaultSize);
 		n += e, r[i.panelId] = e;
 	} else r[i.panelId] = void 0;
 	let i = e.length - t;
 	if (i !== 0) {
-		let t = b((100 - n) / i);
+		let t = y((100 - n) / i);
 		for (let n of e) n.defaultSize === void 0 && (r[n.panelId] = t);
 	}
 	return r;
@@ -971,8 +990,8 @@ function We(e, t, n) {
 	if (!n[0]) return;
 	let r = e.panels.find((e) => e.element === t);
 	if (!r || !r.onResize) return;
-	let i = x({ group: e }), a = e.orientation === "horizontal" ? r.element.offsetWidth : r.element.offsetHeight, o = r.mutableValues.prevSize, s = {
-		asPercentage: b(a / i * 100),
+	let i = b({ group: e }), a = e.orientation === "horizontal" ? r.element.offsetWidth : r.element.offsetHeight, o = r.mutableValues.prevSize, s = {
+		asPercentage: y(a / i * 100),
 		inPixels: a
 	};
 	r.mutableValues.prevSize = s, r.onResize(s, r.id, o);
@@ -990,7 +1009,7 @@ function Ke({ group: e, nextGroupSize: t, prevGroupSize: n, prevLayout: r }) {
 		switch (l.panelConstraints.groupResizeBehavior) {
 			case "preserve-pixel-size": {
 				o = !0;
-				let r = b(e / 100 * n / t * 100);
+				let r = y(e / 100 * n / t * 100);
 				s.set(l.id, r), i += r;
 				break;
 			}
@@ -1003,9 +1022,9 @@ function Ke({ group: e, nextGroupSize: t, prevGroupSize: n, prevLayout: r }) {
 	let l = 100 - i, u = { ...r };
 	if (s.forEach((e, t) => {
 		u[t] = e;
-	}), a > 0) for (let e of c) u[e] = b((r[e] ?? 0) / a * l);
+	}), a > 0) for (let e of c) u[e] = y((r[e] ?? 0) / a * l);
 	else {
-		let e = b(l / c.length);
+		let e = y(l / c.length);
 		for (let t of c) u[t] = e;
 	}
 	return u;
@@ -1016,20 +1035,20 @@ function qe(e, t) {
 	for (let e of n) if (!r.includes(e)) return !1;
 	return !0;
 }
-var X = /* @__PURE__ */ new Map();
+var Y = /* @__PURE__ */ new Map();
 function Je(e) {
 	let t = !0;
-	C(e.element.ownerDocument.defaultView, "Cannot register an unmounted Group");
+	S(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 = x({ group: e });
+					let t = b({ group: e });
 					if (t === 0) return;
-					let n = F(e.id);
+					let n = P(e.id);
 					if (!n) return;
-					let r = S(e), i = n.defaultLayoutDeferred ? Ue(r) : n.layout, a = U({
+					let r = x(e), i = n.defaultLayoutDeferred ? Ue(r) : n.layout, a = H({
 						layout: Ke({
 							group: e,
 							nextGroupSize: t,
@@ -1038,8 +1057,8 @@ function Je(e) {
 						}),
 						panelConstraints: r
 					});
-					if (!n.defaultLayoutDeferred && H(n.layout, a) && Ge(n.derivedPanelConstraints, r) && n.groupSize === t) return;
-					L(e, {
+					if (!n.defaultLayoutDeferred && V(n.layout, a) && Ge(n.derivedPanelConstraints, r) && n.groupSize === t) return;
+					I(e, {
 						defaultLayoutDeferred: !1,
 						derivedPanelConstraints: r,
 						groupSize: t,
@@ -1051,49 +1070,49 @@ function Je(e) {
 		}
 	});
 	a.observe(e.element), e.panels.forEach((e) => {
-		C(!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);
+		S(!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 = x({ group: e }), s = S(e), c = e.panels.map(({ id: e }) => e).join(","), l = e.mutableState.defaultLayout;
+	let o = b({ group: e }), s = x(e), c = e.panels.map(({ id: e }) => e).join(","), l = e.mutableState.defaultLayout;
 	l && (qe(e.panels, l) || (l = void 0));
-	let u = U({
+	let u = H({
 		layout: e.mutableState.layouts[c] ?? l ?? Ue(s),
 		panelConstraints: s
 	}), d = e.element.ownerDocument;
-	X.set(d, (X.get(d) ?? 0) + 1);
+	Y.set(d, (Y.get(d) ?? 0) + 1);
 	let f = /* @__PURE__ */ new Map();
-	return M(e).forEach((e) => {
+	return j(e).forEach((e) => {
 		e.separator && f.set(e.separator, e.panels);
-	}), L(e, {
+	}), I(e, {
 		defaultLayoutDeferred: o === 0,
 		derivedPanelConstraints: s,
 		groupSize: o,
 		layout: u,
 		separatorToPanels: f
 	}), e.separators.forEach((e) => {
-		C(!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", xe);
-	}), X.get(d) === 1 && (d.addEventListener("dblclick", ye, !0), d.addEventListener("pointerdown", Te, !0), d.addEventListener("pointerleave", ze), d.addEventListener("pointermove", Be), d.addEventListener("pointerout", Ve), d.addEventListener("pointerup", He, !0)), function() {
-		t = !1, X.set(d, Math.max(0, (X.get(d) ?? 0) - 1)), te(e), e.separators.forEach((e) => {
+		S(!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", xe);
+	}), Y.get(d) === 1 && (d.addEventListener("dblclick", ye, !0), d.addEventListener("pointerdown", Te, !0), d.addEventListener("pointerleave", ze), d.addEventListener("pointermove", Be), d.addEventListener("pointerout", Ve), d.addEventListener("pointerup", He, !0)), function() {
+		t = !1, Y.set(d, Math.max(0, (Y.get(d) ?? 0) - 1)), te(e), e.separators.forEach((e) => {
 			e.element.removeEventListener("keydown", xe);
-		}), X.get(d) || (d.removeEventListener("dblclick", ye, !0), d.removeEventListener("pointerdown", Te, !0), d.removeEventListener("pointerleave", ze), d.removeEventListener("pointermove", Be), d.removeEventListener("pointerout", Ve), d.removeEventListener("pointerup", He, !0)), a.disconnect();
+		}), Y.get(d) || (d.removeEventListener("dblclick", ye, !0), d.removeEventListener("pointerdown", Te, !0), d.removeEventListener("pointerleave", ze), d.removeEventListener("pointermove", Be), d.removeEventListener("pointerout", Ve), d.removeEventListener("pointerup", He, !0)), a.disconnect();
 	};
 }
 function Ye() {
 	let [e, t] = u({});
 	return [e, n(() => t({}), [])];
 }
-function Z(e) {
+function X(e) {
 	let t = a();
 	return `${e ?? t}`;
 }
-var Q = typeof window < "u" ? s : i;
-function $(e) {
+var Z = typeof window < "u" ? s : i;
+function Q(e) {
 	let t = l(e);
-	return Q(() => {
+	return Z(() => {
 		t.current = e;
 	}, [e]), n((...e) => t.current?.(...e), [t]);
 }
 function Xe(...e) {
-	return $((t) => {
+	return Q((t) => {
 		e.forEach((e) => {
 			if (e) switch (typeof e) {
 				case "function":
@@ -1108,7 +1127,7 @@ function Xe(...e) {
 }
 function Ze(e) {
 	let t = l({ ...e });
-	return Q(() => {
+	return Z(() => {
 		for (let n in e) t.current[n] = e[n];
 	}, [e]), t.current;
 }
@@ -1118,7 +1137,7 @@ function $e(e, t) {
 		getLayout: () => ({}),
 		setLayout: Ee
 	});
-	o(t, () => n.current, []), Q(() => {
+	o(t, () => n.current, []), Z(() => {
 		Object.assign(n.current, be({ groupId: e }));
 	});
 }
@@ -1129,20 +1148,20 @@ function et({ children: e, className: t, defaultLayout: n, disableCursor: r, dis
 	let v = l({
 		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, p?.(e));
-	}), x = Z(u), C = l(null), [T, E] = Ye(), D = l({
+	}), y = Q((e) => {
+		V(v.current.onLayoutChange, e) || (v.current.onLayoutChange = e, d?.(e));
+	}), b = Q((e) => {
+		V(v.current.onLayoutChanged, e) || (v.current.onLayoutChanged = e, p?.(e));
+	}), S = X(u), w = l(null), [T, E] = Ye(), D = l({
 		lastExpandedPanelSizes: {},
 		layouts: {},
 		panels: [],
 		resizeTargetMinimumSize: h,
 		separators: []
-	}), O = Xe(C, o);
-	$e(x, s);
-	let k = $((e, t) => {
-		let r = q(), i = ne(e), a = F(e);
+	}), O = Xe(w, o);
+	$e(S, s);
+	let k = Q((e, t) => {
+		let r = K(), i = ne(e), a = P(e);
 		if (a) {
 			let e = !1;
 			switch (r.state) {
@@ -1164,27 +1183,27 @@ function et({ children: e, className: t, defaultLayout: n, disableCursor: r, dis
 			return !!A.disableCursor;
 		},
 		getPanelStyles: k,
-		id: x,
+		id: S,
 		orientation: m,
 		registerPanel: (e) => {
 			let t = D.current;
-			return t.panels = w(m, [...t.panels, e]), E(), () => {
+			return t.panels = C(m, [...t.panels, e]), E(), () => {
 				t.panels = t.panels.filter((t) => t !== e), E();
 			};
 		},
 		registerSeparator: (e) => {
 			let t = D.current;
-			return t.separators = w(m, [...t.separators, e]), E(), () => {
+			return t.separators = C(m, [...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 = ne(x), i = F(x);
-			r && i && L(r, {
+			let r = ne(S), i = P(S);
+			r && i && I(r, {
 				...i,
-				derivedPanelConstraints: S(r)
+				derivedPanelConstraints: x(r)
 			});
 		},
 		updateSeparatorProps: (e, { disabled: t, disableDoubleClick: n }) => {
@@ -1193,13 +1212,13 @@ function et({ children: e, className: t, defaultLayout: n, disableCursor: r, dis
 		}
 	}), [
 		k,
-		x,
+		S,
 		E,
 		m,
 		A
 	]), M = l(null);
-	return Q(() => {
-		let e = C.current;
+	return Z(() => {
+		let e = w.current;
 		if (e === null) return;
 		let t = D.current, n;
 		if (A.defaultLayout !== void 0 && Object.keys(A.defaultLayout).length === t.panels.length) {
@@ -1212,7 +1231,7 @@ function et({ children: e, className: t, defaultLayout: n, disableCursor: r, dis
 		let r = {
 			disabled: !!a,
 			element: e,
-			id: x,
+			id: S,
 			mutableState: {
 				defaultLayout: n,
 				disableCursor: !!A.disableCursor,
@@ -1225,9 +1244,9 @@ function et({ children: e, className: t, defaultLayout: n, disableCursor: r, dis
 			separators: t.separators
 		};
 		M.current = r;
-		let i = Je(r), { defaultLayoutDeferred: o, derivedPanelConstraints: s, layout: c } = F(r.id, !0);
+		let i = Je(r), { defaultLayoutDeferred: o, derivedPanelConstraints: s, layout: c } = P(r.id, !0);
 		!o && s.length > 0 && (y(c), b(c));
-		let l = re(x, (e) => {
+		let l = re(S, (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(",");
@@ -1235,12 +1254,12 @@ function et({ children: e, className: t, defaultLayout: n, disableCursor: r, dis
 				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]);
+						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 = q().state !== "active";
+			let o = K().state !== "active";
 			y(i), o && b(i);
 		});
 		return () => {
@@ -1248,7 +1267,7 @@ function et({ children: e, className: t, defaultLayout: n, disableCursor: r, dis
 		};
 	}, [
 		a,
-		x,
+		S,
 		b,
 		y,
 		m,
@@ -1263,8 +1282,8 @@ function et({ children: e, className: t, defaultLayout: n, disableCursor: r, dis
 			..._,
 			className: t,
 			"data-group": !0,
-			"data-testid": x,
-			id: x,
+			"data-testid": S,
+			id: S,
 			ref: O,
 			style: {
 				height: "100%",
@@ -1281,12 +1300,12 @@ function et({ children: e, className: t, defaultLayout: n, disableCursor: r, dis
 	});
 }
 et.displayName = "Group";
-function tt() {
+function $() {
 	let e = r(Qe);
-	return C(e, "Group Context not found; did you render a Panel or Separator outside of a Group?"), e;
+	return S(e, "Group Context not found; did you render a Panel or Separator outside of a Group?"), e;
 }
-function nt(e, t) {
-	let { id: n } = tt(), r = l({
+function tt(e, t) {
+	let { id: n } = $(), r = l({
 		collapse: De,
 		expand: De,
 		getSize: () => ({
@@ -1296,18 +1315,18 @@ function nt(e, t) {
 		isCollapsed: () => !1,
 		resize: De
 	});
-	o(t, () => r.current, []), Q(() => {
+	o(t, () => r.current, []), Z(() => {
 		Object.assign(r.current, ve({
 			groupId: n,
 			panelId: e
 		}));
 	});
 }
-function rt({ children: e, className: t, collapsedSize: n = "0%", collapsible: r = !1, defaultSize: a, disabled: o, elementRef: s, groupResizeBehavior: c = "preserve-relative-size", id: u, maxSize: p = "100%", minSize: m = "0%", onResize: h, panelRef: g, style: _, ...v }) {
-	let y = !!u, b = Z(u), x = Ze({ disabled: o }), S = l(null), C = Xe(S, s), { getPanelStyles: w, id: T, orientation: E, registerPanel: D, updatePanelProps: O } = tt(), k = h !== null, A = $((e, t, n) => {
+function nt({ children: e, className: t, collapsedSize: n = "0%", collapsible: r = !1, defaultSize: a, disabled: o, elementRef: s, groupResizeBehavior: c = "preserve-relative-size", id: u, maxSize: p = "100%", minSize: m = "0%", onResize: h, panelRef: g, style: _, ...v }) {
+	let y = !!u, b = X(u), x = Ze({ disabled: o }), S = l(null), C = Xe(S, s), { getPanelStyles: w, id: T, orientation: E, registerPanel: D, updatePanelProps: O } = $(), k = h !== null, A = Q((e, t, n) => {
 		h?.(e, u, n);
 	});
-	Q(() => {
+	Z(() => {
 		let e = S.current;
 		if (e !== null) return D({
 			element: e,
@@ -1347,16 +1366,16 @@ function rt({ children: e, className: t, collapsedSize: n = "0%", collapsible: r
 		o,
 		b,
 		O
-	]), nt(b, g);
+	]), tt(b, g);
 	let j = () => {
 		let e = w(T, b);
 		if (e) return JSON.stringify(e);
 	}, M = d((e) => re(T, e), j, j), N;
-	return N = M ? JSON.parse(M) : a ? {
+	return N = M ? JSON.parse(M) : a === void 0 ? { flexGrow: 1 } : {
 		flexGrow: void 0,
 		flexShrink: void 0,
 		flexBasis: a
-	} : { flexGrow: 1 }, /* @__PURE__ */ f("div", {
+	}, /* @__PURE__ */ f("div", {
 		...v,
 		"data-disabled": o || void 0,
 		"data-panel": !0,
@@ -1364,7 +1383,7 @@ function rt({ children: e, className: t, collapsedSize: n = "0%", collapsible: r
 		id: b,
 		ref: C,
 		style: {
-			...it,
+			...rt,
 			display: "flex",
 			flexBasis: 0,
 			flexShrink: 1,
@@ -1385,8 +1404,8 @@ function rt({ children: e, className: t, collapsedSize: n = "0%", collapsible: r
 		})
 	});
 }
-rt.displayName = "Panel";
-var it = {
+nt.displayName = "Panel";
+var rt = {
 	minHeight: 0,
 	maxHeight: "100%",
 	height: "auto",
@@ -1398,12 +1417,12 @@ var it = {
 	padding: 0,
 	margin: 0
 };
-function at({ layout: e, panelConstraints: t, panelId: n, panelIndex: r }) {
+function it({ 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({
+		a = H({
+			layout: B({
 				delta: l - o,
 				initialLayout: e,
 				panelConstraints: t,
@@ -1411,8 +1430,8 @@ function at({ layout: e, panelConstraints: t, panelId: n, panelIndex: r }) {
 				prevLayout: e
 			}),
 			panelConstraints: t
-		})[n], i = U({
-			layout: V({
+		})[n], i = H({
+			layout: B({
 				delta: c - o,
 				initialLayout: e,
 				panelConstraints: t,
@@ -1429,12 +1448,12 @@ function at({ layout: e, panelConstraints: t, panelId: n, panelIndex: r }) {
 		valueNow: o
 	};
 }
-function ot({ children: e, className: t, disabled: n, disableDoubleClick: r, elementRef: a, id: o, style: s, ...c }) {
-	let d = Z(o), p = Ze({
+function at({ children: e, className: t, disabled: n, disableDoubleClick: r, elementRef: a, id: o, style: s, ...c }) {
+	let d = X(o), p = Ze({
 		disabled: n,
 		disableDoubleClick: r
-	}), [m, h] = u({}), [g, _] = u("inactive"), [v, y] = u(!1), b = l(null), x = Xe(b, a), { disableCursor: S, id: C, orientation: w, registerSeparator: T, updateSeparatorProps: E } = tt(), D = w === "horizontal" ? "vertical" : "horizontal";
-	Q(() => {
+	}), [m, h] = u({}), [g, _] = u("inactive"), [v, y] = u(!1), b = l(null), x = Xe(b, a), { disableCursor: S, id: C, orientation: w, registerSeparator: T, updateSeparatorProps: E } = $(), D = w === "horizontal" ? "vertical" : "horizontal";
+	Z(() => {
 		let e = b.current;
 		if (e !== null) {
 			let t = {
@@ -1448,7 +1467,7 @@ function ot({ children: e, className: t, disabled: n, disableDoubleClick: r, ele
 				let { derivedPanelConstraints: n, layout: r, separatorToPanels: i } = e.next, a = i.get(t);
 				if (a) {
 					let e = a[0], t = a.indexOf(e);
-					h(at({
+					h(it({
 						layout: r,
 						panelConstraints: n,
 						panelId: e.id,
@@ -1514,20 +1533,29 @@ function ot({ children: e, className: t, disabled: n, disableDoubleClick: r, ele
 		tabIndex: n ? void 0 : 0
 	});
 }
-ot.displayName = "Separator";
+at.displayName = "Separator";
 //#endregion
 //#region src/resizable.tsx
-var st = ({ className: t, direction: n, ...r }) => /* @__PURE__ */ f(et, {
-	orientation: n,
-	className: e("flex h-full w-full data-[panel-group-direction=vertical]:flex-col", t),
-	...r
-}), ct = rt, lt = ({ withHandle: t, className: n, ...r }) => /* @__PURE__ */ f(ot, {
-	className: e("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: t && /* @__PURE__ */ f("div", {
-		className: "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-sm border",
-		children: /* @__PURE__ */ f(p, { className: "h-2.5 w-2.5" })
-	})
-});
+function ot({ className: t, ...n }) {
+	return /* @__PURE__ */ f(et, {
+		"data-slot": "resizable-panel-group",
+		className: e("flex h-full w-full aria-[orientation=vertical]:flex-col", t),
+		...n
+	});
+}
+function st({ ...e }) {
+	return /* @__PURE__ */ f(nt, {
+		"data-slot": "resizable-panel",
+		...e
+	});
+}
+function ct({ withHandle: t, className: n, ...r }) {
+	return /* @__PURE__ */ f(at, {
+		"data-slot": "resizable-handle",
+		className: e("bg-border ring-offset-background focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:start-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:outline-hidden aria-[orientation=horizontal]:h-px aria-[orientation=horizontal]:w-full aria-[orientation=horizontal]:after:start-0 aria-[orientation=horizontal]:after:h-1 aria-[orientation=horizontal]:after:w-full aria-[orientation=horizontal]:after:translate-x-0 aria-[orientation=horizontal]:after:-translate-y-1/2 rtl:after:translate-x-1/2 rtl:aria-[orientation=horizontal]:after:-translate-x-0 [&[aria-orientation=horizontal]>div]:rotate-90", n),
+		...r,
+		children: t && /* @__PURE__ */ f("div", { className: "bg-border z-10 flex h-6 w-1 shrink-0 rounded-lg" })
+	});
+}
 //#endregion
-export { ct as n, st as r, lt as t };
+export { st as n, ot as r, ct as t };