react-resizable-panels 4.14.8 → 4.15.0

package/dist/react-resizable-panels.js

@@ -1,25 +1,25 @@
 "use client";
-import { jsx as Y, jsxs as Mn } from "react/jsx-runtime";
-import { useId as Pn, useLayoutEffect as en, useEffect as qe, useRef as B, useCallback as re, createContext as tn, useContext as nn, useState as ge, useMemo as Me, useImperativeHandle as ft, useSyncExternalStore as tt, Children as Tn, isValidElement as on } from "react";
-function et(e) {
+import { jsx as X, jsxs as Gn } from "react/jsx-runtime";
+import { useId as Nn, useLayoutEffect as cn, useEffect as je, useRef as H, useCallback as se, createContext as Ue, useContext as We, useState as ve, useMemo as pe, useImperativeHandle as St, useSyncExternalStore as at, Children as Fn, isValidElement as ln } from "react";
+function it(e) {
   return (typeof e == "number" || typeof e == "string") && e !== "";
 }
-function Pe(e) {
-  const t = Pn();
-  return et(e) ? `${e}` : t;
+function Ae(e) {
+  const t = Nn();
+  return it(e) ? `${e}` : t;
 }
-const ne = typeof window < "u" ? en : qe;
-function Se(e) {
-  const t = B(e);
-  return ne(() => {
+const re = typeof window < "u" ? cn : je;
+function we(e) {
+  const t = H(e);
+  return re(() => {
     t.current = e;
-  }, [e]), re(
+  }, [e]), se(
     (...n) => t.current?.(...n),
     [t]
   );
 }
-function He(...e) {
-  return Se((t) => {
+function Ye(...e) {
+  return we((t) => {
     e.forEach((n) => {
       if (n)
         switch (typeof n) {
@@ -35,24 +35,24 @@ function He(...e) {
     });
   });
 }
-function Ve(e, t) {
+function Xe(e, t) {
   const n = e?.["data-testid"];
-  return et(n) ? `${n}` : et(t) ? `${t}` : void 0;
+  return it(n) ? `${n}` : it(t) ? `${t}` : void 0;
 }
-function lt(e, t) {
+function ht(e, t) {
   return t ? e * 2 + 1 : e + 1;
 }
-function $n(e, t) {
+function _n(e, t) {
   return t ? e * 2 - 1 : e;
 }
-function Ct(e, t, n) {
-  const o = lt(e, n);
-  return t === void 0 ? `${o} / -1` : `${o} / span ${$n(t, n)}`;
+function Tt(e, t, n) {
+  const o = ht(e, n);
+  return t === void 0 ? `${o} / -1` : `${o} / span ${_n(t, n)}`;
 }
-function kn(e) {
+function Bn(e) {
   return `${e * 2} / span 1`;
 }
-function An({
+function Hn({
   crossCount: e,
   crossSpan: t,
   crossStart: n,
@@ -61,25 +61,25 @@ function An({
   const r = t === void 0 ? e : n + t;
   if (n === 0 && r === e)
     return "1 / -1";
-  let i = lt(n, o), s = lt(r - 1, o) + 1;
+  let i = ht(n, o), s = ht(r - 1, o) + 1;
   return o && (n > 0 && i--, r < e && s++), `${i} / ${s}`;
 }
-function mt(e, t) {
+function vt(e, t) {
   return Number.isInteger(e) && e >= 1 && e < t;
 }
-function D(e, t = "Assertion error") {
+function F(e, t = "Assertion error") {
   if (!e)
     throw Error(t);
 }
-const rn = tn(null);
-function sn() {
-  const e = nn(rn);
-  return D(
+const un = Ue(null);
+function dn() {
+  const e = We(un);
+  return F(
     e,
     "Grid Context not found; did you render a Cell or Gridline outside of a Grid?"
   ), e;
 }
-function Dn({
+function qn({
   children: e,
   className: t,
   column: n,
@@ -91,51 +91,51 @@ function Dn({
   style: u,
   ...l
 }) {
-  const c = Pe(i), { gutters: d, registerCell: p } = sn(), g = B(null), f = He(g, r);
-  return ne(() => {
-    const m = g.current;
-    if (m !== null)
+  const c = Ae(i), { gutters: d, registerCell: p } = dn(), g = H(null), m = Ye(g, r);
+  return re(() => {
+    const f = g.current;
+    if (f !== null)
       return p({
         column: n,
         columnSpan: o,
-        element: m,
+        element: f,
         id: c,
         row: s,
         rowSpan: a
       });
-  }, [n, o, c, p, s, a]), /* @__PURE__ */ Y(
+  }, [n, o, c, p, s, a]), /* @__PURE__ */ X(
     "div",
     {
       ...l,
       className: t,
       "data-cell": !0,
-      "data-testid": Ve(l, i),
+      "data-testid": Xe(l, i),
       id: c,
-      ref: f,
+      ref: m,
       style: {
         overflow: "auto",
         ...u,
         // Allow cells to shrink smaller than their content
         minHeight: 0,
         minWidth: 0,
-        gridColumn: Ct(n, o, d.column),
-        gridRow: Ct(s, a, d.row)
+        gridColumn: Tt(n, o, d.column),
+        gridRow: Tt(s, a, d.row)
       },
       children: e
     }
   );
 }
-Dn.displayName = "Cell";
-let Xe;
-function On() {
-  return Xe === void 0 && (typeof matchMedia == "function" ? Xe = !!matchMedia("(pointer:coarse)").matches : Xe = !1), Xe;
+qn.displayName = "Cell";
+let et;
+function Vn() {
+  return et === void 0 && (typeof matchMedia == "function" ? et = !!matchMedia("(pointer:coarse)").matches : et = !1), et;
 }
-function ut({
+function gt({
   expandHitTargets: e,
   axis: t,
   rect: n
 }) {
-  const o = e ? On() ? t.resizeTargetMinimumSize.coarse : t.resizeTargetMinimumSize.fine : 0;
+  const o = e ? Vn() ? t.resizeTargetMinimumSize.coarse : t.resizeTargetMinimumSize.fine : 0;
   if (n.width < o) {
     const r = o - n.width;
     n = new DOMRect(
@@ -156,7 +156,7 @@ function ut({
   }
   return n;
 }
-function Rt({
+function At({
   axis: e,
   cells: t,
   index: n,
@@ -172,17 +172,17 @@ function Rt({
       const p = e === "column" ? d.top : d.left, g = e === "column" ? d.bottom : d.right;
       if (l >= g || c <= p)
         return [d];
-      const f = [], m = (h, S) => {
-        f.push(
-          e === "column" ? new DOMRect(d.x, h, d.width, S - h) : new DOMRect(h, d.y, S - h, d.height)
+      const m = [], f = (y, S) => {
+        m.push(
+          e === "column" ? new DOMRect(d.x, y, d.width, S - y) : new DOMRect(y, d.y, S - y, d.height)
         );
       };
-      return p < l && m(p, l), g > c && m(c, g), f;
+      return p < l && f(p, l), g > c && f(c, g), m;
     }));
   }
   return r;
 }
-function Nn({
+function jn({
   axis: e,
   cells: t,
   crossTrackCount: n,
@@ -194,132 +194,132 @@ function Nn({
 }) {
   const { items: u, separators: l } = r, c = u.length;
   let d = -1, p = -1, g = 0;
-  if (u.forEach((w, x) => {
-    w.constraintProps.disabled || (g++, d === -1 && (d = x), p = x);
+  if (u.forEach((b, w) => {
+    b.constraintProps.disabled || (g++, d === -1 && (d = w), p = w);
   }), !s && g < 2)
     return [];
-  const f = (w) => s || w > d && w <= p, m = [], h = (w, x, v) => ({
+  const m = (b) => s || b > d && b <= p, f = [], y = (b, w, h) => ({
     axis: r,
     axisSize: i,
-    items: [u[w - 1], u[w]],
-    rect: x,
-    separator: v
-  }), S = (w, x) => {
-    let v;
-    for (const M of t) {
-      const k = e === "column" ? M.row : M.column, P = e === "column" ? M.rowSpan : M.columnSpan;
-      if (x === "start" ? k === w : k + P - 1 === w) {
-        const A = M.element.getBoundingClientRect();
-        if (x === "start") {
-          const C = e === "column" ? A.top : A.left;
-          v = v === void 0 ? C : Math.min(v, C);
+    items: [u[b - 1], u[b]],
+    rect: w,
+    separator: h
+  }), S = (b, w) => {
+    let h;
+    for (const I of t) {
+      const L = e === "column" ? I.row : I.column, M = e === "column" ? I.rowSpan : I.columnSpan;
+      if (w === "start" ? L === b : L + M - 1 === b) {
+        const T = I.element.getBoundingClientRect();
+        if (w === "start") {
+          const E = e === "column" ? T.top : T.left;
+          h = h === void 0 ? E : Math.min(h, E);
         } else {
-          const C = e === "column" ? A.bottom : A.right;
-          v = v === void 0 ? C : Math.max(v, C);
+          const E = e === "column" ? T.bottom : T.right;
+          h = h === void 0 ? E : Math.max(h, E);
         }
       }
     }
-    return v;
-  }, y = /* @__PURE__ */ new Set();
-  for (const w of l) {
-    const x = a.get(w);
-    if (!x || x.index < 1 || x.index >= c || (y.add(x.index), !s && (w.disabled || w.element.hasAttribute("aria-disabled"))) || !f(x.index))
+    return h;
+  }, v = /* @__PURE__ */ new Set();
+  for (const b of l) {
+    const w = a.get(b);
+    if (!w || w.index < 1 || w.index >= c || (v.add(w.index), !s && (b.disabled || b.element.hasAttribute("aria-disabled"))) || !m(w.index))
       continue;
-    let v = w.element.getBoundingClientRect();
-    const { crossSpan: M, crossStart: k } = x, P = M === void 0 ? n : k + M;
-    let A = e === "column" ? v.top : v.left, C = e === "column" ? v.bottom : v.right;
-    if (k > 0) {
-      const I = S(k - 1, "end");
-      I !== void 0 && I < A && (A = I);
-    }
-    if (P < n) {
-      const I = S(P, "start");
-      I !== void 0 && I > C && (C = I);
-    }
-    v = e === "column" ? new DOMRect(v.x, A, v.width, C - A) : new DOMRect(A, v.y, C - A, v.height), v = ut({ expandHitTargets: o, axis: r, rect: v }), s ? m.push(h(x.index, v, w)) : Rt({
+    let h = b.element.getBoundingClientRect();
+    const { crossSpan: I, crossStart: L } = w, M = I === void 0 ? n : L + I;
+    let T = e === "column" ? h.top : h.left, E = e === "column" ? h.bottom : h.right;
+    if (L > 0) {
+      const G = S(L - 1, "end");
+      G !== void 0 && G < T && (T = G);
+    }
+    if (M < n) {
+      const G = S(M, "start");
+      G !== void 0 && G > E && (E = G);
+    }
+    h = e === "column" ? new DOMRect(h.x, T, h.width, E - T) : new DOMRect(T, h.y, E - T, h.height), h = gt({ expandHitTargets: o, axis: r, rect: h }), s ? f.push(y(w.index, h, b)) : At({
       axis: e,
       cells: t,
-      index: x.index,
-      rect: v
-    }).forEach((I) => {
-      m.push(h(x.index, I, w));
+      index: w.index,
+      rect: h
+    }).forEach((G) => {
+      f.push(y(w.index, G, b));
     });
   }
-  const z = (w, x) => {
-    Rt({
+  const z = (b, w) => {
+    At({
       axis: e,
       cells: t,
-      index: w,
-      rect: ut({ expandHitTargets: o, axis: r, rect: x })
-    }).forEach((v) => {
-      m.push(h(w, v));
+      index: b,
+      rect: gt({ expandHitTargets: o, axis: r, rect: w })
+    }).forEach((h) => {
+      f.push(y(b, h));
     });
-  }, b = Array.from(
+  }, x = Array.from(
     { length: n },
     () => new Array(c)
   );
-  for (const w of t) {
-    const [x, v, M, k] = e === "column" ? [w.column, w.columnSpan, w.row, w.rowSpan] : [w.row, w.rowSpan, w.column, w.columnSpan];
-    for (let P = Math.max(0, M); P < Math.min(n, M + k); P++)
-      for (let A = Math.max(0, x); A < Math.min(c, x + v); A++)
-        b[P][A] ??= w;
+  for (const b of t) {
+    const [w, h, I, L] = e === "column" ? [b.column, b.columnSpan, b.row, b.rowSpan] : [b.row, b.rowSpan, b.column, b.columnSpan];
+    for (let M = Math.max(0, I); M < Math.min(n, I + L); M++)
+      for (let T = Math.max(0, w); T < Math.min(c, w + h); T++)
+        x[M][T] ??= b;
   }
-  const E = /* @__PURE__ */ new Map(), F = (w) => {
-    let x = E.get(w);
-    if (!x) {
-      const v = w.element.getBoundingClientRect();
-      x = e === "column" ? {
-        crossEnd: v.bottom,
-        crossStart: v.top,
-        end: v.right,
-        start: v.left
+  const R = /* @__PURE__ */ new Map(), k = (b) => {
+    let w = R.get(b);
+    if (!w) {
+      const h = b.element.getBoundingClientRect();
+      w = e === "column" ? {
+        crossEnd: h.bottom,
+        crossStart: h.top,
+        end: h.right,
+        start: h.left
       } : {
-        crossEnd: v.right,
-        crossStart: v.left,
-        end: v.bottom,
-        start: v.top
-      }, E.set(w, x);
-    }
-    return x;
-  }, N = ({ crossEnd: w, crossStart: x, end: v, start: M }) => e === "column" ? new DOMRect(M, x, v - M, w - x) : new DOMRect(x, M, w - x, v - M);
-  for (let w = 1; w < c; w++) {
-    if (y.has(w) || !f(w))
+        crossEnd: h.right,
+        crossStart: h.left,
+        end: h.bottom,
+        start: h.top
+      }, R.set(b, w);
+    }
+    return w;
+  }, O = ({ crossEnd: b, crossStart: w, end: h, start: I }) => e === "column" ? new DOMRect(I, w, h - I, b - w) : new DOMRect(w, I, b - w, h - I);
+  for (let b = 1; b < c; b++) {
+    if (v.has(b) || !m(b))
       continue;
-    let x;
-    for (let v = 0; v < n; v++) {
-      const M = b[v][w - 1], k = b[v][w];
-      let P;
-      if ((M || k) && M !== k) {
-        const A = M ? F(M) : void 0, C = k ? F(k) : void 0, I = A?.end ?? C.start, R = C?.start ?? A.end, q = Math.max(
-          A?.crossStart ?? -1 / 0,
-          C?.crossStart ?? -1 / 0
-        ), K = Math.min(
-          A?.crossEnd ?? 1 / 0,
-          C?.crossEnd ?? 1 / 0
+    let w;
+    for (let h = 0; h < n; h++) {
+      const I = x[h][b - 1], L = x[h][b];
+      let M;
+      if ((I || L) && I !== L) {
+        const T = I ? k(I) : void 0, E = L ? k(L) : void 0, G = T?.end ?? E.start, N = E?.start ?? T.end, P = Math.max(
+          T?.crossStart ?? -1 / 0,
+          E?.crossStart ?? -1 / 0
+        ), A = Math.min(
+          T?.crossEnd ?? 1 / 0,
+          E?.crossEnd ?? 1 / 0
         );
-        P = {
-          crossEnd: Math.max(q, K),
-          crossStart: q,
-          end: Math.max(I, R),
-          start: Math.min(I, R)
+        M = {
+          crossEnd: Math.max(P, A),
+          crossStart: P,
+          end: Math.max(G, N),
+          start: Math.min(G, N)
         };
       }
-      P ? x = x ? {
-        crossEnd: Math.max(x.crossEnd, P.crossEnd),
-        crossStart: Math.min(x.crossStart, P.crossStart),
-        end: Math.max(x.end, P.end),
-        start: Math.min(x.start, P.start)
-      } : P : x && (z(w, N(x)), x = void 0);
-    }
-    x && z(w, N(x));
+      M ? w = w ? {
+        crossEnd: Math.max(w.crossEnd, M.crossEnd),
+        crossStart: Math.min(w.crossStart, M.crossStart),
+        end: Math.max(w.end, M.end),
+        start: Math.min(w.start, M.start)
+      } : M : w && (z(b, O(w)), w = void 0);
+    }
+    w && z(b, O(w));
   }
-  return m;
+  return f;
 }
-function le(e) {
+function fe(e) {
   const t = parseFloat(e ?? "");
   return Number.isFinite(t) ? t : 0;
 }
-function Gn({
+function Un({
   axis: e,
   element: t,
   gutterSizes: n,
@@ -329,29 +329,29 @@ function Gn({
 }) {
   const s = i.length, a = o ? s * 2 - 1 : s, u = t.ownerDocument.defaultView?.getComputedStyle(t), l = e === "column" ? u?.gridTemplateColumns : u?.gridTemplateRows;
   if (l) {
-    const m = l.trim().split(/\s+/);
-    if (m.length === a && m.every((h) => /^-?[\d.]+px$/.test(h))) {
-      const h = i.map(
-        (S, y) => le(m[o ? y * 2 : y])
+    const f = l.trim().split(/\s+/);
+    if (f.length === a && f.every((y) => /^-?[\d.]+px$/.test(y))) {
+      const y = i.map(
+        (S, v) => fe(f[o ? v * 2 : v])
       );
       return {
-        availableSize: h.reduce((S, y) => S + y, 0),
-        trackSizes: h
+        availableSize: y.reduce((S, v) => S + v, 0),
+        trackSizes: y
       };
     }
   }
-  const c = e === "column" ? t.offsetWidth : t.offsetHeight, d = e === "column" ? le(u?.paddingLeft) + le(u?.paddingRight) + le(u?.borderLeftWidth) + le(u?.borderRightWidth) : le(u?.paddingTop) + le(u?.paddingBottom) + le(u?.borderTopWidth) + le(u?.borderBottomWidth), p = le(e === "column" ? u?.columnGap : u?.rowGap), g = n.reduce((m, h) => m + h, 0), f = Math.max(
+  const c = e === "column" ? t.offsetWidth : t.offsetHeight, d = e === "column" ? fe(u?.paddingLeft) + fe(u?.paddingRight) + fe(u?.borderLeftWidth) + fe(u?.borderRightWidth) : fe(u?.paddingTop) + fe(u?.paddingBottom) + fe(u?.borderTopWidth) + fe(u?.borderBottomWidth), p = fe(e === "column" ? u?.columnGap : u?.rowGap), g = n.reduce((f, y) => f + y, 0), m = Math.max(
     0,
     c - d - p * Math.max(0, a - 1) - g
   );
   return {
-    availableSize: f,
+    availableSize: m,
     trackSizes: i.map(
-      (m) => r && r[m] !== void 0 ? r[m] / 100 * f : f / s
+      (f) => r && r[f] !== void 0 ? r[f] / 100 * m : m / s
     )
   };
 }
-function an(e) {
+function fn(e) {
   switch (typeof e) {
     case "number":
       return [e, "px"];
@@ -361,7 +361,7 @@ function an(e) {
     }
   }
 }
-class cn {
+class mn {
   #e = {};
   addListener(t, n) {
     const o = this.#e[t];
@@ -401,68 +401,76 @@ class cn {
     }
   }
 }
-let H = {
+function Wn(e) {
+  const t = (o) => {
+    o.preventDefault(), o.stopPropagation(), n();
+  }, n = () => {
+    e.removeEventListener("click", t, !0);
+  };
+  e.addEventListener("click", t, !0), setTimeout(n, 0);
+}
+let Y = {
   cursorFlags: 0,
   state: "inactive"
 };
-const pt = new cn();
-function ie() {
-  return H;
+const bt = new mn();
+function ae() {
+  return Y;
 }
-function ht(e) {
-  return pt.addListener("change", e);
+function xt(e) {
+  return bt.addListener("change", e);
 }
-function Fn(e, t = [], n, o = !1) {
-  const r = H, i = { ...H };
-  i.cursorFlags = e, i.state === "active" && (i.didPointerMove ||= o, i.previews = t, n && (i.previewLayoutMap = n)), H = i, pt.emit("change", {
+function Yn(e, t = [], n, o = !1) {
+  const r = Y, i = { ...Y };
+  i.cursorFlags = e, i.state === "active" && (i.didPointerMove ||= o, i.previews = t, n && (i.previewLayoutMap = n)), Y = i, bt.emit("change", {
     prev: r,
     next: i
   });
 }
-function fe(e) {
-  const t = H;
-  H = e, t.state === "active" && e.state !== "active" && t.didPointerMove && t.hitRegions.forEach(({ separator: n }) => {
+function he(e) {
+  const t = Y;
+  Y = e, t.state === "active" && e.state !== "active" && t.didPointerMove && (t.hitRegions.forEach(({ separator: n }) => {
     n && n.element.ownerDocument.activeElement === n.element && n.element.blur();
-  }), pt.emit("change", {
+  }), Wn(t.ownerDocument)), bt.emit("change", {
     prev: t,
     next: e
   });
 }
-function _n(e) {
-  H.state !== "active" || !H.previews.some((t) => t.separator === e) || fe({
-    ...H,
-    previews: H.previews.map(
+function Xn(e) {
+  Y.state !== "active" || !Y.previews.some((t) => t.separator === e) || he({
+    ...Y,
+    previews: Y.previews.map(
       (t) => t.separator === e ? { ...t } : t
     )
   });
 }
-function Bn(e) {
-  if (H.state === "inactive")
+function Kn(e) {
+  if (Y.state === "inactive")
     return;
-  const t = H.hitRegions.filter((o) => o.axis !== e), n = H.state === "active" && H.previews.some((o) => o.axis === e);
-  if (!(t.length === H.hitRegions.length && !n))
+  const t = Y.hitRegions.filter((o) => o.axis !== e), n = Y.state === "active" && Y.previews.some((o) => o.axis === e);
+  if (!(t.length === Y.hitRegions.length && !n))
     if (t.length === 0)
-      fe({ cursorFlags: 0, state: "inactive" });
-    else if (H.state === "active") {
-      const o = new Map(H.initialLayoutMap), r = new Map(H.previewLayoutMap);
-      o.delete(e), r.delete(e), fe({
-        ...H,
+      he({ cursorFlags: 0, state: "inactive" });
+    else if (Y.state === "active") {
+      const o = new Map(Y.initialLayoutMap), r = new Map(Y.previewLayoutMap);
+      o.delete(e), r.delete(e), he({
+        ...Y,
         cursorFlags: 0,
         hitRegions: t,
         initialLayoutMap: o,
         previewLayoutMap: r,
-        previews: H.previews.filter((i) => i.axis !== e)
+        previews: Y.previews.filter((i) => i.axis !== e)
       });
     } else
-      fe({ ...H, hitRegions: t });
+      he({ ...Y, hitRegions: t });
 }
-const qn = (e) => e, ct = () => {
-}, ln = 1, un = 2, dn = 4, fn = 8, Et = 3, Mt = 12;
-let Ke;
-function Pt() {
-  return Ke === void 0 && (Ke = !1, typeof window < "u" && (window.navigator.userAgent.includes("Chrome") || window.navigator.userAgent.includes("Firefox")) && (Ke = !0)), Ke;
+const Jn = (e) => e, pt = () => {
+}, pn = 1, hn = 2, gn = 4, yn = 8, $t = 3, Dt = 12;
+let tt;
+function Ot() {
+  return tt === void 0 && (tt = !1, typeof window < "u" && (window.navigator.userAgent.includes("Chrome") || window.navigator.userAgent.includes("Firefox")) && (tt = !0)), tt;
 }
-function Hn({
+function Zn({
   cursorFlags: e,
   axes: t,
   state: n
@@ -488,8 +496,8 @@ function Hn({
   if (!(o === 0 && r === 0)) {
     switch (n) {
       case "active": {
-        if (e && Pt()) {
-          const i = (e & ln) !== 0, s = (e & un) !== 0, a = (e & dn) !== 0, u = (e & fn) !== 0;
+        if (e && Ot()) {
+          const i = (e & pn) !== 0, s = (e & hn) !== 0, a = (e & gn) !== 0, u = (e & yn) !== 0;
           if (i)
             return a ? "se-resize" : u ? "ne-resize" : "e-resize";
           if (s)
@@ -502,23 +510,23 @@ function Hn({
         break;
       }
     }
-    return Pt() ? o > 0 && r > 0 ? "move" : o > 0 ? "ew-resize" : "ns-resize" : o > 0 && r > 0 ? "grab" : o > 0 ? "col-resize" : "row-resize";
+    return Ot() ? o > 0 && r > 0 ? "move" : o > 0 ? "ew-resize" : "ns-resize" : o > 0 && r > 0 ? "grab" : o > 0 ? "col-resize" : "row-resize";
   }
 }
-const Tt = /* @__PURE__ */ new WeakMap();
-function $t(e) {
+const Gt = /* @__PURE__ */ new WeakMap();
+function Nt(e) {
   if (!e.defaultView || !e.adoptedStyleSheets)
     return;
-  let { prevStyle: t, styleSheet: n } = Tt.get(e) ?? {};
+  let { prevStyle: t, styleSheet: n } = Gt.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 o = ie();
+  let o = ae();
   switch (o.state !== "inactive" && o.ownerDocument !== e && (o = { cursorFlags: 0, state: "inactive" }), o.state) {
     case "active":
     case "hover": {
-      const r = Hn({
+      const r = Zn({
         cursorFlags: o.cursorFlags,
         axes: o.hitRegions.map((s) => s.axis),
         state: o.state
@@ -533,49 +541,49 @@ function $t(e) {
       break;
     }
   }
-  Tt.set(e, {
+  Gt.set(e, {
     prevStyle: t,
     styleSheet: n
   });
 }
-function kt(e) {
+function Ft(e) {
   return e.state === "inactive" ? void 0 : e.ownerDocument;
 }
-function Vn({
+function Qn({
   next: e,
   prev: t
 }) {
-  const n = kt(t), o = kt(e);
-  n && n !== o && $t(n), o && $t(o);
+  const n = Ft(t), o = Ft(e);
+  n && n !== o && Nt(n), o && Nt(o);
 }
-function je({
+function Ke({
   axis: e
 }) {
   const { layoutStrategy: t, orientation: n, items: o } = e;
   return t ? t.calculateAvailableSize() : o.reduce((r, i) => (r += n === "horizontal" ? i.element.offsetWidth : i.element.offsetHeight, r), 0);
 }
-function gt(e, t) {
+function wt(e, t) {
   const n = e.compareDocumentPosition(t);
   return n & Node.DOCUMENT_POSITION_DISCONNECTED ? 0 : n & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : n & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;
 }
-function Ne(e, t) {
+function _e(e, t) {
   return Array.from(t).sort((n, o) => {
-    const r = e === "horizontal" ? jn(n, o) : Un(n, o);
-    return r !== 0 ? r : gt(n.element, o.element);
+    const r = e === "horizontal" ? eo(n, o) : to(n, o);
+    return r !== 0 ? r : wt(n.element, o.element);
   });
 }
-function jn(e, t) {
+function eo(e, t) {
   const n = e.element.offsetLeft - t.element.offsetLeft;
   return n !== 0 ? n : e.element.offsetWidth - t.element.offsetWidth;
 }
-function Un(e, t) {
+function to(e, t) {
   const n = e.element.offsetTop - t.element.offsetTop;
   return n !== 0 ? n : e.element.offsetHeight - t.element.offsetHeight;
 }
-function dt(e) {
+function yt(e) {
   return e !== null && typeof e == "object" && "nodeType" in e && e.nodeType === Node.ELEMENT_NODE;
 }
-function mn(e, t) {
+function Sn(e, t) {
   return {
     x: e.x >= t.left && e.x <= t.right ? 0 : Math.min(
       Math.abs(e.x - t.left),
@@ -587,7 +595,7 @@ function mn(e, t) {
     )
   };
 }
-function Wn({
+function no({
   orientation: e,
   rects: t,
   targetRect: n
@@ -598,12 +606,12 @@ function Wn({
   };
   let r, i = Number.MAX_VALUE;
   for (const s of t) {
-    const { x: a, y: u } = mn(o, s), l = e === "horizontal" ? a : u;
+    const { x: a, y: u } = Sn(o, s), l = e === "horizontal" ? a : u;
     l < i && (i = l, r = s);
   }
-  return D(r, "No rect found"), r;
+  return F(r, "No rect found"), r;
 }
-function yt({
+function zt({
   expandHitTargets: e = !0,
   axis: t,
   includeDisabled: n = !1
@@ -614,128 +622,128 @@ function yt({
       axis: t,
       includeDisabled: n
     });
-  const { element: o, orientation: r, items: i, separators: s } = t, a = Ne(
+  const { element: o, orientation: r, items: i, separators: s } = t, a = _e(
     r,
-    Array.from(o.children).filter(dt).filter((S) => !S.hasAttribute("data-resize-preview")).map((S) => ({ element: S }))
+    Array.from(o.children).filter(yt).filter((S) => !S.hasAttribute("data-resize-preview")).map((S) => ({ element: S }))
   ).map(({ element: S }) => S), u = [];
-  let l = !1, c = !1, d = -1, p, g = -1, f = 0, m, h = [];
+  let l = !1, c = !1, d = -1, p, g = -1, m = 0, f, y = [];
   {
     let S = -1;
-    for (const y of a)
-      y.hasAttribute("data-panel") && (S++, y.hasAttribute("data-disabled") || (f++, d === -1 && (d = S), g = S));
+    for (const v of a)
+      v.hasAttribute("data-panel") && (S++, v.hasAttribute("data-disabled") || (m++, d === -1 && (d = S), g = S));
   }
-  if (n || f > 1) {
+  if (n || m > 1) {
     let S = -1;
-    for (const y of a)
-      if (y.hasAttribute("data-panel")) {
+    for (const v of a)
+      if (v.hasAttribute("data-panel")) {
         S++;
         const z = i.find(
-          (b) => b.element === y
+          (x) => x.element === v
         );
         if (z) {
-          if (m) {
-            const b = m.element.getBoundingClientRect(), E = y.getBoundingClientRect();
-            let F;
+          if (f) {
+            const x = f.element.getBoundingClientRect(), R = v.getBoundingClientRect();
+            let k;
             if (c) {
-              const N = r === "horizontal" ? new DOMRect(
-                b.right,
-                b.top,
+              const O = r === "horizontal" ? new DOMRect(
+                x.right,
+                x.top,
                 0,
-                b.height
+                x.height
               ) : new DOMRect(
-                b.left,
-                b.bottom,
-                b.width,
+                x.left,
+                x.bottom,
+                x.width,
                 0
-              ), w = r === "horizontal" ? new DOMRect(E.left, E.top, 0, E.height) : new DOMRect(E.left, E.top, E.width, 0);
-              switch (h.length) {
+              ), b = r === "horizontal" ? new DOMRect(R.left, R.top, 0, R.height) : new DOMRect(R.left, R.top, R.width, 0);
+              switch (y.length) {
                 case 0: {
-                  F = [
-                    N,
-                    w
+                  k = [
+                    O,
+                    b
                   ];
                   break;
                 }
                 case 1: {
-                  const x = h[0], v = Wn({
+                  const w = y[0], h = no({
                     orientation: r,
-                    rects: [b, E],
-                    targetRect: x.element.getBoundingClientRect()
+                    rects: [x, R],
+                    targetRect: w.element.getBoundingClientRect()
                   });
-                  F = [
-                    x,
-                    v === b ? w : N
+                  k = [
+                    w,
+                    h === x ? b : O
                   ];
                   break;
                 }
                 default: {
-                  F = h;
+                  k = y;
                   break;
                 }
               }
             } else
-              h.length ? F = h : F = [
+              y.length ? k = y : k = [
                 r === "horizontal" ? new DOMRect(
-                  b.right,
-                  E.top,
-                  E.left - b.right,
-                  E.height
+                  x.right,
+                  R.top,
+                  R.left - x.right,
+                  R.height
                 ) : new DOMRect(
-                  E.left,
-                  b.bottom,
-                  E.width,
-                  E.top - b.bottom
+                  R.left,
+                  x.bottom,
+                  R.width,
+                  R.top - x.bottom
                 )
               ];
-            for (const N of F) {
-              const w = ut({
+            for (const O of k) {
+              const b = gt({
                 expandHitTargets: e,
                 axis: t,
-                rect: "width" in N ? N : N.element.getBoundingClientRect()
-              }), x = S <= d || S > g;
-              (n || !l && !x) && (p ??= je({ axis: t }), u.push({
+                rect: "width" in O ? O : O.element.getBoundingClientRect()
+              }), w = S <= d || S > g;
+              (n || !l && !w) && (p ??= Ke({ axis: t }), u.push({
                 axis: t,
                 axisSize: p,
-                items: [m, z],
-                separator: "width" in N ? void 0 : N,
-                rect: w
+                items: [f, z],
+                separator: "width" in O ? void 0 : O,
+                rect: b
               })), l = !1;
             }
           }
-          c = !1, m = z, h = [];
+          c = !1, f = z, y = [];
         }
-      } else if (y.hasAttribute("data-separator")) {
-        y.ariaDisabled !== null && (l = !0);
+      } else if (v.hasAttribute("data-separator")) {
+        v.ariaDisabled !== null && (l = !0);
         const z = s.find(
-          (b) => b.element === y
+          (x) => x.element === v
         );
-        z ? h.push(z) : (m = void 0, h = []);
+        z ? y.push(z) : (f = void 0, y = []);
       } else
         c = !0;
   }
   return u;
 }
-function Yn(e, t) {
+function oo(e, t) {
   const n = getComputedStyle(e), o = parseFloat(n.fontSize);
   return t * o;
 }
-function Xn(e, t) {
+function ro(e, t) {
   const n = getComputedStyle(e.ownerDocument.documentElement), o = parseFloat(n.fontSize);
   return t * o;
 }
-function Kn(e) {
+function io(e) {
   return e / 100 * window.innerHeight;
 }
-function Jn(e) {
+function so(e) {
   return e / 100 * window.innerWidth;
 }
-function Le({
+function Me({
   axisSize: e,
   itemElement: t,
   styleProp: n
 }) {
   let o;
-  const [r, i] = an(n);
+  const [r, i] = fn(n);
   switch (i) {
     case "%": {
       o = r / 100 * e;
@@ -746,28 +754,28 @@ function Le({
       break;
     }
     case "rem": {
-      o = Xn(t, r);
+      o = ro(t, r);
       break;
     }
     case "em": {
-      o = Yn(t, r);
+      o = oo(t, r);
       break;
     }
     case "vh": {
-      o = Kn(r);
+      o = io(r);
       break;
     }
     case "vw": {
-      o = Jn(r);
+      o = so(r);
       break;
     }
   }
   return o;
 }
-function Z(e) {
+function Q(e) {
   return parseFloat(e.toFixed(3));
 }
-function St(e, t = je({ axis: e })) {
+function Lt(e, t = Ke({ axis: e })) {
   const { items: n } = e;
   return t === 0 ? n.map((o) => ({
     groupResizeBehavior: o.constraintProps.groupResizeBehavior,
@@ -782,48 +790,48 @@ function St(e, t = je({ axis: e })) {
     const { element: r, constraintProps: i } = o;
     let s = 0;
     if (i.collapsedSize !== void 0) {
-      const d = Le({
+      const d = Me({
         axisSize: t,
         itemElement: r,
         styleProp: i.collapsedSize
       });
-      s = Z(d / t * 100);
+      s = Q(d / t * 100);
     }
     let a;
     if (i.collapsedThreshold !== void 0) {
-      const d = Le({
+      const d = Me({
         axisSize: t,
         itemElement: r,
         styleProp: i.collapsedThreshold
       });
-      a = Z(d / t * 100);
+      a = Q(d / t * 100);
     }
     let u;
     if (i.defaultSize !== void 0) {
-      const d = Le({
+      const d = Me({
         axisSize: t,
         itemElement: r,
         styleProp: i.defaultSize
       });
-      u = Z(d / t * 100);
+      u = Q(d / t * 100);
     }
     let l = 0;
     if (i.minSize !== void 0) {
-      const d = Le({
+      const d = Me({
         axisSize: t,
         itemElement: r,
         styleProp: i.minSize
       });
-      l = Z(d / t * 100);
+      l = Q(d / t * 100);
     }
     let c = 100;
     if (i.maxSize !== void 0) {
-      const d = Le({
+      const d = Me({
         axisSize: t,
         itemElement: r,
         styleProp: i.maxSize
       });
-      c = Z(d / t * 100);
+      c = Q(d / t * 100);
     }
     return {
       groupResizeBehavior: i.groupResizeBehavior,
@@ -838,71 +846,71 @@ function St(e, t = je({ axis: e })) {
     };
   });
 }
-let de = /* @__PURE__ */ new Map();
-const vt = new cn();
-let Ge = 0;
-const Je = [];
-let Ze;
-function nt() {
-  Ge++;
+let me = /* @__PURE__ */ new Map();
+const It = new mn();
+let Be = 0;
+const nt = [];
+let ot;
+function ct() {
+  Be++;
 }
-function bt() {
-  for (let e = 0; e < Je.length; e++)
+function Ct() {
+  for (let e = 0; e < nt.length; e++)
     try {
-      vt.emit("axisChange", Je[e]);
+      It.emit("axisChange", nt[e]);
     } catch (t) {
-      Ze ??= { error: t };
+      ot ??= { error: t };
     }
-  Je.length = 0;
+  nt.length = 0;
 }
-function ot() {
-  if (Ge === 1 && bt(), Ge--, Ge === 0 && Ze) {
-    const { error: e } = Ze;
-    throw Ze = void 0, e;
+function lt() {
+  if (Be === 1 && Ct(), Be--, Be === 0 && ot) {
+    const { error: e } = ot;
+    throw ot = void 0, e;
   }
 }
-function Zn(e) {
-  de = new Map(de), de.delete(e);
+function ao(e) {
+  me = new Map(me), me.delete(e);
 }
-function Re(e, t) {
-  for (const [n] of de)
+function Te(e, t) {
+  for (const [n] of me)
     if (n.id === e)
       return n;
 }
-function ce(e, t) {
-  for (const [n, o] of de)
+function ue(e, t) {
+  for (const [n, o] of me)
     if (n.id === e)
       return o;
   if (t)
     throw Error(`Could not find data for Group with id ${e}`);
 }
-function ye() {
-  return de;
+function be() {
+  return me;
 }
-function _e(e, t) {
-  return vt.addListener("axisChange", (n) => {
+function qe(e, t) {
+  return It.addListener("axisChange", (n) => {
     n.axis.id === e && t(n);
   });
 }
-function me(e, t, n) {
-  const o = de.get(e);
-  de = new Map(de), de.set(e, t);
+function ge(e, t, n) {
+  const o = me.get(e);
+  me = new Map(me), me.set(e, t);
   const r = {
     axis: e,
     isUserInteraction: n?.isUserInteraction === !0,
     prev: o,
     next: t
   };
-  Ge > 0 ? Je.push(r) : vt.emit("axisChange", r);
+  Be > 0 ? nt.push(r) : It.emit("axisChange", r);
 }
-function pn(e, { pointerId: t, pointerType: n }) {
+function vn(e, { pointerId: t, pointerType: n }) {
   return t === e.pointerId || // There is only one pen, but it may be assigned a new pointerId each time it comes into range
   n === "pen" && e.pointerType === "pen";
 }
-function rt(e, t, n = {}) {
-  return e.ownerDocument === t && (n.pointerId === void 0 || pn(e, n));
+function ut(e, t, n = {}) {
+  return e.ownerDocument === t && (n.pointerId === void 0 || vn(e, n));
 }
-function Qn(e, t) {
+function co(e, t) {
   if (e.length !== t.length)
     return !1;
   for (let n = 0; n < e.length; n++)
@@ -911,9 +919,9 @@ function Qn(e, t) {
   return !0;
 }
 function W(e, t, n = 0) {
-  return Math.abs(Z(e) - Z(t)) <= n;
+  return Math.abs(Q(e) - Q(t)) <= n;
 }
-function ue(e, t) {
+function oe(e, t) {
   return W(e, t) ? 0 : e > t ? 1 : -1;
 }
 function Ee({
@@ -932,15 +940,15 @@ function Ee({
   } = t;
   if (a && !e)
     return n;
-  if (ue(o, l) < 0)
+  if (oe(o, l) < 0)
     if (s) {
-      const c = i ?? (l - r) / 2, d = ue(n, r) <= 0, p = d ? r + c : l - c, g = ue(o, p);
-      ue(o, r) <= 0 || g < 0 || i !== void 0 && d && g === 0 ? o = r : o = l;
+      const c = i ?? (l - r) / 2, d = oe(n, r) <= 0, p = d ? r + c : l - c, g = oe(o, p);
+      oe(o, r) <= 0 || g < 0 || i !== void 0 && d && g === 0 ? o = r : o = l;
     } else
       o = l;
-  return o = Math.min(u, o), o = Z(o), o;
+  return o = Math.min(u, o), o = Q(o), o;
 }
-function Be({
+function Ve({
   delta: e,
   initialLayout: t,
   itemConstraints: n,
@@ -951,176 +959,176 @@ function Be({
   if (W(e, 0))
     return t;
   const s = i === "imperative-api", a = n.map(
-    ({ itemId: f }) => t[f]
+    ({ itemId: m }) => t[m]
   ), u = n.map(
-    ({ itemId: f }) => r[f]
+    ({ itemId: m }) => r[m]
   ), l = [...a], [c, d] = o;
-  D(c != null, "Invalid first pivot index"), D(d != null, "Invalid second pivot index");
+  F(c != null, "Invalid first pivot index"), F(d != null, "Invalid second pivot index");
   let p = 0;
   switch (i) {
     case "keyboard": {
       {
-        const f = e < 0 ? d : c, m = n[f];
-        D(
-          m,
-          `Panel constraints not found for index ${f}`
+        const m = e < 0 ? d : c, f = n[m];
+        F(
+          f,
+          `Panel constraints not found for index ${m}`
         );
         const {
-          collapsedSize: h = 0,
+          collapsedSize: y = 0,
           collapsible: S,
-          minSize: y = 0
-        } = m;
+          minSize: v = 0
+        } = f;
         if (S) {
-          const z = a[f];
-          if (D(
+          const z = a[m];
+          if (F(
             z != null,
-            `Previous layout not found for panel index ${f}`
-          ), W(z, h)) {
-            const b = y - z;
-            ue(b, Math.abs(e)) > 0 && (e = e < 0 ? 0 - b : b);
+            `Previous layout not found for panel index ${m}`
+          ), W(z, y)) {
+            const x = v - z;
+            oe(x, Math.abs(e)) > 0 && (e = e < 0 ? 0 - x : x);
           }
         }
       }
       {
-        const f = e < 0 ? c : d, m = n[f];
-        D(
-          m,
-          `No panel constraints found for index ${f}`
+        const m = e < 0 ? c : d, f = n[m];
+        F(
+          f,
+          `No panel constraints found for index ${m}`
         );
         const {
-          collapsedSize: h = 0,
+          collapsedSize: y = 0,
           collapsible: S,
-          minSize: y = 0
-        } = m;
+          minSize: v = 0
+        } = f;
         if (S) {
-          const z = a[f];
-          if (D(
+          const z = a[m];
+          if (F(
             z != null,
-            `Previous layout not found for panel index ${f}`
-          ), W(z, y)) {
-            const b = z - h;
-            ue(b, Math.abs(e)) > 0 && (e = e < 0 ? 0 - b : b);
+            `Previous layout not found for panel index ${m}`
+          ), W(z, v)) {
+            const x = z - y;
+            oe(x, Math.abs(e)) > 0 && (e = e < 0 ? 0 - x : x);
           }
         }
       }
       break;
     }
     default: {
-      const f = e < 0 ? d : c, m = n[f];
-      D(
-        m,
-        `Panel constraints not found for index ${f}`
+      const m = e < 0 ? d : c, f = n[m];
+      F(
+        f,
+        `Panel constraints not found for index ${m}`
       );
-      const h = a[f], { collapsedSize: S, collapsedThreshold: y, collapsible: z, minSize: b } = m;
-      if (z && ue(h, b) < 0) {
-        const E = b - S, F = y ?? E / 2, N = h + Math.abs(e);
-        if (ue(N, b) < 0) {
-          const w = ue(Math.abs(e), F), x = y === void 0 && e < 0;
-          w > 0 || w === 0 && x ? e = e < 0 ? -E : E : e = 0;
+      const y = a[m], { collapsedSize: S, collapsedThreshold: v, collapsible: z, minSize: x } = f;
+      if (z && oe(y, x) < 0) {
+        const R = x - S, k = v ?? R / 2, O = y + Math.abs(e);
+        if (oe(O, x) < 0) {
+          const b = oe(Math.abs(e), k), w = v === void 0 && e < 0;
+          b > 0 || b === 0 && w ? e = e < 0 ? -R : R : e = 0;
         }
       }
       break;
     }
   }
   {
-    const f = e < 0 ? 1 : -1;
-    let m = e < 0 ? d : c, h = 0;
+    const m = e < 0 ? 1 : -1;
+    let f = e < 0 ? d : c, y = 0;
     for (; ; ) {
-      const y = a[m];
-      D(
-        y != null,
-        `Previous layout not found for panel index ${m}`
+      const v = a[f];
+      F(
+        v != null,
+        `Previous layout not found for panel index ${f}`
       );
-      const b = Ee({
+      const x = Ee({
         overrideDisabledItems: s,
-        itemConstraints: n[m],
-        prevSize: y,
+        itemConstraints: n[f],
+        prevSize: v,
         size: 100
-      }) - y;
-      if (h += b, m += f, m < 0 || m >= n.length)
+      }) - v;
+      if (y += x, f += m, f < 0 || f >= n.length)
         break;
     }
-    const S = Math.min(Math.abs(e), Math.abs(h));
+    const S = Math.min(Math.abs(e), Math.abs(y));
     e = e < 0 ? 0 - S : S;
   }
   {
-    let m = e < 0 ? c : d;
-    for (; m >= 0 && m < n.length; ) {
-      const h = Math.abs(e) - Math.abs(p), S = a[m];
-      D(
+    let f = e < 0 ? c : d;
+    for (; f >= 0 && f < n.length; ) {
+      const y = Math.abs(e) - Math.abs(p), S = a[f];
+      F(
         S != null,
-        `Previous layout not found for panel index ${m}`
+        `Previous layout not found for panel index ${f}`
       );
-      const y = S - h, z = Ee({
+      const v = S - y, z = Ee({
         overrideDisabledItems: s,
-        itemConstraints: n[m],
+        itemConstraints: n[f],
         prevSize: S,
-        size: y
+        size: v
       });
-      if (!W(S, z) && (p += S - z, l[m] = z, p.toFixed(3).localeCompare(Math.abs(e).toFixed(3), void 0, {
+      if (!W(S, z) && (p += S - z, l[f] = z, p.toFixed(3).localeCompare(Math.abs(e).toFixed(3), void 0, {
         numeric: !0
       }) >= 0))
         break;
-      e < 0 ? m-- : m++;
+      e < 0 ? f-- : f++;
     }
   }
-  if (Qn(u, l))
+  if (co(u, l))
     return r;
   {
-    const f = e < 0 ? d : c, m = a[f];
-    D(
-      m != null,
-      `Previous layout not found for panel index ${f}`
+    const m = e < 0 ? d : c, f = a[m];
+    F(
+      f != null,
+      `Previous layout not found for panel index ${m}`
     );
-    const h = m + p, S = Ee({
+    const y = f + p, S = Ee({
       overrideDisabledItems: s,
-      itemConstraints: n[f],
-      prevSize: m,
-      size: h
+      itemConstraints: n[m],
+      prevSize: f,
+      size: y
     });
-    if (l[f] = S, !W(S, h)) {
-      let y = h - S, b = e < 0 ? d : c;
-      for (; b >= 0 && b < n.length; ) {
-        const E = l[b];
-        D(
-          E != null,
-          `Previous layout not found for panel index ${b}`
+    if (l[m] = S, !W(S, y)) {
+      let v = y - S, x = e < 0 ? d : c;
+      for (; x >= 0 && x < n.length; ) {
+        const R = l[x];
+        F(
+          R != null,
+          `Previous layout not found for panel index ${x}`
         );
-        const F = E + y, N = Ee({
+        const k = R + v, O = Ee({
           overrideDisabledItems: s,
-          itemConstraints: n[b],
-          prevSize: E,
-          size: F
+          itemConstraints: n[x],
+          prevSize: R,
+          size: k
         });
-        if (W(E, N) || (y -= N - E, l[b] = N), W(y, 0))
+        if (W(R, O) || (v -= O - R, l[x] = O), W(v, 0))
           break;
-        e > 0 ? b-- : b++;
+        e > 0 ? x-- : x++;
       }
     }
   }
   const g = Object.values(l).reduce(
-    (f, m) => m + f,
+    (m, f) => f + m,
     0
   );
-  return W(g, 100, 0.1) ? l.reduce((f, m, h) => (f[n[h].itemId] = m, f), {}) : r;
+  return W(g, 100, 0.1) ? l.reduce((m, f, y) => (m[n[y].itemId] = f, m), {}) : r;
 }
-function se(e, t) {
+function le(e, t) {
   if (Object.keys(e).length !== Object.keys(t).length)
     return !1;
   for (const n in e)
-    if (t[n] === void 0 || ue(e[n], t[n]) !== 0)
+    if (t[n] === void 0 || oe(e[n], t[n]) !== 0)
       return !1;
   return !0;
 }
-function wt(e) {
-  nt();
+function Rt(e) {
+  ct();
   try {
-    eo(e);
+    lo(e);
   } finally {
-    ot();
+    lt();
   }
 }
-function eo({
+function lo({
   commit: e,
   event: t,
   hitRegions: n,
@@ -1130,83 +1138,83 @@ function eo({
   prevCursorFlags: s
 }) {
   let a = 0;
-  const u = ie();
+  const u = ae();
   let l = u.state === "active" ? u.previews : [];
   const c = new Map(
     u.state === "active" ? u.previewLayoutMap : void 0
   );
   n.forEach((g) => {
-    const { axis: f, axisSize: m } = g, { orientation: h, items: S } = f;
-    if (e && f.resizePreviewMode !== "separator")
+    const { axis: m, axisSize: f } = g, { orientation: y, items: S } = m;
+    if (e && m.resizePreviewMode !== "separator")
       return;
-    const { disableCursor: y } = f.mutableState;
+    const { disableCursor: v } = m.mutableState;
     let z = 0;
-    i ? h === "horizontal" ? z = (t.clientX - i.x) / m * 100 : z = (t.clientY - i.y) / m * 100 : h === "horizontal" ? z = t.clientX < 0 ? -100 : 100 : z = t.clientY < 0 ? -100 : 100;
-    const b = o.get(f), E = r.get(f);
-    if (!b || !E)
+    i ? y === "horizontal" ? z = (t.clientX - i.x) / f * 100 : z = (t.clientY - i.y) / f * 100 : y === "horizontal" ? z = t.clientX < 0 ? -100 : 100 : z = t.clientY < 0 ? -100 : 100;
+    const x = o.get(m), R = r.get(m);
+    if (!x || !R)
       return;
     const {
-      defaultLayoutDeferred: F,
-      derivedItemConstraints: N,
-      axisSize: w,
-      layout: x,
-      separatorToItems: v
-    } = E;
-    if (N && x && v) {
-      const M = f.resizePreviewMode === "separator" ? c.get(f) ?? x : x, k = Be({
+      defaultLayoutDeferred: k,
+      derivedItemConstraints: O,
+      axisSize: b,
+      layout: w,
+      separatorToItems: h
+    } = R;
+    if (O && w && h) {
+      const I = m.resizePreviewMode === "separator" ? c.get(m) ?? w : w, L = Ve({
         delta: z,
-        initialLayout: b,
-        itemConstraints: N,
-        pivotIndices: g.items.map((P) => S.indexOf(P)),
-        prevLayout: M,
+        initialLayout: x,
+        itemConstraints: O,
+        pivotIndices: g.items.map((M) => S.indexOf(M)),
+        prevLayout: I,
         trigger: "mouse-or-touch"
       });
-      if (f.resizePreviewMode === "separator" && !e && !se(k, M)) {
-        c.set(f, k);
-        let P = 0;
-        const A = S.map((C) => (P += k[C.id] - b[C.id], P * (m / 100)));
-        l = l.map((C) => {
-          if (C.axis !== f)
-            return C;
-          const I = A[C.itemIndex];
-          return I === C.offset ? C : { ...C, offset: I };
+      if (m.resizePreviewMode === "separator" && !e && !le(L, I)) {
+        c.set(m, L);
+        let M = 0;
+        const T = S.map((E) => (M += L[E.id] - x[E.id], M * (f / 100)));
+        l = l.map((E) => {
+          if (E.axis !== m)
+            return E;
+          const G = T[E.itemIndex];
+          return G === E.offset ? E : { ...E, offset: G };
         });
       }
-      if (se(k, M) && z !== 0 && !y)
-        switch (h) {
+      if (le(L, I) && z !== 0 && !v)
+        switch (y) {
           case "horizontal": {
-            a |= z < 0 ? ln : un;
+            a |= z < 0 ? pn : hn;
             break;
           }
           case "vertical": {
-            a |= z < 0 ? dn : fn;
+            a |= z < 0 ? gn : yn;
             break;
           }
         }
-      (f.resizePreviewMode !== "separator" || e) && !se(k, x) && me(g.axis, {
-        defaultLayoutDeferred: F,
-        derivedItemConstraints: N,
-        axisSize: w,
-        layout: k,
-        requestedAxisSize: w,
-        requestedLayout: k,
-        separatorToItems: v
+      (m.resizePreviewMode !== "separator" || e) && !le(L, w) && ge(g.axis, {
+        defaultLayoutDeferred: k,
+        derivedItemConstraints: O,
+        axisSize: b,
+        layout: L,
+        requestedAxisSize: b,
+        requestedLayout: L,
+        separatorToItems: h
       });
     }
   });
   let d = 0;
-  t.movementX === 0 ? d |= s & Et : d |= a & Et, t.movementY === 0 ? d |= s & Mt : d |= a & Mt;
+  t.movementX === 0 ? d |= s & $t : d |= a & $t, t.movementY === 0 ? d |= s & Dt : d |= a & Dt;
   const p = u.state === "active" && (t.clientX !== u.pointerDownAtPoint.x || t.clientY !== u.pointerDownAtPoint.y);
-  Fn(d, l, c, p);
+  Yn(d, l, c, p);
 }
-function hn(e, t) {
-  const n = ie();
-  if (n.state !== "active" || !rt(n, e, t))
+function bn(e, t) {
+  const n = ae();
+  if (n.state !== "active" || !ut(n, e, t))
     return;
-  const o = ye();
-  nt();
+  const o = be();
+  ct();
   try {
-    wt({
+    Rt({
       commit: !0,
       event: t,
       hitRegions: n.hitRegions,
@@ -1214,39 +1222,39 @@ function hn(e, t) {
       mountedAxes: o,
       pointerDownAtPoint: n.pointerDownAtPoint,
       prevCursorFlags: n.cursorFlags
-    }), bt(), fe({
+    }), Ct(), he({
       cursorFlags: 0,
       state: "inactive"
     }), n.hitRegions.length > 0 && (t.preventDefault?.(), n.hitRegions.forEach((r) => {
       if (!o.has(r.axis))
         return;
-      const i = ce(r.axis.id, !0);
-      me(r.axis, i, {
+      const i = ue(r.axis.id, !0);
+      ge(r.axis, i, {
         isUserInteraction: !0
       });
     }));
   } finally {
-    ot();
+    lt();
   }
 }
-function At(e) {
+function _t(e) {
   if (e.defaultPrevented)
     return;
   const { clientX: t, clientY: n, movementX: o, movementY: r } = e;
-  hn(e.currentTarget, {
+  bn(e.currentTarget, {
     clientX: t,
     clientY: n,
     movementX: o,
     movementY: r
   });
 }
-function to(e, t, n) {
+function uo(e, t, n) {
   let o, r = {
     x: 1 / 0,
     y: 1 / 0
   };
   for (const i of t) {
-    const s = mn(n, i.rect);
+    const s = Sn(n, i.rect);
     switch (e) {
       case "horizontal": {
         (s.x < r.x || s.x === r.x && s.y <= r.y) && (o = i, r = s);
@@ -1263,25 +1271,25 @@ function to(e, t, n) {
     hitRegion: o
   } : void 0;
 }
-function no(e) {
+function fo(e) {
   return e !== null && typeof e == "object" && "nodeType" in e && e.nodeType === Node.DOCUMENT_FRAGMENT_NODE;
 }
-function oo(e, t) {
+function mo(e, t) {
   if (e === t) throw new Error("Cannot compare node with itself");
   const n = {
-    a: Nt(e),
-    b: Nt(t)
+    a: qt(e),
+    b: qt(t)
   };
   let o;
   for (; n.a.at(-1) === n.b.at(-1); )
     o = n.a.pop(), n.b.pop();
-  D(
+  F(
     o,
     "Stacking order can only be calculated for elements with a common ancestor"
   );
   const r = {
-    a: Ot(Dt(n.a)),
-    b: Ot(Dt(n.b))
+    a: Ht(Bt(n.a)),
+    b: Ht(Bt(n.b))
   };
   if (r.a === r.b) {
     const i = o.childNodes, s = {
@@ -1297,105 +1305,105 @@ function oo(e, t) {
   }
   return Math.sign(r.a - r.b);
 }
-const ro = /\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;
-function io(e) {
-  const t = getComputedStyle(gn(e) ?? e).display;
+const po = /\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;
+function ho(e) {
+  const t = getComputedStyle(xn(e) ?? e).display;
   return t === "flex" || t === "inline-flex";
 }
-function so(e) {
+function go(e) {
   const t = getComputedStyle(e);
-  return !!(t.position === "fixed" || t.zIndex !== "auto" && (t.position !== "static" || io(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" || ro.test(t.willChange) || t.webkitOverflowScrolling === "touch");
+  return !!(t.position === "fixed" || t.zIndex !== "auto" && (t.position !== "static" || ho(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" || po.test(t.willChange) || t.webkitOverflowScrolling === "touch");
 }
-function Dt(e) {
+function Bt(e) {
   let t = e.length;
   for (; t--; ) {
     const n = e[t];
-    if (D(n, "Missing node"), so(n)) return n;
+    if (F(n, "Missing node"), go(n)) return n;
   }
   return null;
 }
-function Ot(e) {
+function Ht(e) {
   return e && Number(getComputedStyle(e).zIndex) || 0;
 }
-function Nt(e) {
+function qt(e) {
   const t = [];
   for (; e; )
-    t.push(e), e = gn(e);
+    t.push(e), e = xn(e);
   return t;
 }
-function gn(e) {
+function xn(e) {
   const { parentNode: t } = e;
-  return no(t) ? t.host : t;
+  return fo(t) ? t.host : t;
 }
-function ao(e, t) {
+function yo(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 co(e) {
+function So(e) {
   try {
     return e.matches(":modal");
   } catch {
     return !1;
   }
 }
-function lo({
+function vo({
   axisElement: e,
   hitRegion: t,
   pointerEventTarget: n
 }) {
-  if (dt(n)) {
+  if (yt(n)) {
     const o = n.closest("dialog");
-    if (o && !o.contains(e) && co(o))
+    if (o && !o.contains(e) && So(o))
       return !1;
   }
-  if (!dt(n) || n.contains(e) || e.contains(n) || !n.isConnected || !e.isConnected)
+  if (!yt(n) || n.contains(e) || e.contains(n) || !n.isConnected || !e.isConnected)
     return !0;
-  if (oo(n, e) > 0) {
+  if (mo(n, e) > 0) {
     let o = n;
     for (; o; ) {
       if (o.contains(e))
         return !0;
-      if (ao(o.getBoundingClientRect(), t))
+      if (yo(o.getBoundingClientRect(), t))
         return !1;
       o = o.parentElement;
     }
   }
   return !0;
 }
-function xt(e, t, n) {
+function Et(e, t, n) {
   const o = [];
   return t.forEach((r, i) => {
     if (i.disabled || i.element.ownerDocument !== n)
       return;
-    const s = yt({ axis: i }), a = to(i.orientation, s, {
+    const s = zt({ axis: i }), a = uo(i.orientation, s, {
       x: e.clientX,
       y: e.clientY
     });
-    a && a.distance.x <= 0 && a.distance.y <= 0 && lo({
+    a && a.distance.x <= 0 && a.distance.y <= 0 && vo({
       axisElement: i.element,
       hitRegion: a.hitRegion.rect,
       pointerEventTarget: e.target
     }) && o.push(a.hitRegion);
   }), o;
 }
-function uo(e) {
+function bo(e) {
   let t = 0, n = 0;
   const o = {};
   for (const i of e)
     if (i.defaultSize !== void 0) {
       t++;
-      const s = Z(i.defaultSize);
+      const s = Q(i.defaultSize);
       n += s, o[i.itemId] = s;
     } else
       o[i.itemId] = void 0;
   const r = e.length - t;
   if (r !== 0) {
-    const i = Z((100 - n) / r);
+    const i = Q((100 - n) / r);
     for (const s of e)
       s.defaultSize === void 0 && (o[s.itemId] = i);
   }
   return o;
 }
-function fo(e, t) {
+function xo(e, t) {
   const n = e.map((r) => r.id), o = Object.keys(t);
   if (n.length !== o.length)
     return !1;
@@ -1404,14 +1412,14 @@ function fo(e, t) {
       return !1;
   return !0;
 }
-function yn({
+function wn({
   axis: e,
   itemConstraints: t
 }) {
   const n = e.items.map(({ id: r }) => r).join(","), o = e.mutableState.defaultLayout;
-  return e.mutableState.layouts[n] ?? (o && fo(e.items, o) ? o : uo(t));
+  return e.mutableState.layouts[n] ?? (o && xo(e.items, o) ? o : bo(t));
 }
-function Sn(e, t) {
+function zn(e, t) {
   if (Object.keys(e).length !== Object.keys(t).length)
     return !1;
   for (const o in e)
@@ -1419,10 +1427,10 @@ function Sn(e, t) {
       return !1;
   return !0;
 }
-function mo(e, t) {
-  return e.length !== t.length ? !1 : e.every((n, o) => Sn(n, t[o]));
+function wo(e, t) {
+  return e.length !== t.length ? !1 : e.every((n, o) => zn(n, t[o]));
 }
-function ve({
+function ze({
   layout: e,
   itemConstraints: t
 }) {
@@ -1437,16 +1445,16 @@ function ve({
   if (!W(r, 100) && o.length > 0)
     for (let s = 0; s < t.length; s++) {
       const a = o[s];
-      D(a != null, `No layout data found for index ${s}`);
+      F(a != null, `No layout data found for index ${s}`);
       const u = 100 / r * a;
       o[s] = u;
     }
   let i = 0;
   for (let s = 0; s < t.length; s++) {
     const a = n[s];
-    D(a != null, `No layout data found for index ${s}`);
+    F(a != null, `No layout data found for index ${s}`);
     const u = o[s];
-    D(u != null, `No layout data found for index ${s}`);
+    F(u != null, `No layout data found for index ${s}`);
     const l = Ee({
       overrideDisabledItems: !0,
       itemConstraints: t[s],
@@ -1458,7 +1466,7 @@ function ve({
   if (!W(i, 0))
     for (let s = 0; s < t.length; s++) {
       const a = o[s];
-      D(a != null, `No layout data found for index ${s}`);
+      F(a != null, `No layout data found for index ${s}`);
       const u = a + i, l = Ee({
         overrideDisabledItems: !0,
         itemConstraints: t[s],
@@ -1470,11 +1478,11 @@ function ve({
     }
   return o.reduce((s, a, u) => (s[t[u].itemId] = a, s), {});
 }
-function vn({
+function Ln({
   itemIds: e,
   layout: t
 }) {
-  return ve({
+  return ze({
     layout: t,
     itemConstraints: e.map((n) => ({
       collapsedSize: 0,
@@ -1487,7 +1495,7 @@ function vn({
     }))
   });
 }
-function po({
+function zo({
   axis: e,
   nextAxisSize: t,
   prevAxisSize: n,
@@ -1502,10 +1510,10 @@ function po({
     switch (d.constraintProps.groupResizeBehavior) {
       case "preserve-pixel-size": {
         s = !0;
-        const g = p / 100 * n, f = Z(
+        const g = p / 100 * n, m = Q(
           g / t * 100
         );
-        a.set(d.id, f), r += f;
+        a.set(d.id, m), r += m;
         break;
       }
       case "preserve-relative-size":
@@ -1523,44 +1531,44 @@ function po({
   }), i > 0)
     for (const d of u) {
       const p = o[d] ?? 0;
-      c[d] = Z(
+      c[d] = Q(
         p / i * l
       );
     }
   else {
-    const d = Z(l / u.length);
+    const d = Q(l / u.length);
     for (const p of u)
       c[p] = d;
   }
   return c;
 }
-function zt({
+function Pt({
   axis: e,
   axisState: t
 }) {
-  const n = je({ axis: e });
+  const n = Ke({ axis: e });
   if (n === 0)
     return;
-  const o = St(e, n);
+  const o = Lt(e, n);
   let r = t.requestedAxisSize, i = t.requestedLayout;
-  t.defaultLayoutDeferred && (r = n, i = vn({
+  t.defaultLayoutDeferred && (r = n, i = Ln({
     itemIds: e.items.map(({ id: l }) => l),
-    layout: yn({
+    layout: wn({
       axis: e,
       itemConstraints: o
     })
   }));
-  const s = po({
+  const s = zo({
     axis: e,
     nextAxisSize: n,
     prevAxisSize: r,
     prevLayout: i
-  }), a = ve({
+  }), a = ze({
     layout: s,
     itemConstraints: o
   });
   return {
-    changed: t.defaultLayoutDeferred || !se(t.layout, a) || !mo(
+    changed: t.defaultLayoutDeferred || !le(t.layout, a) || !wo(
       t.derivedItemConstraints,
       o
     ) || t.axisSize !== n,
@@ -1575,12 +1583,12 @@ function zt({
     }
   };
 }
-function It({
+function Mt({
   axisId: e,
   itemId: t
 }) {
   const n = () => {
-    const l = ye();
+    const l = be();
     for (const [c, d] of l)
       if (c.id === e)
         return { axis: c, ...d };
@@ -1593,19 +1601,19 @@ function It({
       return l;
     throw Error(`Panel constraints not found for Panel ${t}`);
   }, r = () => {
-    const { axis: l, ...c } = n(), d = zt({ axis: l, axisState: c }), p = d?.state ?? c, g = p.derivedItemConstraints.find(
-      (m) => m.itemId === t
+    const { axis: l, ...c } = n(), d = Pt({ axis: l, axisState: c }), p = d?.state ?? c, g = p.derivedItemConstraints.find(
+      (f) => f.itemId === t
     );
     if (g === void 0)
       throw Error(`Panel constraints not found for Panel ${t}`);
-    const f = p.layout[t];
-    if (f === void 0)
+    const m = p.layout[t];
+    if (m === void 0)
       throw Error(`Layout not found for Panel ${t}`);
     return {
       axis: l,
       changed: d?.changed === !0,
       itemConstraints: g,
-      itemSize: f,
+      itemSize: m,
       state: p
     };
   }, i = () => {
@@ -1619,47 +1627,107 @@ function It({
       return l;
     throw Error(`Layout not found for Panel ${t}`);
   }, a = ({
-    nextSize: l,
-    items: c,
-    prevLayout: d,
-    derivedItemConstraints: p
+    allowPartialSize: l = !1,
+    nextSize: c,
+    items: d,
+    prevLayout: p,
+    derivedItemConstraints: g
   }) => {
-    const g = d[t], f = c.findIndex((y) => y.id === t), m = f === 0, h = f === c.length - 1;
-    if (h && l < g && (m || c.slice(0, f).every((y, z) => {
-      const b = p[z];
-      return b?.collapsible && W(b.collapsedSize, d[b.itemId]);
+    const m = p[t], f = d.findIndex((h) => h.id === t), y = f === 0, S = f === d.length - 1;
+    if (S && c < m && (y || d.slice(0, f).every((h, I) => {
+      const L = g[I];
+      return L?.collapsible && W(L.collapsedSize, p[L.itemId]);
     }))) {
-      const y = c.slice(0, f).reduce((z, b) => z + d[b.id], 0);
+      const h = d.slice(0, f).reduce((I, L) => I + p[L.id], 0);
       return {
-        ...d,
-        [t]: Z(100 - y)
+        ...p,
+        [t]: Q(100 - h)
       };
     }
-    return Be({
-      delta: h ? g - l : l - g,
-      initialLayout: d,
-      itemConstraints: p,
-      pivotIndices: h ? [f - 1, f] : [f, f + 1],
-      prevLayout: d,
-      trigger: "imperative-api"
-    });
-  }, u = (l, { axis: c, changed: d, itemSize: p, state: g }) => {
+    const z = g[f], x = Ee({
+      overrideDisabledItems: !0,
+      itemConstraints: z,
+      prevSize: m,
+      size: c
+    }), R = { ...p };
+    let k = x - m;
+    for (const h of y ? [1] : S ? [-1] : [1, -1])
+      for (let I = f + h; I >= 0 && I < d.length && !W(k, 0); I += h) {
+        const L = g[I], M = R[L.itemId];
+        if (st(L, R) || (k > 0 ? oe(M, L.minSize) <= 0 : oe(M, L.maxSize) >= 0))
+          continue;
+        const T = k > 0 ? Math.max(L.minSize, M - k) : Math.min(L.maxSize, M - k);
+        k -= M - T, R[L.itemId] = Q(T);
+      }
+    if (R[t] = Q(x - k), W(k, 0) || l && oe(R[t], z.minSize) >= 0)
+      return R;
+    const O = (h, I, L) => {
+      const M = h === "after" ? 1 : -1, T = (G) => {
+        for (let N = f + M; N >= 0 && N < d.length; N += M) {
+          const P = g[N];
+          if (!st(P, I) && G(P))
+            return N;
+        }
+      }, E = T(
+        ({ itemId: G, maxSize: N, minSize: P }) => L > 0 ? oe(I[G], P) > 0 : oe(I[G], N) < 0
+      ) ?? T(() => !0) ?? f + M;
+      return Ve({
+        delta: h === "after" ? L : -L,
+        initialLayout: I,
+        itemConstraints: g,
+        pivotIndices: h === "after" ? [f, E] : [E, f],
+        prevLayout: I,
+        trigger: "imperative-api"
+      });
+    };
+    if (y || S)
+      return O(
+        S ? "before" : "after",
+        p,
+        c - m
+      );
+    const b = (h) => {
+      const I = O(h, p, c - m), L = c - I[t];
+      return W(L, 0) ? I : O(
+        h === "after" ? "before" : "after",
+        I,
+        L
+      );
+    }, w = b("after");
+    if (Vt({
+      itemConstraints: g,
+      itemId: t,
+      nextLayout: w,
+      prevLayout: p
+    })) {
+      const h = b("before");
+      if (!Vt({
+        itemConstraints: g,
+        itemId: t,
+        nextLayout: h,
+        prevLayout: p
+      }))
+        return h;
+    }
+    return w;
+  }, u = (l, { axis: c, changed: d, itemSize: p, state: g }, { allowPartialSize: m = !1 } = {}) => {
     if (l === p)
       return;
-    const { derivedItemConstraints: f, axisSize: m, layout: h } = g, S = a({
+    const { derivedItemConstraints: f, axisSize: y, layout: S } = g, v = a({
+      allowPartialSize: m,
       nextSize: l,
       items: c.items,
-      prevLayout: h,
+      prevLayout: S,
       derivedItemConstraints: f
-    }), y = ve({
-      layout: S,
+    }), z = ze({
+      layout: v,
       itemConstraints: f
     });
-    (d || !se(h, y)) && me(c, {
+    (d || !le(S, z)) && ge(c, {
       ...g,
-      layout: y,
-      requestedAxisSize: m,
-      requestedLayout: y
+      layout: z,
+      requestedAxisSize: y,
+      requestedLayout: z
     });
   };
   return {
@@ -1668,10 +1736,10 @@ function It({
       c && g !== d && (p.expandToSize = g, u(d, l));
     },
     expand: () => {
-      const l = r(), { collapsible: c, collapsedSize: d, minSize: p } = l.itemConstraints, { mutableValues: g } = i(), f = l.itemSize;
-      if (c && f === d) {
-        let m = g.expandToSize ?? p;
-        m === 0 && (m = 1), u(m, l);
+      const l = r(), { collapsible: c, collapsedSize: d, minSize: p } = l.itemConstraints, { mutableValues: g } = i(), m = l.itemSize;
+      if (c && m === d) {
+        let f = g.expandToSize ?? p;
+        f === 0 && (f = 1), u(f, l, { allowPartialSize: !0 });
       }
     },
     getSize: () => {
@@ -1686,20 +1754,33 @@ function It({
       return l && W(c, d);
     },
     resize: (l) => {
-      const c = r(), { axisSize: d } = c.state, { element: p } = i(), g = Le({
+      const c = r(), { axisSize: d } = c.state, { element: p } = i(), g = Me({
         axisSize: d,
         itemElement: p,
         styleProp: l
-      }), f = Z(g / d * 100);
-      u(f, c);
+      }), m = Q(g / d * 100);
+      u(m, c);
     }
   };
 }
-function Gt(e) {
+function st({ collapsedSize: e, collapsible: t, itemId: n }, o) {
+  return t && W(o[n], e);
+}
+function Vt({
+  itemConstraints: e,
+  itemId: t,
+  nextLayout: n,
+  prevLayout: o
+}) {
+  return e.some(
+    (r) => r.itemId !== t && st(r, o) !== st(r, n)
+  );
+}
+function jt(e) {
   if (e.defaultPrevented)
     return;
-  const t = ye();
-  xt(
+  const t = be();
+  Et(
     e,
     t,
     e.currentTarget
@@ -1709,7 +1790,7 @@ function Gt(e) {
         (i) => i.constraintProps.defaultSize !== void 0
       );
       if (r) {
-        const i = r.constraintProps.defaultSize, s = It({
+        const i = r.constraintProps.defaultSize, s = Mt({
           axisId: o.axis.id,
           itemId: r.id
         });
@@ -1718,8 +1799,8 @@ function Gt(e) {
     }
   });
 }
-function bn(e) {
-  const t = ye();
+function In(e) {
+  const t = be();
   for (const [n] of t)
     if (n.separators.some(
       (o) => o.element === e
@@ -1727,11 +1808,11 @@ function bn(e) {
       return n;
   throw Error("Could not find parent Group for separator element");
 }
-function Fe({
+function He({
   axisId: e
 }) {
   const t = () => {
-    const n = ye();
+    const n = be();
     for (const [o, r] of n)
       if (o.id === e)
         return { axis: o, ...r };
@@ -1743,16 +1824,16 @@ function Fe({
       return n ? {} : o;
     },
     setLayout(n) {
-      const { axis: o, ...r } = t(), i = zt({ axis: o, axisState: r }), s = i?.state ?? r, {
+      const { axis: o, ...r } = t(), i = Pt({ axis: o, axisState: r }), s = i?.state ?? r, {
         defaultLayoutDeferred: a,
         derivedItemConstraints: u,
         axisSize: l,
         layout: c
-      } = s, d = ve({
+      } = s, d = ze({
         layout: n,
         itemConstraints: u
       });
-      return a ? c : ((i?.changed || !se(c, d)) && me(o, {
+      return a ? c : ((i?.changed || !le(c, d)) && ge(o, {
         ...s,
         layout: d,
         requestedAxisSize: l,
@@ -1761,25 +1842,25 @@ function Fe({
     }
   };
 }
-function we(e, t) {
-  const n = bn(e), o = ce(n.id, !0), r = n.separators.find(
+function Re(e, t) {
+  const n = In(e), o = ue(n.id, !0), r = n.separators.find(
     (d) => d.element === e
   );
-  D(r, "Matching separator not found");
+  F(r, "Matching separator not found");
   const i = o.separatorToItems.get(r);
-  D(i, "Matching panels not found");
-  const s = i.map((d) => n.items.indexOf(d)), u = Fe({ axisId: n.id }).getLayout(), l = Be({
+  F(i, "Matching panels not found");
+  const s = i.map((d) => n.items.indexOf(d)), u = He({ axisId: n.id }).getLayout(), l = Ve({
     delta: t,
     initialLayout: u,
     itemConstraints: o.derivedItemConstraints,
     pivotIndices: s,
     prevLayout: u,
     trigger: "keyboard"
-  }), c = ve({
+  }), c = ze({
     layout: l,
     itemConstraints: o.derivedItemConstraints
   });
-  se(u, c) || me(
+  le(u, c) || ge(
     n,
     {
       defaultLayoutDeferred: o.defaultLayoutDeferred,
@@ -1797,62 +1878,62 @@ function we(e, t) {
     { isUserInteraction: !0 }
   );
 }
-function ho(e) {
+function Lo(e) {
   return e.separators.filter((t) => !t.disabled);
 }
-function Ft(e) {
+function Ut(e) {
   if (e.defaultPrevented)
     return;
-  const t = e.currentTarget, n = bn(t);
+  const t = e.currentTarget, n = In(t);
   if (!(n.disabled || n.separators.find(
     (r) => r.element === t
   )?.disabled))
     switch (e.key) {
       case "ArrowDown": {
-        e.preventDefault(), n.orientation === "vertical" && we(t, 5);
+        e.preventDefault(), n.orientation === "vertical" && Re(t, 5);
         break;
       }
       case "ArrowLeft": {
-        e.preventDefault(), n.orientation === "horizontal" && we(t, -5);
+        e.preventDefault(), n.orientation === "horizontal" && Re(t, -5);
         break;
       }
       case "ArrowRight": {
-        e.preventDefault(), n.orientation === "horizontal" && we(t, 5);
+        e.preventDefault(), n.orientation === "horizontal" && Re(t, 5);
         break;
       }
       case "ArrowUp": {
-        e.preventDefault(), n.orientation === "vertical" && we(t, -5);
+        e.preventDefault(), n.orientation === "vertical" && Re(t, -5);
         break;
       }
       case "End": {
-        e.preventDefault(), we(t, 100);
+        e.preventDefault(), Re(t, 100);
         break;
       }
       case "Enter": {
         e.preventDefault();
-        const r = ce(n.id, !0), { derivedItemConstraints: i, layout: s, separatorToItems: a } = r, u = n.separators.find(
+        const r = ue(n.id, !0), { derivedItemConstraints: i, layout: s, separatorToItems: a } = r, u = n.separators.find(
           (p) => p.element === t
         );
-        D(u, "Matching separator not found");
+        F(u, "Matching separator not found");
         const l = a.get(u);
-        D(l, "Matching panels not found");
+        F(l, "Matching panels not found");
         const c = l[0], d = i.find(
           (p) => p.itemId === c.id
         );
-        if (D(d, "Panel metadata not found"), d.collapsible) {
+        if (F(d, "Panel metadata not found"), d.collapsible) {
           const p = s[c.id], g = d.collapsedSize === p ? n.mutableState.expandedItemSizes[c.id] ?? d.minSize : d.collapsedSize;
-          we(t, g - p);
+          Re(t, g - p);
         }
         break;
       }
       case "F6": {
         e.preventDefault();
-        const r = ho(n).map(
+        const r = Lo(n).map(
           (u) => u.element
         ), i = r.findIndex(
           (u) => u === e.currentTarget
         );
-        D(i !== -1, "Index not found");
+        F(i !== -1, "Index not found");
         const s = e.shiftKey ? i > 0 ? i - 1 : r.length - 1 : i + 1 < r.length ? i + 1 : 0;
         r[s].focus({
           preventScroll: !0
@@ -1860,44 +1941,44 @@ function Ft(e) {
         break;
       }
       case "Home": {
-        e.preventDefault(), we(t, -100);
+        e.preventDefault(), Re(t, -100);
         break;
       }
     }
 }
-function Te(e, t) {
-  const n = ie();
-  if (n.state !== "active" || !rt(n, e, t))
+function $e(e, t) {
+  const n = ae();
+  if (n.state !== "active" || !ut(n, e, t))
     return !1;
-  const o = ye();
-  nt();
+  const o = be();
+  ct();
   try {
     n.previewLayoutMap.forEach((r, i) => {
       const s = o.get(i);
-      i.resizePreviewMode === "separator" && s && !se(r, s.layout) && me(i, {
+      i.resizePreviewMode === "separator" && s && !le(r, s.layout) && ge(i, {
         ...s,
         layout: r,
         requestedAxisSize: s.axisSize,
         requestedLayout: r
       });
-    }), bt(), fe({
+    }), Ct(), he({
       cursorFlags: 0,
       state: "inactive"
     }), n.hitRegions.forEach((r) => {
       if (!o.has(r.axis))
         return;
-      const i = ce(r.axis.id, !0);
-      me(r.axis, i, {
+      const i = ue(r.axis.id, !0);
+      ge(r.axis, i, {
         isUserInteraction: !0
       });
     });
   } finally {
-    ot();
+    lt();
   }
   return !0;
 }
-function _t(e) {
-  const t = ie();
+function Wt(e) {
+  const t = ae();
   if (t.state !== "active")
     return;
   const n = t.hitRegions.flatMap(
@@ -1905,27 +1986,27 @@ function _t(e) {
   );
   !n.some((o) => o === e.target) || n.some(
     (o) => o.hasPointerCapture?.(e.pointerId)
-  ) || Te(e.currentTarget, e);
+  ) || $e(e.currentTarget, e);
 }
-function Bt(e) {
-  Te(e.currentTarget, e);
+function Yt(e) {
+  $e(e.currentTarget, e);
 }
-function go(e, t) {
+function Io(e, t) {
   const { element: n, orientation: o, items: r } = e, i = n.getBoundingClientRect(), s = o === "horizontal";
-  return yt({
+  return zt({
     expandHitTargets: !1,
     axis: e,
     includeDisabled: !0
   }).map(({ items: u, rect: l, separator: c }, d) => {
     const p = r.indexOf(u[0]), g = s ? l.left + l.width / 2 : l.top + l.height / 2;
     return {
-      active: t.some((m) => {
-        if (m.axis !== e || m.items[0] !== u[0])
+      active: t.some((f) => {
+        if (f.axis !== e || f.items[0] !== u[0])
           return !1;
-        if (c || m.separator)
-          return m.separator === c;
-        const h = s ? m.rect.left + m.rect.width / 2 : m.rect.top + m.rect.height / 2;
-        return W(g, h);
+        if (c || f.separator)
+          return f.separator === c;
+        const y = s ? f.rect.left + f.rect.width / 2 : f.rect.top + f.rect.height / 2;
+        return W(g, y);
       }),
       axis: e,
       key: c ? `separator-${c.id}` : `panel-${u[0].id}-${d}`,
@@ -1941,20 +2022,20 @@ function go(e, t) {
     };
   });
 }
-function qt(e) {
+function Xt(e) {
   if (e.defaultPrevented)
     return;
   if (e.pointerType === "mouse" && e.button > 0)
     return;
-  const t = ie();
+  const t = ae();
   if (t.state === "active") {
-    pn(t, e) && Te(
+    vn(t, e) && $e(
       t.ownerDocument,
       t
     );
     return;
   }
-  const n = ye(), o = xt(
+  const n = be(), o = Et(
     e,
     n,
     e.currentTarget
@@ -1973,9 +2054,9 @@ function qt(e) {
     u && r.set(a.axis, u.layout);
   });
   const s = Array.from(r.keys()).flatMap(
-    (a) => a.resizePreviewMode === "separator" ? go(a, o) : []
+    (a) => a.resizePreviewMode === "separator" ? Io(a, o) : []
   );
-  fe({
+  he({
     cursorFlags: 0,
     didPointerMove: !1,
     hitRegions: o,
@@ -1989,13 +2070,13 @@ function qt(e) {
     state: "active"
   }), e.preventDefault();
 }
-function Ht(e) {
-  const t = e.currentTarget, n = ye(), o = ie();
+function Kt(e) {
+  const t = e.currentTarget, n = be(), o = ae();
   switch (o.state) {
     case "active": {
-      if (!rt(o, t, e))
+      if (!ut(o, t, e))
         return;
-      wt({
+      Rt({
         commit: !1,
         event: e,
         hitRegions: o.hitRegions,
@@ -2006,19 +2087,19 @@ function Ht(e) {
     }
   }
 }
-function Vt(e) {
+function Jt(e) {
   if (e.defaultPrevented)
     return;
-  const t = e.currentTarget, n = ie(), o = ye();
+  const t = e.currentTarget, n = ae(), o = be();
   switch (n.state) {
     case "active": {
-      if (!rt(n, t, e))
+      if (!ut(n, t, e))
         return;
       if (
         // Skip this check for "pointerleave" events, else Firefox triggers a false positive (see #514)
         e.buttons === 0
       ) {
-        Te(t, e);
+        $e(t, e);
         return;
       }
       for (const r of n.hitRegions)
@@ -2026,7 +2107,7 @@ function Vt(e) {
           const { element: i } = r.separator;
           i.isConnected && !i.hasPointerCapture?.(e.pointerId) && i.setPointerCapture?.(e.pointerId);
         }
-      wt({
+      Rt({
         commit: !1,
         event: e,
         hitRegions: n.hitRegions,
@@ -2038,15 +2119,15 @@ function Vt(e) {
       break;
     }
     default: {
-      const r = xt(
+      const r = Et(
         e,
         o,
         t
       );
-      r.length === 0 ? n.state !== "inactive" && fe({
+      r.length === 0 ? n.state !== "inactive" && he({
         cursorFlags: 0,
         state: "inactive"
-      }) : fe({
+      }) : he({
         cursorFlags: 0,
         hitRegions: r,
         ownerDocument: t,
@@ -2056,152 +2137,152 @@ function Vt(e) {
     }
   }
 }
-function jt(e) {
+function Zt(e) {
   if (e.relatedTarget instanceof HTMLIFrameElement) {
-    const t = ie();
+    const t = ae();
     switch (t.state) {
       case "hover":
-        t.ownerDocument === e.currentTarget && fe({
+        t.ownerDocument === e.currentTarget && he({
           cursorFlags: 0,
           state: "inactive"
         });
     }
   }
 }
-function Ut(e) {
-  e.defaultPrevented || e.pointerType === "mouse" && e.button > 0 || hn(e.currentTarget, e);
+function Qt(e) {
+  e.defaultPrevented || e.pointerType === "mouse" && e.button > 0 || bn(e.currentTarget, e);
 }
-function Wt(e) {
-  e.target === e.currentTarget && Te(e.currentTarget.document);
+function en(e) {
+  e.target === e.currentTarget && $e(e.currentTarget.document);
 }
-function Yt(e) {
-  Te(e.currentTarget.document);
+function tn(e) {
+  $e(e.currentTarget.document);
 }
-function yo(e, t, n) {
+function Co(e, t, n) {
   if (!n[0])
     return;
   const r = e.items.find((l) => l.element === t);
   if (!r || !r.onResize)
     return;
-  const i = je({ axis: e }), s = e.orientation === "horizontal" ? r.element.offsetWidth : r.element.offsetHeight, a = r.mutableValues.prevSize, u = {
-    asPercentage: Z(s / i * 100),
+  const i = Ke({ axis: e }), s = e.orientation === "horizontal" ? r.element.offsetWidth : r.element.offsetHeight, a = r.mutableValues.prevSize, u = {
+    asPercentage: Q(s / i * 100),
     inPixels: s
   };
   r.mutableValues.prevSize = u, r.onResize(u, r.id, a);
 }
-const Ie = /* @__PURE__ */ new Map();
-let Xt = !1;
-function wn(e) {
+const Pe = /* @__PURE__ */ new Map();
+let nn = !1;
+function Cn(e) {
   let t = !0;
-  D(
+  F(
     e.element.ownerDocument.defaultView,
     "Cannot register an unmounted Group"
   );
-  const n = e.element.ownerDocument.defaultView.ResizeObserver, o = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Set(), i = new n((f) => {
-    let m;
-    nt();
+  const n = e.element.ownerDocument.defaultView.ResizeObserver, o = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Set(), i = new n((m) => {
+    let f;
+    ct();
     try {
-      for (const h of f) {
-        const { borderBoxSize: S, target: y } = h;
-        if (y === e.element) {
+      for (const y of m) {
+        const { borderBoxSize: S, target: v } = y;
+        if (v === e.element) {
           if (t) {
-            const z = ce(e.id);
+            const z = ue(e.id);
             if (!z)
               break;
-            const b = zt({ axis: e, axisState: z });
-            if (!b)
+            const x = Pt({ axis: e, axisState: z });
+            if (!x)
               break;
-            if (!b.changed)
+            if (!x.changed)
               continue;
-            me(e, b.state);
+            ge(e, x.state);
           }
         } else
           try {
-            yo(e, y, S);
+            Co(e, v, S);
           } catch (z) {
-            m ??= { error: z };
+            f ??= { error: z };
           }
       }
     } finally {
-      ot();
+      lt();
     }
-    if (m)
-      throw m.error;
+    if (f)
+      throw f.error;
   });
-  i.observe(e.element), e.items.forEach((f) => {
-    D(
-      !o.has(f.id),
-      `Panel ids must be unique; id "${f.id}" was used more than once`
-    ), o.add(f.id), f.onResize && i.observe(f.element);
+  i.observe(e.element), e.items.forEach((m) => {
+    F(
+      !o.has(m.id),
+      `Panel ids must be unique; id "${m.id}" was used more than once`
+    ), o.add(m.id), m.onResize && i.observe(m.element);
   });
-  const s = je({ axis: e }), a = St(e, s), u = yn({
+  const s = Ke({ axis: e }), a = Lt(e, s), u = wn({
     axis: e,
     itemConstraints: a
-  }), l = ve({
+  }), l = ze({
     layout: u,
     itemConstraints: a
   }), c = e.element.ownerDocument, d = c.defaultView;
-  Ie.set(
+  Pe.set(
     c,
-    (Ie.get(c) ?? 0) + 1
+    (Pe.get(c) ?? 0) + 1
   );
   const p = /* @__PURE__ */ new Map();
-  return yt({ axis: e, includeDisabled: !0 }).forEach((f) => {
-    f.separator && p.set(f.separator, f.items);
-  }), me(e, {
+  return zt({ axis: e, includeDisabled: !0 }).forEach((m) => {
+    m.separator && p.set(m.separator, m.items);
+  }), ge(e, {
     defaultLayoutDeferred: s === 0,
     derivedItemConstraints: a,
     axisSize: s,
     layout: l,
     requestedAxisSize: s,
-    requestedLayout: vn({
-      itemIds: e.items.map(({ id: f }) => f),
+    requestedLayout: Ln({
+      itemIds: e.items.map(({ id: m }) => m),
       layout: u
     }),
     separatorToItems: p
-  }), e.separators.forEach((f) => {
-    D(
-      !r.has(f.id),
-      `Separator ids must be unique; id "${f.id}" was used more than once`
-    ), r.add(f.id), f.element.addEventListener("keydown", Ft);
-  }), Xt || (Xt = !0, ht(Vn)), Ie.get(c) === 1 && (c.addEventListener("contextmenu", At, !0), c.addEventListener("dblclick", Gt, !0), c.addEventListener(
+  }), e.separators.forEach((m) => {
+    F(
+      !r.has(m.id),
+      `Separator ids must be unique; id "${m.id}" was used more than once`
+    ), r.add(m.id), m.element.addEventListener("keydown", Ut);
+  }), nn || (nn = !0, xt(Qn)), Pe.get(c) === 1 && (c.addEventListener("contextmenu", _t, !0), c.addEventListener("dblclick", jt, !0), c.addEventListener(
     "lostpointercapture",
-    _t,
+    Wt,
     !0
   ), c.addEventListener(
     "pointercancel",
-    Bt,
+    Yt,
     !0
-  ), c.addEventListener("pointerdown", qt, !0), c.addEventListener("pointerleave", Ht), c.addEventListener("pointermove", Vt), c.addEventListener("pointerout", jt), c.addEventListener("pointerup", Ut, !0), d?.addEventListener("blur", Wt), d?.addEventListener("pagehide", Yt)), function() {
-    t = !1, Ie.set(
+  ), c.addEventListener("pointerdown", Xt, !0), c.addEventListener("pointerleave", Kt), c.addEventListener("pointermove", Jt), c.addEventListener("pointerout", Zt), c.addEventListener("pointerup", Qt, !0), d?.addEventListener("blur", en), d?.addEventListener("pagehide", tn)), function() {
+    t = !1, Pe.set(
       c,
-      Math.max(0, (Ie.get(c) ?? 0) - 1)
-    ), Zn(e), Bn(e), e.separators.forEach((m) => {
-      m.element.removeEventListener("keydown", Ft);
-    }), Ie.get(c) || (c.removeEventListener(
+      Math.max(0, (Pe.get(c) ?? 0) - 1)
+    ), ao(e), Kn(e), e.separators.forEach((f) => {
+      f.element.removeEventListener("keydown", Ut);
+    }), Pe.get(c) || (c.removeEventListener(
       "contextmenu",
-      At,
+      _t,
       !0
     ), c.removeEventListener(
       "dblclick",
-      Gt,
+      jt,
       !0
     ), c.removeEventListener(
       "lostpointercapture",
-      _t,
+      Wt,
       !0
     ), c.removeEventListener(
       "pointercancel",
-      Bt,
+      Yt,
       !0
     ), c.removeEventListener(
       "pointerdown",
-      qt,
+      Xt,
       !0
-    ), c.removeEventListener("pointerleave", Ht), c.removeEventListener("pointermove", Vt), c.removeEventListener("pointerout", jt), c.removeEventListener("pointerup", Ut, !0), d?.removeEventListener("blur", Wt), d?.removeEventListener("pagehide", Yt)), i.disconnect();
+    ), c.removeEventListener("pointerleave", Kt), c.removeEventListener("pointermove", Jt), c.removeEventListener("pointerout", Zt), c.removeEventListener("pointerup", Qt, !0), d?.removeEventListener("blur", en), d?.removeEventListener("pagehide", tn)), i.disconnect();
   };
 }
-function xn({
+function Rn({
   derivedItemConstraints: e,
   axis: t,
   layout: n,
@@ -2222,19 +2303,19 @@ function xn({
     }
   });
 }
-function zn() {
-  const [e, t] = ge({}), n = re(() => t({}), []);
+function En() {
+  const [e, t] = ve({}), n = se(() => t({}), []);
   return [e, n];
 }
-function it(e) {
-  const t = B({ ...e });
-  return ne(() => {
+function dt(e) {
+  const t = H({ ...e });
+  return re(() => {
     for (const n in e)
       t.current[n] = e[n];
   }, [e]), t.current;
 }
-const Lt = tn(null);
-function So({
+const kt = Ue(null), Pn = Ue(null);
+function Ro({
   layout: e,
   itemConstraints: t,
   itemId: n,
@@ -2246,8 +2327,8 @@ function So({
   );
   if (a) {
     const u = a.maxSize, l = a.collapsible ? a.collapsedSize : a.minSize, c = [o, o + 1];
-    i = ve({
-      layout: Be({
+    i = ze({
+      layout: Ve({
         delta: l - s,
         initialLayout: e,
         itemConstraints: t,
@@ -2255,8 +2336,8 @@ function So({
         prevLayout: e
       }),
       itemConstraints: t
-    })[n], r = ve({
-      layout: Be({
+    })[n], r = ze({
+      layout: Ve({
         delta: u - s,
         initialLayout: e,
         itemConstraints: t,
@@ -2273,7 +2354,7 @@ function So({
     valueNow: s
   };
 }
-function In({
+function Mn({
   attributes: e,
   axisId: t,
   axisOrientation: n,
@@ -2288,27 +2369,27 @@ function In({
   isSharedHitRegion: d,
   preview: p,
   registerSeparator: g,
-  requiredStyle: f,
-  style: m,
-  styleDefaults: h,
+  requiredStyle: m,
+  style: f,
+  styleDefaults: y,
   tabIndex: S = 0,
-  updateSeparatorProps: y
+  updateSeparatorProps: v
 }) {
-  const z = it({
+  const z = dt({
     disabled: a,
     disableDoubleClick: u,
     children: o,
     className: r,
     preview: p,
-    style: m
-  }), [b, E] = ge({}), [F, N] = ge("inactive"), [w, x] = ge(!1), v = B(null), M = B(null), k = He(v, l), P = n === "horizontal" ? "vertical" : "horizontal";
-  ne(() => {
-    const I = v.current;
-    if (I !== null) {
-      const R = {
+    style: f
+  }), [x, R] = ve({}), [k, O] = ve("inactive"), [b, w] = ve(!1), h = H(null), I = H(null), L = Ye(h, l), M = n === "horizontal" ? "vertical" : "horizontal";
+  re(() => {
+    const G = h.current;
+    if (G !== null) {
+      const N = {
         disabled: z.disabled,
         disableDoubleClick: z.disableDoubleClick,
-        element: I,
+        element: G,
         id: c,
         get children() {
           return z.children;
@@ -2323,34 +2404,34 @@ function In({
           return z.style;
         }
       };
-      M.current = R;
-      const q = g(R), K = ht(
-        (J) => {
-          N(
-            J.next.state !== "inactive" && J.next.hitRegions.some(
-              (ae) => ae.separator === R || (d?.(ae) ?? !1)
-            ) ? J.next.state : "inactive"
+      I.current = N;
+      const P = g(N), A = xt(
+        (j) => {
+          O(
+            j.next.state !== "inactive" && j.next.hitRegions.some(
+              (U) => U.separator === N || (d?.(U) ?? !1)
+            ) ? j.next.state : "inactive"
           );
         }
-      ), X = _e(
+      ), V = qe(
         t,
-        (J) => {
-          const { derivedItemConstraints: ae, layout: xe, separatorToItems: $e } = J.next, ze = $e.get(R);
-          if (ze) {
-            const L = ze[0], T = ae.findIndex(
-              (O) => O.itemId === L.id
-            ), { layoutStrategy: G } = J.axis;
-            E({
-              ...So({
-                layout: xe,
-                itemConstraints: ae,
-                itemId: L.id,
-                itemIndex: T
+        (j) => {
+          const { derivedItemConstraints: U, layout: de, separatorToItems: xe } = j.next, Le = xe.get(N);
+          if (Le) {
+            const Ie = Le[0], De = U.findIndex(
+              (C) => C.itemId === Ie.id
+            ), { layoutStrategy: ee } = j.axis;
+            R({
+              ...Ro({
+                layout: de,
+                itemConstraints: U,
+                itemId: Ie.id,
+                itemIndex: De
               }),
               // Items without DOM elements of their own (e.g. Grid tracks) control other elements
-              ...G?.getItemAriaControls && {
-                valueControls: G.getItemAriaControls(
-                  L.id
+              ...ee?.getItemAriaControls && {
+                valueControls: ee.getItemAriaControls(
+                  Ie.id
                 )
               }
             });
@@ -2358,53 +2439,53 @@ function In({
         }
       );
       return () => {
-        M.current = null, K(), X(), q();
+        I.current = null, A(), V(), P();
       };
     }
-  }, [t, c, d, g, z]), ne(() => {
-    const I = M.current;
-    I && _n(I);
-  }, [p]), qe(() => {
-    y(c, { disabled: a, disableDoubleClick: u });
-  }, [a, u, c, y]);
-  let A;
-  a && !s && (A = "not-allowed");
-  let C;
+  }, [t, c, d, g, z]), re(() => {
+    const G = I.current;
+    G && Xn(G);
+  }, [p]), je(() => {
+    v(c, { disabled: a, disableDoubleClick: u });
+  }, [a, u, c, v]);
+  let T;
+  a && !s && (T = "not-allowed");
+  let E;
   if (a)
-    C = "disabled";
+    E = "disabled";
   else
-    switch (F) {
+    switch (k) {
       case "active": {
-        C = "active";
+        E = "active";
         break;
       }
       default:
-        w ? C = "focus" : C = F;
+        b ? E = "focus" : E = k;
     }
-  return /* @__PURE__ */ Y(
+  return /* @__PURE__ */ X(
     "div",
     {
       ...e,
-      "aria-controls": b.valueControls,
+      "aria-controls": x.valueControls,
       "aria-disabled": a || void 0,
-      "aria-orientation": P,
-      "aria-valuemax": b.valueMax,
-      "aria-valuemin": b.valueMin,
-      "aria-valuenow": b.valueNow,
+      "aria-orientation": M,
+      "aria-valuemax": x.valueMax,
+      "aria-valuemin": x.valueMin,
+      "aria-valuenow": x.valueNow,
       children: o,
       className: r,
-      "data-separator": C,
+      "data-separator": E,
       "data-testid": i,
       id: c,
-      onBlur: () => x(!1),
-      onFocus: () => x(!0),
-      ref: k,
+      onBlur: () => w(!1),
+      onFocus: () => w(!0),
+      ref: L,
       role: "separator",
       style: {
-        ...h,
-        cursor: A,
-        ...m,
+        ...y,
+        cursor: T,
         ...f,
+        ...m,
         // Inform the browser that the library is handling touch events for this element
         // See github.com/bvaughn/react-resizable-panels/issues/662
         touchAction: "none"
@@ -2413,7 +2494,7 @@ function In({
     }
   );
 }
-function Kt({
+function on({
   axis: e,
   children: t,
   className: n,
@@ -2424,26 +2505,26 @@ function Kt({
   index: a,
   style: u
 }) {
-  const l = Pe(void 0), {
+  const l = Ae(void 0), {
     getDisableCursor: c,
     getResizeAxisId: d,
     gutters: p,
     registerSeparator: g,
-    separatorPlacements: f,
-    trackCounts: m,
-    updateSeparatorProps: h
-  } = sn(), S = d(e), y = e === "column" ? "row" : "column", z = m[y], b = !!i || !mt(a, m[e]);
-  let E = !0;
-  for (const v of f.values())
-    if (v.axis === e && v.index === a && !v.disabled && v.crossStart < r) {
-      E = !1;
+    separatorPlacements: m,
+    trackCounts: f,
+    updateSeparatorProps: y
+  } = dn(), S = d(e), v = e === "column" ? "row" : "column", z = f[v], x = !!i || !vt(a, f[e]);
+  let R = !0;
+  for (const h of m.values())
+    if (h.axis === e && h.index === a && !h.disabled && h.crossStart < r) {
+      R = !1;
       break;
     }
-  const F = re(
-    (v) => v.axis.id === S && v.axis.items.indexOf(v.items[1]) === a,
+  const k = se(
+    (h) => h.axis.id === S && h.axis.items.indexOf(h.items[1]) === a,
     [S, a]
-  ), N = re(
-    (v) => g(
+  ), O = se(
+    (h) => g(
       {
         axis: e,
         crossSpan: o,
@@ -2451,43 +2532,43 @@ function Kt({
         disabled: !!i,
         index: a
       },
-      v
+      h
     ),
     [e, o, r, i, a, g]
-  ), w = kn(a), x = An({
+  ), b = Bn(a), w = Hn({
     crossCount: z,
     crossSpan: o,
     crossStart: r,
-    hasGutters: p[y]
+    hasGutters: p[v]
   });
-  return /* @__PURE__ */ Y(
-    In,
+  return /* @__PURE__ */ X(
+    Mn,
     {
       axisId: S,
       axisOrientation: e === "column" ? "horizontal" : "vertical",
       className: n,
       disableCursor: c(),
-      disabled: b,
+      disabled: x,
       disableDoubleClick: void 0,
       elementRef: s,
       id: l,
-      isSharedHitRegion: F,
-      registerSeparator: N,
+      isSharedHitRegion: k,
+      registerSeparator: O,
       requiredStyle: {
-        gridColumn: e === "column" ? w : x,
-        gridRow: e === "row" ? w : x
+        gridColumn: e === "column" ? b : w,
+        gridRow: e === "row" ? b : w
       },
       style: u,
-      tabIndex: E ? 0 : -1,
-      updateSeparatorProps: h,
+      tabIndex: R ? 0 : -1,
+      updateSeparatorProps: y,
       children: t
     }
   );
 }
-function Ln(e) {
+function kn(e) {
   const { children: t, className: n, disabled: o, elementRef: r, style: i } = e;
-  return e.type === "column" ? /* @__PURE__ */ Y(
-    Kt,
+  return e.type === "column" ? /* @__PURE__ */ X(
+    on,
     {
       axis: "column",
       className: n,
@@ -2499,8 +2580,8 @@ function Ln(e) {
       style: i,
       children: t
     }
-  ) : /* @__PURE__ */ Y(
-    Kt,
+  ) : /* @__PURE__ */ X(
+    on,
     {
       axis: "row",
       className: n,
@@ -2514,9 +2595,9 @@ function Ln(e) {
     }
   );
 }
-Ln.displayName = "Gridline";
-const Ce = ["column", "row"], Jt = { columns: {}, rows: {} };
-function vo({
+kn.displayName = "Gridline";
+const ke = ["column", "row"], rn = { columns: {}, rows: {} };
+function Eo({
   children: e,
   className: t,
   columns: n,
@@ -2534,398 +2615,413 @@ function vo({
   },
   rows: p,
   style: g,
-  ...f
+  ...m
 }) {
-  const m = Pe(u), h = re(
-    (L) => L === "column" ? `${m}:columns` : `${m}:rows`,
-    [m]
-  ), S = Zt(n, "columns"), y = Zt(p, "rows"), z = (L) => L === "column" ? S : y, b = B({
-    onLayoutChange: Jt,
-    onLayoutChanged: Jt
-  }), E = Se((L) => {
-    Qt(b.current.onLayoutChange, L) || (b.current.onLayoutChange = L, l?.(L));
-  }), F = Se(
-    (L, T, G) => {
-      Qt(b.current.onLayoutChanged, L) || (b.current.onLayoutChanged = L, c?.(L, { isUserInteraction: T, requestedLayout: G }));
-    }
-  ), N = B(null), w = He(N, s), [x, v] = zn(), M = B({
+  const f = Ae(u), y = se(
+    (C) => C === "column" ? `${f}:columns` : `${f}:rows`,
+    [f]
+  ), S = sn(n, "columns"), v = sn(p, "rows"), z = (C) => C === "column" ? S : v, x = H({
+    onLayoutChange: rn,
+    onLayoutChanged: rn
+  }), R = we((C) => {
+    an(x.current.onLayoutChange, C) || (x.current.onLayoutChange = C, l?.(C));
+  }), k = we(
+    (C, $, B) => {
+      an(x.current.onLayoutChanged, C) || (x.current.onLayoutChanged = C, c?.(C, { isUserInteraction: $, requestedLayout: B }));
+    }
+  ), O = H(null), b = Ye(O, s), [w, h] = En(), I = H({
     cells: [],
     column: { expandedItemSizes: {}, layouts: {} },
     loggedErrors: /* @__PURE__ */ new Set(),
     row: { expandedItemSizes: {}, layouts: {} },
     separators: /* @__PURE__ */ new Map()
-  }), k = { column: !1, row: !1 };
-  for (const L of M.current.separators.values())
-    k[L.axis] = !0;
-  Cn(e, k);
-  const P = it({
+  }), L = { column: !1, row: !1 };
+  for (const C of I.current.separators.values())
+    L[C.axis] = !0;
+  Tn(e, L);
+  const M = dt({
     defaultLayout: o,
     disableCursor: r,
     resizeTargetMinimumSize: d
-  }), A = Se(() => !!P.disableCursor), C = re(
-    (L) => {
-      const T = M.current;
-      return T.cells = [...T.cells, L], v(), () => {
-        T.cells = T.cells.filter(
-          (G) => G !== L
-        ), v();
+  }), T = we(() => !!M.disableCursor), E = se(
+    (C) => {
+      const $ = I.current;
+      return $.cells = [...$.cells, C], h(), () => {
+        $.cells = $.cells.filter(
+          (B) => B !== C
+        ), h();
       };
     },
-    [v]
-  ), I = re(
-    (L, T) => {
-      const G = M.current;
-      return G.separators = new Map(G.separators), G.separators.set(T, L), v(), () => {
-        G.separators = new Map(G.separators), G.separators.delete(T), v();
+    [h]
+  ), G = se(
+    (C, $) => {
+      const B = I.current;
+      return B.separators = new Map(B.separators), B.separators.set($, C), h(), () => {
+        B.separators = new Map(B.separators), B.separators.delete($), h();
       };
     },
-    [v]
-  ), R = re(
-    (L, {
-      disabled: T,
-      disableDoubleClick: G
+    [h]
+  ), N = se(
+    (C, {
+      disabled: $,
+      disableDoubleClick: B
     }) => {
-      for (const O of M.current.separators.keys())
-        O.id === L && (O.disabled = T, O.disableDoubleClick = G);
+      for (const _ of I.current.separators.keys())
+        _.id === C && (_.disabled = $, _.disableDoubleClick = B);
     },
     []
-  ), q = M.current.separators, K = Me(
+  ), P = I.current.separators, A = pe(
     () => ({
-      getDisableCursor: A,
-      getResizeAxisId: h,
+      getDisableCursor: T,
+      getResizeAxisId: y,
       gutters: {
-        column: k.column,
-        row: k.row
+        column: L.column,
+        row: L.row
       },
-      id: m,
-      registerCell: C,
-      registerSeparator: I,
-      separatorPlacements: q,
+      id: f,
+      registerCell: E,
+      registerSeparator: G,
+      separatorPlacements: P,
       trackCounts: {
         column: S.length,
-        row: y.length
+        row: v.length
       },
-      updateSeparatorProps: R
+      updateSeparatorProps: N
     }),
     [
       S.length,
-      A,
-      h,
-      k.column,
-      k.row,
-      m,
-      C,
-      I,
-      y.length,
-      q,
-      R
+      T,
+      y,
+      L.column,
+      L.row,
+      f,
+      E,
+      G,
+      v.length,
+      P,
+      N
     ]
-  ), X = B([]);
-  ne(() => {
-    const L = N.current;
-    if (L === null)
+  ), V = H([]);
+  re(() => {
+    const C = O.current;
+    if (C === null)
       return;
-    const T = M.current, G = wo({
-      cells: T.cells,
-      separatorPlacements: T.separators,
-      trackCounts: { column: S.length, row: y.length }
+    const $ = I.current, B = Mo({
+      cells: $.cells,
+      separatorPlacements: $.separators,
+      trackCounts: { column: S.length, row: v.length }
     });
-    G.forEach(($) => {
-      T.loggedErrors.has($) || console.error($);
-    }), T.loggedErrors = new Set(G);
-    const O = ($) => Array.from(T.separators.entries()).filter(([, U]) => U.axis === $).sort(([, U], [, pe]) => U.index - pe.index).map(([U]) => U), _ = ($) => {
-      const U = $ === "column" ? S : y, pe = $ === "column" ? y : S, he = U.map((Q) => Q.id), Ue = h($), We = O($), be = We.length > 0, Ye = U.map(
-        ({ id: Q, ...oe }, ee) => ({
+    B.forEach((D) => {
+      $.loggedErrors.has(D) || console.error(D);
+    }), $.loggedErrors = new Set(B);
+    const _ = (D) => Array.from($.separators.entries()).filter(([, J]) => J.axis === D).sort(([, J], [, ye]) => J.index - ye.index).map(([J]) => J), q = (D) => {
+      const J = D === "column" ? S : v, ye = D === "column" ? v : S, Se = J.map((te) => te.id), Je = y(D), Ze = _(D), Ce = Ze.length > 0, Qe = J.map(
+        ({ id: te, ...ie }, ne) => ({
           // Tracks don't have DOM elements of their own;
           // the Grid element is used to resolve relative size constraints (e.g. "em")
-          element: L,
-          id: he[ee],
+          element: C,
+          id: Se[ne],
           idIsStable: !0,
           mutableValues: {
             expandToSize: void 0,
             prevSize: void 0
           },
           onResize: void 0,
-          constraintProps: oe
+          constraintProps: ie
         })
-      ), Ae = () => {
-        const Q = [];
-        if (be) {
-          for (const [oe, ee] of T.separators)
-            if (ee.axis === $ && mt(ee.index, U.length)) {
-              const Oe = oe.element.getBoundingClientRect();
-              Q[ee.index] = Math.max(
-                Q[ee.index] ?? 0,
-                $ === "column" ? Oe.width : Oe.height
+      ), Ge = () => {
+        const te = [];
+        if (Ce) {
+          for (const [ie, ne] of $.separators)
+            if (ne.axis === D && vt(ne.index, J.length)) {
+              const Fe = ie.element.getBoundingClientRect();
+              te[ne.index] = Math.max(
+                te[ne.index] ?? 0,
+                D === "column" ? Fe.width : Fe.height
               );
             }
         }
-        return Gn({
-          axis: $,
-          element: L,
-          gutterSizes: Q.filter((oe) => oe !== void 0),
-          hasGutters: be,
-          layout: ce(Ue)?.layout,
-          trackIds: he
+        return Un({
+          axis: D,
+          element: C,
+          gutterSizes: te.filter((ie) => ie !== void 0),
+          hasGutters: Ce,
+          layout: ue(Je)?.layout,
+          trackIds: Se
         });
       };
-      let De;
-      const at = P.defaultLayout?.[$ === "column" ? "columns" : "rows"];
-      if (at !== void 0 && Object.keys(at).length === he.length) {
-        De = {};
-        for (const Q of he) {
-          const oe = at[Q];
-          oe !== void 0 && (De[Q] = oe);
+      let Ne;
+      const mt = M.defaultLayout?.[D === "column" ? "columns" : "rows"];
+      if (mt !== void 0 && Object.keys(mt).length === Se.length) {
+        Ne = {};
+        for (const te of Se) {
+          const ie = mt[te];
+          ie !== void 0 && (Ne[te] = ie);
         }
       }
       return {
         disabled: !!i,
-        element: L,
-        id: Ue,
+        element: C,
+        id: Je,
         layoutStrategy: {
-          getItemAriaControls: (Q) => {
-            const oe = he.indexOf(Q);
-            return T.cells.filter((ee) => {
-              const Oe = $ === "column" ? ee.column : ee.row, En = $ === "column" ? ee.columnSpan : ee.rowSpan;
-              return Oe <= oe && oe < Oe + En;
-            }).map((ee) => ee.element.id).filter(Boolean).join(" ") || void 0;
+          getItemAriaControls: (te) => {
+            const ie = Se.indexOf(te);
+            return $.cells.filter((ne) => {
+              const Fe = D === "column" ? ne.column : ne.row, On = D === "column" ? ne.columnSpan : ne.rowSpan;
+              return Fe <= ie && ie < Fe + On;
+            }).map((ne) => ne.element.id).filter(Boolean).join(" ") || void 0;
           },
-          calculateAvailableSize: () => Ae().availableSize,
+          calculateAvailableSize: () => Ge().availableSize,
           calculateHitRegions: ({
-            expandHitTargets: Q,
-            axis: oe,
-            includeDisabled: ee
-          }) => Nn({
-            axis: $,
-            cells: T.cells,
-            crossTrackCount: pe.length,
-            expandHitTargets: Q,
-            resizeAxis: oe,
-            axisSize: Ae().availableSize,
-            includeDisabled: ee,
-            separatorPlacements: T.separators
+            expandHitTargets: te,
+            axis: ie,
+            includeDisabled: ne
+          }) => jn({
+            axis: D,
+            cells: $.cells,
+            crossTrackCount: ye.length,
+            expandHitTargets: te,
+            resizeAxis: ie,
+            axisSize: Ge().availableSize,
+            includeDisabled: ne,
+            separatorPlacements: $.separators
           }),
-          getItemSizeInPixels: (Q) => Ae().trackSizes[he.indexOf(Q)] ?? 0
+          getItemSizeInPixels: (te) => Ge().trackSizes[Se.indexOf(te)] ?? 0
         },
         mutableState: {
-          defaultLayout: De,
-          disableCursor: !!P.disableCursor,
-          expandedItemSizes: T[$].expandedItemSizes,
-          layouts: T[$].layouts
+          defaultLayout: Ne,
+          disableCursor: !!M.disableCursor,
+          expandedItemSizes: $[D].expandedItemSizes,
+          layouts: $[D].layouts
         },
-        orientation: $ === "column" ? "horizontal" : "vertical",
-        items: Ye,
+        orientation: D === "column" ? "horizontal" : "vertical",
+        items: Qe,
         resizePreviewMode: "panel",
         get resizeTargetMinimumSize() {
-          return P.resizeTargetMinimumSize;
+          return M.resizeTargetMinimumSize;
         },
-        separators: We
+        separators: Ze
       };
-    }, V = Ce.map(_);
-    X.current = V;
-    const j = V.map(($) => wn($)), te = () => {
-      const [$, U] = V.map(
-        (pe) => ce(pe.id)
+    }, Z = ke.map(q);
+    V.current = Z;
+    const K = Z.map((D) => Cn(D)), ce = () => {
+      const [D, J] = Z.map(
+        (ye) => ue(ye.id)
       );
-      if (!(!$ || !U || $.defaultLayoutDeferred || U.defaultLayoutDeferred))
+      if (!(!D || !J || D.defaultLayoutDeferred || J.defaultLayoutDeferred))
         return {
-          layout: { columns: $.layout, rows: U.layout },
+          layout: { columns: D.layout, rows: J.layout },
           requestedLayout: {
-            columns: $.requestedLayout,
-            rows: U.requestedLayout
+            columns: D.requestedLayout,
+            rows: J.requestedLayout
           }
         };
     };
     {
-      const $ = te();
-      if ($)
+      const D = ce();
+      if (D)
         try {
           try {
-            E($.layout);
+            R(D.layout);
           } finally {
-            F(
-              $.layout,
+            k(
+              D.layout,
               !1,
-              $.requestedLayout
+              D.requestedLayout
             );
           }
-        } catch (U) {
-          throw X.current = [], j.forEach((pe) => pe()), U;
+        } catch (J) {
+          throw V.current = [], K.forEach((ye) => ye()), J;
         }
     }
-    const ke = V.map(
-      ($) => _e($.id, (U) => {
+    const Oe = Z.map(
+      (D) => qe(D.id, (J) => {
         const {
-          defaultLayoutDeferred: pe,
-          derivedItemConstraints: he,
-          layout: Ue,
-          requestedLayout: We
-        } = U.next;
-        if (pe || he.length === 0)
+          defaultLayoutDeferred: ye,
+          derivedItemConstraints: Se,
+          layout: Je,
+          requestedLayout: Ze
+        } = J.next;
+        if (ye || Se.length === 0)
           return;
-        xn({
-          derivedItemConstraints: he,
-          axis: $,
-          layout: Ue,
-          prevLayout: U.prev?.layout,
-          requestedLayout: We
+        Rn({
+          derivedItemConstraints: Se,
+          axis: D,
+          layout: Je,
+          prevLayout: J.prev?.layout,
+          requestedLayout: Ze
         });
-        const be = te();
-        if (be) {
-          const Ye = ie(), Ae = Ye.state !== "active" || !Ye.hitRegions.some(
-            (De) => V.includes(De.axis)
+        const Ce = ce();
+        if (Ce) {
+          const Qe = ae(), Ge = Qe.state !== "active" || !Qe.hitRegions.some(
+            (Ne) => Z.includes(Ne.axis)
           );
           try {
-            E(be.layout);
+            R(Ce.layout);
           } finally {
-            Ae && F(
-              be.layout,
-              U.isUserInteraction,
-              be.requestedLayout
+            Ge && k(
+              Ce.layout,
+              J.isUserInteraction,
+              Ce.requestedLayout
             );
           }
         }
       })
     );
     return () => {
-      X.current = [], j.forEach(($) => $()), ke.forEach(($) => $());
+      V.current = [], K.forEach((D) => D()), Oe.forEach((D) => D());
     };
   }, [
     S,
     i,
-    h,
-    m,
-    F,
-    E,
     y,
-    x,
-    P
-  ]), qe(() => {
-    X.current.forEach((L) => {
-      L.mutableState.defaultLayout = o?.[L.orientation === "horizontal" ? "columns" : "rows"], L.mutableState.disableCursor = !!r;
+    f,
+    k,
+    R,
+    v,
+    w,
+    M
+  ]), je(() => {
+    V.current.forEach((C) => {
+      C.mutableState.defaultLayout = o?.[C.orientation === "horizontal" ? "columns" : "rows"], C.mutableState.disableCursor = !!r;
     });
-  }), ft(a, () => {
-    const L = () => {
-      const [O, _] = Ce.map(h);
-      return !Re(O) || !Re(_) ? { columns: {}, rows: {} } : {
-        columns: Fe({
-          axisId: O
+  });
+  const j = pe(() => {
+    const C = () => {
+      const [_, q] = ke.map(y);
+      return !Te(_) || !Te(q) ? { columns: {}, rows: {} } : {
+        columns: He({
+          axisId: _
         }).getLayout(),
-        rows: Fe({ axisId: _ }).getLayout()
+        rows: He({ axisId: q }).getLayout()
       };
-    }, T = (O) => O.map((_) => `"${_}"`).join(", "), G = (O, _) => {
-      const V = h(O), j = () => {
-        const te = Re(V);
-        return D(te, `Grid "${m}" has not been mounted`), D(
-          te.items.some((ke) => ke.id === _),
-          `Grid "${m}" no longer contains a ${O} with id "${_}"; ${O} ids are ${T(te.items.map((ke) => ke.id))}`
-        ), It({ axisId: V, itemId: _ });
+    }, $ = (_) => _.map((q) => `"${q}"`).join(", "), B = (_, q) => {
+      const Z = y(_), K = () => {
+        const ce = Te(Z);
+        return F(ce, `Grid "${f}" has not been mounted`), F(
+          ce.items.some((Oe) => Oe.id === q),
+          `Grid "${f}" no longer contains a ${_} with id "${q}"; ${_} ids are ${$(ce.items.map((Oe) => Oe.id))}`
+        ), Mt({ axisId: Z, itemId: q });
       };
       return {
-        collapse: () => j().collapse(),
-        expand: () => j().expand(),
-        getSize: () => j().getSize(),
-        isCollapsed: () => j().isCollapsed(),
-        resize: (te) => j().resize(te)
+        collapse: () => K().collapse(),
+        expand: () => K().expand(),
+        getSize: () => K().getSize(),
+        isCollapsed: () => K().isCollapsed(),
+        resize: (ce) => K().resize(ce)
       };
     };
     return {
-      getLayout: L,
-      getTrackById: (O, _) => {
-        const V = O === "column" ? S : y, j = `${_}`;
-        return D(
-          V.some((te) => te.id === j),
-          `Grid "${m}" does not contain a ${O} with id "${j}"; ${O} ids are ${T(V.map((te) => te.id))}`
-        ), G(O, j);
+      getLayout: C,
+      getTrackById: (_, q) => {
+        const Z = _ === "column" ? S : v, K = `${q}`;
+        return F(
+          Z.some((ce) => ce.id === K),
+          `Grid "${f}" does not contain a ${_} with id "${K}"; ${_} ids are ${$(Z.map((ce) => ce.id))}`
+        ), B(_, K);
       },
-      getTrackByIndex: (O, _) => {
-        const V = O === "column" ? S : y, j = Number.isInteger(_) ? V[_] : void 0;
-        return D(
-          j,
-          `Grid "${m}" does not contain a ${O} at index ${_}; it has ${V.length} ${O}s`
-        ), G(O, j.id);
+      getTrackByIndex: (_, q) => {
+        const Z = _ === "column" ? S : v, K = Number.isInteger(q) ? Z[q] : void 0;
+        return F(
+          K,
+          `Grid "${f}" does not contain a ${_} at index ${q}; it has ${Z.length} ${_}s`
+        ), B(_, K.id);
       },
-      setLayout: (O) => (Ce.forEach((_) => {
-        const V = O[_ === "column" ? "columns" : "rows"], j = h(_);
-        V && Re(j) && Fe({ axisId: j }).setLayout(V);
-      }), L())
+      setLayout: (_) => (ke.forEach((q) => {
+        const Z = _[q === "column" ? "columns" : "rows"], K = y(q);
+        Z && Te(K) && He({ axisId: K }).setLayout(Z);
+      }), C())
     };
-  }, [S, h, m, y]);
-  const J = () => Ce.map((L) => {
-    const T = ce(h(L)), G = z(L);
-    return (T && !T.defaultLayoutDeferred ? G.map((_) => `minmax(0, ${T.layout[_.id] ?? 1}fr)`) : bo(
-      G,
-      o?.[L === "column" ? "columns" : "rows"]
-    )).join(k[L] ? " auto " : " ");
-  }).join("|"), ae = re(
-    (L) => {
-      const T = Ce.map(
-        (G) => _e(h(G), L)
+  }, [S, y, f, v]);
+  St(a, () => j, [j]);
+  const U = H(j);
+  re(() => {
+    U.current = j;
+  });
+  const de = pe(
+    () => ({
+      getLayout: () => U.current.getLayout(),
+      getTrackById: (C, $) => U.current.getTrackById(C, $),
+      getTrackByIndex: (C, $) => U.current.getTrackByIndex(C, $),
+      id: f,
+      setLayout: (C) => U.current.setLayout(C)
+    }),
+    [f]
+  ), xe = () => ke.map((C) => {
+    const $ = ue(y(C)), B = z(C);
+    return ($ && !$.defaultLayoutDeferred ? B.map((q) => `minmax(0, ${$.layout[q.id] ?? 1}fr)`) : Po(
+      B,
+      o?.[C === "column" ? "columns" : "rows"]
+    )).join(L[C] ? " auto " : " ");
+  }).join("|"), Le = se(
+    (C) => {
+      const $ = ke.map(
+        (B) => qe(y(B), C)
       );
-      return () => T.forEach((G) => G());
+      return () => $.forEach((B) => B());
     },
-    [h]
-  ), xe = tt(
-    ae,
-    J,
-    J
-  ), [$e, ze] = xe.split("|");
-  return /* @__PURE__ */ Y(rn.Provider, { value: K, children: /* @__PURE__ */ Y(
+    [y]
+  ), Ie = at(
+    Le,
+    xe,
+    xe
+  ), [De, ee] = Ie.split("|");
+  return /* @__PURE__ */ X(un.Provider, { value: A, children: /* @__PURE__ */ X(
     "div",
     {
-      ...f,
+      ...m,
       className: t,
       "data-grid": !0,
-      "data-testid": Ve(f, u),
-      id: m,
-      ref: w,
+      "data-testid": Xe(m, u),
+      id: f,
+      ref: b,
       style: {
         height: "100%",
         width: "100%",
         overflow: "hidden",
         ...g,
         display: "grid",
-        gridTemplateColumns: $e,
-        gridTemplateRows: ze,
+        gridTemplateColumns: De,
+        gridTemplateRows: ee,
         // Inform the browser that the library is handling touch events for this element
         // NOTE This is not an inherited style
         touchAction: "none"
       },
-      children: /* @__PURE__ */ Y(Lt.Provider, { value: null, children: e })
+      children: /* @__PURE__ */ X(kt.Provider, { value: null, children: /* @__PURE__ */ X(Pn.Provider, { value: de, children: e }) })
     }
   ) });
 }
-vo.displayName = "Grid";
-function Zt(e, t) {
+Eo.displayName = "Grid";
+function sn(e, t) {
   const n = JSON.stringify(e);
-  return Me(() => {
+  return pe(() => {
     const o = typeof e == "number" ? Array.from({ length: e }, (r, i) => ({ id: `${i}` })) : e.map((r, i) => ({
       ...r,
       id: `${r.id ?? i}`
     }));
-    return D(
+    return F(
       o.length > 0,
       `Grid must have at least one track; "${t}" is ${n}`
     ), o;
   }, [n]);
 }
-function Cn(e, t) {
-  Tn.forEach(e, (n) => {
-    if (on(n))
-      if (n.type === Ln) {
+function Tn(e, t) {
+  Fn.forEach(e, (n) => {
+    if (ln(n))
+      if (n.type === kn) {
         const { type: o } = n.props;
         o === "column" ? t.column = !0 : o === "row" && (t.row = !0);
       } else // Fragments
-      typeof n.type == "symbol" && n.props !== null && typeof n.props == "object" && "children" in n.props && Cn(n.props.children, t);
+      typeof n.type == "symbol" && n.props !== null && typeof n.props == "object" && "children" in n.props && Tn(n.props.children, t);
   });
 }
-function bo(e, t) {
+function Po(e, t) {
   if (t)
     return e.map(
       (i) => `minmax(0, ${t[i.id] ?? 1}fr)`
     );
   const n = e.map(
-    (i) => i.defaultSize === void 0 ? void 0 : an(i.defaultSize)
+    (i) => i.defaultSize === void 0 ? void 0 : fn(i.defaultSize)
   );
   let o = 100, r = 0;
   return n.forEach((i) => {
@@ -2937,14 +3033,14 @@ function bo(e, t) {
     return a === "%" ? `minmax(0, ${s}fr)` : `${s}${a}`;
   });
 }
-function wo({
+function Mo({
   cells: e,
   separatorPlacements: t,
   trackCounts: n
 }) {
   const o = [];
   for (const a of e)
-    Ce.forEach((u) => {
+    ke.forEach((u) => {
       const [l, c] = u === "column" ? [a.column, a.columnSpan] : [a.row, a.rowSpan], d = n[u];
       (!Number.isInteger(l) || !Number.isInteger(c) || l < 0 || c < 1 || l + c > d) && o.push(
         `Invalid Cell ${u} placement (${u}: ${l}, ${u}Span: ${c}); Grid has ${d} ${u}s`
@@ -2962,15 +3058,15 @@ function wo({
     return (l !== 0 || u !== void 0) && (g += ` ${p}={${l}}`), u !== void 0 && (g += ` ${p}Span={${u}}`), c && (g += " disabled"), `<Gridline ${g} />`;
   }, i = Array.from(t.values()).filter(
     (a) => {
-      const { axis: u, crossSpan: l, crossStart: c, index: d } = a, p = u === "column" ? "row" : "column", g = n[u], f = n[p];
-      let m = !0;
-      return mt(d, g) || (o.push(
+      const { axis: u, crossSpan: l, crossStart: c, index: d } = a, p = u === "column" ? "row" : "column", g = n[u], m = n[p];
+      let f = !0;
+      return vt(d, g) || (o.push(
         `Invalid ${u} Gridline ${u} (${d}); must be between 1 and ${g - 1}`
-      ), m = !1), !Number.isInteger(c) || c < 0 || c >= f ? (o.push(
-        `Invalid ${u} Gridline ${p} (${c}); must be between 0 and ${f - 1}`
-      ), m = !1) : l !== void 0 && (!Number.isInteger(l) || l < 1 || c + l > f) && (o.push(
-        `Invalid ${u} Gridline ${p}Span (${l}); Grid has ${f} ${p}s`
-      ), m = !1), m;
+      ), f = !1), !Number.isInteger(c) || c < 0 || c >= m ? (o.push(
+        `Invalid ${u} Gridline ${p} (${c}); must be between 0 and ${m - 1}`
+      ), f = !1) : l !== void 0 && (!Number.isInteger(l) || l < 1 || c + l > m) && (o.push(
+        `Invalid ${u} Gridline ${p}Span (${l}); Grid has ${m} ${p}s`
+      ), f = !1), f;
     }
   ), s = (a) => {
     const u = n[a.axis === "column" ? "row" : "column"];
@@ -2982,34 +3078,34 @@ function wo({
   return i.forEach((a, u) => {
     const { axis: l, index: c } = a, [d, p] = s(a);
     for (const g of e) {
-      const [f, m, h, S] = l === "column" ? [g.column, g.columnSpan, g.row, g.rowSpan] : [g.row, g.rowSpan, g.column, g.columnSpan];
-      if (f < c && c < f + m && h < p && d < h + S) {
-        const y = l === "column" ? "row" : "column";
+      const [m, f, y, S] = l === "column" ? [g.column, g.columnSpan, g.row, g.rowSpan] : [g.row, g.rowSpan, g.column, g.columnSpan];
+      if (m < c && c < m + f && y < p && d < y + S) {
+        const v = l === "column" ? "row" : "column";
         o.push(
-          `${r(a)} overlaps a Cell that spans across it (${l}: ${f}, ${l}Span: ${m}, ${y}: ${h}, ${y}Span: ${S}); use the ${y} and ${y}Span props to render gridlines beside the Cell instead`
+          `${r(a)} overlaps a Cell that spans across it (${l}: ${m}, ${l}Span: ${f}, ${v}: ${y}, ${v}Span: ${S}); use the ${v} and ${v}Span props to render gridlines beside the Cell instead`
         );
       }
     }
     for (const g of i.slice(u + 1))
       if (g.axis === l && g.index === c) {
-        const [f, m] = s(g);
-        f < p && d < m && o.push(`${r(a)} overlaps ${r(g)}`);
+        const [m, f] = s(g);
+        m < p && d < f && o.push(`${r(a)} overlaps ${r(g)}`);
       }
   }), o;
 }
-function Qt(e, t) {
-  return se(e.columns, t.columns) && se(e.rows, t.rows);
+function an(e, t) {
+  return le(e.columns, t.columns) && le(e.rows, t.rows);
 }
-function Bo({
+function Ko({
   id: e,
   onlySaveAfterUserInteractions: t,
   storage: n = localStorage
 }) {
-  const o = `react-resizable-panels:grid:${e}`, r = tt(
-    xo,
+  const o = `react-resizable-panels:grid:${e}`, r = at(
+    ko,
     () => n.getItem(o),
     () => n.getItem(o)
-  ), i = Me(() => {
+  ), i = pe(() => {
     if (r)
       try {
         const a = JSON.parse(r);
@@ -3017,7 +3113,7 @@ function Bo({
           return a;
       } catch {
       }
-  }, [r]), s = re(
+  }, [r]), s = se(
     (a, u) => {
       if (!(t && !u.isUserInteraction))
         try {
@@ -3042,27 +3138,30 @@ function Bo({
     onLayoutChanged: s
   };
 }
-function xo() {
+function ko() {
   return function() {
   };
 }
-function qo() {
-  return ge(null);
+function Jo() {
+  return ve(null);
 }
-function Ho() {
-  return B(null);
+function Zo() {
+  return H(null);
 }
-function zo(e) {
+function Qo() {
+  return We(Pn);
+}
+function To(e) {
   for (let t = 1; t < e.length; t++)
-    if (gt(e[t - 1], e[t]) > 0)
+    if (wt(e[t - 1], e[t]) > 0)
       return !1;
   return !0;
 }
-function Io({
+function Ao({
   separator: e
 }) {
-  const { element: t } = e, n = B(null);
-  return ne(() => {
+  const { element: t } = e, n = H(null);
+  return re(() => {
     const o = t.cloneNode(!0), r = [t, ...t.querySelectorAll("*")], i = [o, ...o.querySelectorAll("*")], s = t.ownerDocument.defaultView;
     return r.forEach((a, u) => {
       const l = i[u];
@@ -3085,7 +3184,7 @@ function Io({
       transform: "none",
       width: "100%"
     }), n.current.appendChild(o), () => o.remove();
-  }, [t]), /* @__PURE__ */ Y(
+  }, [t]), /* @__PURE__ */ X(
     "div",
     {
       ref: n,
@@ -3098,24 +3197,24 @@ function Io({
     }
   );
 }
-function st() {
-  const e = nn(Lt);
-  return D(
+function ft() {
+  const e = We(kt);
+  return F(
     e,
     "Group Context not found; did you render a Panel or Separator outside of a Group?"
   ), e;
 }
-function Rn(e) {
-  const { registerOverlay: t } = st(), n = B(e);
-  Sn(n.current, e) || (n.current = e);
+function An(e) {
+  const { registerOverlay: t } = ft(), n = H(e);
+  zn(n.current, e) || (n.current = e);
   const o = n.current;
-  return ne(
+  return re(
     () => t(o),
     [t, o]
   ), null;
 }
-Rn.displayName = "SeparatorOverlay";
-function Lo({
+An.displayName = "SeparatorOverlay";
+function $o({
   active: e,
   orientation: t,
   style: n,
@@ -3138,7 +3237,7 @@ function Lo({
       break;
     }
   }
-  return /* @__PURE__ */ Y(
+  return /* @__PURE__ */ X(
     "div",
     {
       ...o,
@@ -3152,20 +3251,20 @@ function Lo({
     }
   );
 }
-function Co({
+function Do({
   overlay: e,
   preview: t
 }) {
   const { axis: n, offset: o, rect: r, separator: i } = t, s = n.orientation === "horizontal";
   let a = i?.preview, u = e;
-  return on(a) && a.type === Rn && (u = a.props, a = void 0), a == null && (u ? a = /* @__PURE__ */ Y(
-    Lo,
+  return ln(a) && a.type === An && (u = a.props, a = void 0), a == null && (u ? a = /* @__PURE__ */ X(
+    $o,
     {
       ...u,
       active: t.active,
       orientation: n.orientation
     }
-  ) : i && (a = /* @__PURE__ */ Y(Io, { separator: i }))), /* @__PURE__ */ Y(
+  ) : i && (a = /* @__PURE__ */ X(Ao, { separator: i }))), /* @__PURE__ */ X(
     "div",
     {
       "aria-hidden": "true",
@@ -3184,29 +3283,30 @@ function Co({
     }
   );
 }
-function Ro(e) {
-  return Array.from(e).sort(gt);
+function Oo(e) {
+  return Array.from(e).sort(wt);
 }
-function Eo(e, t) {
-  const n = B({
+const $n = Ue(null);
+function Go(e, t) {
+  const n = H({
     getLayout: () => ({}),
-    setLayout: qn
+    setLayout: Jn
   });
-  ft(t, () => n.current, []), ne(() => {
+  return St(t, () => n.current, []), re(() => {
     Object.assign(
       n.current,
-      Fe({ axisId: e })
+      He({ axisId: e })
     );
-  });
+  }), n;
 }
-function Mo({
+function No({
   groupId: e,
   resizePreviewMode: t
 }) {
-  const [n, o] = ge([]), r = B(n);
-  return ne(() => {
+  const [n, o] = ve([]), r = H(n);
+  return re(() => {
     const i = (a) => {
-      const u = Re(e), l = t === "separator" && a.state === "active" ? a.previews.filter(
+      const u = Te(e), l = t === "separator" && a.state === "active" ? a.previews.filter(
         (d) => d.axis === u && (d.active || !W(d.offset, 0))
       ) : [], c = r.current;
       c.length === l.length && l.every(
@@ -3214,16 +3314,16 @@ function Mo({
       ) || (r.current = l, o(l));
     };
     if (t !== "separator") {
-      i(ie());
+      i(ae());
       return;
     }
-    const s = ht(
+    const s = xt(
       ({ next: a }) => i(a)
     );
-    return i(ie()), s;
+    return i(ae()), s;
   }, [e, t]), n;
 }
-function Po({
+function Fo({
   children: e,
   className: t,
   defaultLayout: n,
@@ -3241,212 +3341,218 @@ function Po({
     fine: 10
   },
   style: g,
-  ...f
+  ...m
 }) {
-  const m = B({
+  const f = H({
     onLayoutChange: {},
     onLayoutChanged: {}
-  }), h = Se((I) => {
-    se(m.current.onLayoutChange, I) || (m.current.onLayoutChange = I, u?.(I));
-  }), S = Se(
-    (I, R, q) => {
-      se(m.current.onLayoutChanged, I) || (m.current.onLayoutChanged = I, l?.(I, { isUserInteraction: R, requestedLayout: q }));
-    }
-  ), y = Pe(a), [z, b] = ge(), E = Mo({
-    groupId: y,
+  }), y = we((P) => {
+    le(f.current.onLayoutChange, P) || (f.current.onLayoutChange = P, u?.(P));
+  }), S = we(
+    (P, A, V) => {
+      le(f.current.onLayoutChanged, P) || (f.current.onLayoutChanged = P, l?.(P, { isUserInteraction: A, requestedLayout: V }));
+    }
+  ), v = Ae(a), [z, x] = ve(), R = No({
+    groupId: v,
     resizePreviewMode: d
-  }), F = B(null), [N, w] = zn(), x = B([]), v = B({
+  }), k = H(null), [O, b] = En(), w = H([]), h = H({
     lastExpandedPanelSizes: {},
     layouts: {},
     panels: [],
     separators: []
-  }), M = He(F, i);
-  Eo(y, s);
-  const k = Se(
-    (I, R) => {
-      const q = ce(I);
-      if (q)
+  }), I = Ye(k, i), L = Go(v, s), M = pe(
+    () => ({
+      getLayout: () => L.current.getLayout(),
+      id: v,
+      orientation: c,
+      setLayout: (P) => L.current.setLayout(P)
+    }),
+    [v, L, c]
+  ), T = we(
+    (P, A) => {
+      const V = ue(P);
+      if (V)
         return {
-          flexGrow: q.layout[R] ?? 1
+          flexGrow: V.layout[A] ?? 1
         };
-      if (n?.[R])
+      if (n?.[A])
         return {
-          flexGrow: n?.[R]
+          flexGrow: n?.[A]
         };
     }
-  ), P = it({
+  ), E = dt({
     defaultLayout: n,
     disableCursor: o,
     resizeTargetMinimumSize: p
-  }), A = Me(
+  }), G = pe(
     () => ({
       get disableCursor() {
-        return !!P.disableCursor;
+        return !!E.disableCursor;
       },
-      getPanelStyles: k,
-      id: y,
+      getPanelStyles: T,
+      id: v,
       orientation: c,
-      registerPanel: (I) => {
-        const R = v.current;
-        return R.panels = Ne(c, [
-          ...R.panels,
-          I
-        ]), w(), () => {
-          R.panels = R.panels.filter(
-            (q) => q !== I
-          ), w();
+      registerPanel: (P) => {
+        const A = h.current;
+        return A.panels = _e(c, [
+          ...A.panels,
+          P
+        ]), b(), () => {
+          A.panels = A.panels.filter(
+            (V) => V !== P
+          ), b();
         };
       },
-      registerOverlay: (I) => (b(I), () => {
-        b(void 0);
+      registerOverlay: (P) => (x(P), () => {
+        x(void 0);
       }),
-      registerSeparator: (I) => {
-        const R = v.current;
-        return R.separators = Ne(c, [
-          ...R.separators,
-          I
-        ]), w(), () => {
-          R.separators = R.separators.filter(
-            (q) => q !== I
-          ), w();
+      registerSeparator: (P) => {
+        const A = h.current;
+        return A.separators = _e(c, [
+          ...A.separators,
+          P
+        ]), b(), () => {
+          A.separators = A.separators.filter(
+            (V) => V !== P
+          ), b();
         };
       },
-      updatePanelProps: (I, { disabled: R }) => {
-        const K = v.current.panels.find(
-          (ae) => ae.id === I
+      updatePanelProps: (P, { disabled: A }) => {
+        const j = h.current.panels.find(
+          (xe) => xe.id === P
         );
-        if (!K || K.constraintProps.disabled === R)
+        if (!j || j.constraintProps.disabled === A)
           return;
-        K.constraintProps.disabled = R;
-        const X = Re(y), J = ce(y);
-        X && J && me(X, {
-          ...J,
-          derivedItemConstraints: St(X)
+        j.constraintProps.disabled = A;
+        const U = Te(v), de = ue(v);
+        U && de && ge(U, {
+          ...de,
+          derivedItemConstraints: Lt(U)
         });
       },
-      updateSeparatorProps: (I, {
-        disabled: R,
-        disableDoubleClick: q
+      updateSeparatorProps: (P, {
+        disabled: A,
+        disableDoubleClick: V
       }) => {
-        const X = v.current.separators.find(
-          (J) => J.id === I
+        const U = h.current.separators.find(
+          (de) => de.id === P
         );
-        X && (X.disabled = R, X.disableDoubleClick = q);
+        U && (U.disabled = A, U.disableDoubleClick = V);
       }
     }),
-    [k, y, w, c, P]
-  ), C = B(null);
-  return ne(() => {
-    const I = F.current;
-    if (I === null)
+    [T, v, b, c, E]
+  ), N = H(null);
+  return re(() => {
+    const P = k.current;
+    if (P === null)
       return;
-    const R = v.current;
-    R.panels = Ne(
+    const A = h.current;
+    A.panels = _e(
       c,
-      R.panels
-    ), R.separators = Ne(
+      A.panels
+    ), A.separators = _e(
       c,
-      R.separators
-    ), x.current = Ro([
-      ...R.panels.map(({ element: L }) => L),
-      ...R.separators.map(({ element: L }) => L)
+      A.separators
+    ), w.current = Oo([
+      ...A.panels.map(({ element: ee }) => ee),
+      ...A.separators.map(({ element: ee }) => ee)
     ]);
-    let q;
-    if (P.defaultLayout !== void 0 && Object.keys(P.defaultLayout).length === R.panels.length) {
-      q = {};
-      for (const L of R.panels) {
-        const T = P.defaultLayout[L.id];
-        T !== void 0 && (q[L.id] = T);
+    let V;
+    if (E.defaultLayout !== void 0 && Object.keys(E.defaultLayout).length === A.panels.length) {
+      V = {};
+      for (const ee of A.panels) {
+        const C = E.defaultLayout[ee.id];
+        C !== void 0 && (V[ee.id] = C);
       }
     }
-    const K = {
+    const j = {
       disabled: !!r,
-      element: I,
-      id: y,
+      element: P,
+      id: v,
       mutableState: {
-        defaultLayout: q,
-        disableCursor: !!P.disableCursor,
-        expandedItemSizes: v.current.lastExpandedPanelSizes,
-        layouts: v.current.layouts
+        defaultLayout: V,
+        disableCursor: !!E.disableCursor,
+        expandedItemSizes: h.current.lastExpandedPanelSizes,
+        layouts: h.current.layouts
       },
       orientation: c,
-      items: R.panels,
+      items: A.panels,
       resizePreviewMode: d,
       get resizeTargetMinimumSize() {
-        return P.resizeTargetMinimumSize;
+        return E.resizeTargetMinimumSize;
       },
-      separators: R.separators
+      separators: A.separators
     };
-    C.current = K;
-    const X = wn(K), {
-      defaultLayoutDeferred: J,
-      derivedItemConstraints: ae,
-      layout: xe,
-      requestedLayout: $e
-    } = ce(K.id, !0);
-    if (!J && ae.length > 0)
+    N.current = j;
+    const U = Cn(j), {
+      defaultLayoutDeferred: de,
+      derivedItemConstraints: xe,
+      layout: Le,
+      requestedLayout: Ie
+    } = ue(j.id, !0);
+    if (!de && xe.length > 0)
       try {
         try {
-          h(xe);
+          y(Le);
         } finally {
-          S(xe, !1, $e);
+          S(Le, !1, Ie);
         }
-      } catch (L) {
-        throw C.current = null, X(), L;
+      } catch (ee) {
+        throw N.current = null, U(), ee;
       }
-    const ze = _e(y, (L) => {
+    const De = qe(v, (ee) => {
       const {
-        defaultLayoutDeferred: T,
-        derivedItemConstraints: G,
-        layout: O,
+        defaultLayoutDeferred: C,
+        derivedItemConstraints: $,
+        layout: B,
         requestedLayout: _
-      } = L.next;
-      if (T || G.length === 0)
+      } = ee.next;
+      if (C || $.length === 0)
         return;
-      xn({
-        derivedItemConstraints: G,
-        axis: K,
-        layout: O,
-        prevLayout: L.prev?.layout,
+      Rn({
+        derivedItemConstraints: $,
+        axis: j,
+        layout: B,
+        prevLayout: ee.prev?.layout,
         requestedLayout: _
       });
-      const V = ie(), j = V.state !== "active" || !V.hitRegions.some((te) => te.axis === K);
+      const q = ae(), Z = q.state !== "active" || !q.hitRegions.some((K) => K.axis === j);
       try {
-        h(O);
+        y(B);
       } finally {
-        j && S(
-          O,
-          L.isUserInteraction,
+        Z && S(
+          B,
+          ee.isUserInteraction,
           _
         );
       }
     });
     return () => {
-      C.current = null, X(), ze();
+      N.current = null, U(), De();
     };
   }, [
     r,
-    y,
+    v,
     S,
-    h,
+    y,
     c,
-    N,
+    O,
     d,
-    P
-  ]), ne(() => {
-    zo(x.current) || w();
-  }), qe(() => {
-    const I = C.current;
-    I && (I.mutableState.defaultLayout = n, I.mutableState.disableCursor = !!o);
-  }), /* @__PURE__ */ Y(Lt.Provider, { value: A, children: /* @__PURE__ */ Mn(
+    E
+  ]), re(() => {
+    To(w.current) || b();
+  }), je(() => {
+    const P = N.current;
+    P && (P.mutableState.defaultLayout = n, P.mutableState.disableCursor = !!o);
+  }), /* @__PURE__ */ X($n.Provider, { value: M, children: /* @__PURE__ */ X(kt.Provider, { value: G, children: /* @__PURE__ */ Gn(
     "div",
     {
-      ...f,
+      ...m,
       className: t,
       "data-group": !0,
-      "data-testid": Ve(f, a),
-      id: y,
-      ref: M,
+      "data-testid": Xe(m, a),
+      id: v,
+      ref: I,
       style: {
         height: "100%",
         width: "100%",
@@ -3464,28 +3570,28 @@ function Po({
       },
       children: [
         e,
-        E.map((I) => /* @__PURE__ */ Y(
-          Co,
+        R.map((P) => /* @__PURE__ */ X(
+          Do,
           {
             overlay: z,
-            preview: I
+            preview: P
           },
-          I.key
+          P.key
         ))
       ]
     }
-  ) });
+  ) }) });
 }
-Po.displayName = "Group";
-function Qe(e, t) {
+Fo.displayName = "Group";
+function rt(e, t) {
   return `react-resizable-panels:${[e, ...t].join(":")}`;
 }
-function To({
+function _o({
   id: e,
   panelIds: t,
   storage: n
 }) {
-  const o = Qe(e, []), r = n.getItem(o);
+  const o = rt(e, []), r = n.getItem(o);
   if (r)
     try {
       const i = JSON.parse(r);
@@ -3515,54 +3621,54 @@ function To({
     } catch {
     }
 }
-function Vo({
+function er({
   debounceSaveMs: e = 100,
   onlySaveAfterUserInteractions: t,
   panelIds: n,
   storage: o = localStorage,
   ...r
 }) {
-  const i = n !== void 0, s = "id" in r ? r.id : r.groupId, a = Qe(s, n ?? []), u = tt(
-    $o,
+  const i = n !== void 0, s = "id" in r ? r.id : r.groupId, a = rt(s, n ?? []), u = at(
+    Bo,
     () => o.getItem(a),
     () => o.getItem(a)
-  ), l = Me(() => {
+  ), l = pe(() => {
     if (u) {
-      const h = JSON.parse(u), S = Object.values(h);
-      if (Array.from(S).every((y) => typeof y == "number"))
-        return h;
+      const y = JSON.parse(u), S = Object.values(y);
+      if (Array.from(S).every((v) => typeof v == "number"))
+        return y;
     }
-  }, [u]), c = Me(() => {
+  }, [u]), c = pe(() => {
     if (!l)
-      return To({
+      return _o({
         id: s,
         panelIds: n,
         storage: o
       });
-  }, [l, s, n, o]), d = l ?? c, p = B(null), g = re(() => {
-    const h = p.current;
-    h && (p.current = null, clearTimeout(h));
+  }, [l, s, n, o]), d = l ?? c, p = H(null), g = se(() => {
+    const y = p.current;
+    y && (p.current = null, clearTimeout(y));
   }, []);
-  en(() => () => {
+  cn(() => () => {
     g();
   }, [g]);
-  const f = re(
+  const m = se(
     // The hook persists every layout commit -- including library-driven ones --
     // because it owns its own storage and the goal is to remember whatever
     // layout the user is currently looking at. Consumers that only want to
     // persist on user interaction should branch on `isUserInteraction` in
     // their own callback (see #716) rather than via this hook.
-    (h, S) => {
+    (y, S) => {
       if (t && !S.isUserInteraction)
         return;
       g();
-      const y = S.requestedLayout ?? h;
+      const v = S.requestedLayout ?? y;
       let z;
-      i ? z = Qe(s, Object.keys(y)) : z = Qe(s, []);
+      i ? z = rt(s, Object.keys(v)) : z = rt(s, []);
       try {
-        o.setItem(z, JSON.stringify(y));
-      } catch (b) {
-        console.error(b);
+        o.setItem(z, JSON.stringify(v));
+      } catch (x) {
+        console.error(x);
       }
     },
     [
@@ -3572,13 +3678,13 @@ function Vo({
       t,
       o
     ]
-  ), m = re(
-    (h) => {
-      g(), e === 0 ? f(h, { isUserInteraction: !1 }) : p.current = setTimeout(() => {
-        f(h, { isUserInteraction: !1 });
+  ), f = se(
+    (y) => {
+      g(), e === 0 ? m(y, { isUserInteraction: !1 }) : p.current = setTimeout(() => {
+        m(y, { isUserInteraction: !1 });
       }, e);
     },
-    [g, e, f]
+    [g, e, m]
   );
   return {
     /**
@@ -3590,42 +3696,46 @@ function Vo({
      *
      * @deprecated Use the {@link onLayoutChanged} prop instead.
      */
-    onLayoutChange: m,
+    onLayoutChange: f,
     /**
      * Attach this callback on the `Group` as the `onLayoutChanged` prop.
      */
-    onLayoutChanged: f
+    onLayoutChanged: m
   };
 }
-function $o() {
+function Bo() {
   return function() {
   };
 }
-function jo() {
-  return ge(null);
+function tr() {
+  return ve(null);
 }
-function Uo() {
-  return B(null);
+function nr() {
+  return H(null);
 }
-function ko(e, t) {
-  const { id: n } = st(), o = B({
-    collapse: ct,
-    expand: ct,
+function or() {
+  return We($n);
+}
+const Dn = Ue(null);
+function Ho(e, t) {
+  const { id: n } = ft(), o = H({
+    collapse: pt,
+    expand: pt,
     getSize: () => ({
       asPercentage: 0,
       inPixels: 0
     }),
     isCollapsed: () => !1,
-    resize: ct
+    resize: pt
   });
-  ft(t, () => o.current, []), ne(() => {
+  return St(t, () => o.current, []), re(() => {
     Object.assign(
       o.current,
-      It({ axisId: n, itemId: e })
+      Mt({ axisId: n, itemId: e })
     );
-  });
+  }), o;
 }
-function Ao({
+function qo({
   children: e,
   className: t,
   collapsedSize: n = "0%",
@@ -3640,46 +3750,46 @@ function Ao({
   minSize: d = "0%",
   onResize: p,
   panelRef: g,
-  style: f,
-  ...m
+  style: m,
+  ...f
 }) {
-  const h = et(l), S = Pe(l), y = it({
+  const y = it(l), S = Ae(l), v = dt({
     disabled: s
-  }), z = B(null), b = He(z, a), {
-    getPanelStyles: E,
-    id: F,
-    orientation: N,
-    registerPanel: w,
-    updatePanelProps: x
-  } = st(), v = p !== null, M = Se(
-    (C, I, R) => {
-      p?.(C, l, R);
+  }), z = H(null), x = Ye(z, a), {
+    getPanelStyles: R,
+    id: k,
+    orientation: O,
+    registerPanel: b,
+    updatePanelProps: w
+  } = ft(), h = p !== null, I = we(
+    (N, P, A) => {
+      p?.(N, l, A);
     }
   );
-  ne(() => {
-    const C = z.current;
-    if (C !== null) {
-      const I = {
-        element: C,
+  re(() => {
+    const N = z.current;
+    if (N !== null) {
+      const P = {
+        element: N,
         id: S,
-        idIsStable: h,
+        idIsStable: y,
         mutableValues: {
           expandToSize: void 0,
           prevSize: void 0
         },
-        onResize: v ? M : void 0,
+        onResize: h ? I : void 0,
         constraintProps: {
           groupResizeBehavior: u,
           collapsedSize: n,
           collapsedThreshold: o,
           collapsible: r,
           defaultSize: i,
-          disabled: y.disabled,
+          disabled: v.disabled,
           maxSize: c,
           minSize: d
         }
       };
-      return w(I);
+      return b(P);
     }
   }, [
     u,
@@ -3687,49 +3797,60 @@ function Ao({
     o,
     r,
     i,
-    v,
-    S,
     h,
+    S,
+    y,
     c,
     d,
-    M,
-    w,
-    y
-  ]), qe(() => {
-    x(S, { disabled: s });
-  }, [s, S, x]), ko(S, g);
-  const k = () => {
-    const C = E(F, S);
-    if (C)
-      return JSON.stringify(C);
-  }, P = tt(
-    (C) => _e(F, C),
-    k,
-    k
+    I,
+    b,
+    v
+  ]), je(() => {
+    w(S, { disabled: s });
+  }, [s, S, w]);
+  const L = Ho(S, g), M = pe(
+    () => ({
+      collapse: () => L.current.collapse(),
+      expand: () => L.current.expand(),
+      getSize: () => L.current.getSize(),
+      groupId: k,
+      id: S,
+      isCollapsed: () => L.current.isCollapsed(),
+      resize: (N) => L.current.resize(N)
+    }),
+    [k, S, L]
+  ), T = () => {
+    const N = R(k, S);
+    if (N)
+      return JSON.stringify(N);
+  }, E = at(
+    (N) => qe(k, N),
+    T,
+    T
   );
-  let A;
-  return P ? A = JSON.parse(P) : i !== void 0 ? A = {
+  let G;
+  return E ? G = JSON.parse(E) : i !== void 0 ? G = {
     flexGrow: void 0,
     flexShrink: void 0,
     flexBasis: i
-  } : A = { flexGrow: 1 }, /* @__PURE__ */ Y(
+  } : G = { flexGrow: 1 }, /* @__PURE__ */ X(
     "div",
     {
-      ...m,
+      ...f,
       "data-disabled": s || void 0,
       "data-panel": !0,
-      "data-testid": Ve(m, l),
+      "data-testid": Xe(f, l),
       id: S,
-      ref: b,
+      ref: x,
       style: {
-        ...Do,
+        ...Vo,
         display: "flex",
         flexBasis: 0,
         flexShrink: 1,
         overflow: "visible",
-        ...A
+        ...G
       },
-      children: /* @__PURE__ */ Y(
+      children: /* @__PURE__ */ X(
         "div",
         {
           className: t,
@@ -3738,21 +3859,21 @@ function Ao({
             maxWidth: "100%",
             flexGrow: 1,
             overflow: "auto",
-            ...f,
+            ...m,
             // Inform the browser that the library is handling touch events for this element
             // but still allow users to scroll content within panels in the non-resizing direction
             // NOTE This is not an inherited style
             // See github.com/bvaughn/react-resizable-panels/issues/662
-            touchAction: N === "horizontal" ? "pan-y" : "pan-x"
+            touchAction: O === "horizontal" ? "pan-y" : "pan-x"
           },
-          children: e
+          children: /* @__PURE__ */ X(Dn.Provider, { value: M, children: e })
         }
       )
     }
   );
 }
-Ao.displayName = "Panel";
-const Do = {
+qo.displayName = "Panel";
+const Vo = {
   minHeight: 0,
   maxHeight: "100%",
   height: "auto",
@@ -3764,14 +3885,17 @@ const Do = {
   padding: 0,
   margin: 0
 };
-function Wo() {
-  return ge(null);
+function rr() {
+  return ve(null);
+}
+function ir() {
+  return H(null);
 }
-function Yo() {
-  return B(null);
+function sr() {
+  return We(Dn);
 }
-const Oo = { flexBasis: "auto" }, No = { flexGrow: 0, flexShrink: 0 };
-function Go({
+const jo = { flexBasis: "auto" }, Uo = { flexGrow: 0, flexShrink: 0 };
+function Wo({
   children: e,
   className: t,
   disabled: n,
@@ -3782,21 +3906,21 @@ function Go({
   style: a,
   ...u
 }) {
-  const l = Pe(i), {
+  const l = Ae(i), {
     disableCursor: c,
     id: d,
     orientation: p,
     registerSeparator: g,
-    updateSeparatorProps: f
-  } = st();
-  return /* @__PURE__ */ Y(
-    In,
+    updateSeparatorProps: m
+  } = ft();
+  return /* @__PURE__ */ X(
+    Mn,
     {
       attributes: u,
       axisId: d,
       axisOrientation: p,
       className: t,
-      "data-testid": Ve(u, i),
+      "data-testid": Xe(u, i),
       disableCursor: c,
       disabled: n,
       disableDoubleClick: o,
@@ -3804,31 +3928,34 @@ function Go({
       id: l,
       preview: s,
       registerSeparator: g,
-      requiredStyle: No,
+      requiredStyle: Uo,
       style: a,
-      styleDefaults: Oo,
-      updateSeparatorProps: f,
+      styleDefaults: jo,
+      updateSeparatorProps: m,
       children: e
     }
   );
 }
-Go.displayName = "Separator";
+Wo.displayName = "Separator";
 export {
-  Dn as Cell,
-  vo as Grid,
-  Ln as Gridline,
-  Po as Group,
-  Ao as Panel,
-  Go as Separator,
-  Rn as SeparatorOverlay,
-  On as isCoarsePointer,
-  Bo as useDefaultGridLayout,
-  Vo as useDefaultLayout,
-  qo as useGridCallbackRef,
-  Ho as useGridRef,
-  jo as useGroupCallbackRef,
-  Uo as useGroupRef,
-  Wo as usePanelCallbackRef,
-  Yo as usePanelRef
+  qn as Cell,
+  Eo as Grid,
+  kn as Gridline,
+  Fo as Group,
+  qo as Panel,
+  Wo as Separator,
+  An as SeparatorOverlay,
+  Vn as isCoarsePointer,
+  Ko as useDefaultGridLayout,
+  er as useDefaultLayout,
+  Jo as useGridCallbackRef,
+  Zo as useGridRef,
+  tr as useGroupCallbackRef,
+  nr as useGroupRef,
+  rr as usePanelCallbackRef,
+  ir as usePanelRef,
+  Qo as useParentGrid,
+  or as useParentGroup,
+  sr as useParentPanel
 };
 //# sourceMappingURL=react-resizable-panels.js.map