react-resizable-panels 4.14.0 → 4.14.1

package/dist/react-resizable-panels.js

@@ -1,81 +1,81 @@
 "use client";
-import { jsx as j, jsxs as cn } from "react/jsx-runtime";
-import { useId as un, useLayoutEffect as Ot, useEffect as Be, useRef as B, useCallback as te, createContext as At, useContext as Nt, useState as ge, useMemo as Ee, useImperativeHandle as it, useSyncExternalStore as qe, Children as dn, isValidElement as Gt } from "react";
+import { jsx as W, jsxs as un } from "react/jsx-runtime";
+import { useId as dn, useLayoutEffect as Ot, useEffect as qe, useRef as q, useCallback as te, createContext as Nt, useContext as Gt, useState as he, useMemo as Ee, useImperativeHandle as it, useSyncExternalStore as Ke, Children as fn, isValidElement as _t } from "react";
 function ke(e) {
-  const n = un();
-  return `${e ?? n}`;
+  const t = dn();
+  return `${e ?? t}`;
 }
-const ne = typeof window < "u" ? Ot : Be;
-function ye(e) {
-  const n = B(e);
+const ne = typeof window < "u" ? Ot : qe;
+function ge(e) {
+  const t = q(e);
   return ne(() => {
-    n.current = e;
+    t.current = e;
   }, [e]), te(
-    (...t) => n.current?.(...t),
-    [n]
+    (...n) => t.current?.(...n),
+    [t]
   );
 }
-function Ve(...e) {
-  return ye((n) => {
-    e.forEach((t) => {
-      if (t)
-        switch (typeof t) {
+function Be(...e) {
+  return ge((t) => {
+    e.forEach((n) => {
+      if (n)
+        switch (typeof n) {
           case "function": {
-            t(n);
+            n(t);
             break;
           }
           case "object": {
-            t.current = n;
+            n.current = t;
             break;
           }
         }
     });
   });
 }
-function et(e, n) {
-  return n ? e * 2 + 1 : e + 1;
+function et(e, t) {
+  return t ? e * 2 + 1 : e + 1;
 }
-function fn(e, n) {
-  return n ? e * 2 - 1 : e;
+function mn(e, t) {
+  return t ? e * 2 - 1 : e;
 }
-function mt(e, n, t) {
-  const o = et(e, t);
-  return n === void 0 ? `${o} / -1` : `${o} / span ${fn(n, t)}`;
+function mt(e, t, n) {
+  const o = et(e, n);
+  return t === void 0 ? `${o} / -1` : `${o} / span ${mn(t, n)}`;
 }
-function mn(e) {
+function pn(e) {
   return `${e * 2} / span 1`;
 }
-function pn({
+function hn({
   crossCount: e,
-  crossSpan: n,
-  crossStart: t,
+  crossSpan: t,
+  crossStart: n,
   hasGutters: o
 }) {
-  const r = n === void 0 ? e : t + n;
-  if (t === 0 && r === e)
+  const r = t === void 0 ? e : n + t;
+  if (n === 0 && r === e)
     return "1 / -1";
-  let i = et(t, o), s = et(r - 1, o) + 1;
-  return o && (t > 0 && i--, r < e && s++), `${i} / ${s}`;
+  let i = et(n, o), s = et(r - 1, o) + 1;
+  return o && (n > 0 && i--, r < e && s++), `${i} / ${s}`;
 }
-function st(e, n) {
-  return Number.isInteger(e) && e >= 1 && e < n;
+function st(e, t) {
+  return Number.isInteger(e) && e >= 1 && e < t;
 }
-function D(e, n = "Assertion error") {
+function A(e, t = "Assertion error") {
   if (!e)
-    throw Error(n);
+    throw Error(t);
 }
-const _t = At(null);
-function Ft() {
-  const e = Nt(_t);
-  return D(
+const Ft = Nt(null);
+function qt() {
+  const e = Gt(Ft);
+  return A(
     e,
     "Grid Context not found; did you render a Cell or Gridline outside of a Grid?"
   ), e;
 }
-function hn({
+function gn({
   children: e,
-  className: n,
-  column: t,
+  className: t,
+  column: n,
   columnSpan: o = 1,
   elementRef: r,
   id: i,
@@ -84,23 +84,23 @@ function hn({
   style: a,
   ...c
 }) {
-  const u = ke(i), { gutters: d, registerCell: g } = Ft(), m = B(null), y = Ve(m, r);
+  const u = ke(i), { gutters: d, registerCell: g } = qt(), m = q(null), y = Be(m, r);
   return ne(() => {
     const f = m.current;
     if (f !== null)
       return g({
-        column: t,
+        column: n,
         columnSpan: o,
         element: f,
         id: u,
         row: s,
         rowSpan: l
       });
-  }, [t, o, u, g, s, l]), /* @__PURE__ */ j(
+  }, [n, o, u, g, s, l]), /* @__PURE__ */ W(
     "div",
     {
       ...c,
-      className: n,
+      className: t,
       "data-cell": !0,
       "data-testid": u,
       id: u,
@@ -111,63 +111,63 @@ function hn({
         // Allow cells to shrink smaller than their content
         minHeight: 0,
         minWidth: 0,
-        gridColumn: mt(t, o, d.column),
+        gridColumn: mt(n, o, d.column),
         gridRow: mt(s, l, d.row)
       },
       children: e
     }
   );
 }
-hn.displayName = "Cell";
-let je;
-function gn() {
-  return je === void 0 && (typeof matchMedia == "function" ? je = !!matchMedia("(pointer:coarse)").matches : je = !1), je;
+gn.displayName = "Cell";
+let Ue;
+function yn() {
+  return Ue === void 0 && (typeof matchMedia == "function" ? Ue = !!matchMedia("(pointer:coarse)").matches : Ue = !1), Ue;
 }
 function tt({
   expandHitTargets: e,
-  axis: n,
-  rect: t
+  axis: t,
+  rect: n
 }) {
-  const o = e ? gn() ? n.resizeTargetMinimumSize.coarse : n.resizeTargetMinimumSize.fine : 0;
-  if (t.width < o) {
-    const r = o - t.width;
-    t = new DOMRect(
-      t.x - r / 2,
-      t.y,
-      t.width + r,
-      t.height
+  const o = e ? yn() ? t.resizeTargetMinimumSize.coarse : t.resizeTargetMinimumSize.fine : 0;
+  if (n.width < o) {
+    const r = o - n.width;
+    n = new DOMRect(
+      n.x - r / 2,
+      n.y,
+      n.width + r,
+      n.height
     );
   }
-  if (t.height < o) {
-    const r = o - t.height;
-    t = new DOMRect(
-      t.x,
-      t.y - r / 2,
-      t.width,
-      t.height + r
+  if (n.height < o) {
+    const r = o - n.height;
+    n = new DOMRect(
+      n.x,
+      n.y - r / 2,
+      n.width,
+      n.height + r
     );
   }
-  return t;
+  return n;
 }
 function pt({
   axis: e,
-  cells: n,
-  index: t,
+  cells: t,
+  index: n,
   rect: o
 }) {
   let r = [o];
-  for (const i of n) {
+  for (const i of t) {
     const s = e === "column" ? i.column : i.row, l = e === "column" ? i.columnSpan : i.rowSpan;
-    if (s >= t || s + l <= t)
+    if (s >= n || s + l <= n)
       continue;
     const a = i.element.getBoundingClientRect(), c = e === "column" ? a.top : a.left, u = e === "column" ? a.bottom : a.right;
     u <= c || (r = r.flatMap((d) => {
       const g = e === "column" ? d.top : d.left, m = e === "column" ? d.bottom : d.right;
       if (c >= m || u <= g)
         return [d];
-      const y = [], f = (S, h) => {
+      const y = [], f = (S, p) => {
         y.push(
-          e === "column" ? new DOMRect(d.x, S, d.width, h - S) : new DOMRect(S, d.y, h - S, d.height)
+          e === "column" ? new DOMRect(d.x, S, d.width, p - S) : new DOMRect(S, d.y, p - S, d.height)
         );
       };
       return g < c && f(g, c), m > u && f(u, m), y;
@@ -175,10 +175,10 @@ function pt({
   }
   return r;
 }
-function yn({
+function Sn({
   axis: e,
-  cells: n,
-  crossTrackCount: t,
+  cells: t,
+  crossTrackCount: n,
   expandHitTargets: o,
   resizeAxis: r,
   axisSize: i,
@@ -197,11 +197,11 @@ function yn({
     items: [a[b - 1], a[b]],
     rect: x,
     separator: v
-  }), h = (b, x) => {
+  }), p = (b, x) => {
     let v;
-    for (const E of n) {
-      const P = e === "column" ? E.row : E.column, $ = e === "column" ? E.rowSpan : E.columnSpan;
-      if (x === "start" ? P === b : P + $ - 1 === b) {
+    for (const E of t) {
+      const P = e === "column" ? E.row : E.column, k = e === "column" ? E.rowSpan : E.columnSpan;
+      if (x === "start" ? P === b : P + k - 1 === b) {
         const M = E.element.getBoundingClientRect();
         if (x === "start") {
           const z = e === "column" ? M.top : M.left;
@@ -213,52 +213,52 @@ function yn({
       }
     }
     return v;
-  }, p = /* @__PURE__ */ new Set();
+  }, h = /* @__PURE__ */ new Set();
   for (const b of c) {
     const x = l.get(b);
-    if (!x || x.index < 1 || x.index >= u || (p.add(x.index), !s && (b.disabled || b.element.hasAttribute("aria-disabled"))) || !y(x.index))
+    if (!x || x.index < 1 || x.index >= u || (h.add(x.index), !s && (b.disabled || b.element.hasAttribute("aria-disabled"))) || !y(x.index))
       continue;
     let v = b.element.getBoundingClientRect();
-    const { crossSpan: E, crossStart: P } = x, $ = E === void 0 ? t : P + E;
+    const { crossSpan: E, crossStart: P } = x, k = E === void 0 ? n : P + E;
     let M = e === "column" ? v.top : v.left, z = e === "column" ? v.bottom : v.right;
     if (P > 0) {
-      const I = h(P - 1, "end");
+      const I = p(P - 1, "end");
       I !== void 0 && I < M && (M = I);
     }
-    if ($ < t) {
-      const I = h($, "start");
+    if (k < n) {
+      const I = p(k, "start");
       I !== void 0 && I > z && (z = I);
     }
     v = e === "column" ? new DOMRect(v.x, M, v.width, z - M) : new DOMRect(M, v.y, z - M, v.height), v = tt({ expandHitTargets: o, axis: r, rect: v }), s ? f.push(S(x.index, v, b)) : pt({
       axis: e,
-      cells: n,
+      cells: t,
       index: x.index,
       rect: v
     }).forEach((I) => {
       f.push(S(x.index, I, b));
     });
   }
-  const C = (b, x) => {
+  const L = (b, x) => {
     pt({
       axis: e,
-      cells: n,
+      cells: t,
       index: b,
       rect: tt({ expandHitTargets: o, axis: r, rect: x })
     }).forEach((v) => {
       f.push(S(b, v));
     });
   }, w = Array.from(
-    { length: t },
+    { length: n },
     () => new Array(u)
   );
-  for (const b of n) {
+  for (const b of t) {
     const [x, v, E, P] = e === "column" ? [b.column, b.columnSpan, b.row, b.rowSpan] : [b.row, b.rowSpan, b.column, b.columnSpan];
-    for (let $ = Math.max(0, E); $ < Math.min(t, E + P); $++)
+    for (let k = Math.max(0, E); k < Math.min(n, E + P); k++)
       for (let M = Math.max(0, x); M < Math.min(u, x + v); M++)
-        w[$][M] ??= b;
+        w[k][M] ??= b;
   }
-  const L = /* @__PURE__ */ new Map(), O = (b) => {
-    let x = L.get(b);
+  const C = /* @__PURE__ */ new Map(), O = (b) => {
+    let x = C.get(b);
     if (!x) {
       const v = b.element.getBoundingClientRect();
       x = e === "column" ? {
@@ -271,69 +271,69 @@ function yn({
         crossStart: v.left,
         end: v.bottom,
         start: v.top
-      }, L.set(b, x);
+      }, C.set(b, x);
     }
     return x;
-  }, A = ({ crossEnd: b, crossStart: x, end: v, start: E }) => e === "column" ? new DOMRect(E, x, v - E, b - x) : new DOMRect(x, E, b - x, v - E);
+  }, D = ({ crossEnd: b, crossStart: x, end: v, start: E }) => e === "column" ? new DOMRect(E, x, v - E, b - x) : new DOMRect(x, E, b - x, v - E);
   for (let b = 1; b < u; b++) {
-    if (p.has(b) || !y(b))
+    if (h.has(b) || !y(b))
       continue;
     let x;
-    for (let v = 0; v < t; v++) {
+    for (let v = 0; v < n; v++) {
       const E = w[v][b - 1], P = w[v][b];
-      let $;
+      let k;
       if ((E || P) && E !== P) {
-        const M = E ? O(E) : void 0, z = P ? O(P) : void 0, I = M?.end ?? z.start, _ = z?.start ?? M.end, U = Math.max(
+        const M = E ? O(E) : void 0, z = P ? O(P) : void 0, I = M?.end ?? z.start, _ = z?.start ?? M.end, Y = Math.max(
           M?.crossStart ?? -1 / 0,
           z?.crossStart ?? -1 / 0
         ), J = Math.min(
           M?.crossEnd ?? 1 / 0,
           z?.crossEnd ?? 1 / 0
         );
-        $ = {
-          crossEnd: Math.max(U, J),
-          crossStart: U,
+        k = {
+          crossEnd: Math.max(Y, J),
+          crossStart: Y,
           end: Math.max(I, _),
           start: Math.min(I, _)
         };
       }
-      $ ? x = x ? {
-        crossEnd: Math.max(x.crossEnd, $.crossEnd),
-        crossStart: Math.min(x.crossStart, $.crossStart),
-        end: Math.max(x.end, $.end),
-        start: Math.min(x.start, $.start)
-      } : $ : x && (C(b, A(x)), x = void 0);
-    }
-    x && C(b, A(x));
+      k ? x = x ? {
+        crossEnd: Math.max(x.crossEnd, k.crossEnd),
+        crossStart: Math.min(x.crossStart, k.crossStart),
+        end: Math.max(x.end, k.end),
+        start: Math.min(x.start, k.start)
+      } : k : x && (L(b, D(x)), x = void 0);
+    }
+    x && L(b, D(x));
   }
   return f;
 }
-function ce(e) {
-  const n = parseFloat(e ?? "");
-  return Number.isFinite(n) ? n : 0;
+function le(e) {
+  const t = parseFloat(e ?? "");
+  return Number.isFinite(t) ? t : 0;
 }
-function Sn({
+function vn({
   axis: e,
-  element: n,
-  gutterSizes: t,
+  element: t,
+  gutterSizes: n,
   hasGutters: o,
   layout: r,
   trackIds: i
 }) {
-  const s = i.length, l = o ? s * 2 - 1 : s, a = n.ownerDocument.defaultView?.getComputedStyle(n), c = e === "column" ? a?.gridTemplateColumns : a?.gridTemplateRows;
+  const s = i.length, l = o ? s * 2 - 1 : s, a = t.ownerDocument.defaultView?.getComputedStyle(t), c = e === "column" ? a?.gridTemplateColumns : a?.gridTemplateRows;
   if (c) {
     const f = c.trim().split(/\s+/);
     if (f.length === l && f.every((S) => /^-?[\d.]+px$/.test(S))) {
       const S = i.map(
-        (h, p) => ce(f[o ? p * 2 : p])
+        (p, h) => le(f[o ? h * 2 : h])
       );
       return {
-        availableSize: S.reduce((h, p) => h + p, 0),
+        availableSize: S.reduce((p, h) => p + h, 0),
         trackSizes: S
       };
     }
   }
-  const u = e === "column" ? n.offsetWidth : n.offsetHeight, d = e === "column" ? ce(a?.paddingLeft) + ce(a?.paddingRight) + ce(a?.borderLeftWidth) + ce(a?.borderRightWidth) : ce(a?.paddingTop) + ce(a?.paddingBottom) + ce(a?.borderTopWidth) + ce(a?.borderBottomWidth), g = ce(e === "column" ? a?.columnGap : a?.rowGap), m = t.reduce((f, S) => f + S, 0), y = Math.max(
+  const u = e === "column" ? t.offsetWidth : t.offsetHeight, d = e === "column" ? le(a?.paddingLeft) + le(a?.paddingRight) + le(a?.borderLeftWidth) + le(a?.borderRightWidth) : le(a?.paddingTop) + le(a?.paddingBottom) + le(a?.borderTopWidth) + le(a?.borderBottomWidth), g = le(e === "column" ? a?.columnGap : a?.rowGap), m = n.reduce((f, S) => f + S, 0), y = Math.max(
     0,
     u - d - g * Math.max(0, l - 1) - m
   );
@@ -349,31 +349,31 @@ function Bt(e) {
     case "number":
       return [e, "px"];
     case "string": {
-      const n = parseFloat(e);
-      return e.endsWith("%") ? [n, "%"] : e.endsWith("px") ? [n, "px"] : e.endsWith("rem") ? [n, "rem"] : e.endsWith("em") ? [n, "em"] : e.endsWith("vh") ? [n, "vh"] : e.endsWith("vw") ? [n, "vw"] : [n, "%"];
+      const t = parseFloat(e);
+      return e.endsWith("%") ? [t, "%"] : e.endsWith("px") ? [t, "px"] : e.endsWith("rem") ? [t, "rem"] : e.endsWith("em") ? [t, "em"] : e.endsWith("vh") ? [t, "vh"] : e.endsWith("vw") ? [t, "vw"] : [t, "%"];
     }
   }
 }
 class Vt {
   #e = {};
-  addListener(n, t) {
-    const o = this.#e[n];
-    return o === void 0 ? this.#e[n] = [t] : o.includes(t) || o.push(t), () => {
-      this.removeListener(n, t);
+  addListener(t, n) {
+    const o = this.#e[t];
+    return o === void 0 ? this.#e[t] = [n] : o.includes(n) || o.push(n), () => {
+      this.removeListener(t, n);
     };
   }
-  emit(n, t) {
-    const o = this.#e[n];
+  emit(t, n) {
+    const o = this.#e[t];
     if (o !== void 0)
       if (o.length === 1)
-        o[0].call(null, t);
+        o[0].call(null, n);
       else {
         let r = !1, i = null;
         const s = Array.from(o);
         for (let l = 0; l < s.length; l++) {
           const a = s[l];
           try {
-            a.call(null, t);
+            a.call(null, n);
           } catch (c) {
             i === null && (r = !0, i = c);
           }
@@ -385,87 +385,87 @@ class Vt {
   removeAllListeners() {
     this.#e = {};
   }
-  removeListener(n, t) {
-    const o = this.#e[n];
+  removeListener(t, n) {
+    const o = this.#e[t];
     if (o !== void 0) {
-      const r = o.indexOf(t);
+      const r = o.indexOf(n);
       r >= 0 && o.splice(r, 1);
     }
   }
 }
-let V = {
+let B = {
   cursorFlags: 0,
   state: "inactive"
 };
 const at = new Vt();
-function me() {
-  return V;
+function fe() {
+  return B;
 }
 function Ht(e) {
   return at.addListener("change", e);
 }
-function vn(e, n = [], t, o = !1) {
-  const r = V, i = { ...V };
-  i.cursorFlags = e, i.state === "active" && (i.didPointerMove ||= o, i.previews = n, t && (i.previewLayoutMap = t)), V = i, at.emit("change", {
+function bn(e, t = [], n, o = !1) {
+  const r = B, i = { ...B };
+  i.cursorFlags = e, i.state === "active" && (i.didPointerMove ||= o, i.previews = t, n && (i.previewLayoutMap = n)), B = i, at.emit("change", {
     prev: r,
     next: i
   });
 }
-function fe(e) {
-  const n = V;
-  V = e, n.state === "active" && e.state !== "active" && n.didPointerMove && n.hitRegions.forEach(({ separator: t }) => {
-    t && t.element.ownerDocument.activeElement === t.element && t.element.blur();
+function de(e) {
+  const t = B;
+  B = e, t.state === "active" && e.state !== "active" && t.didPointerMove && t.hitRegions.forEach(({ separator: n }) => {
+    n && n.element.ownerDocument.activeElement === n.element && n.element.blur();
   }), at.emit("change", {
-    prev: n,
+    prev: t,
     next: e
   });
 }
-function bn(e) {
-  V.state !== "active" || !V.previews.some((n) => n.separator === e) || fe({
-    ...V,
-    previews: V.previews.map(
-      (n) => n.separator === e ? { ...n } : n
+function xn(e) {
+  B.state !== "active" || !B.previews.some((t) => t.separator === e) || de({
+    ...B,
+    previews: B.previews.map(
+      (t) => t.separator === e ? { ...t } : t
     )
   });
 }
-function xn(e) {
-  if (V.state === "inactive")
+function wn(e) {
+  if (B.state === "inactive")
     return !1;
-  const n = V.hitRegions.filter((o) => o.axis !== e), t = V.state === "active" && V.previews.some((o) => o.axis === e);
-  if (n.length === V.hitRegions.length && !t)
+  const t = B.hitRegions.filter((o) => o.axis !== e), n = B.state === "active" && B.previews.some((o) => o.axis === e);
+  if (t.length === B.hitRegions.length && !n)
     return !1;
-  if (n.length === 0)
-    fe({ cursorFlags: 0, state: "inactive" });
-  else if (V.state === "active") {
-    const o = new Map(V.initialLayoutMap), r = new Map(V.previewLayoutMap);
-    o.delete(e), r.delete(e), fe({
-      ...V,
+  if (t.length === 0)
+    de({ cursorFlags: 0, state: "inactive" });
+  else if (B.state === "active") {
+    const o = new Map(B.initialLayoutMap), r = new Map(B.previewLayoutMap);
+    o.delete(e), r.delete(e), de({
+      ...B,
       cursorFlags: 0,
-      hitRegions: n,
+      hitRegions: t,
       initialLayoutMap: o,
       previewLayoutMap: r,
-      previews: V.previews.filter((i) => i.axis !== e)
+      previews: B.previews.filter((i) => i.axis !== e)
     });
   } else
-    fe({ ...V, hitRegions: n });
+    de({ ...B, hitRegions: t });
   return !0;
 }
-const wn = (e) => e, Qe = () => {
-}, jt = 1, Ut = 2, Wt = 4, qt = 8, ht = 3, gt = 12;
-let Ue;
+const zn = (e) => e, Qe = () => {
+}, jt = 1, Ut = 2, Wt = 4, Yt = 8, ht = 3, gt = 12;
+let We;
 function yt() {
-  return Ue === void 0 && (Ue = !1, typeof window < "u" && (window.navigator.userAgent.includes("Chrome") || window.navigator.userAgent.includes("Firefox")) && (Ue = !0)), Ue;
+  return We === void 0 && (We = !1, typeof window < "u" && (window.navigator.userAgent.includes("Chrome") || window.navigator.userAgent.includes("Firefox")) && (We = !0)), We;
 }
-function zn({
+function In({
   cursorFlags: e,
-  axes: n,
-  state: t
+  axes: t,
+  state: n
 }) {
   let o = 0, r = 0;
-  switch (t) {
+  switch (n) {
     case "active":
     case "hover":
-      n.forEach((i) => {
+      t.forEach((i) => {
         if (!i.mutableState.disableCursor)
           switch (i.orientation) {
             case "horizontal": {
@@ -480,10 +480,10 @@ function zn({
       });
   }
   if (!(o === 0 && r === 0)) {
-    switch (t) {
+    switch (n) {
       case "active": {
         if (e && yt()) {
-          const i = (e & jt) !== 0, s = (e & Ut) !== 0, l = (e & Wt) !== 0, a = (e & qt) !== 0;
+          const i = (e & jt) !== 0, s = (e & Ut) !== 0, l = (e & Wt) !== 0, a = (e & Yt) !== 0;
           if (i)
             return l ? "se-resize" : a ? "ne-resize" : "e-resize";
           if (s)
@@ -503,124 +503,124 @@ const St = /* @__PURE__ */ new WeakMap();
 function Ge(e) {
   if (!e.defaultView || !e.adoptedStyleSheets)
     return;
-  let { prevStyle: n, styleSheet: t } = St.get(e) ?? {};
-  t === void 0 && (t = new e.defaultView.CSSStyleSheet(), e.adoptedStyleSheets && (Object.isExtensible(e.adoptedStyleSheets) ? e.adoptedStyleSheets.push(t) : e.adoptedStyleSheets = [
+  let { prevStyle: t, styleSheet: n } = St.get(e) ?? {};
+  n === void 0 && (n = new e.defaultView.CSSStyleSheet(), e.adoptedStyleSheets && (Object.isExtensible(e.adoptedStyleSheets) ? e.adoptedStyleSheets.push(n) : e.adoptedStyleSheets = [
     ...e.adoptedStyleSheets,
-    t
+    n
   ]));
-  const o = me();
+  const o = fe();
   switch (o.state) {
     case "active":
     case "hover": {
-      const r = zn({
+      const r = In({
         cursorFlags: o.cursorFlags,
         axes: o.hitRegions.map((s) => s.axis),
         state: o.state
       }), i = `*, *:hover {cursor: ${r} !important; }`;
-      if (n === i)
+      if (t === i)
         return;
-      n = i, r ? t.cssRules.length === 0 ? t.insertRule(i) : t.replaceSync(i) : t.cssRules.length === 1 && t.deleteRule(0);
+      t = i, r ? n.cssRules.length === 0 ? n.insertRule(i) : n.replaceSync(i) : n.cssRules.length === 1 && n.deleteRule(0);
       break;
     }
     case "inactive": {
-      n = void 0, t.cssRules.length === 1 && t.deleteRule(0);
+      t = void 0, n.cssRules.length === 1 && n.deleteRule(0);
       break;
     }
   }
   St.set(e, {
-    prevStyle: n,
-    styleSheet: t
+    prevStyle: t,
+    styleSheet: n
   });
 }
 function Pe({
   axis: e
 }) {
-  const { layoutStrategy: n, orientation: t, items: o } = e;
-  return n ? n.calculateAvailableSize() : o.reduce((r, i) => (r += t === "horizontal" ? i.element.offsetWidth : i.element.offsetHeight, r), 0);
+  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 nt(e, n) {
-  return Array.from(n).sort((t, o) => {
-    const r = e === "horizontal" ? In(t, o) : Cn(t, o);
+function nt(e, t) {
+  return Array.from(t).sort((n, o) => {
+    const r = e === "horizontal" ? Ln(n, o) : Cn(n, o);
     if (r !== 0)
       return r;
-    const i = t.element.compareDocumentPosition(o.element);
+    const i = n.element.compareDocumentPosition(o.element);
     return i & Node.DOCUMENT_POSITION_DISCONNECTED ? 0 : i & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : i & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;
   });
 }
-function In(e, n) {
-  const t = e.element.offsetLeft - n.element.offsetLeft;
-  return t !== 0 ? t : e.element.offsetWidth - n.element.offsetWidth;
+function Ln(e, t) {
+  const n = e.element.offsetLeft - t.element.offsetLeft;
+  return n !== 0 ? n : e.element.offsetWidth - t.element.offsetWidth;
 }
-function Cn(e, n) {
-  const t = e.element.offsetTop - n.element.offsetTop;
-  return t !== 0 ? t : e.element.offsetHeight - n.element.offsetHeight;
+function Cn(e, t) {
+  const n = e.element.offsetTop - t.element.offsetTop;
+  return n !== 0 ? n : e.element.offsetHeight - t.element.offsetHeight;
 }
 function ot(e) {
   return e !== null && typeof e == "object" && "nodeType" in e && e.nodeType === Node.ELEMENT_NODE;
 }
-function Yt(e, n) {
+function Kt(e, t) {
   return {
-    x: e.x >= n.left && e.x <= n.right ? 0 : Math.min(
-      Math.abs(e.x - n.left),
-      Math.abs(e.x - n.right)
+    x: e.x >= t.left && e.x <= t.right ? 0 : Math.min(
+      Math.abs(e.x - t.left),
+      Math.abs(e.x - t.right)
     ),
-    y: e.y >= n.top && e.y <= n.bottom ? 0 : Math.min(
-      Math.abs(e.y - n.top),
-      Math.abs(e.y - n.bottom)
+    y: e.y >= t.top && e.y <= t.bottom ? 0 : Math.min(
+      Math.abs(e.y - t.top),
+      Math.abs(e.y - t.bottom)
     )
   };
 }
-function Ln({
+function Rn({
   orientation: e,
-  rects: n,
-  targetRect: t
+  rects: t,
+  targetRect: n
 }) {
   const o = {
-    x: t.x + t.width / 2,
-    y: t.y + t.height / 2
+    x: n.x + n.width / 2,
+    y: n.y + n.height / 2
   };
   let r, i = Number.MAX_VALUE;
-  for (const s of n) {
-    const { x: l, y: a } = Yt(o, s), c = e === "horizontal" ? l : a;
+  for (const s of t) {
+    const { x: l, y: a } = Kt(o, s), c = e === "horizontal" ? l : a;
     c < i && (i = c, r = s);
   }
-  return D(r, "No rect found"), r;
+  return A(r, "No rect found"), r;
 }
 function lt({
   expandHitTargets: e = !0,
-  axis: n,
-  includeDisabled: t = !1
+  axis: t,
+  includeDisabled: n = !1
 }) {
-  if (n.layoutStrategy)
-    return n.layoutStrategy.calculateHitRegions({
+  if (t.layoutStrategy)
+    return t.layoutStrategy.calculateHitRegions({
       expandHitTargets: e,
-      axis: n,
-      includeDisabled: t
+      axis: t,
+      includeDisabled: n
     });
-  const { element: o, orientation: r, items: i, separators: s } = n, l = nt(
+  const { element: o, orientation: r, items: i, separators: s } = t, l = nt(
     r,
-    Array.from(o.children).filter(ot).filter((h) => !h.hasAttribute("data-resize-preview")).map((h) => ({ element: h }))
-  ).map(({ element: h }) => h), a = [];
+    Array.from(o.children).filter(ot).filter((p) => !p.hasAttribute("data-resize-preview")).map((p) => ({ element: p }))
+  ).map(({ element: p }) => p), a = [];
   let c = !1, u = !1, d = -1, g, m = -1, y = 0, f, S = [];
   {
-    let h = -1;
-    for (const p of l)
-      p.hasAttribute("data-panel") && (h++, p.hasAttribute("data-disabled") || (y++, d === -1 && (d = h), m = h));
+    let p = -1;
+    for (const h of l)
+      h.hasAttribute("data-panel") && (p++, h.hasAttribute("data-disabled") || (y++, d === -1 && (d = p), m = p));
   }
-  if (t || y > 1) {
-    let h = -1;
-    for (const p of l)
-      if (p.hasAttribute("data-panel")) {
-        h++;
-        const C = i.find(
-          (w) => w.element === p
+  if (n || y > 1) {
+    let p = -1;
+    for (const h of l)
+      if (h.hasAttribute("data-panel")) {
+        p++;
+        const L = i.find(
+          (w) => w.element === h
         );
-        if (C) {
+        if (L) {
           if (f) {
-            const w = f.element.getBoundingClientRect(), L = p.getBoundingClientRect();
+            const w = f.element.getBoundingClientRect(), C = h.getBoundingClientRect();
             let O;
             if (u) {
-              const A = r === "horizontal" ? new DOMRect(
+              const D = r === "horizontal" ? new DOMRect(
                 w.right,
                 w.top,
                 0,
@@ -630,24 +630,24 @@ function lt({
                 w.bottom,
                 w.width,
                 0
-              ), b = r === "horizontal" ? new DOMRect(L.left, L.top, 0, L.height) : new DOMRect(L.left, L.top, L.width, 0);
+              ), b = r === "horizontal" ? new DOMRect(C.left, C.top, 0, C.height) : new DOMRect(C.left, C.top, C.width, 0);
               switch (S.length) {
                 case 0: {
                   O = [
-                    A,
+                    D,
                     b
                   ];
                   break;
                 }
                 case 1: {
-                  const x = S[0], v = Ln({
+                  const x = S[0], v = Rn({
                     orientation: r,
-                    rects: [w, L],
+                    rects: [w, C],
                     targetRect: x.element.getBoundingClientRect()
                   });
                   O = [
                     x,
-                    v === w ? b : A
+                    v === w ? b : D
                   ];
                   break;
                 }
@@ -660,65 +660,65 @@ function lt({
               S.length ? O = S : O = [
                 r === "horizontal" ? new DOMRect(
                   w.right,
-                  L.top,
-                  L.left - w.right,
-                  L.height
+                  C.top,
+                  C.left - w.right,
+                  C.height
                 ) : new DOMRect(
-                  L.left,
+                  C.left,
                   w.bottom,
-                  L.width,
-                  L.top - w.bottom
+                  C.width,
+                  C.top - w.bottom
                 )
               ];
-            for (const A of O) {
+            for (const D of O) {
               const b = tt({
                 expandHitTargets: e,
-                axis: n,
-                rect: "width" in A ? A : A.element.getBoundingClientRect()
-              }), x = h <= d || h > m;
-              (t || !c && !x) && (g ??= Pe({ axis: n }), a.push({
-                axis: n,
+                axis: t,
+                rect: "width" in D ? D : D.element.getBoundingClientRect()
+              }), x = p <= d || p > m;
+              (n || !c && !x) && (g ??= Pe({ axis: t }), a.push({
+                axis: t,
                 axisSize: g,
-                items: [f, C],
-                separator: "width" in A ? void 0 : A,
+                items: [f, L],
+                separator: "width" in D ? void 0 : D,
                 rect: b
               })), c = !1;
             }
           }
-          u = !1, f = C, S = [];
+          u = !1, f = L, S = [];
         }
-      } else if (p.hasAttribute("data-separator")) {
-        p.ariaDisabled !== null && (c = !0);
-        const C = s.find(
-          (w) => w.element === p
+      } else if (h.hasAttribute("data-separator")) {
+        h.ariaDisabled !== null && (c = !0);
+        const L = s.find(
+          (w) => w.element === h
         );
-        C ? S.push(C) : (f = void 0, S = []);
+        L ? S.push(L) : (f = void 0, S = []);
       } else
         u = !0;
   }
   return a;
 }
-function Rn(e, n) {
-  const t = getComputedStyle(e), o = parseFloat(t.fontSize);
-  return n * o;
+function Mn(e, t) {
+  const n = getComputedStyle(e), o = parseFloat(n.fontSize);
+  return t * o;
 }
-function Mn(e, n) {
-  const t = getComputedStyle(e.ownerDocument.documentElement), o = parseFloat(t.fontSize);
-  return n * o;
+function En(e, t) {
+  const n = getComputedStyle(e.ownerDocument.documentElement), o = parseFloat(n.fontSize);
+  return t * o;
 }
-function En(e) {
+function Pn(e) {
   return e / 100 * window.innerHeight;
 }
-function Pn(e) {
+function kn(e) {
   return e / 100 * window.innerWidth;
 }
-function Ce({
+function Le({
   axisSize: e,
-  itemElement: n,
-  styleProp: t
+  itemElement: t,
+  styleProp: n
 }) {
   let o;
-  const [r, i] = Bt(t);
+  const [r, i] = Bt(n);
   switch (i) {
     case "%": {
       o = r / 100 * e;
@@ -729,19 +729,19 @@ function Ce({
       break;
     }
     case "rem": {
-      o = Mn(n, r);
+      o = En(t, r);
       break;
     }
     case "em": {
-      o = Rn(n, r);
+      o = Mn(t, r);
       break;
     }
     case "vh": {
-      o = En(r);
+      o = Pn(r);
       break;
     }
     case "vw": {
-      o = Pn(r);
+      o = kn(r);
       break;
     }
   }
@@ -751,8 +751,8 @@ function X(e) {
   return parseFloat(e.toFixed(3));
 }
 function rt(e) {
-  const { items: n } = e, t = Pe({ axis: e });
-  return t === 0 ? n.map((o) => ({
+  const { items: t } = e, n = Pe({ axis: e });
+  return n === 0 ? t.map((o) => ({
     groupResizeBehavior: o.constraintProps.groupResizeBehavior,
     collapsedSize: 0,
     collapsible: o.constraintProps.collapsible === !0,
@@ -761,52 +761,52 @@ function rt(e) {
     minSize: 0,
     maxSize: 100,
     itemId: o.id
-  })) : n.map((o) => {
+  })) : t.map((o) => {
     const { element: r, constraintProps: i } = o;
     let s = 0;
     if (i.collapsedSize !== void 0) {
-      const d = Ce({
-        axisSize: t,
+      const d = Le({
+        axisSize: n,
         itemElement: r,
         styleProp: i.collapsedSize
       });
-      s = X(d / t * 100);
+      s = X(d / n * 100);
     }
     let l;
     if (i.collapsedThreshold !== void 0) {
-      const d = Ce({
-        axisSize: t,
+      const d = Le({
+        axisSize: n,
         itemElement: r,
         styleProp: i.collapsedThreshold
       });
-      l = X(d / t * 100);
+      l = X(d / n * 100);
     }
     let a;
     if (i.defaultSize !== void 0) {
-      const d = Ce({
-        axisSize: t,
+      const d = Le({
+        axisSize: n,
         itemElement: r,
         styleProp: i.defaultSize
       });
-      a = X(d / t * 100);
+      a = X(d / n * 100);
     }
     let c = 0;
     if (i.minSize !== void 0) {
-      const d = Ce({
-        axisSize: t,
+      const d = Le({
+        axisSize: n,
         itemElement: r,
         styleProp: i.minSize
       });
-      c = X(d / t * 100);
+      c = X(d / n * 100);
     }
     let u = 100;
     if (i.maxSize !== void 0) {
-      const d = Ce({
-        axisSize: t,
+      const d = Le({
+        axisSize: n,
         itemElement: r,
         styleProp: i.maxSize
       });
-      u = X(d / t * 100);
+      u = X(d / n * 100);
     }
     return {
       groupResizeBehavior: i.groupResizeBehavior,
@@ -821,58 +821,58 @@ function rt(e) {
     };
   });
 }
-let de = /* @__PURE__ */ new Map();
-const Kt = new Vt();
-function kn(e) {
-  de = new Map(de), de.delete(e);
+let ue = /* @__PURE__ */ new Map();
+const Xt = new Vt();
+function $n(e) {
+  ue = new Map(ue), ue.delete(e);
 }
-function Re(e, n) {
-  for (const [t] of de)
-    if (t.id === e)
-      return t;
+function Re(e, t) {
+  for (const [n] of ue)
+    if (n.id === e)
+      return n;
 }
-function ae(e, n) {
-  for (const [t, o] of de)
-    if (t.id === e)
+function ae(e, t) {
+  for (const [n, o] of ue)
+    if (n.id === e)
       return o;
-  if (n)
+  if (t)
     throw Error(`Could not find data for Group with id ${e}`);
 }
 function Se() {
-  return de;
+  return ue;
 }
-function _e(e, n) {
-  return Kt.addListener("axisChange", (t) => {
-    t.axis.id === e && n(t);
+function _e(e, t) {
+  return Xt.addListener("axisChange", (n) => {
+    n.axis.id === e && t(n);
   });
 }
-function pe(e, n, t) {
-  const o = de.get(e);
-  de = new Map(de), de.set(e, n), Kt.emit("axisChange", {
+function me(e, t, n) {
+  const o = ue.get(e);
+  ue = new Map(ue), ue.set(e, t), Xt.emit("axisChange", {
     axis: e,
-    isUserInteraction: t?.isUserInteraction === !0,
+    isUserInteraction: n?.isUserInteraction === !0,
     prev: o,
-    next: n
+    next: t
   });
 }
-function $n(e, n) {
-  if (e.length !== n.length)
+function Tn(e, t) {
+  if (e.length !== t.length)
     return !1;
-  for (let t = 0; t < e.length; t++)
-    if (e[t] != n[t])
+  for (let n = 0; n < e.length; n++)
+    if (e[n] != t[n])
       return !1;
   return !0;
 }
-function H(e, n, t = 0) {
-  return Math.abs(X(e) - X(n)) <= t;
+function U(e, t, n = 0) {
+  return Math.abs(X(e) - X(t)) <= n;
 }
-function ue(e, n) {
-  return H(e, n) ? 0 : e > n ? 1 : -1;
+function ce(e, t) {
+  return U(e, t) ? 0 : e > t ? 1 : -1;
 }
 function Me({
   overrideDisabledItems: e,
-  itemConstraints: n,
-  prevSize: t,
+  itemConstraints: t,
+  prevSize: n,
   size: o
 }) {
   const {
@@ -882,94 +882,94 @@ function Me({
     disabled: l,
     maxSize: a = 100,
     minSize: c = 0
-  } = n;
+  } = t;
   if (l && !e)
-    return t;
-  if (ue(o, c) < 0)
+    return n;
+  if (ce(o, c) < 0)
     if (s) {
-      const u = i ?? (c - r) / 2, d = ue(t, r) <= 0, g = d ? r + u : c - u, m = ue(o, g);
-      ue(o, r) <= 0 || m < 0 || i !== void 0 && d && m === 0 ? o = r : o = c;
+      const u = i ?? (c - r) / 2, d = ce(n, r) <= 0, g = d ? r + u : c - u, m = ce(o, g);
+      ce(o, r) <= 0 || m < 0 || i !== void 0 && d && m === 0 ? o = r : o = c;
     } else
       o = c;
   return o = Math.min(a, o), o = X(o), o;
 }
 function Fe({
   delta: e,
-  initialLayout: n,
-  itemConstraints: t,
+  initialLayout: t,
+  itemConstraints: n,
   pivotIndices: o,
   prevLayout: r,
   trigger: i
 }) {
-  if (H(e, 0))
-    return n;
-  const s = i === "imperative-api", l = t.map(
-    ({ itemId: y }) => n[y]
-  ), a = t.map(
+  if (U(e, 0))
+    return t;
+  const s = i === "imperative-api", l = n.map(
+    ({ itemId: y }) => t[y]
+  ), a = n.map(
     ({ itemId: y }) => r[y]
   ), c = [...l], [u, d] = o;
-  D(u != null, "Invalid first pivot index"), D(d != null, "Invalid second pivot index");
+  A(u != null, "Invalid first pivot index"), A(d != null, "Invalid second pivot index");
   let g = 0;
   switch (i) {
     case "keyboard": {
       {
-        const y = e < 0 ? d : u, f = t[y];
-        D(
+        const y = e < 0 ? d : u, f = n[y];
+        A(
           f,
           `Panel constraints not found for index ${y}`
         );
         const {
           collapsedSize: S = 0,
-          collapsible: h,
-          minSize: p = 0
+          collapsible: p,
+          minSize: h = 0
         } = f;
-        if (h) {
-          const C = l[y];
-          if (D(
-            C != null,
+        if (p) {
+          const L = l[y];
+          if (A(
+            L != null,
             `Previous layout not found for panel index ${y}`
-          ), H(C, S)) {
-            const w = p - C;
-            ue(w, Math.abs(e)) > 0 && (e = e < 0 ? 0 - w : w);
+          ), U(L, S)) {
+            const w = h - L;
+            ce(w, Math.abs(e)) > 0 && (e = e < 0 ? 0 - w : w);
           }
         }
       }
       {
-        const y = e < 0 ? u : d, f = t[y];
-        D(
+        const y = e < 0 ? u : d, f = n[y];
+        A(
           f,
           `No panel constraints found for index ${y}`
         );
         const {
           collapsedSize: S = 0,
-          collapsible: h,
-          minSize: p = 0
+          collapsible: p,
+          minSize: h = 0
         } = f;
-        if (h) {
-          const C = l[y];
-          if (D(
-            C != null,
+        if (p) {
+          const L = l[y];
+          if (A(
+            L != null,
             `Previous layout not found for panel index ${y}`
-          ), H(C, p)) {
-            const w = C - S;
-            ue(w, Math.abs(e)) > 0 && (e = e < 0 ? 0 - w : w);
+          ), U(L, h)) {
+            const w = L - S;
+            ce(w, Math.abs(e)) > 0 && (e = e < 0 ? 0 - w : w);
           }
         }
       }
       break;
     }
     default: {
-      const y = e < 0 ? d : u, f = t[y];
-      D(
+      const y = e < 0 ? d : u, f = n[y];
+      A(
         f,
         `Panel constraints not found for index ${y}`
       );
-      const S = l[y], { collapsedSize: h, collapsedThreshold: p, collapsible: C, minSize: w } = f;
-      if (C && ue(S, w) < 0) {
-        const L = w - h, O = p ?? L / 2, A = S + Math.abs(e);
-        if (ue(A, w) < 0) {
-          const b = ue(Math.abs(e), O), x = p === void 0 && e < 0;
-          b > 0 || b === 0 && x ? e = e < 0 ? -L : L : e = 0;
+      const S = l[y], { collapsedSize: p, collapsedThreshold: h, collapsible: L, minSize: w } = f;
+      if (L && ce(S, w) < 0) {
+        const C = w - p, O = h ?? C / 2, D = S + Math.abs(e);
+        if (ce(D, w) < 0) {
+          const b = ce(Math.abs(e), O), x = h === void 0 && e < 0;
+          b > 0 || b === 0 && x ? e = e < 0 ? -C : C : e = 0;
         }
       }
       break;
@@ -979,73 +979,73 @@ function Fe({
     const y = e < 0 ? 1 : -1;
     let f = e < 0 ? d : u, S = 0;
     for (; ; ) {
-      const p = l[f];
-      D(
-        p != null,
+      const h = l[f];
+      A(
+        h != null,
         `Previous layout not found for panel index ${f}`
       );
       const w = Me({
         overrideDisabledItems: s,
-        itemConstraints: t[f],
-        prevSize: p,
+        itemConstraints: n[f],
+        prevSize: h,
         size: 100
-      }) - p;
-      if (S += w, f += y, f < 0 || f >= t.length)
+      }) - h;
+      if (S += w, f += y, f < 0 || f >= n.length)
         break;
     }
-    const h = Math.min(Math.abs(e), Math.abs(S));
-    e = e < 0 ? 0 - h : h;
+    const p = Math.min(Math.abs(e), Math.abs(S));
+    e = e < 0 ? 0 - p : p;
   }
   {
     let f = e < 0 ? u : d;
-    for (; f >= 0 && f < t.length; ) {
-      const S = Math.abs(e) - Math.abs(g), h = l[f];
-      D(
-        h != null,
+    for (; f >= 0 && f < n.length; ) {
+      const S = Math.abs(e) - Math.abs(g), p = l[f];
+      A(
+        p != null,
         `Previous layout not found for panel index ${f}`
       );
-      const p = h - S, C = Me({
+      const h = p - S, L = Me({
         overrideDisabledItems: s,
-        itemConstraints: t[f],
-        prevSize: h,
-        size: p
+        itemConstraints: n[f],
+        prevSize: p,
+        size: h
       });
-      if (!H(h, C) && (g += h - C, c[f] = C, g.toFixed(3).localeCompare(Math.abs(e).toFixed(3), void 0, {
+      if (!U(p, L) && (g += p - L, c[f] = L, g.toFixed(3).localeCompare(Math.abs(e).toFixed(3), void 0, {
         numeric: !0
       }) >= 0))
         break;
       e < 0 ? f-- : f++;
     }
   }
-  if ($n(a, c))
+  if (Tn(a, c))
     return r;
   {
     const y = e < 0 ? d : u, f = l[y];
-    D(
+    A(
       f != null,
       `Previous layout not found for panel index ${y}`
     );
-    const S = f + g, h = Me({
+    const S = f + g, p = Me({
       overrideDisabledItems: s,
-      itemConstraints: t[y],
+      itemConstraints: n[y],
       prevSize: f,
       size: S
     });
-    if (c[y] = h, !H(h, S)) {
-      let p = S - h, w = e < 0 ? d : u;
-      for (; w >= 0 && w < t.length; ) {
-        const L = c[w];
-        D(
-          L != null,
+    if (c[y] = p, !U(p, S)) {
+      let h = S - p, w = e < 0 ? d : u;
+      for (; w >= 0 && w < n.length; ) {
+        const C = c[w];
+        A(
+          C != null,
           `Previous layout not found for panel index ${w}`
         );
-        const O = L + p, A = Me({
+        const O = C + h, D = Me({
           overrideDisabledItems: s,
-          itemConstraints: t[w],
-          prevSize: L,
+          itemConstraints: n[w],
+          prevSize: C,
           size: O
         });
-        if (H(L, A) || (p -= A - L, c[w] = A), H(p, 0))
+        if (U(C, D) || (h -= D - C, c[w] = D), U(h, 0))
           break;
         e > 0 ? w-- : w++;
       }
@@ -1055,20 +1055,20 @@ function Fe({
     (y, f) => f + y,
     0
   );
-  return H(m, 100, 0.1) ? c.reduce((y, f, S) => (y[t[S].itemId] = f, y), {}) : r;
+  return U(m, 100, 0.1) ? c.reduce((y, f, S) => (y[n[S].itemId] = f, y), {}) : r;
 }
-function ie(e, n) {
-  if (Object.keys(e).length !== Object.keys(n).length)
+function se(e, t) {
+  if (Object.keys(e).length !== Object.keys(t).length)
     return !1;
-  for (const t in e)
-    if (n[t] === void 0 || ue(e[t], n[t]) !== 0)
+  for (const n in e)
+    if (t[n] === void 0 || ce(e[n], t[n]) !== 0)
       return !1;
   return !0;
 }
 function ct({
   commit: e,
-  document: n,
-  event: t,
+  document: t,
+  event: n,
   hitRegions: o,
   initialLayoutMap: r,
   mountedAxes: i,
@@ -1076,41 +1076,41 @@ function ct({
   prevCursorFlags: l
 }) {
   let a = 0;
-  const c = me();
+  const c = fe();
   let u = c.state === "active" ? c.previews : [];
   const d = new Map(
     c.state === "active" ? c.previewLayoutMap : void 0
   );
   o.forEach((y) => {
-    const { axis: f, axisSize: S } = y, { orientation: h, items: p } = f;
+    const { axis: f, axisSize: S } = y, { orientation: p, items: h } = f;
     if (e && f.resizePreviewMode !== "separator")
       return;
-    const { disableCursor: C } = f.mutableState;
+    const { disableCursor: L } = f.mutableState;
     let w = 0;
-    s ? h === "horizontal" ? w = (t.clientX - s.x) / S * 100 : w = (t.clientY - s.y) / S * 100 : h === "horizontal" ? w = t.clientX < 0 ? -100 : 100 : w = t.clientY < 0 ? -100 : 100;
-    const L = r.get(f), O = i.get(f);
-    if (!L || !O)
+    s ? p === "horizontal" ? w = (n.clientX - s.x) / S * 100 : w = (n.clientY - s.y) / S * 100 : p === "horizontal" ? w = n.clientX < 0 ? -100 : 100 : w = n.clientY < 0 ? -100 : 100;
+    const C = r.get(f), O = i.get(f);
+    if (!C || !O)
       return;
     const {
-      defaultLayoutDeferred: A,
+      defaultLayoutDeferred: D,
       derivedItemConstraints: b,
       axisSize: x,
       layout: v,
       separatorToItems: E
     } = O;
     if (b && v && E) {
-      const P = f.resizePreviewMode === "separator" ? d.get(f) ?? v : v, $ = Fe({
+      const P = f.resizePreviewMode === "separator" ? d.get(f) ?? v : v, k = Fe({
         delta: w,
-        initialLayout: L,
+        initialLayout: C,
         itemConstraints: b,
-        pivotIndices: y.items.map((M) => p.indexOf(M)),
+        pivotIndices: y.items.map((M) => h.indexOf(M)),
         prevLayout: P,
         trigger: "mouse-or-touch"
       });
-      if (f.resizePreviewMode === "separator" && !e && !ie($, P)) {
-        d.set(f, $);
+      if (f.resizePreviewMode === "separator" && !e && !se(k, P)) {
+        d.set(f, k);
         let M = 0;
-        const z = p.map((I) => (M += $[I.id] - L[I.id], M * (S / 100)));
+        const z = h.map((I) => (M += k[I.id] - C[I.id], M * (S / 100)));
         u = u.map((I) => {
           if (I.axis !== f)
             return I;
@@ -1118,53 +1118,55 @@ function ct({
           return _ === I.offset ? I : { ...I, offset: _ };
         });
       }
-      if (ie($, P) && w !== 0 && !C)
-        switch (h) {
+      if (se(k, P) && w !== 0 && !L)
+        switch (p) {
           case "horizontal": {
             a |= w < 0 ? jt : Ut;
             break;
           }
           case "vertical": {
-            a |= w < 0 ? Wt : qt;
+            a |= w < 0 ? Wt : Yt;
             break;
           }
         }
-      (f.resizePreviewMode !== "separator" || e) && !ie($, v) && pe(y.axis, {
-        defaultLayoutDeferred: A,
+      (f.resizePreviewMode !== "separator" || e) && !se(k, v) && me(y.axis, {
+        defaultLayoutDeferred: D,
         derivedItemConstraints: b,
         axisSize: x,
-        layout: $,
+        layout: k,
+        requestedAxisSize: x,
+        requestedLayout: k,
         separatorToItems: E
       });
     }
   });
   let g = 0;
-  t.movementX === 0 ? g |= l & ht : g |= a & ht, t.movementY === 0 ? g |= l & gt : g |= a & gt;
-  const m = c.state === "active" && (t.clientX !== c.pointerDownAtPoint.x || t.clientY !== c.pointerDownAtPoint.y);
-  vn(g, u, d, m), Ge(n);
+  n.movementX === 0 ? g |= l & ht : g |= a & ht, n.movementY === 0 ? g |= l & gt : g |= a & gt;
+  const m = c.state === "active" && (n.clientX !== c.pointerDownAtPoint.x || n.clientY !== c.pointerDownAtPoint.y);
+  bn(g, u, d, m), Ge(t);
 }
-function Xt(e, n) {
-  const t = me(), o = Se();
+function Jt(e, t) {
+  const n = fe(), o = Se();
   let r = !1;
-  switch (t.state) {
+  switch (n.state) {
     case "active":
       ct({
         commit: !0,
         document: e,
-        event: n,
-        hitRegions: t.hitRegions,
-        initialLayoutMap: t.initialLayoutMap,
+        event: t,
+        hitRegions: n.hitRegions,
+        initialLayoutMap: n.initialLayoutMap,
         mountedAxes: o,
-        pointerDownAtPoint: t.pointerDownAtPoint,
-        prevCursorFlags: t.cursorFlags
-      }), fe({
+        pointerDownAtPoint: n.pointerDownAtPoint,
+        prevCursorFlags: n.cursorFlags
+      }), de({
         cursorFlags: 0,
         state: "inactive"
-      }), t.hitRegions.length > 0 && (Ge(e), r = !0, t.hitRegions.forEach((i) => {
+      }), n.hitRegions.length > 0 && (Ge(e), r = !0, n.hitRegions.forEach((i) => {
         if (!o.has(i.axis))
           return;
         const s = ae(i.axis.id, !0);
-        pe(i.axis, s, {
+        me(i.axis, s, {
           isUserInteraction: !0
         });
       }));
@@ -1172,15 +1174,15 @@ function Xt(e, n) {
   return r;
 }
 function vt(e) {
-  e.defaultPrevented || Xt(e.currentTarget, e);
+  e.defaultPrevented || Jt(e.currentTarget, e);
 }
-function Tn(e, n, t) {
+function An(e, t, n) {
   let o, r = {
     x: 1 / 0,
     y: 1 / 0
   };
-  for (const i of n) {
-    const s = Yt(t, i.rect);
+  for (const i of t) {
+    const s = Kt(n, i.rect);
     switch (e) {
       case "horizontal": {
         (s.x < r.x || s.x === r.x && s.y <= r.y) && (o = i, r = s);
@@ -1200,27 +1202,27 @@ function Tn(e, n, t) {
 function Dn(e) {
   return e !== null && typeof e == "object" && "nodeType" in e && e.nodeType === Node.DOCUMENT_FRAGMENT_NODE;
 }
-function On(e, n) {
-  if (e === n) throw new Error("Cannot compare node with itself");
-  const t = {
+function On(e, t) {
+  if (e === t) throw new Error("Cannot compare node with itself");
+  const n = {
     a: wt(e),
-    b: wt(n)
+    b: wt(t)
   };
   let o;
-  for (; t.a.at(-1) === t.b.at(-1); )
-    o = t.a.pop(), t.b.pop();
-  D(
+  for (; n.a.at(-1) === n.b.at(-1); )
+    o = n.a.pop(), n.b.pop();
+  A(
     o,
     "Stacking order can only be calculated for elements with a common ancestor"
   );
   const r = {
-    a: xt(bt(t.a)),
-    b: xt(bt(t.b))
+    a: xt(bt(n.a)),
+    b: xt(bt(n.b))
   };
   if (r.a === r.b) {
     const i = o.childNodes, s = {
-      a: t.a.at(-1),
-      b: t.b.at(-1)
+      a: n.a.at(-1),
+      b: n.b.at(-1)
     };
     let l = i.length;
     for (; l--; ) {
@@ -1231,20 +1233,20 @@ function On(e, n) {
   }
   return Math.sign(r.a - r.b);
 }
-const An = /\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;
-function Nn(e) {
-  const n = getComputedStyle(Jt(e) ?? e).display;
-  return n === "flex" || n === "inline-flex";
-}
+const Nn = /\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;
 function Gn(e) {
-  const n = getComputedStyle(e);
-  return !!(n.position === "fixed" || n.zIndex !== "auto" && (n.position !== "static" || Nn(e)) || +n.opacity < 1 || "transform" in n && n.transform !== "none" || "webkitTransform" in n && n.webkitTransform !== "none" || "mixBlendMode" in n && n.mixBlendMode !== "normal" || "filter" in n && n.filter !== "none" || "webkitFilter" in n && n.webkitFilter !== "none" || "isolation" in n && n.isolation === "isolate" || An.test(n.willChange) || n.webkitOverflowScrolling === "touch");
+  const t = getComputedStyle(Zt(e) ?? e).display;
+  return t === "flex" || t === "inline-flex";
+}
+function _n(e) {
+  const t = getComputedStyle(e);
+  return !!(t.position === "fixed" || t.zIndex !== "auto" && (t.position !== "static" || Gn(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" || Nn.test(t.willChange) || t.webkitOverflowScrolling === "touch");
 }
 function bt(e) {
-  let n = e.length;
-  for (; n--; ) {
-    const t = e[n];
-    if (D(t, "Missing node"), Gn(t)) return t;
+  let t = e.length;
+  for (; t--; ) {
+    const n = e[t];
+    if (A(n, "Missing node"), _n(n)) return n;
   }
   return null;
 }
@@ -1252,19 +1254,19 @@ function xt(e) {
   return e && Number(getComputedStyle(e).zIndex) || 0;
 }
 function wt(e) {
-  const n = [];
+  const t = [];
   for (; e; )
-    n.push(e), e = Jt(e);
-  return n;
+    t.push(e), e = Zt(e);
+  return t;
 }
-function Jt(e) {
-  const { parentNode: n } = e;
-  return Dn(n) ? n.host : n;
+function Zt(e) {
+  const { parentNode: t } = e;
+  return Dn(t) ? t.host : t;
 }
-function _n(e, n) {
-  return e.x < n.x + n.width && e.x + e.width > n.x && e.y < n.y + n.height && e.y + e.height > n.y;
+function Fn(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 Fn(e) {
+function qn(e) {
   try {
     return e.matches(":modal");
   } catch {
@@ -1273,34 +1275,34 @@ function Fn(e) {
 }
 function Bn({
   axisElement: e,
-  hitRegion: n,
-  pointerEventTarget: t
+  hitRegion: t,
+  pointerEventTarget: n
 }) {
-  if (ot(t)) {
-    const o = t.closest("dialog");
-    if (o && !o.contains(e) && Fn(o))
+  if (ot(n)) {
+    const o = n.closest("dialog");
+    if (o && !o.contains(e) && qn(o))
       return !1;
   }
-  if (!ot(t) || t.contains(e) || e.contains(t))
+  if (!ot(n) || n.contains(e) || e.contains(n))
     return !0;
-  if (On(t, e) > 0) {
-    let o = t;
+  if (On(n, e) > 0) {
+    let o = n;
     for (; o; ) {
       if (o.contains(e))
         return !0;
-      if (_n(o.getBoundingClientRect(), n))
+      if (Fn(o.getBoundingClientRect(), t))
         return !1;
       o = o.parentElement;
     }
   }
   return !0;
 }
-function ut(e, n) {
-  const t = [];
-  return n.forEach((o, r) => {
+function ut(e, t) {
+  const n = [];
+  return t.forEach((o, r) => {
     if (r.disabled)
       return;
-    const i = lt({ axis: r }), s = Tn(r.orientation, i, {
+    const i = lt({ axis: r }), s = An(r.orientation, i, {
       x: e.clientX,
       y: e.clientY
     });
@@ -1308,62 +1310,62 @@ function ut(e, n) {
       axisElement: r.element,
       hitRegion: s.hitRegion.rect,
       pointerEventTarget: e.target
-    }) && t.push(s.hitRegion);
-  }), t;
+    }) && n.push(s.hitRegion);
+  }), n;
 }
-function xe({
+function ye({
   layout: e,
-  itemConstraints: n
+  itemConstraints: t
 }) {
-  const t = n.map(({ itemId: s }) => e[s]), o = [...t], r = o.reduce(
+  const n = t.map(({ itemId: s }) => e[s]), o = [...n], r = o.reduce(
     (s, l) => s + l,
     0
   );
-  if (Object.keys(e).length !== n.length)
+  if (Object.keys(e).length !== t.length)
     throw Error(
-      `Invalid ${n.length} panel layout: ${Object.values(e).map((s) => `${s}%`).join(", ")}`
+      `Invalid ${t.length} panel layout: ${Object.values(e).map((s) => `${s}%`).join(", ")}`
     );
-  if (!H(r, 100) && o.length > 0)
-    for (let s = 0; s < n.length; s++) {
+  if (!U(r, 100) && o.length > 0)
+    for (let s = 0; s < t.length; s++) {
       const l = o[s];
-      D(l != null, `No layout data found for index ${s}`);
+      A(l != null, `No layout data found for index ${s}`);
       const a = 100 / r * l;
       o[s] = a;
     }
   let i = 0;
-  for (let s = 0; s < n.length; s++) {
-    const l = t[s];
-    D(l != null, `No layout data found for index ${s}`);
+  for (let s = 0; s < t.length; s++) {
+    const l = n[s];
+    A(l != null, `No layout data found for index ${s}`);
     const a = o[s];
-    D(a != null, `No layout data found for index ${s}`);
+    A(a != null, `No layout data found for index ${s}`);
     const c = Me({
       overrideDisabledItems: !0,
-      itemConstraints: n[s],
+      itemConstraints: t[s],
       prevSize: l,
       size: a
     });
     a != c && (i += a - c, o[s] = c);
   }
-  if (!H(i, 0))
-    for (let s = 0; s < n.length; s++) {
+  if (!U(i, 0))
+    for (let s = 0; s < t.length; s++) {
       const l = o[s];
-      D(l != null, `No layout data found for index ${s}`);
+      A(l != null, `No layout data found for index ${s}`);
       const a = l + i, c = Me({
         overrideDisabledItems: !0,
-        itemConstraints: n[s],
+        itemConstraints: t[s],
         prevSize: l,
         size: a
       });
-      if (l !== c && (i -= c - l, o[s] = c, H(i, 0)))
+      if (l !== c && (i -= c - l, o[s] = c, U(i, 0)))
         break;
     }
-  return o.reduce((s, l, a) => (s[n[a].itemId] = l, s), {});
+  return o.reduce((s, l, a) => (s[t[a].itemId] = l, s), {});
 }
 function dt({
   axisId: e,
-  itemId: n
+  itemId: t
 }) {
-  const t = () => {
+  const n = () => {
     const a = Se();
     for (const [
       c,
@@ -1386,37 +1388,37 @@ function dt({
         };
     throw Error(`Group ${e} not found`);
   }, o = () => {
-    const a = t().derivedItemConstraints.find(
-      (c) => c.itemId === n
+    const a = n().derivedItemConstraints.find(
+      (c) => c.itemId === t
     );
     if (a !== void 0)
       return a;
-    throw Error(`Panel constraints not found for Panel ${n}`);
+    throw Error(`Panel constraints not found for Panel ${t}`);
   }, r = () => {
-    const a = t().axis.items.find((c) => c.id === n);
+    const a = n().axis.items.find((c) => c.id === t);
     if (a !== void 0)
       return a;
-    throw Error(`Layout not found for Panel ${n}`);
+    throw Error(`Layout not found for Panel ${t}`);
   }, i = () => {
-    const a = t().layout[n];
+    const a = n().layout[t];
     if (a !== void 0)
       return a;
-    throw Error(`Layout not found for Panel ${n}`);
+    throw Error(`Layout not found for Panel ${t}`);
   }, s = ({
     nextSize: a,
     items: c,
     prevLayout: u,
     derivedItemConstraints: d
   }) => {
-    const g = i(), m = c.findIndex((h) => h.id === n), y = m === 0, f = m === c.length - 1;
-    if (f && a < g && (y || c.slice(0, m).every((h, p) => {
-      const C = d[p];
-      return C?.collapsible && H(C.collapsedSize, u[C.itemId]);
+    const g = i(), m = c.findIndex((p) => p.id === t), y = m === 0, f = m === c.length - 1;
+    if (f && a < g && (y || c.slice(0, m).every((p, h) => {
+      const L = d[h];
+      return L?.collapsible && U(L.collapsedSize, u[L.itemId]);
     }))) {
-      const h = c.slice(0, m).reduce((p, C) => p + u[C.id], 0);
+      const p = c.slice(0, m).reduce((h, L) => h + u[L.id], 0);
       return {
         ...u,
-        [n]: X(100 - h)
+        [t]: X(100 - p)
       };
     }
     return Fe({
@@ -1438,20 +1440,22 @@ function dt({
       axisSize: m,
       layout: y,
       separatorToItems: f
-    } = t(), S = s({
+    } = n(), S = s({
       nextSize: a,
       items: g.items,
       prevLayout: y,
       derivedItemConstraints: d
-    }), h = xe({
+    }), p = ye({
       layout: S,
       itemConstraints: d
     });
-    ie(y, h) || pe(g, {
+    se(y, p) || me(g, {
       defaultLayoutDeferred: u,
       derivedItemConstraints: d,
       axisSize: m,
-      layout: h,
+      layout: p,
+      requestedAxisSize: m,
+      requestedLayout: p,
       separatorToItems: f
     });
   };
@@ -1468,7 +1472,7 @@ function dt({
       }
     },
     getSize: () => {
-      const { axis: a } = t(), c = i(), { element: u } = r(), d = a.layoutStrategy ? a.layoutStrategy.getItemSizeInPixels(n) : a.orientation === "horizontal" ? u.offsetWidth : u.offsetHeight;
+      const { axis: a } = n(), c = i(), { element: u } = r(), d = a.layoutStrategy ? a.layoutStrategy.getItemSizeInPixels(t) : a.orientation === "horizontal" ? u.offsetWidth : u.offsetHeight;
       return {
         asPercentage: c,
         inPixels: d
@@ -1476,10 +1480,10 @@ function dt({
     },
     isCollapsed: () => {
       const { collapsible: a, collapsedSize: c } = o(), u = i();
-      return a && H(c, u);
+      return a && U(c, u);
     },
     resize: (a) => {
-      const { axis: c } = t(), { element: u } = r(), d = Pe({ axis: c }), g = Ce({
+      const { axis: c } = n(), { element: u } = r(), d = Pe({ axis: c }), g = Le({
         axisSize: d,
         itemElement: u,
         styleProp: a
@@ -1491,8 +1495,8 @@ function dt({
 function zt(e) {
   if (e.defaultPrevented)
     return;
-  const n = Se();
-  ut(e, n).forEach((o) => {
+  const t = Se();
+  ut(e, t).forEach((o) => {
     if (o.separator && !o.separator.disableDoubleClick) {
       const r = o.items.find(
         (i) => i.constraintProps.defaultSize !== void 0
@@ -1507,31 +1511,31 @@ function zt(e) {
     }
   });
 }
-function Zt(e) {
-  const n = Se();
-  for (const [t] of n)
-    if (t.separators.some(
+function Qt(e) {
+  const t = Se();
+  for (const [n] of t)
+    if (n.separators.some(
       (o) => o.element === e
     ))
-      return t;
+      return n;
   throw Error("Could not find parent Group for separator element");
 }
 function Ne({
   axisId: e
 }) {
-  const n = () => {
-    const t = Se();
-    for (const [o, r] of t)
+  const t = () => {
+    const n = Se();
+    for (const [o, r] of n)
       if (o.id === e)
         return { axis: o, ...r };
     throw Error(`Could not find Group with id "${e}"`);
   };
   return {
     getLayout() {
-      const { defaultLayoutDeferred: t, layout: o } = n();
-      return t ? {} : o;
+      const { defaultLayoutDeferred: n, layout: o } = t();
+      return n ? {} : o;
     },
-    setLayout(t) {
+    setLayout(n) {
       const {
         defaultLayoutDeferred: o,
         derivedItemConstraints: r,
@@ -1539,45 +1543,49 @@ function Ne({
         axisSize: s,
         layout: l,
         separatorToItems: a
-      } = n(), c = xe({
-        layout: t,
+      } = t(), c = ye({
+        layout: n,
         itemConstraints: r
       });
-      return o ? l : (ie(l, c) || pe(i, {
+      return o ? l : (se(l, c) || me(i, {
         defaultLayoutDeferred: o,
         derivedItemConstraints: r,
         axisSize: s,
         layout: c,
+        requestedAxisSize: s,
+        requestedLayout: c,
         separatorToItems: a
       }), c);
     }
   };
 }
-function be(e, n) {
-  const t = Zt(e), o = ae(t.id, !0), r = t.separators.find(
+function xe(e, t) {
+  const n = Qt(e), o = ae(n.id, !0), r = n.separators.find(
     (d) => d.element === e
   );
-  D(r, "Matching separator not found");
+  A(r, "Matching separator not found");
   const i = o.separatorToItems.get(r);
-  D(i, "Matching panels not found");
-  const s = i.map((d) => t.items.indexOf(d)), a = Ne({ axisId: t.id }).getLayout(), c = Fe({
-    delta: n,
+  A(i, "Matching panels not found");
+  const s = i.map((d) => n.items.indexOf(d)), a = Ne({ axisId: n.id }).getLayout(), c = Fe({
+    delta: t,
     initialLayout: a,
     itemConstraints: o.derivedItemConstraints,
     pivotIndices: s,
     prevLayout: a,
     trigger: "keyboard"
-  }), u = xe({
+  }), u = ye({
     layout: c,
     itemConstraints: o.derivedItemConstraints
   });
-  ie(a, u) || pe(
-    t,
+  se(a, u) || me(
+    n,
     {
       defaultLayoutDeferred: o.defaultLayoutDeferred,
       derivedItemConstraints: o.derivedItemConstraints,
       axisSize: o.axisSize,
       layout: u,
+      requestedAxisSize: o.axisSize,
+      requestedLayout: u,
       separatorToItems: o.separatorToItems
     },
     // Keyboard resizes (arrow keys, Home/End, Enter collapse/expand) originate
@@ -1590,56 +1598,56 @@ function be(e, n) {
 function It(e) {
   if (e.defaultPrevented)
     return;
-  const n = e.currentTarget, t = Zt(n);
-  if (!(t.disabled || t.separators.find(
-    (r) => r.element === n
+  const t = e.currentTarget, n = Qt(t);
+  if (!(n.disabled || n.separators.find(
+    (r) => r.element === t
   )?.disabled))
     switch (e.key) {
       case "ArrowDown": {
-        e.preventDefault(), t.orientation === "vertical" && be(n, 5);
+        e.preventDefault(), n.orientation === "vertical" && xe(t, 5);
         break;
       }
       case "ArrowLeft": {
-        e.preventDefault(), t.orientation === "horizontal" && be(n, -5);
+        e.preventDefault(), n.orientation === "horizontal" && xe(t, -5);
         break;
       }
       case "ArrowRight": {
-        e.preventDefault(), t.orientation === "horizontal" && be(n, 5);
+        e.preventDefault(), n.orientation === "horizontal" && xe(t, 5);
         break;
       }
       case "ArrowUp": {
-        e.preventDefault(), t.orientation === "vertical" && be(n, -5);
+        e.preventDefault(), n.orientation === "vertical" && xe(t, -5);
         break;
       }
       case "End": {
-        e.preventDefault(), be(n, 100);
+        e.preventDefault(), xe(t, 100);
         break;
       }
       case "Enter": {
         e.preventDefault();
-        const r = ae(t.id, !0), { derivedItemConstraints: i, layout: s, separatorToItems: l } = r, a = t.separators.find(
-          (g) => g.element === n
+        const r = ae(n.id, !0), { derivedItemConstraints: i, layout: s, separatorToItems: l } = r, a = n.separators.find(
+          (g) => g.element === t
         );
-        D(a, "Matching separator not found");
+        A(a, "Matching separator not found");
         const c = l.get(a);
-        D(c, "Matching panels not found");
+        A(c, "Matching panels not found");
         const u = c[0], d = i.find(
           (g) => g.itemId === u.id
         );
-        if (D(d, "Panel metadata not found"), d.collapsible) {
-          const g = s[u.id], m = d.collapsedSize === g ? t.mutableState.expandedItemSizes[u.id] ?? d.minSize : d.collapsedSize;
-          be(n, m - g);
+        if (A(d, "Panel metadata not found"), d.collapsible) {
+          const g = s[u.id], m = d.collapsedSize === g ? n.mutableState.expandedItemSizes[u.id] ?? d.minSize : d.collapsedSize;
+          xe(t, m - g);
         }
         break;
       }
       case "F6": {
         e.preventDefault();
-        const r = t.separators.map(
+        const r = n.separators.map(
           (a) => a.element
         ), i = Array.from(r).findIndex(
           (a) => a === e.currentTarget
         );
-        D(i !== null, "Index not found");
+        A(i !== null, "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
@@ -1647,13 +1655,13 @@ function It(e) {
         break;
       }
       case "Home": {
-        e.preventDefault(), be(n, -100);
+        e.preventDefault(), xe(t, -100);
         break;
       }
     }
 }
-function Vn(e, n) {
-  const { element: t, orientation: o, items: r } = e, i = t.getBoundingClientRect(), s = o === "horizontal";
+function Vn(e, t) {
+  const { element: n, orientation: o, items: r } = e, i = n.getBoundingClientRect(), s = o === "horizontal";
   return lt({
     expandHitTargets: !1,
     axis: e,
@@ -1661,21 +1669,21 @@ function Vn(e, n) {
   }).map(({ items: a, rect: c, separator: u }, d) => {
     const g = r.indexOf(a[0]), m = s ? c.left + c.width / 2 : c.top + c.height / 2;
     return {
-      active: n.some((f) => {
+      active: t.some((f) => {
         if (f.axis !== e || f.items[0] !== a[0])
           return !1;
         if (u || f.separator)
           return f.separator === u;
         const S = s ? f.rect.left + f.rect.width / 2 : f.rect.top + f.rect.height / 2;
-        return H(m, S);
+        return U(m, S);
       }),
       axis: e,
       key: u ? `separator-${u.id}` : `panel-${a[0].id}-${d}`,
       offset: 0,
       itemIndex: g,
       rect: new DOMRect(
-        (s && !u ? m : c.left) - i.left - t.clientLeft + t.scrollLeft,
-        (!s && !u ? m : c.top) - i.top - t.clientTop + t.scrollTop,
+        (s && !u ? m : c.left) - i.left - n.clientLeft + n.scrollLeft,
+        (!s && !u ? m : c.top) - i.top - n.clientTop + n.scrollTop,
         s && !u ? 0 : c.width,
         !s && !u ? 0 : c.height
       ),
@@ -1683,32 +1691,32 @@ function Vn(e, n) {
     };
   });
 }
-function Ct(e) {
+function Lt(e) {
   if (e.defaultPrevented)
     return;
   if (e.pointerType === "mouse" && e.button > 0)
     return;
-  const n = Se(), t = ut(e, n);
-  if (t.length === 0)
+  const t = Se(), n = ut(e, t);
+  if (n.length === 0)
     return;
   const o = /* @__PURE__ */ new Map();
   let r = !1;
-  t.forEach((s) => {
+  n.forEach((s) => {
     s.separator && (r || (r = !0, s.separator.element.focus({
       // @ts-expect-error https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus#browser_compatibility
       focusVisible: !1,
       preventScroll: !0
     })));
-    const l = n.get(s.axis);
+    const l = t.get(s.axis);
     l && o.set(s.axis, l.layout);
   });
   const i = Array.from(o.keys()).flatMap(
-    (s) => s.resizePreviewMode === "separator" ? Vn(s, t) : []
+    (s) => s.resizePreviewMode === "separator" ? Vn(s, n) : []
   );
-  fe({
+  de({
     cursorFlags: 0,
     didPointerMove: !1,
-    hitRegions: t,
+    hitRegions: n,
     initialLayoutMap: o,
     pointerDownAtPoint: { x: e.clientX, y: e.clientY },
     previewLayoutMap: new Map(o),
@@ -1716,48 +1724,53 @@ function Ct(e) {
     state: "active"
   }), e.preventDefault();
 }
-function Lt(e) {
-  const n = Se(), t = me();
-  switch (t.state) {
+function Ct(e) {
+  const t = Se(), n = fe();
+  switch (n.state) {
     case "active":
       ct({
         commit: !1,
         document: e.currentTarget,
         event: e,
-        hitRegions: t.hitRegions,
-        initialLayoutMap: t.initialLayoutMap,
-        mountedAxes: n,
-        prevCursorFlags: t.cursorFlags
+        hitRegions: n.hitRegions,
+        initialLayoutMap: n.initialLayoutMap,
+        mountedAxes: t,
+        prevCursorFlags: n.cursorFlags
       });
   }
 }
 function Rt(e) {
   if (e.defaultPrevented)
     return;
-  const n = me(), t = Se();
-  switch (n.state) {
+  const t = fe(), n = Se();
+  switch (t.state) {
     case "active": {
       if (
         // Skip this check for "pointerleave" events, else Firefox triggers a false positive (see #514)
         e.buttons === 0
       ) {
-        n.previewLayoutMap.forEach((o, r) => {
-          const i = t.get(r);
-          r.resizePreviewMode === "separator" && i && !ie(o, i.layout) && pe(r, { ...i, layout: o });
-        }), fe({
+        t.previewLayoutMap.forEach((o, r) => {
+          const i = n.get(r);
+          r.resizePreviewMode === "separator" && i && !se(o, i.layout) && me(r, {
+            ...i,
+            layout: o,
+            requestedAxisSize: i.axisSize,
+            requestedLayout: o
+          });
+        }), de({
           cursorFlags: 0,
           state: "inactive"
-        }), n.hitRegions.forEach((o) => {
-          if (!t.has(o.axis))
+        }), t.hitRegions.forEach((o) => {
+          if (!n.has(o.axis))
             return;
           const r = ae(o.axis.id, !0);
-          pe(o.axis, r, {
+          me(o.axis, r, {
             isUserInteraction: !0
           });
         }), Ge(e.currentTarget);
         return;
       }
-      for (const o of n.hitRegions)
+      for (const o of t.hitRegions)
         if (o.separator) {
           const { element: r } = o.separator;
           r.isConnected && !r.hasPointerCapture?.(e.pointerId) && r.setPointerCapture?.(e.pointerId);
@@ -1766,20 +1779,20 @@ function Rt(e) {
         commit: !1,
         document: e.currentTarget,
         event: e,
-        hitRegions: n.hitRegions,
-        initialLayoutMap: n.initialLayoutMap,
-        mountedAxes: t,
-        pointerDownAtPoint: n.pointerDownAtPoint,
-        prevCursorFlags: n.cursorFlags
+        hitRegions: t.hitRegions,
+        initialLayoutMap: t.initialLayoutMap,
+        mountedAxes: n,
+        pointerDownAtPoint: t.pointerDownAtPoint,
+        prevCursorFlags: t.cursorFlags
       });
       break;
     }
     default: {
-      const o = ut(e, t);
-      o.length === 0 ? n.state !== "inactive" && fe({
+      const o = ut(e, n);
+      o.length === 0 ? t.state !== "inactive" && de({
         cursorFlags: 0,
         state: "inactive"
-      }) : fe({
+      }) : de({
         cursorFlags: 0,
         hitRegions: o,
         state: "hover"
@@ -1790,9 +1803,9 @@ function Rt(e) {
 }
 function Mt(e) {
   if (e.relatedTarget instanceof HTMLIFrameElement)
-    switch (me().state) {
+    switch (fe().state) {
       case "hover":
-        fe({
+        de({
           cursorFlags: 0,
           state: "inactive"
         });
@@ -1803,49 +1816,66 @@ function Et(e) {
     return;
   if (e.pointerType === "mouse" && e.button > 0)
     return;
-  Xt(
+  Jt(
     e.currentTarget,
     e
   ) && e.preventDefault();
 }
 function Hn(e) {
-  let n = 0, t = 0;
+  let t = 0, n = 0;
   const o = {};
   for (const i of e)
     if (i.defaultSize !== void 0) {
-      n++;
+      t++;
       const s = X(i.defaultSize);
-      t += s, o[i.itemId] = s;
+      n += s, o[i.itemId] = s;
     } else
       o[i.itemId] = void 0;
-  const r = e.length - n;
+  const r = e.length - t;
   if (r !== 0) {
-    const i = X((100 - t) / r);
+    const i = X((100 - n) / r);
     for (const s of e)
       s.defaultSize === void 0 && (o[s.itemId] = i);
   }
   return o;
 }
-function jn(e, n) {
-  const t = e.map((r) => r.id), o = Object.keys(n);
-  if (t.length !== o.length)
+function jn(e, t) {
+  const n = e.map((r) => r.id), o = Object.keys(t);
+  if (n.length !== o.length)
     return !1;
-  for (const r of t)
+  for (const r of n)
     if (!o.includes(r))
       return !1;
   return !0;
 }
 function Pt({
   axis: e,
-  itemConstraints: n
+  itemConstraints: t
 }) {
-  const t = e.items.map(({ id: r }) => r).join(","), o = e.mutableState.defaultLayout;
-  return e.mutableState.layouts[t] ?? (o && jn(e.items, o) ? o : Hn(n));
+  const n = e.items.map(({ id: r }) => r).join(","), o = e.mutableState.defaultLayout;
+  return e.mutableState.layouts[n] ?? (o && jn(e.items, o) ? o : Hn(t));
 }
-function Un(e, n, t) {
-  if (!t[0])
+function kt({
+  itemIds: e,
+  layout: t
+}) {
+  return ye({
+    layout: t,
+    itemConstraints: e.map((n) => ({
+      collapsedSize: 0,
+      collapsible: !1,
+      defaultSize: void 0,
+      disabled: void 0,
+      itemId: n,
+      maxSize: 100,
+      minSize: 0
+    }))
+  });
+}
+function Un(e, t, n) {
+  if (!n[0])
     return;
-  const r = e.items.find((c) => c.element === n);
+  const r = e.items.find((c) => c.element === t);
   if (!r || !r.onResize)
     return;
   const i = Pe({ axis: e }), s = e.orientation === "horizontal" ? r.element.offsetWidth : r.element.offsetHeight, l = r.mutableValues.prevSize, a = {
@@ -1854,24 +1884,24 @@ function Un(e, n, t) {
   };
   r.mutableValues.prevSize = a, r.onResize(a, r.id, l);
 }
-function Qt(e, n) {
-  if (Object.keys(e).length !== Object.keys(n).length)
+function en(e, t) {
+  if (Object.keys(e).length !== Object.keys(t).length)
     return !1;
   for (const o in e)
-    if (e[o] !== n[o])
+    if (e[o] !== t[o])
       return !1;
   return !0;
 }
-function Wn(e, n) {
-  return e.length !== n.length ? !1 : e.every((t, o) => Qt(t, n[o]));
+function Wn(e, t) {
+  return e.length !== t.length ? !1 : e.every((n, o) => en(n, t[o]));
 }
-function qn({
+function Yn({
   axis: e,
-  nextAxisSize: n,
-  prevAxisSize: t,
+  nextAxisSize: t,
+  prevAxisSize: n,
   prevLayout: o
 }) {
-  if (t <= 0 || n <= 0 || t === n)
+  if (n <= 0 || t <= 0 || n === t)
     return o;
   let r = 0, i = 0, s = !1;
   const l = /* @__PURE__ */ new Map(), a = [];
@@ -1880,8 +1910,8 @@ function qn({
     switch (d.constraintProps.groupResizeBehavior) {
       case "preserve-pixel-size": {
         s = !0;
-        const m = g / 100 * t, y = X(
-          m / n * 100
+        const m = g / 100 * n, y = X(
+          m / t * 100
         );
         l.set(d.id, y), r += y;
         break;
@@ -1913,46 +1943,54 @@ function qn({
   return u;
 }
 const Ie = /* @__PURE__ */ new Map();
-function en(e) {
-  let n = !0;
-  D(
+function tn(e) {
+  let t = !0;
+  A(
     e.element.ownerDocument.defaultView,
     "Cannot register an unmounted Group"
   );
-  const t = e.element.ownerDocument.defaultView.ResizeObserver, o = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Set(), i = new t((m) => {
+  const n = e.element.ownerDocument.defaultView.ResizeObserver, o = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Set(), i = new n((m) => {
     for (const y of m) {
       const { borderBoxSize: f, target: S } = y;
       if (S === e.element) {
-        if (n) {
-          const h = Pe({ axis: e });
-          if (h === 0)
+        if (t) {
+          const p = Pe({ axis: e });
+          if (p === 0)
             return;
-          const p = ae(e.id);
-          if (!p)
+          const h = ae(e.id);
+          if (!h)
             return;
-          const C = rt(e), w = p.defaultLayoutDeferred ? Pt({
-            axis: e,
-            itemConstraints: C
-          }) : p.layout, L = qn({
+          const L = rt(e);
+          let w = h.requestedAxisSize, C = h.requestedLayout;
+          h.defaultLayoutDeferred && (w = p, C = kt({
+            itemIds: e.items.map(({ id: b }) => b),
+            layout: Pt({
+              axis: e,
+              itemConstraints: L
+            })
+          }));
+          const O = Yn({
             axis: e,
-            nextAxisSize: h,
-            prevAxisSize: p.axisSize,
-            prevLayout: w
-          }), O = xe({
-            layout: L,
-            itemConstraints: C
+            nextAxisSize: p,
+            prevAxisSize: w,
+            prevLayout: C
+          }), D = ye({
+            layout: O,
+            itemConstraints: L
           });
-          if (!p.defaultLayoutDeferred && ie(p.layout, O) && Wn(
-            p.derivedItemConstraints,
-            C
-          ) && p.axisSize === h)
+          if (!h.defaultLayoutDeferred && se(h.layout, D) && Wn(
+            h.derivedItemConstraints,
+            L
+          ) && h.axisSize === p)
             continue;
-          pe(e, {
+          me(e, {
             defaultLayoutDeferred: !1,
-            derivedItemConstraints: C,
-            axisSize: h,
-            layout: O,
-            separatorToItems: p.separatorToItems
+            derivedItemConstraints: L,
+            axisSize: p,
+            layout: D,
+            requestedAxisSize: w,
+            requestedLayout: C,
+            separatorToItems: h.separatorToItems
           });
         }
       } else
@@ -1960,7 +1998,7 @@ function en(e) {
     }
   });
   i.observe(e.element), e.items.forEach((m) => {
-    D(
+    A(
       !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);
@@ -1968,7 +2006,7 @@ function en(e) {
   const s = Pe({ axis: e }), l = rt(e), a = Pt({
     axis: e,
     itemConstraints: l
-  }), c = xe({
+  }), c = ye({
     layout: a,
     itemConstraints: l
   }), u = e.element.ownerDocument;
@@ -1979,22 +2017,27 @@ function en(e) {
   const d = /* @__PURE__ */ new Map();
   return lt({ axis: e, includeDisabled: !0 }).forEach((m) => {
     m.separator && d.set(m.separator, m.items);
-  }), pe(e, {
+  }), me(e, {
     defaultLayoutDeferred: s === 0,
     derivedItemConstraints: l,
     axisSize: s,
     layout: c,
+    requestedAxisSize: s,
+    requestedLayout: kt({
+      itemIds: e.items.map(({ id: m }) => m),
+      layout: a
+    }),
     separatorToItems: d
   }), e.separators.forEach((m) => {
-    D(
+    A(
       !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", It);
-  }), Ie.get(u) === 1 && (u.addEventListener("contextmenu", vt, !0), u.addEventListener("dblclick", zt, !0), u.addEventListener("pointerdown", Ct, !0), u.addEventListener("pointerleave", Lt), u.addEventListener("pointermove", Rt), u.addEventListener("pointerout", Mt), u.addEventListener("pointerup", Et, !0)), function() {
-    n = !1, Ie.set(
+  }), Ie.get(u) === 1 && (u.addEventListener("contextmenu", vt, !0), u.addEventListener("dblclick", zt, !0), u.addEventListener("pointerdown", Lt, !0), u.addEventListener("pointerleave", Ct), u.addEventListener("pointermove", Rt), u.addEventListener("pointerout", Mt), u.addEventListener("pointerup", Et, !0)), function() {
+    t = !1, Ie.set(
       u,
       Math.max(0, (Ie.get(u) ?? 0) - 1)
-    ), kn(e), xn(e) && Ge(u), e.separators.forEach((y) => {
+    ), $n(e), wn(e) && Ge(u), e.separators.forEach((y) => {
       y.element.removeEventListener("keydown", It);
     }), Ie.get(u) || (u.removeEventListener(
       "contextmenu",
@@ -2006,86 +2049,87 @@ function en(e) {
       !0
     ), u.removeEventListener(
       "pointerdown",
-      Ct,
+      Lt,
       !0
-    ), u.removeEventListener("pointerleave", Lt), u.removeEventListener("pointermove", Rt), u.removeEventListener("pointerout", Mt), u.removeEventListener("pointerup", Et, !0)), i.disconnect();
+    ), u.removeEventListener("pointerleave", Ct), u.removeEventListener("pointermove", Rt), u.removeEventListener("pointerout", Mt), u.removeEventListener("pointerup", Et, !0)), i.disconnect();
   };
 }
-function tn({
+function nn({
   derivedItemConstraints: e,
-  axis: n,
-  layout: t,
-  prevLayout: o
+  axis: t,
+  layout: n,
+  prevLayout: o,
+  requestedLayout: r
 }) {
-  const r = n.items.map(({ id: i }) => i).join(",");
-  n.mutableState.layouts[r] = t, o && e.forEach((i) => {
-    if (i.collapsible) {
-      const s = H(
-        i.collapsedSize,
-        t[i.itemId]
-      ), l = H(
-        i.collapsedSize,
-        o[i.itemId]
+  const i = t.items.map(({ id: s }) => s).join(",");
+  t.mutableState.layouts[i] = r, o && e.forEach((s) => {
+    if (s.collapsible) {
+      const l = U(
+        s.collapsedSize,
+        n[s.itemId]
+      ), a = U(
+        s.collapsedSize,
+        o[s.itemId]
       );
-      s && !l && (n.mutableState.expandedItemSizes[i.itemId] = o[i.itemId]);
+      l && !a && (t.mutableState.expandedItemSizes[s.itemId] = o[s.itemId]);
     }
   });
 }
-function nn() {
-  const [e, n] = ge({}), t = te(() => n({}), []);
-  return [e, t];
+function on() {
+  const [e, t] = he({}), n = te(() => t({}), []);
+  return [e, n];
 }
-function Ye(e) {
-  const n = B({ ...e });
+function Xe(e) {
+  const t = q({ ...e });
   return ne(() => {
-    for (const t in e)
-      n.current[t] = e[t];
-  }, [e]), n.current;
+    for (const n in e)
+      t.current[n] = e[n];
+  }, [e]), t.current;
 }
-const ft = At(null);
-function Yn({
+const ft = Nt(null);
+function Kn({
   layout: e,
-  itemConstraints: n,
-  itemId: t,
+  itemConstraints: t,
+  itemId: n,
   itemIndex: o
 }) {
   let r, i;
-  const s = e[t], l = n.find(
-    (a) => a.itemId === t
+  const s = e[n], l = t.find(
+    (a) => a.itemId === n
   );
   if (l) {
     const a = l.maxSize, c = l.collapsible ? l.collapsedSize : l.minSize, u = [o, o + 1];
-    i = xe({
+    i = ye({
       layout: Fe({
         delta: c - s,
         initialLayout: e,
-        itemConstraints: n,
+        itemConstraints: t,
         pivotIndices: u,
         prevLayout: e
       }),
-      itemConstraints: n
-    })[t], r = xe({
+      itemConstraints: t
+    })[n], r = ye({
       layout: Fe({
         delta: a - s,
         initialLayout: e,
-        itemConstraints: n,
+        itemConstraints: t,
         pivotIndices: u,
         prevLayout: e
       }),
-      itemConstraints: n
-    })[t];
+      itemConstraints: t
+    })[n];
   }
   return {
-    valueControls: t,
+    valueControls: n,
     valueMax: r,
     valueMin: i,
     valueNow: s
   };
 }
-function on({
+function rn({
   attributes: e,
-  axisId: n,
-  axisOrientation: t,
+  axisId: t,
+  axisOrientation: n,
   children: o,
   className: r,
   disableCursor: i,
@@ -2100,65 +2144,65 @@ function on({
   style: y,
   styleDefaults: f,
   tabIndex: S = 0,
-  updateSeparatorProps: h
+  updateSeparatorProps: p
 }) {
-  const p = Ye({
+  const h = Xe({
     disabled: s,
     disableDoubleClick: l,
     children: o,
     className: r,
     preview: d,
     style: y
-  }), [C, w] = ge({}), [L, O] = ge("inactive"), [A, b] = ge(!1), x = B(null), v = B(null), E = Ve(x, a), P = t === "horizontal" ? "vertical" : "horizontal";
+  }), [L, w] = he({}), [C, O] = he("inactive"), [D, b] = he(!1), x = q(null), v = q(null), E = Be(x, a), P = n === "horizontal" ? "vertical" : "horizontal";
   ne(() => {
     const z = x.current;
     if (z !== null) {
       const I = {
-        disabled: p.disabled,
-        disableDoubleClick: p.disableDoubleClick,
+        disabled: h.disabled,
+        disableDoubleClick: h.disableDoubleClick,
         element: z,
         id: c,
         get children() {
-          return p.children;
+          return h.children;
         },
         get className() {
-          return p.className;
+          return h.className;
         },
         get preview() {
-          return p.preview;
+          return h.preview;
         },
         get style() {
-          return p.style;
+          return h.style;
         }
       };
       v.current = I;
-      const _ = g(I), U = Ht(
-        (W) => {
+      const _ = g(I), Y = Ht(
+        (K) => {
           O(
-            W.next.state !== "inactive" && W.next.hitRegions.some(
+            K.next.state !== "inactive" && K.next.hitRegions.some(
               (oe) => oe.separator === I || (u?.(oe) ?? !1)
-            ) ? W.next.state : "inactive"
+            ) ? K.next.state : "inactive"
           );
         }
       ), J = _e(
-        n,
-        (W) => {
-          const { derivedItemConstraints: oe, layout: we, separatorToItems: $e } = W.next, se = $e.get(I);
-          if (se) {
-            const le = se[0], R = oe.findIndex(
-              (G) => G.itemId === le.id
-            ), { layoutStrategy: k } = W.axis;
+        t,
+        (K) => {
+          const { derivedItemConstraints: oe, layout: we, separatorToItems: $e } = K.next, ze = $e.get(I);
+          if (ze) {
+            const re = ze[0], R = oe.findIndex(
+              (N) => N.itemId === re.id
+            ), { layoutStrategy: $ } = K.axis;
             w({
-              ...Yn({
+              ...Kn({
                 layout: we,
                 itemConstraints: oe,
-                itemId: le.id,
+                itemId: re.id,
                 itemIndex: R
               }),
               // Items without DOM elements of their own (e.g. Grid tracks) control other elements
-              ...k?.getItemAriaControls && {
-                valueControls: k.getItemAriaControls(
-                  le.id
+              ...$?.getItemAriaControls && {
+                valueControls: $.getItemAriaControls(
+                  re.id
                 )
               }
             });
@@ -2166,39 +2210,39 @@ function on({
         }
       );
       return () => {
-        v.current = null, U(), J(), _();
+        v.current = null, Y(), J(), _();
       };
     }
-  }, [n, c, u, g, p]), ne(() => {
+  }, [t, c, u, g, h]), ne(() => {
     const z = v.current;
-    z && bn(z);
-  }, [d]), Be(() => {
-    h(c, { disabled: s, disableDoubleClick: l });
-  }, [s, l, c, h]);
-  let $;
-  s && !i && ($ = "not-allowed");
+    z && xn(z);
+  }, [d]), qe(() => {
+    p(c, { disabled: s, disableDoubleClick: l });
+  }, [s, l, c, p]);
+  let k;
+  s && !i && (k = "not-allowed");
   let M;
   if (s)
     M = "disabled";
   else
-    switch (L) {
+    switch (C) {
       case "active": {
         M = "active";
         break;
       }
       default:
-        A ? M = "focus" : M = L;
+        D ? M = "focus" : M = C;
     }
-  return /* @__PURE__ */ j(
+  return /* @__PURE__ */ W(
     "div",
     {
       ...e,
-      "aria-controls": C.valueControls,
+      "aria-controls": L.valueControls,
       "aria-disabled": s || void 0,
       "aria-orientation": P,
-      "aria-valuemax": C.valueMax,
-      "aria-valuemin": C.valueMin,
-      "aria-valuenow": C.valueNow,
+      "aria-valuemax": L.valueMax,
+      "aria-valuemin": L.valueMin,
+      "aria-valuenow": L.valueNow,
       children: o,
       className: r,
       "data-separator": M,
@@ -2210,7 +2254,7 @@ function on({
       role: "separator",
       style: {
         ...f,
-        cursor: $,
+        cursor: k,
         ...y,
         ...m,
         // Inform the browser that the library is handling touch events for this element
@@ -2221,10 +2265,10 @@ function on({
     }
   );
 }
-function kt({
+function $t({
   axis: e,
-  children: n,
-  className: t,
+  children: t,
+  className: n,
   crossSpan: o,
   crossStart: r,
   disabled: i,
@@ -2240,17 +2284,17 @@ function kt({
     separatorPlacements: y,
     trackCounts: f,
     updateSeparatorProps: S
-  } = Ft(), h = d(e), p = e === "column" ? "row" : "column", C = f[p], w = !!i || !st(l, f[e]);
-  let L = !0;
+  } = qt(), p = d(e), h = e === "column" ? "row" : "column", L = f[h], w = !!i || !st(l, f[e]);
+  let C = !0;
   for (const v of y.values())
     if (v.axis === e && v.index === l && !v.disabled && v.crossStart < r) {
-      L = !1;
+      C = !1;
       break;
     }
   const O = te(
-    (v) => v.axis.id === h && v.axis.items.indexOf(v.items[1]) === l,
-    [h, l]
-  ), A = te(
+    (v) => v.axis.id === p && v.axis.items.indexOf(v.items[1]) === l,
+    [p, l]
+  ), D = te(
     (v) => m(
       {
         axis: e,
@@ -2262,72 +2306,72 @@ function kt({
       v
     ),
     [e, o, r, i, l, m]
-  ), b = mn(l), x = pn({
-    crossCount: C,
+  ), b = pn(l), x = hn({
+    crossCount: L,
     crossSpan: o,
     crossStart: r,
-    hasGutters: g[p]
+    hasGutters: g[h]
   });
-  return /* @__PURE__ */ j(
-    on,
+  return /* @__PURE__ */ W(
+    rn,
     {
-      axisId: h,
+      axisId: p,
       axisOrientation: e === "column" ? "horizontal" : "vertical",
-      className: t,
+      className: n,
       disableCursor: u(),
       disabled: w,
       disableDoubleClick: void 0,
       elementRef: s,
       id: c,
       isSharedHitRegion: O,
-      registerSeparator: A,
+      registerSeparator: D,
       requiredStyle: {
         gridColumn: e === "column" ? b : x,
         gridRow: e === "row" ? b : x
       },
       style: a,
-      tabIndex: L ? 0 : -1,
+      tabIndex: C ? 0 : -1,
       updateSeparatorProps: S,
-      children: n
+      children: t
     }
   );
 }
-function rn(e) {
-  const { children: n, className: t, disabled: o, elementRef: r, style: i } = e;
-  return e.type === "column" ? /* @__PURE__ */ j(
-    kt,
+function sn(e) {
+  const { children: t, className: n, disabled: o, elementRef: r, style: i } = e;
+  return e.type === "column" ? /* @__PURE__ */ W(
+    $t,
     {
       axis: "column",
-      className: t,
+      className: n,
       crossSpan: e.rowSpan,
       crossStart: e.row ?? 0,
       disabled: o,
       elementRef: r,
       index: e.column,
       style: i,
-      children: n
+      children: t
     }
-  ) : /* @__PURE__ */ j(
-    kt,
+  ) : /* @__PURE__ */ W(
+    $t,
     {
       axis: "row",
-      className: t,
+      className: n,
       crossSpan: e.columnSpan,
       crossStart: e.column ?? 0,
       disabled: o,
       elementRef: r,
       index: e.row,
       style: i,
-      children: n
+      children: t
     }
   );
 }
-rn.displayName = "Gridline";
-const Le = ["column", "row"], $t = { columns: {}, rows: {} };
-function Kn({
+sn.displayName = "Gridline";
+const Ce = ["column", "row"], Tt = { columns: {}, rows: {} };
+function Xn({
   children: e,
-  className: n,
-  columns: t,
+  className: t,
+  columns: n,
   defaultLayout: o,
   disableCursor: r,
   disabled: i,
@@ -2347,16 +2391,16 @@ function Kn({
   const f = ke(a), S = te(
     (R) => R === "column" ? `${f}:columns` : `${f}:rows`,
     [f]
-  ), h = Tt(t, "columns"), p = Tt(g, "rows"), C = (R) => R === "column" ? h : p, w = B({
-    onLayoutChange: $t,
-    onLayoutChanged: $t
-  }), L = ye((R) => {
+  ), p = At(n, "columns"), h = At(g, "rows"), L = (R) => R === "column" ? p : h, w = q({
+    onLayoutChange: Tt,
+    onLayoutChanged: Tt
+  }), C = ge((R) => {
     Dt(w.current.onLayoutChange, R) || (w.current.onLayoutChange = R, c?.(R));
-  }), O = ye(
-    (R, k) => {
-      Dt(w.current.onLayoutChanged, R) || (w.current.onLayoutChanged = R, u?.(R, { isUserInteraction: k }));
+  }), O = ge(
+    (R, $, N) => {
+      Dt(w.current.onLayoutChanged, R) || (w.current.onLayoutChanged = R, u?.(R, { isUserInteraction: $, requestedLayout: N }));
     }
-  ), A = B(null), b = Ve(A, s), [x, v] = nn(), E = B({
+  ), D = q(null), b = Be(D, s), [x, v] = on(), E = q({
     cells: [],
     column: { expandedItemSizes: {}, layouts: {} },
     loggedErrors: /* @__PURE__ */ new Set(),
@@ -2365,39 +2409,39 @@ function Kn({
   }), P = { column: !1, row: !1 };
   for (const R of E.current.separators.values())
     P[R.axis] = !0;
-  sn(e, P);
-  const $ = Ye({
+  an(e, P);
+  const k = Xe({
     defaultLayout: o,
     disableCursor: r,
     resizeTargetMinimumSize: d
-  }), M = ye(() => !!$.disableCursor), z = te(
+  }), M = ge(() => !!k.disableCursor), z = te(
     (R) => {
-      const k = E.current;
-      return k.cells = [...k.cells, R], v(), () => {
-        k.cells = k.cells.filter(
-          (G) => G !== R
+      const $ = E.current;
+      return $.cells = [...$.cells, R], v(), () => {
+        $.cells = $.cells.filter(
+          (N) => N !== R
         ), v();
       };
     },
     [v]
   ), I = te(
-    (R, k) => {
-      const G = E.current;
-      return G.separators = new Map(G.separators), G.separators.set(k, R), v(), () => {
-        G.separators = new Map(G.separators), G.separators.delete(k), v();
+    (R, $) => {
+      const N = E.current;
+      return N.separators = new Map(N.separators), N.separators.set($, R), v(), () => {
+        N.separators = new Map(N.separators), N.separators.delete($), v();
       };
     },
     [v]
   ), _ = te(
     (R, {
-      disabled: k,
-      disableDoubleClick: G
+      disabled: $,
+      disableDoubleClick: N
     }) => {
-      for (const N of E.current.separators.keys())
-        N.id === R && (N.disabled = k, N.disableDoubleClick = G);
+      for (const G of E.current.separators.keys())
+        G.id === R && (G.disabled = $, G.disableDoubleClick = N);
     },
     []
-  ), U = E.current.separators, J = Ee(
+  ), Y = E.current.separators, J = Ee(
     () => ({
       getDisableCursor: M,
       getResizeAxisId: S,
@@ -2408,15 +2452,15 @@ function Kn({
       id: f,
       registerCell: z,
       registerSeparator: I,
-      separatorPlacements: U,
+      separatorPlacements: Y,
       trackCounts: {
-        column: h.length,
-        row: p.length
+        column: p.length,
+        row: h.length
       },
       updateSeparatorProps: _
     }),
     [
-      h.length,
+      p.length,
       M,
       S,
       P.column,
@@ -2424,30 +2468,30 @@ function Kn({
       f,
       z,
       I,
-      p.length,
-      U,
+      h.length,
+      Y,
       _
     ]
-  ), W = B([]);
+  ), K = q([]);
   ne(() => {
-    const R = A.current;
+    const R = D.current;
     if (R === null)
       return;
-    const k = E.current, G = Jn({
-      cells: k.cells,
-      separatorPlacements: k.separators,
-      trackCounts: { column: h.length, row: p.length }
+    const $ = E.current, N = Zn({
+      cells: $.cells,
+      separatorPlacements: $.separators,
+      trackCounts: { column: p.length, row: h.length }
     });
-    G.forEach((T) => {
-      k.loggedErrors.has(T) || console.error(T);
-    }), k.loggedErrors = new Set(G);
-    const N = (T) => Array.from(k.separators.entries()).filter(([, K]) => K.axis === T).sort(([, K], [, ve]) => K.index - ve.index).map(([K]) => K), F = (T) => {
-      const K = T === "column" ? h : p, ve = T === "column" ? p : h, he = K.map((Z) => Z.id), He = S(T), ze = N(T), De = ze.length > 0, Xe = K.map(
+    N.forEach((T) => {
+      $.loggedErrors.has(T) || console.error(T);
+    }), $.loggedErrors = new Set(N);
+    const G = (T) => Array.from($.separators.entries()).filter(([, j]) => j.axis === T).sort(([, j], [, ve]) => j.index - ve.index).map(([j]) => j), F = (T) => {
+      const j = T === "column" ? p : h, ve = T === "column" ? h : p, pe = j.map((Z) => Z.id), Ve = S(T), He = G(T), be = He.length > 0, je = j.map(
         ({ id: Z, ...ee }, Q) => ({
           // Tracks don't have DOM elements of their own;
           // the Grid element is used to resolve relative size constraints (e.g. "em")
           element: R,
-          id: he[Q],
+          id: pe[Q],
           idIsStable: !0,
           mutableValues: {
             expandToSize: void 0,
@@ -2456,200 +2500,216 @@ function Kn({
           onResize: void 0,
           constraintProps: ee
         })
-      ), Oe = () => {
+      ), Ae = () => {
         const Z = [];
-        if (De) {
-          for (const [ee, Q] of k.separators)
-            if (Q.axis === T && st(Q.index, K.length)) {
-              const Ae = ee.element.getBoundingClientRect();
+        if (be) {
+          for (const [ee, Q] of $.separators)
+            if (Q.axis === T && st(Q.index, j.length)) {
+              const Oe = ee.element.getBoundingClientRect();
               Z[Q.index] = Math.max(
                 Z[Q.index] ?? 0,
-                T === "column" ? Ae.width : Ae.height
+                T === "column" ? Oe.width : Oe.height
               );
             }
         }
-        return Sn({
+        return vn({
           axis: T,
           element: R,
           gutterSizes: Z.filter((ee) => ee !== void 0),
-          hasGutters: De,
-          layout: ae(He)?.layout,
-          trackIds: he
+          hasGutters: be,
+          layout: ae(Ve)?.layout,
+          trackIds: pe
         });
       };
-      let Je;
-      const Ze = $.defaultLayout?.[T === "column" ? "columns" : "rows"];
-      if (Ze !== void 0 && Object.keys(Ze).length === he.length) {
-        Je = {};
-        for (const Z of he) {
+      let De;
+      const Ze = k.defaultLayout?.[T === "column" ? "columns" : "rows"];
+      if (Ze !== void 0 && Object.keys(Ze).length === pe.length) {
+        De = {};
+        for (const Z of pe) {
           const ee = Ze[Z];
-          ee !== void 0 && (Je[Z] = ee);
+          ee !== void 0 && (De[Z] = ee);
         }
       }
       return {
         disabled: !!i,
         element: R,
-        id: He,
+        id: Ve,
         layoutStrategy: {
           getItemAriaControls: (Z) => {
-            const ee = he.indexOf(Z);
-            return k.cells.filter((Q) => {
-              const Ae = T === "column" ? Q.column : Q.row, ln = T === "column" ? Q.columnSpan : Q.rowSpan;
-              return Ae <= ee && ee < Ae + ln;
+            const ee = pe.indexOf(Z);
+            return $.cells.filter((Q) => {
+              const Oe = T === "column" ? Q.column : Q.row, cn = T === "column" ? Q.columnSpan : Q.rowSpan;
+              return Oe <= ee && ee < Oe + cn;
             }).map((Q) => Q.element.id).filter(Boolean).join(" ") || void 0;
           },
-          calculateAvailableSize: () => Oe().availableSize,
+          calculateAvailableSize: () => Ae().availableSize,
           calculateHitRegions: ({
             expandHitTargets: Z,
             axis: ee,
             includeDisabled: Q
-          }) => yn({
+          }) => Sn({
             axis: T,
-            cells: k.cells,
+            cells: $.cells,
             crossTrackCount: ve.length,
             expandHitTargets: Z,
             resizeAxis: ee,
-            axisSize: Oe().availableSize,
+            axisSize: Ae().availableSize,
             includeDisabled: Q,
-            separatorPlacements: k.separators
+            separatorPlacements: $.separators
           }),
-          getItemSizeInPixels: (Z) => Oe().trackSizes[he.indexOf(Z)] ?? 0
+          getItemSizeInPixels: (Z) => Ae().trackSizes[pe.indexOf(Z)] ?? 0
         },
         mutableState: {
-          defaultLayout: Je,
-          disableCursor: !!$.disableCursor,
-          expandedItemSizes: k[T].expandedItemSizes,
-          layouts: k[T].layouts
+          defaultLayout: De,
+          disableCursor: !!k.disableCursor,
+          expandedItemSizes: $[T].expandedItemSizes,
+          layouts: $[T].layouts
         },
         orientation: T === "column" ? "horizontal" : "vertical",
-        items: Xe,
+        items: je,
         resizePreviewMode: "panel",
         get resizeTargetMinimumSize() {
-          return $.resizeTargetMinimumSize;
+          return k.resizeTargetMinimumSize;
         },
-        separators: ze
+        separators: He
       };
-    }, q = Le.map(F);
-    W.current = q;
-    const Y = q.map((T) => en(T)), re = () => {
-      const [T, K] = q.map(
+    }, V = Ce.map(F);
+    K.current = V;
+    const H = V.map((T) => tn(T)), ie = () => {
+      const [T, j] = V.map(
         (ve) => ae(ve.id)
       );
-      if (!(!T || !K || T.defaultLayoutDeferred || K.defaultLayoutDeferred))
-        return { columns: T.layout, rows: K.layout };
+      if (!(!T || !j || T.defaultLayoutDeferred || j.defaultLayoutDeferred))
+        return {
+          layout: { columns: T.layout, rows: j.layout },
+          requestedLayout: {
+            columns: T.requestedLayout,
+            rows: j.requestedLayout
+          }
+        };
     };
     {
-      const T = re();
-      T && (L(T), O(T, !1));
+      const T = ie();
+      T && (C(T.layout), O(T.layout, !1, T.requestedLayout));
     }
-    const Te = q.map(
-      (T) => _e(T.id, (K) => {
-        const { defaultLayoutDeferred: ve, derivedItemConstraints: he, layout: He } = K.next;
-        if (ve || he.length === 0)
+    const Te = V.map(
+      (T) => _e(T.id, (j) => {
+        const {
+          defaultLayoutDeferred: ve,
+          derivedItemConstraints: pe,
+          layout: Ve,
+          requestedLayout: He
+        } = j.next;
+        if (ve || pe.length === 0)
           return;
-        tn({
-          derivedItemConstraints: he,
+        nn({
+          derivedItemConstraints: pe,
           axis: T,
-          layout: He,
-          prevLayout: K.prev?.layout
+          layout: Ve,
+          prevLayout: j.prev?.layout,
+          requestedLayout: He
         });
-        const ze = re();
-        if (ze) {
-          const De = me(), Xe = De.state !== "active" || !De.hitRegions.some(
-            (Oe) => q.includes(Oe.axis)
+        const be = ie();
+        if (be) {
+          const je = fe(), Ae = je.state !== "active" || !je.hitRegions.some(
+            (De) => V.includes(De.axis)
+          );
+          C(be.layout), Ae && O(
+            be.layout,
+            j.isUserInteraction,
+            be.requestedLayout
           );
-          L(ze), Xe && O(ze, K.isUserInteraction);
         }
       })
     );
     return () => {
-      W.current = [], Y.forEach((T) => T()), Te.forEach((T) => T());
+      K.current = [], H.forEach((T) => T()), Te.forEach((T) => T());
     };
   }, [
-    h,
+    p,
     i,
     S,
     f,
     O,
-    L,
-    p,
+    C,
+    h,
     x,
-    $
-  ]), Be(() => {
-    W.current.forEach((R) => {
+    k
+  ]), qe(() => {
+    K.current.forEach((R) => {
       R.mutableState.defaultLayout = o?.[R.orientation === "horizontal" ? "columns" : "rows"], R.mutableState.disableCursor = !!r;
     });
   }), it(l, () => {
     const R = () => {
-      const [N, F] = Le.map(S);
-      return !Re(N) || !Re(F) ? { columns: {}, rows: {} } : {
+      const [G, F] = Ce.map(S);
+      return !Re(G) || !Re(F) ? { columns: {}, rows: {} } : {
         columns: Ne({
-          axisId: N
+          axisId: G
         }).getLayout(),
         rows: Ne({ axisId: F }).getLayout()
       };
-    }, k = (N) => N.map((F) => `"${F}"`).join(", "), G = (N, F) => {
-      const q = S(N), Y = () => {
-        const re = Re(q);
-        return D(re, `Grid "${f}" has not been mounted`), D(
-          re.items.some((Te) => Te.id === F),
-          `Grid "${f}" no longer contains a ${N} with id "${F}"; ${N} ids are ${k(re.items.map((Te) => Te.id))}`
-        ), dt({ axisId: q, itemId: F });
+    }, $ = (G) => G.map((F) => `"${F}"`).join(", "), N = (G, F) => {
+      const V = S(G), H = () => {
+        const ie = Re(V);
+        return A(ie, `Grid "${f}" has not been mounted`), A(
+          ie.items.some((Te) => Te.id === F),
+          `Grid "${f}" no longer contains a ${G} with id "${F}"; ${G} ids are ${$(ie.items.map((Te) => Te.id))}`
+        ), dt({ axisId: V, itemId: F });
       };
       return {
-        collapse: () => Y().collapse(),
-        expand: () => Y().expand(),
-        getSize: () => Y().getSize(),
-        isCollapsed: () => Y().isCollapsed(),
-        resize: (re) => Y().resize(re)
+        collapse: () => H().collapse(),
+        expand: () => H().expand(),
+        getSize: () => H().getSize(),
+        isCollapsed: () => H().isCollapsed(),
+        resize: (ie) => H().resize(ie)
       };
     };
     return {
       getLayout: R,
-      getTrackById: (N, F) => {
-        const q = N === "column" ? h : p, Y = `${F}`;
-        return D(
-          q.some((re) => re.id === Y),
-          `Grid "${f}" does not contain a ${N} with id "${Y}"; ${N} ids are ${k(q.map((re) => re.id))}`
-        ), G(N, Y);
+      getTrackById: (G, F) => {
+        const V = G === "column" ? p : h, H = `${F}`;
+        return A(
+          V.some((ie) => ie.id === H),
+          `Grid "${f}" does not contain a ${G} with id "${H}"; ${G} ids are ${$(V.map((ie) => ie.id))}`
+        ), N(G, H);
       },
-      getTrackByIndex: (N, F) => {
-        const q = N === "column" ? h : p, Y = Number.isInteger(F) ? q[F] : void 0;
-        return D(
-          Y,
-          `Grid "${f}" does not contain a ${N} at index ${F}; it has ${q.length} ${N}s`
-        ), G(N, Y.id);
+      getTrackByIndex: (G, F) => {
+        const V = G === "column" ? p : h, H = Number.isInteger(F) ? V[F] : void 0;
+        return A(
+          H,
+          `Grid "${f}" does not contain a ${G} at index ${F}; it has ${V.length} ${G}s`
+        ), N(G, H.id);
       },
-      setLayout: (N) => (Le.forEach((F) => {
-        const q = N[F === "column" ? "columns" : "rows"], Y = S(F);
-        q && Re(Y) && Ne({ axisId: Y }).setLayout(q);
+      setLayout: (G) => (Ce.forEach((F) => {
+        const V = G[F === "column" ? "columns" : "rows"], H = S(F);
+        V && Re(H) && Ne({ axisId: H }).setLayout(V);
       }), R())
     };
-  }, [h, S, f, p]);
-  const oe = () => Le.map((R) => {
-    const k = ae(S(R)), G = C(R);
-    return (k && !k.defaultLayoutDeferred ? G.map((F) => `minmax(0, ${k.layout[F.id] ?? 1}fr)`) : Xn(
-      G,
+  }, [p, S, f, h]);
+  const oe = () => Ce.map((R) => {
+    const $ = ae(S(R)), N = L(R);
+    return ($ && !$.defaultLayoutDeferred ? N.map((F) => `minmax(0, ${$.layout[F.id] ?? 1}fr)`) : Jn(
+      N,
       o?.[R === "column" ? "columns" : "rows"]
     )).join(P[R] ? " auto " : " ");
   }).join("|"), we = te(
     (R) => {
-      const k = Le.map(
-        (G) => _e(S(G), R)
+      const $ = Ce.map(
+        (N) => _e(S(N), R)
       );
-      return () => k.forEach((G) => G());
+      return () => $.forEach((N) => N());
     },
     [S]
-  ), $e = qe(
+  ), $e = Ke(
     we,
     oe,
     oe
-  ), [se, le] = $e.split("|");
-  return /* @__PURE__ */ j(_t.Provider, { value: J, children: /* @__PURE__ */ j(
+  ), [ze, re] = $e.split("|");
+  return /* @__PURE__ */ W(Ft.Provider, { value: J, children: /* @__PURE__ */ W(
     "div",
     {
       ...y,
-      className: n,
+      className: t,
       "data-grid": !0,
       "data-testid": f,
       id: f,
@@ -2660,67 +2720,67 @@ function Kn({
         overflow: "hidden",
         ...m,
         display: "grid",
-        gridTemplateColumns: se,
-        gridTemplateRows: le,
+        gridTemplateColumns: ze,
+        gridTemplateRows: re,
         // Inform the browser that the library is handling touch events for this element
         // NOTE This is not an inherited style
         touchAction: "none"
       },
-      children: /* @__PURE__ */ j(ft.Provider, { value: null, children: e })
+      children: /* @__PURE__ */ W(ft.Provider, { value: null, children: e })
     }
   ) });
 }
-Kn.displayName = "Grid";
-function Tt(e, n) {
-  const t = JSON.stringify(e);
+Xn.displayName = "Grid";
+function At(e, t) {
+  const n = JSON.stringify(e);
   return Ee(() => {
     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 A(
       o.length > 0,
-      `Grid must have at least one track; "${n}" is ${t}`
+      `Grid must have at least one track; "${t}" is ${n}`
     ), o;
-  }, [t]);
-}
-function sn(e, n) {
-  dn.forEach(e, (t) => {
-    if (Gt(t))
-      if (t.type === rn) {
-        const { type: o } = t.props;
-        o === "column" ? n.column = !0 : o === "row" && (n.row = !0);
+  }, [n]);
+}
+function an(e, t) {
+  fn.forEach(e, (n) => {
+    if (_t(n))
+      if (n.type === sn) {
+        const { type: o } = n.props;
+        o === "column" ? t.column = !0 : o === "row" && (t.row = !0);
       } else // Fragments
-      typeof t.type == "symbol" && t.props !== null && typeof t.props == "object" && "children" in t.props && sn(t.props.children, n);
+      typeof n.type == "symbol" && n.props !== null && typeof n.props == "object" && "children" in n.props && an(n.props.children, t);
   });
 }
-function Xn(e, n) {
-  if (n)
+function Jn(e, t) {
+  if (t)
     return e.map(
-      (i) => `minmax(0, ${n[i.id] ?? 1}fr)`
+      (i) => `minmax(0, ${t[i.id] ?? 1}fr)`
     );
-  const t = e.map(
+  const n = e.map(
     (i) => i.defaultSize === void 0 ? void 0 : Bt(i.defaultSize)
   );
   let o = 100, r = 0;
-  return t.forEach((i) => {
+  return n.forEach((i) => {
     i === void 0 ? r++ : i[1] === "%" && (o -= i[0]);
-  }), t.map((i) => {
+  }), n.map((i) => {
     if (i === void 0)
       return `minmax(0, ${Math.max(0, o) / Math.max(1, r)}fr)`;
     const [s, l] = i;
     return l === "%" ? `minmax(0, ${s}fr)` : `${s}${l}`;
   });
 }
-function Jn({
+function Zn({
   cells: e,
-  separatorPlacements: n,
-  trackCounts: t
+  separatorPlacements: t,
+  trackCounts: n
 }) {
   const o = [];
   for (const l of e)
-    Le.forEach((a) => {
-      const [c, u] = a === "column" ? [l.column, l.columnSpan] : [l.row, l.rowSpan], d = t[a];
+    Ce.forEach((a) => {
+      const [c, u] = a === "column" ? [l.column, l.columnSpan] : [l.row, l.rowSpan], d = n[a];
       (!Number.isInteger(c) || !Number.isInteger(u) || c < 0 || u < 1 || c + u > d) && o.push(
         `Invalid Cell ${a} placement (${a}: ${c}, ${a}Span: ${u}); Grid has ${d} ${a}s`
       );
@@ -2735,9 +2795,9 @@ function Jn({
     const g = l === "column" ? "row" : "column";
     let m = `type="${l}" ${l}={${d}}`;
     return (c !== 0 || a !== void 0) && (m += ` ${g}={${c}}`), a !== void 0 && (m += ` ${g}Span={${a}}`), u && (m += " disabled"), `<Gridline ${m} />`;
-  }, i = Array.from(n.values()).filter(
+  }, i = Array.from(t.values()).filter(
     (l) => {
-      const { axis: a, crossSpan: c, crossStart: u, index: d } = l, g = a === "column" ? "row" : "column", m = t[a], y = t[g];
+      const { axis: a, crossSpan: c, crossStart: u, index: d } = l, g = a === "column" ? "row" : "column", m = n[a], y = n[g];
       let f = !0;
       return st(d, m) || (o.push(
         `Invalid ${a} Gridline ${a} (${d}); must be between 1 and ${m - 1}`
@@ -2748,7 +2808,7 @@ function Jn({
       ), f = !1), f;
     }
   ), s = (l) => {
-    const a = t[l.axis === "column" ? "row" : "column"];
+    const a = n[l.axis === "column" ? "row" : "column"];
     return [
       l.crossStart,
       l.crossSpan === void 0 ? a : l.crossStart + l.crossSpan
@@ -2757,11 +2817,11 @@ function Jn({
   return i.forEach((l, a) => {
     const { axis: c, index: u } = l, [d, g] = s(l);
     for (const m of e) {
-      const [y, f, S, h] = c === "column" ? [m.column, m.columnSpan, m.row, m.rowSpan] : [m.row, m.rowSpan, m.column, m.columnSpan];
-      if (y < u && u < y + f && S < g && d < S + h) {
-        const p = c === "column" ? "row" : "column";
+      const [y, f, S, p] = c === "column" ? [m.column, m.columnSpan, m.row, m.rowSpan] : [m.row, m.rowSpan, m.column, m.columnSpan];
+      if (y < u && u < y + f && S < g && d < S + p) {
+        const h = c === "column" ? "row" : "column";
         o.push(
-          `${r(l)} overlaps a Cell that spans across it (${c}: ${y}, ${c}Span: ${f}, ${p}: ${S}, ${p}Span: ${h}); use the ${p} and ${p}Span props to render gridlines beside the Cell instead`
+          `${r(l)} overlaps a Cell that spans across it (${c}: ${y}, ${c}Span: ${f}, ${h}: ${S}, ${h}Span: ${p}); use the ${h} and ${h}Span props to render gridlines beside the Cell instead`
         );
       }
     }
@@ -2772,18 +2832,18 @@ function Jn({
       }
   }), o;
 }
-function Dt(e, n) {
-  return ie(e.columns, n.columns) && ie(e.rows, n.rows);
+function Dt(e, t) {
+  return se(e.columns, t.columns) && se(e.rows, t.rows);
 }
-function go({
+function yo({
   id: e,
-  onlySaveAfterUserInteractions: n,
-  storage: t = localStorage
+  onlySaveAfterUserInteractions: t,
+  storage: n = localStorage
 }) {
-  const o = `react-resizable-panels:grid:${e}`, r = qe(
-    Zn,
-    () => t.getItem(o),
-    () => t.getItem(o)
+  const o = `react-resizable-panels:grid:${e}`, r = Ke(
+    Qn,
+    () => n.getItem(o),
+    () => n.getItem(o)
   ), i = Ee(() => {
     if (r)
       try {
@@ -2794,14 +2854,17 @@ function go({
       }
   }, [r]), s = te(
     (l, a) => {
-      if (!(n && !a.isUserInteraction))
+      if (!(t && !a.isUserInteraction))
         try {
-          t.setItem(o, JSON.stringify(l));
+          n.setItem(
+            o,
+            JSON.stringify(a.requestedLayout ?? l)
+          );
         } catch (c) {
           console.error(c);
         }
     },
-    [n, t, o]
+    [t, n, o]
   );
   return {
     /**
@@ -2814,22 +2877,22 @@ function go({
     onLayoutChanged: s
   };
 }
-function Zn() {
+function Qn() {
   return function() {
   };
 }
-function yo() {
-  return ge(null);
-}
 function So() {
-  return B(null);
+  return he(null);
+}
+function vo() {
+  return q(null);
 }
-function Qn({
+function eo({
   separator: e
 }) {
-  const { element: n } = e, t = B(null);
+  const { element: t } = e, n = q(null);
   return ne(() => {
-    const o = n.cloneNode(!0), r = [n, ...n.querySelectorAll("*")], i = [o, ...o.querySelectorAll("*")], s = n.ownerDocument.defaultView;
+    const o = t.cloneNode(!0), r = [t, ...t.querySelectorAll("*")], i = [o, ...o.querySelectorAll("*")], s = t.ownerDocument.defaultView;
     return r.forEach((l, a) => {
       const c = i[a];
       if (c instanceof s.HTMLElement || c instanceof s.SVGElement) {
@@ -2850,11 +2913,11 @@ function Qn({
       position: "static",
       transform: "none",
       width: "100%"
-    }), t.current.appendChild(o), () => o.remove();
-  }, [n]), /* @__PURE__ */ j(
+    }), n.current.appendChild(o), () => o.remove();
+  }, [t]), /* @__PURE__ */ W(
     "div",
     {
-      ref: t,
+      ref: n,
       style: {
         height: "100%",
         opacity: 0.65,
@@ -2864,31 +2927,31 @@ function Qn({
     }
   );
 }
-function Ke() {
-  const e = Nt(ft);
-  return D(
+function Je() {
+  const e = Gt(ft);
+  return A(
     e,
     "Group Context not found; did you render a Panel or Separator outside of a Group?"
   ), e;
 }
-function an(e) {
-  const { registerOverlay: n } = Ke(), t = B(e);
-  Qt(t.current, e) || (t.current = e);
-  const o = t.current;
+function ln(e) {
+  const { registerOverlay: t } = Je(), n = q(e);
+  en(n.current, e) || (n.current = e);
+  const o = n.current;
   return ne(
-    () => n(o),
-    [n, o]
+    () => t(o),
+    [t, o]
   ), null;
 }
-an.displayName = "SeparatorOverlay";
-function eo({
+ln.displayName = "SeparatorOverlay";
+function to({
   active: e,
-  orientation: n,
-  style: t,
+  orientation: t,
+  style: n,
   ...o
 }) {
   let r;
-  switch (n) {
+  switch (t) {
     case "horizontal": {
       r = {
         height: "100%",
@@ -2904,34 +2967,34 @@ function eo({
       break;
     }
   }
-  return /* @__PURE__ */ j(
+  return /* @__PURE__ */ W(
     "div",
     {
       ...o,
       "data-separator-overlay": e ? "active" : "inactive",
       style: {
         ...r,
-        ...t,
+        ...n,
         flexShrink: 0,
         pointerEvents: "none"
       }
     }
   );
 }
-function to({
+function no({
   overlay: e,
-  preview: n
+  preview: t
 }) {
-  const { axis: t, offset: o, rect: r, separator: i } = n, s = t.orientation === "horizontal";
+  const { axis: n, offset: o, rect: r, separator: i } = t, s = n.orientation === "horizontal";
   let l = i?.preview, a = e;
-  return Gt(l) && l.type === an && (a = l.props, l = void 0), l == null && (a ? l = /* @__PURE__ */ j(
-    eo,
+  return _t(l) && l.type === ln && (a = l.props, l = void 0), l == null && (a ? l = /* @__PURE__ */ W(
+    to,
     {
       ...a,
-      active: n.active,
-      orientation: t.orientation
+      active: t.active,
+      orientation: n.orientation
     }
-  ) : i && (l = /* @__PURE__ */ j(Qn, { separator: i }))), /* @__PURE__ */ j(
+  ) : i && (l = /* @__PURE__ */ W(eo, { separator: i }))), /* @__PURE__ */ W(
     "div",
     {
       "aria-hidden": "true",
@@ -2950,46 +3013,46 @@ function to({
     }
   );
 }
-function no(e, n) {
-  const t = B({
+function oo(e, t) {
+  const n = q({
     getLayout: () => ({}),
-    setLayout: wn
+    setLayout: zn
   });
-  it(n, () => t.current, []), ne(() => {
+  it(t, () => n.current, []), ne(() => {
     Object.assign(
-      t.current,
+      n.current,
       Ne({ axisId: e })
     );
   });
 }
-function oo({
+function ro({
   groupId: e,
-  resizePreviewMode: n
+  resizePreviewMode: t
 }) {
-  const [t, o] = ge([]), r = B(t);
+  const [n, o] = he([]), r = q(n);
   return ne(() => {
     const i = (l) => {
-      const a = Re(e), c = n === "separator" && l.state === "active" ? l.previews.filter(
-        (d) => d.axis === a && (d.active || !H(d.offset, 0))
+      const a = Re(e), c = t === "separator" && l.state === "active" ? l.previews.filter(
+        (d) => d.axis === a && (d.active || !U(d.offset, 0))
       ) : [], u = r.current;
       u.length === c.length && c.every(
         (d, g) => d === u[g]
       ) || (r.current = c, o(c));
     };
-    if (n !== "separator") {
-      i(me());
+    if (t !== "separator") {
+      i(fe());
       return;
     }
     const s = Ht(
       ({ next: l }) => i(l)
     );
-    return i(me()), s;
-  }, [e, n]), t;
+    return i(fe()), s;
+  }, [e, t]), n;
 }
-function ro({
+function io({
   children: e,
-  className: n,
-  defaultLayout: t,
+  className: t,
+  defaultLayout: n,
   disableCursor: o,
   disabled: r,
   elementRef: i,
@@ -3006,48 +3069,48 @@ function ro({
   style: m,
   ...y
 }) {
-  const f = B({
+  const f = q({
     onLayoutChange: {},
     onLayoutChanged: {}
-  }), S = ye((z) => {
-    ie(f.current.onLayoutChange, z) || (f.current.onLayoutChange = z, a?.(z));
-  }), h = ye(
-    (z, I) => {
-      ie(f.current.onLayoutChanged, z) || (f.current.onLayoutChanged = z, c?.(z, { isUserInteraction: I }));
+  }), S = ge((z) => {
+    se(f.current.onLayoutChange, z) || (f.current.onLayoutChange = z, a?.(z));
+  }), p = ge(
+    (z, I, _) => {
+      se(f.current.onLayoutChanged, z) || (f.current.onLayoutChanged = z, c?.(z, { isUserInteraction: I, requestedLayout: _ }));
     }
-  ), p = ke(l), [C, w] = ge(), L = oo({
-    groupId: p,
+  ), h = ke(l), [L, w] = he(), C = ro({
+    groupId: h,
     resizePreviewMode: d
-  }), O = B(null), [A, b] = nn(), x = B({
+  }), O = q(null), [D, b] = on(), x = q({
     lastExpandedPanelSizes: {},
     layouts: {},
     panels: [],
     separators: []
-  }), v = Ve(O, i);
-  no(p, s);
-  const E = ye(
+  }), v = Be(O, i);
+  oo(h, s);
+  const E = ge(
     (z, I) => {
       const _ = ae(z);
       if (_)
         return {
           flexGrow: _.layout[I] ?? 1
         };
-      if (t?.[I])
+      if (n?.[I])
         return {
-          flexGrow: t?.[I]
+          flexGrow: n?.[I]
         };
     }
-  ), P = Ye({
-    defaultLayout: t,
+  ), P = Xe({
+    defaultLayout: n,
     disableCursor: o,
     resizeTargetMinimumSize: g
-  }), $ = Ee(
+  }), k = Ee(
     () => ({
       get disableCursor() {
         return !!P.disableCursor;
       },
       getPanelStyles: E,
-      id: p,
+      id: h,
       orientation: u,
       registerPanel: (z) => {
         const I = x.current;
@@ -3075,13 +3138,13 @@ function ro({
         };
       },
       updatePanelProps: (z, { disabled: I }) => {
-        const U = x.current.panels.find(
+        const Y = x.current.panels.find(
           (oe) => oe.id === z
         );
-        U && (U.constraintProps.disabled = I);
-        const J = Re(p), W = ae(p);
-        J && W && pe(J, {
-          ...W,
+        Y && (Y.constraintProps.disabled = I);
+        const J = Re(h), K = ae(h);
+        J && K && me(J, {
+          ...K,
           derivedItemConstraints: rt(J)
         });
       },
@@ -3090,13 +3153,13 @@ function ro({
         disableDoubleClick: _
       }) => {
         const J = x.current.separators.find(
-          (W) => W.id === z
+          (K) => K.id === z
         );
         J && (J.disabled = I, J.disableDoubleClick = _);
       }
     }),
-    [E, p, b, u, P]
-  ), M = B(null);
+    [E, h, b, u, P]
+  ), M = q(null);
   return ne(() => {
     const z = O.current;
     if (z === null)
@@ -3105,15 +3168,15 @@ function ro({
     let _;
     if (P.defaultLayout !== void 0 && Object.keys(P.defaultLayout).length === I.panels.length) {
       _ = {};
-      for (const se of I.panels) {
-        const le = P.defaultLayout[se.id];
-        le !== void 0 && (_[se.id] = le);
+      for (const re of I.panels) {
+        const R = P.defaultLayout[re.id];
+        R !== void 0 && (_[re.id] = R);
       }
     }
-    const U = {
+    const Y = {
       disabled: !!r,
       element: z,
-      id: p,
+      id: h,
       mutableState: {
         defaultLayout: _,
         disableCursor: !!P.disableCursor,
@@ -3128,53 +3191,56 @@ function ro({
       },
       separators: I.separators
     };
-    M.current = U;
-    const J = en(U), {
-      defaultLayoutDeferred: W,
+    M.current = Y;
+    const J = tn(Y), {
+      defaultLayoutDeferred: K,
       derivedItemConstraints: oe,
-      layout: we
-    } = ae(U.id, !0);
-    !W && oe.length > 0 && (S(we), h(we, !1));
-    const $e = _e(p, (se) => {
+      layout: we,
+      requestedLayout: $e
+    } = ae(Y.id, !0);
+    !K && oe.length > 0 && (S(we), p(we, !1, $e));
+    const ze = _e(h, (re) => {
       const {
-        defaultLayoutDeferred: le,
-        derivedItemConstraints: R,
-        layout: k
-      } = se.next;
-      if (le || R.length === 0)
+        defaultLayoutDeferred: R,
+        derivedItemConstraints: $,
+        layout: N,
+        requestedLayout: G
+      } = re.next;
+      if (R || $.length === 0)
         return;
-      tn({
-        derivedItemConstraints: R,
-        axis: U,
-        layout: k,
-        prevLayout: se.prev?.layout
+      nn({
+        derivedItemConstraints: $,
+        axis: Y,
+        layout: N,
+        prevLayout: re.prev?.layout,
+        requestedLayout: G
       });
-      const G = me(), N = G.state !== "active" || !G.hitRegions.some((F) => F.axis === U);
-      S(k), N && h(k, se.isUserInteraction);
+      const F = fe(), V = F.state !== "active" || !F.hitRegions.some((H) => H.axis === Y);
+      S(N), V && p(N, re.isUserInteraction, G);
     });
     return () => {
-      M.current = null, J(), $e();
+      M.current = null, J(), ze();
     };
   }, [
     r,
-    p,
     h,
+    p,
     S,
     u,
-    A,
+    D,
     d,
     P
-  ]), Be(() => {
+  ]), qe(() => {
     const z = M.current;
-    z && (z.mutableState.defaultLayout = t, z.mutableState.disableCursor = !!o);
-  }), /* @__PURE__ */ j(ft.Provider, { value: $, children: /* @__PURE__ */ cn(
+    z && (z.mutableState.defaultLayout = n, z.mutableState.disableCursor = !!o);
+  }), /* @__PURE__ */ W(ft.Provider, { value: k, children: /* @__PURE__ */ un(
     "div",
     {
       ...y,
-      className: n,
+      className: t,
       "data-group": !0,
-      "data-testid": p,
-      id: p,
+      "data-testid": h,
+      id: h,
       ref: v,
       style: {
         height: "100%",
@@ -3193,10 +3259,10 @@ function ro({
       },
       children: [
         e,
-        L.map((z) => /* @__PURE__ */ j(
-          to,
+        C.map((z) => /* @__PURE__ */ W(
+          no,
           {
-            overlay: C,
+            overlay: L,
             preview: z
           },
           z.key
@@ -3205,25 +3271,25 @@ function ro({
     }
   ) });
 }
-ro.displayName = "Group";
-function We(e, n) {
-  return `react-resizable-panels:${[e, ...n].join(":")}`;
+io.displayName = "Group";
+function Ye(e, t) {
+  return `react-resizable-panels:${[e, ...t].join(":")}`;
 }
-function io({
+function so({
   id: e,
-  panelIds: n,
-  storage: t
+  panelIds: t,
+  storage: n
 }) {
-  const o = We(e, []), r = t.getItem(o);
+  const o = Ye(e, []), r = n.getItem(o);
   if (r)
     try {
       const i = JSON.parse(r);
-      if (n) {
-        const s = n.join(","), l = i[s];
-        if (l && Array.isArray(l.layout) && n.length === l.layout.length) {
+      if (t) {
+        const s = t.join(","), l = i[s];
+        if (l && Array.isArray(l.layout) && t.length === l.layout.length) {
           const a = {};
-          for (let c = 0; c < n.length; c++)
-            a[n[c]] = l.layout[c];
+          for (let c = 0; c < t.length; c++)
+            a[t[c]] = l.layout[c];
           return a;
         }
       } else {
@@ -3244,31 +3310,31 @@ function io({
     } catch {
     }
 }
-function vo({
+function bo({
   debounceSaveMs: e = 100,
-  onlySaveAfterUserInteractions: n,
-  panelIds: t,
+  onlySaveAfterUserInteractions: t,
+  panelIds: n,
   storage: o = localStorage,
   ...r
 }) {
-  const i = t !== void 0, s = "id" in r ? r.id : r.groupId, l = We(s, t ?? []), a = qe(
-    so,
+  const i = n !== void 0, s = "id" in r ? r.id : r.groupId, l = Ye(s, n ?? []), a = Ke(
+    ao,
     () => o.getItem(l),
     () => o.getItem(l)
   ), c = Ee(() => {
     if (a) {
-      const S = JSON.parse(a), h = Object.values(S);
-      if (Array.from(h).every((p) => typeof p == "number"))
+      const S = JSON.parse(a), p = Object.values(S);
+      if (Array.from(p).every((h) => typeof h == "number"))
         return S;
     }
   }, [a]), u = Ee(() => {
     if (!c)
-      return io({
+      return so({
         id: s,
-        panelIds: t,
+        panelIds: n,
         storage: o
       });
-  }, [c, s, t, o]), d = c ?? u, g = B(null), m = te(() => {
+  }, [c, s, n, o]), d = c ?? u, g = q(null), m = te(() => {
     const S = g.current;
     S && (g.current = null, clearTimeout(S));
   }, []);
@@ -3281,23 +3347,24 @@ function vo({
     // 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.
-    (S, h) => {
-      if (n && !h.isUserInteraction)
+    (S, p) => {
+      if (t && !p.isUserInteraction)
         return;
       m();
-      let p;
-      i ? p = We(s, Object.keys(S)) : p = We(s, []);
+      const h = p.requestedLayout ?? S;
+      let L;
+      i ? L = Ye(s, Object.keys(h)) : L = Ye(s, []);
       try {
-        o.setItem(p, JSON.stringify(S));
-      } catch (C) {
-        console.error(C);
+        o.setItem(L, JSON.stringify(h));
+      } catch (w) {
+        console.error(w);
       }
     },
     [
       m,
       i,
       s,
-      n,
+      t,
       o
     ]
   ), f = te(
@@ -3325,18 +3392,18 @@ function vo({
     onLayoutChanged: y
   };
 }
-function so() {
+function ao() {
   return function() {
   };
 }
-function bo() {
-  return ge(null);
-}
 function xo() {
-  return B(null);
+  return he(null);
 }
-function ao(e, n) {
-  const { id: t } = Ke(), o = B({
+function wo() {
+  return q(null);
+}
+function lo(e, t) {
+  const { id: n } = Je(), o = q({
     collapse: Qe,
     expand: Qe,
     getSize: () => ({
@@ -3346,17 +3413,17 @@ function ao(e, n) {
     isCollapsed: () => !1,
     resize: Qe
   });
-  it(n, () => o.current, []), ne(() => {
+  it(t, () => o.current, []), ne(() => {
     Object.assign(
       o.current,
-      dt({ axisId: t, itemId: e })
+      dt({ axisId: n, itemId: e })
     );
   });
 }
-function lo({
+function co({
   children: e,
-  className: n,
-  collapsedSize: t = "0%",
+  className: t,
+  collapsedSize: n = "0%",
   collapsedThreshold: o,
   collapsible: r = !1,
   defaultSize: i,
@@ -3371,25 +3438,25 @@ function lo({
   style: y,
   ...f
 }) {
-  const S = !!c, h = ke(c), p = Ye({
+  const S = !!c, p = ke(c), h = Xe({
     disabled: s
-  }), C = B(null), w = Ve(C, l), {
-    getPanelStyles: L,
+  }), L = q(null), w = Be(L, l), {
+    getPanelStyles: C,
     id: O,
-    orientation: A,
+    orientation: D,
     registerPanel: b,
     updatePanelProps: x
-  } = Ke(), v = g !== null, E = ye(
+  } = Je(), v = g !== null, E = ge(
     (z, I, _) => {
       g?.(z, c, _);
     }
   );
   ne(() => {
-    const z = C.current;
+    const z = L.current;
     if (z !== null) {
       const I = {
         element: z,
-        id: h,
+        id: p,
         idIsStable: S,
         mutableValues: {
           expandToSize: void 0,
@@ -3398,11 +3465,11 @@ function lo({
         onResize: v ? E : void 0,
         constraintProps: {
           groupResizeBehavior: a,
-          collapsedSize: t,
+          collapsedSize: n,
           collapsedThreshold: o,
           collapsible: r,
           defaultSize: i,
-          disabled: p.disabled,
+          disabled: h.disabled,
           maxSize: u,
           minSize: d
         }
@@ -3411,56 +3478,56 @@ function lo({
     }
   }, [
     a,
-    t,
+    n,
     o,
     r,
     i,
     v,
-    h,
+    p,
     S,
     u,
     d,
     E,
     b,
-    p
-  ]), Be(() => {
-    x(h, { disabled: s });
-  }, [s, h, x]), ao(h, m);
+    h
+  ]), qe(() => {
+    x(p, { disabled: s });
+  }, [s, p, x]), lo(p, m);
   const P = () => {
-    const z = L(O, h);
+    const z = C(O, p);
     if (z)
       return JSON.stringify(z);
-  }, $ = qe(
+  }, k = Ke(
     (z) => _e(O, z),
     P,
     P
   );
   let M;
-  return $ ? M = JSON.parse($) : i !== void 0 ? M = {
+  return k ? M = JSON.parse(k) : i !== void 0 ? M = {
     flexGrow: void 0,
     flexShrink: void 0,
     flexBasis: i
-  } : M = { flexGrow: 1 }, /* @__PURE__ */ j(
+  } : M = { flexGrow: 1 }, /* @__PURE__ */ W(
     "div",
     {
       ...f,
       "data-disabled": s || void 0,
       "data-panel": !0,
-      "data-testid": h,
-      id: h,
+      "data-testid": p,
+      id: p,
       ref: w,
       style: {
-        ...co,
+        ...uo,
         display: "flex",
         flexBasis: 0,
         flexShrink: 1,
         overflow: "visible",
         ...M
       },
-      children: /* @__PURE__ */ j(
+      children: /* @__PURE__ */ W(
         "div",
         {
-          className: n,
+          className: t,
           style: {
             maxHeight: "100%",
             maxWidth: "100%",
@@ -3471,7 +3538,7 @@ function lo({
             // 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: A === "horizontal" ? "pan-y" : "pan-x"
+            touchAction: D === "horizontal" ? "pan-y" : "pan-x"
           },
           children: e
         }
@@ -3479,8 +3546,8 @@ function lo({
     }
   );
 }
-lo.displayName = "Panel";
-const co = {
+co.displayName = "Panel";
+const uo = {
   minHeight: 0,
   maxHeight: "100%",
   height: "auto",
@@ -3492,17 +3559,17 @@ const co = {
   padding: 0,
   margin: 0
 };
-function wo() {
-  return ge(null);
-}
 function zo() {
-  return B(null);
+  return he(null);
 }
-const uo = { flexBasis: "auto" }, fo = { flexGrow: 0, flexShrink: 0 };
-function mo({
+function Io() {
+  return q(null);
+}
+const fo = { flexBasis: "auto" }, mo = { flexGrow: 0, flexShrink: 0 };
+function po({
   children: e,
-  className: n,
-  disabled: t,
+  className: t,
+  disabled: n,
   disableDoubleClick: o,
   elementRef: r,
   id: i,
@@ -3516,46 +3583,46 @@ function mo({
     orientation: g,
     registerSeparator: m,
     updateSeparatorProps: y
-  } = Ke();
-  return /* @__PURE__ */ j(
-    on,
+  } = Je();
+  return /* @__PURE__ */ W(
+    rn,
     {
       attributes: a,
       axisId: d,
       axisOrientation: g,
-      className: n,
+      className: t,
       disableCursor: u,
-      disabled: t,
+      disabled: n,
       disableDoubleClick: o,
       elementRef: r,
       id: c,
       preview: s,
       registerSeparator: m,
-      requiredStyle: fo,
+      requiredStyle: mo,
       style: l,
-      styleDefaults: uo,
+      styleDefaults: fo,
       updateSeparatorProps: y,
       children: e
     }
   );
 }
-mo.displayName = "Separator";
+po.displayName = "Separator";
 export {
-  hn as Cell,
-  Kn as Grid,
-  rn as Gridline,
-  ro as Group,
-  lo as Panel,
-  mo as Separator,
-  an as SeparatorOverlay,
-  gn as isCoarsePointer,
-  go as useDefaultGridLayout,
-  vo as useDefaultLayout,
-  yo as useGridCallbackRef,
-  So as useGridRef,
-  bo as useGroupCallbackRef,
-  xo as useGroupRef,
-  wo as usePanelCallbackRef,
-  zo as usePanelRef
+  gn as Cell,
+  Xn as Grid,
+  sn as Gridline,
+  io as Group,
+  co as Panel,
+  po as Separator,
+  ln as SeparatorOverlay,
+  yn as isCoarsePointer,
+  yo as useDefaultGridLayout,
+  bo as useDefaultLayout,
+  So as useGridCallbackRef,
+  vo as useGridRef,
+  xo as useGroupCallbackRef,
+  wo as useGroupRef,
+  zo as usePanelCallbackRef,
+  Io as usePanelRef
 };
 //# sourceMappingURL=react-resizable-panels.js.map