react-resizable-panels 4.14.6 → 4.14.8

package/dist/react-resizable-panels.js

@@ -1,14 +1,14 @@
 "use client";
-import { jsx as Y, jsxs as En } from "react/jsx-runtime";
-import { useId as Mn, useLayoutEffect as tn, useEffect as He, useRef as B, useCallback as re, createContext as nn, useContext as on, useState as ge, useMemo as Me, useImperativeHandle as mt, useSyncExternalStore as tt, Children as Pn, isValidElement as rn } from "react";
+import { jsx as Y, jsxs as Mn } from "react/jsx-runtime";
+import { useId as Pn, useLayoutEffect as en, useEffect as qe, useRef as B, useCallback as re, createContext as tn, useContext as nn, useState as ge, useMemo as Me, useImperativeHandle as ft, useSyncExternalStore as tt, Children as Tn, isValidElement as on } from "react";
 function et(e) {
   return (typeof e == "number" || typeof e == "string") && e !== "";
 }
-function Te(e) {
-  const t = Mn();
+function Pe(e) {
+  const t = Pn();
   return et(e) ? `${e}` : t;
 }
-const ne = typeof window < "u" ? tn : He;
+const ne = typeof window < "u" ? en : qe;
 function Se(e) {
   const t = B(e);
   return ne(() => {
@@ -18,7 +18,7 @@ function Se(e) {
     [t]
   );
 }
-function Ve(...e) {
+function He(...e) {
   return Se((t) => {
     e.forEach((n) => {
       if (n)
@@ -35,24 +35,24 @@ function Ve(...e) {
     });
   });
 }
-function je(e, t) {
+function Ve(e, t) {
   const n = e?.["data-testid"];
   return et(n) ? `${n}` : et(t) ? `${t}` : void 0;
 }
 function lt(e, t) {
   return t ? e * 2 + 1 : e + 1;
 }
-function Tn(e, t) {
+function $n(e, t) {
   return t ? e * 2 - 1 : e;
 }
-function Lt(e, t, n) {
+function Ct(e, t, n) {
   const o = lt(e, n);
-  return t === void 0 ? `${o} / -1` : `${o} / span ${Tn(t, n)}`;
+  return t === void 0 ? `${o} / -1` : `${o} / span ${$n(t, n)}`;
 }
-function Dn(e) {
+function kn(e) {
   return `${e * 2} / span 1`;
 }
-function kn({
+function An({
   crossCount: e,
   crossSpan: t,
   crossStart: n,
@@ -61,73 +61,73 @@ function kn({
   const r = t === void 0 ? e : n + t;
   if (n === 0 && r === e)
     return "1 / -1";
-  let i = lt(n, o), a = lt(r - 1, o) + 1;
-  return o && (n > 0 && i--, r < e && a++), `${i} / ${a}`;
+  let i = lt(n, o), s = lt(r - 1, o) + 1;
+  return o && (n > 0 && i--, r < e && s++), `${i} / ${s}`;
 }
-function pt(e, t) {
+function mt(e, t) {
   return Number.isInteger(e) && e >= 1 && e < t;
 }
-function N(e, t = "Assertion error") {
+function D(e, t = "Assertion error") {
   if (!e)
     throw Error(t);
 }
-const sn = nn(null);
-function an() {
-  const e = on(sn);
-  return N(
+const rn = tn(null);
+function sn() {
+  const e = nn(rn);
+  return D(
     e,
     "Grid Context not found; did you render a Cell or Gridline outside of a Grid?"
   ), e;
 }
-function An({
+function Dn({
   children: e,
   className: t,
   column: n,
   columnSpan: o = 1,
   elementRef: r,
   id: i,
-  row: a,
-  rowSpan: c = 1,
-  style: s,
-  ...u
+  row: s,
+  rowSpan: a = 1,
+  style: u,
+  ...l
 }) {
-  const l = Te(i), { gutters: d, registerCell: h } = an(), p = B(null), m = Ve(p, r);
+  const c = Pe(i), { gutters: d, registerCell: p } = sn(), g = B(null), f = He(g, r);
   return ne(() => {
-    const f = p.current;
-    if (f !== null)
-      return h({
+    const m = g.current;
+    if (m !== null)
+      return p({
         column: n,
         columnSpan: o,
-        element: f,
-        id: l,
-        row: a,
-        rowSpan: c
+        element: m,
+        id: c,
+        row: s,
+        rowSpan: a
       });
-  }, [n, o, l, h, a, c]), /* @__PURE__ */ Y(
+  }, [n, o, c, p, s, a]), /* @__PURE__ */ Y(
     "div",
     {
-      ...u,
+      ...l,
       className: t,
       "data-cell": !0,
-      "data-testid": je(u, i),
-      id: l,
-      ref: m,
+      "data-testid": Ve(l, i),
+      id: c,
+      ref: f,
       style: {
         overflow: "auto",
-        ...s,
+        ...u,
         // Allow cells to shrink smaller than their content
         minHeight: 0,
         minWidth: 0,
-        gridColumn: Lt(n, o, d.column),
-        gridRow: Lt(a, c, d.row)
+        gridColumn: Ct(n, o, d.column),
+        gridRow: Ct(s, a, d.row)
       },
       children: e
     }
   );
 }
-An.displayName = "Cell";
+Dn.displayName = "Cell";
 let Xe;
-function $n() {
+function On() {
   return Xe === void 0 && (typeof matchMedia == "function" ? Xe = !!matchMedia("(pointer:coarse)").matches : Xe = !1), Xe;
 }
 function ut({
@@ -135,7 +135,7 @@ function ut({
   axis: t,
   rect: n
 }) {
-  const o = e ? $n() ? t.resizeTargetMinimumSize.coarse : t.resizeTargetMinimumSize.fine : 0;
+  const o = e ? On() ? t.resizeTargetMinimumSize.coarse : t.resizeTargetMinimumSize.fine : 0;
   if (n.width < o) {
     const r = o - n.width;
     n = new DOMRect(
@@ -156,7 +156,7 @@ function ut({
   }
   return n;
 }
-function Ct({
+function Rt({
   axis: e,
   cells: t,
   index: n,
@@ -164,111 +164,111 @@ function Ct({
 }) {
   let r = [o];
   for (const i of t) {
-    const a = e === "column" ? i.column : i.row, c = e === "column" ? i.columnSpan : i.rowSpan;
-    if (a >= n || a + c <= n)
+    const s = e === "column" ? i.column : i.row, a = e === "column" ? i.columnSpan : i.rowSpan;
+    if (s >= n || s + a <= n)
       continue;
-    const s = i.element.getBoundingClientRect(), u = e === "column" ? s.top : s.left, l = e === "column" ? s.bottom : s.right;
-    l <= u || (r = r.flatMap((d) => {
-      const h = e === "column" ? d.top : d.left, p = e === "column" ? d.bottom : d.right;
-      if (u >= p || l <= h)
+    const u = i.element.getBoundingClientRect(), l = e === "column" ? u.top : u.left, c = e === "column" ? u.bottom : u.right;
+    c <= l || (r = r.flatMap((d) => {
+      const p = e === "column" ? d.top : d.left, g = e === "column" ? d.bottom : d.right;
+      if (l >= g || c <= p)
         return [d];
-      const m = [], f = (y, g) => {
-        m.push(
-          e === "column" ? new DOMRect(d.x, y, d.width, g - y) : new DOMRect(y, d.y, g - y, d.height)
+      const f = [], m = (h, S) => {
+        f.push(
+          e === "column" ? new DOMRect(d.x, h, d.width, S - h) : new DOMRect(h, d.y, S - h, d.height)
         );
       };
-      return h < u && f(h, u), p > l && f(l, p), m;
+      return p < l && m(p, l), g > c && m(c, g), f;
     }));
   }
   return r;
 }
-function On({
+function Nn({
   axis: e,
   cells: t,
   crossTrackCount: n,
   expandHitTargets: o,
   resizeAxis: r,
   axisSize: i,
-  includeDisabled: a,
-  separatorPlacements: c
+  includeDisabled: s,
+  separatorPlacements: a
 }) {
-  const { items: s, separators: u } = r, l = s.length;
-  let d = -1, h = -1, p = 0;
-  if (s.forEach((x, w) => {
-    x.constraintProps.disabled || (p++, d === -1 && (d = w), h = w);
-  }), !a && p < 2)
+  const { items: u, separators: l } = r, c = u.length;
+  let d = -1, p = -1, g = 0;
+  if (u.forEach((w, x) => {
+    w.constraintProps.disabled || (g++, d === -1 && (d = x), p = x);
+  }), !s && g < 2)
     return [];
-  const m = (x) => a || x > d && x <= h, f = [], y = (x, w, v) => ({
+  const f = (w) => s || w > d && w <= p, m = [], h = (w, x, v) => ({
     axis: r,
     axisSize: i,
-    items: [s[x - 1], s[x]],
-    rect: w,
+    items: [u[w - 1], u[w]],
+    rect: x,
     separator: v
-  }), g = (x, w) => {
+  }), S = (w, x) => {
     let v;
     for (const M of t) {
       const k = e === "column" ? M.row : M.column, P = e === "column" ? M.rowSpan : M.columnSpan;
-      if (w === "start" ? k === x : k + P - 1 === x) {
-        const $ = M.element.getBoundingClientRect();
-        if (w === "start") {
-          const C = e === "column" ? $.top : $.left;
+      if (x === "start" ? k === w : k + P - 1 === w) {
+        const A = M.element.getBoundingClientRect();
+        if (x === "start") {
+          const C = e === "column" ? A.top : A.left;
           v = v === void 0 ? C : Math.min(v, C);
         } else {
-          const C = e === "column" ? $.bottom : $.right;
+          const C = e === "column" ? A.bottom : A.right;
           v = v === void 0 ? C : Math.max(v, C);
         }
       }
     }
     return v;
-  }, S = /* @__PURE__ */ new Set();
-  for (const x of u) {
-    const w = c.get(x);
-    if (!w || w.index < 1 || w.index >= l || (S.add(w.index), !a && (x.disabled || x.element.hasAttribute("aria-disabled"))) || !m(w.index))
+  }, y = /* @__PURE__ */ new Set();
+  for (const w of l) {
+    const x = a.get(w);
+    if (!x || x.index < 1 || x.index >= c || (y.add(x.index), !s && (w.disabled || w.element.hasAttribute("aria-disabled"))) || !f(x.index))
       continue;
-    let v = x.element.getBoundingClientRect();
-    const { crossSpan: M, crossStart: k } = w, P = M === void 0 ? n : k + M;
-    let $ = e === "column" ? v.top : v.left, C = e === "column" ? v.bottom : v.right;
+    let v = w.element.getBoundingClientRect();
+    const { crossSpan: M, crossStart: k } = x, P = M === void 0 ? n : k + M;
+    let A = e === "column" ? v.top : v.left, C = e === "column" ? v.bottom : v.right;
     if (k > 0) {
-      const I = g(k - 1, "end");
-      I !== void 0 && I < $ && ($ = I);
+      const I = S(k - 1, "end");
+      I !== void 0 && I < A && (A = I);
     }
     if (P < n) {
-      const I = g(P, "start");
+      const I = S(P, "start");
       I !== void 0 && I > C && (C = I);
     }
-    v = e === "column" ? new DOMRect(v.x, $, v.width, C - $) : new DOMRect($, v.y, C - $, v.height), v = ut({ expandHitTargets: o, axis: r, rect: v }), a ? f.push(y(w.index, v, x)) : Ct({
+    v = e === "column" ? new DOMRect(v.x, A, v.width, C - A) : new DOMRect(A, v.y, C - A, v.height), v = ut({ expandHitTargets: o, axis: r, rect: v }), s ? m.push(h(x.index, v, w)) : Rt({
       axis: e,
       cells: t,
-      index: w.index,
+      index: x.index,
       rect: v
     }).forEach((I) => {
-      f.push(y(w.index, I, x));
+      m.push(h(x.index, I, w));
     });
   }
-  const z = (x, w) => {
-    Ct({
+  const z = (w, x) => {
+    Rt({
       axis: e,
       cells: t,
-      index: x,
-      rect: ut({ expandHitTargets: o, axis: r, rect: w })
+      index: w,
+      rect: ut({ expandHitTargets: o, axis: r, rect: x })
     }).forEach((v) => {
-      f.push(y(x, v));
+      m.push(h(w, v));
     });
   }, b = Array.from(
     { length: n },
-    () => new Array(l)
+    () => new Array(c)
   );
-  for (const x of t) {
-    const [w, v, M, k] = e === "column" ? [x.column, x.columnSpan, x.row, x.rowSpan] : [x.row, x.rowSpan, x.column, x.columnSpan];
+  for (const w of t) {
+    const [x, v, M, k] = e === "column" ? [w.column, w.columnSpan, w.row, w.rowSpan] : [w.row, w.rowSpan, w.column, w.columnSpan];
     for (let P = Math.max(0, M); P < Math.min(n, M + k); P++)
-      for (let $ = Math.max(0, w); $ < Math.min(l, w + v); $++)
-        b[P][$] ??= x;
+      for (let A = Math.max(0, x); A < Math.min(c, x + v); A++)
+        b[P][A] ??= w;
   }
-  const R = /* @__PURE__ */ new Map(), O = (x) => {
-    let w = R.get(x);
-    if (!w) {
-      const v = x.element.getBoundingClientRect();
-      w = e === "column" ? {
+  const E = /* @__PURE__ */ new Map(), F = (w) => {
+    let x = E.get(w);
+    if (!x) {
+      const v = w.element.getBoundingClientRect();
+      x = e === "column" ? {
         crossEnd: v.bottom,
         crossStart: v.top,
         end: v.right,
@@ -278,48 +278,48 @@ function On({
         crossStart: v.left,
         end: v.bottom,
         start: v.top
-      }, R.set(x, w);
+      }, E.set(w, x);
     }
-    return w;
-  }, A = ({ crossEnd: x, crossStart: w, end: v, start: M }) => e === "column" ? new DOMRect(M, w, v - M, x - w) : new DOMRect(w, M, x - w, v - M);
-  for (let x = 1; x < l; x++) {
-    if (S.has(x) || !m(x))
+    return x;
+  }, N = ({ crossEnd: w, crossStart: x, end: v, start: M }) => e === "column" ? new DOMRect(M, x, v - M, w - x) : new DOMRect(x, M, w - x, v - M);
+  for (let w = 1; w < c; w++) {
+    if (y.has(w) || !f(w))
       continue;
-    let w;
+    let x;
     for (let v = 0; v < n; v++) {
-      const M = b[v][x - 1], k = b[v][x];
+      const M = b[v][w - 1], k = b[v][w];
       let P;
       if ((M || k) && M !== k) {
-        const $ = M ? O(M) : void 0, C = k ? O(k) : void 0, I = $?.end ?? C.start, E = C?.start ?? $.end, q = Math.max(
-          $?.crossStart ?? -1 / 0,
+        const A = M ? F(M) : void 0, C = k ? F(k) : void 0, I = A?.end ?? C.start, R = C?.start ?? A.end, q = Math.max(
+          A?.crossStart ?? -1 / 0,
           C?.crossStart ?? -1 / 0
-        ), Z = Math.min(
-          $?.crossEnd ?? 1 / 0,
+        ), K = Math.min(
+          A?.crossEnd ?? 1 / 0,
           C?.crossEnd ?? 1 / 0
         );
         P = {
-          crossEnd: Math.max(q, Z),
+          crossEnd: Math.max(q, K),
           crossStart: q,
-          end: Math.max(I, E),
-          start: Math.min(I, E)
+          end: Math.max(I, R),
+          start: Math.min(I, R)
         };
       }
-      P ? w = w ? {
-        crossEnd: Math.max(w.crossEnd, P.crossEnd),
-        crossStart: Math.min(w.crossStart, P.crossStart),
-        end: Math.max(w.end, P.end),
-        start: Math.min(w.start, P.start)
-      } : P : w && (z(x, A(w)), w = void 0);
-    }
-    w && z(x, A(w));
+      P ? x = x ? {
+        crossEnd: Math.max(x.crossEnd, P.crossEnd),
+        crossStart: Math.min(x.crossStart, P.crossStart),
+        end: Math.max(x.end, P.end),
+        start: Math.min(x.start, P.start)
+      } : P : x && (z(w, N(x)), x = void 0);
+    }
+    x && z(w, N(x));
   }
-  return f;
+  return m;
 }
 function le(e) {
   const t = parseFloat(e ?? "");
   return Number.isFinite(t) ? t : 0;
 }
-function Nn({
+function Gn({
   axis: e,
   element: t,
   gutterSizes: n,
@@ -327,31 +327,31 @@ function Nn({
   layout: r,
   trackIds: i
 }) {
-  const a = i.length, c = o ? a * 2 - 1 : a, s = t.ownerDocument.defaultView?.getComputedStyle(t), u = e === "column" ? s?.gridTemplateColumns : s?.gridTemplateRows;
-  if (u) {
-    const f = u.trim().split(/\s+/);
-    if (f.length === c && f.every((y) => /^-?[\d.]+px$/.test(y))) {
-      const y = i.map(
-        (g, S) => le(f[o ? S * 2 : S])
+  const s = i.length, a = o ? s * 2 - 1 : s, u = t.ownerDocument.defaultView?.getComputedStyle(t), l = e === "column" ? u?.gridTemplateColumns : u?.gridTemplateRows;
+  if (l) {
+    const m = l.trim().split(/\s+/);
+    if (m.length === a && m.every((h) => /^-?[\d.]+px$/.test(h))) {
+      const h = i.map(
+        (S, y) => le(m[o ? y * 2 : y])
       );
       return {
-        availableSize: y.reduce((g, S) => g + S, 0),
-        trackSizes: y
+        availableSize: h.reduce((S, y) => S + y, 0),
+        trackSizes: h
       };
     }
   }
-  const l = e === "column" ? t.offsetWidth : t.offsetHeight, d = e === "column" ? le(s?.paddingLeft) + le(s?.paddingRight) + le(s?.borderLeftWidth) + le(s?.borderRightWidth) : le(s?.paddingTop) + le(s?.paddingBottom) + le(s?.borderTopWidth) + le(s?.borderBottomWidth), h = le(e === "column" ? s?.columnGap : s?.rowGap), p = n.reduce((f, y) => f + y, 0), m = Math.max(
+  const c = e === "column" ? t.offsetWidth : t.offsetHeight, d = e === "column" ? le(u?.paddingLeft) + le(u?.paddingRight) + le(u?.borderLeftWidth) + le(u?.borderRightWidth) : le(u?.paddingTop) + le(u?.paddingBottom) + le(u?.borderTopWidth) + le(u?.borderBottomWidth), p = le(e === "column" ? u?.columnGap : u?.rowGap), g = n.reduce((m, h) => m + h, 0), f = Math.max(
     0,
-    l - d - h * Math.max(0, c - 1) - p
+    c - d - p * Math.max(0, a - 1) - g
   );
   return {
-    availableSize: m,
+    availableSize: f,
     trackSizes: i.map(
-      (f) => r && r[f] !== void 0 ? r[f] / 100 * m : m / a
+      (m) => r && r[m] !== void 0 ? r[m] / 100 * f : f / s
     )
   };
 }
-function cn(e) {
+function an(e) {
   switch (typeof e) {
     case "number":
       return [e, "px"];
@@ -361,7 +361,7 @@ function cn(e) {
     }
   }
 }
-class ln {
+class cn {
   #e = {};
   addListener(t, n) {
     const o = this.#e[t];
@@ -378,12 +378,12 @@ class ln {
       }
       let r;
       const i = Array.from(o);
-      for (let a = 0; a < i.length; a++) {
-        const c = i[a];
+      for (let s = 0; s < i.length; s++) {
+        const a = i[s];
         try {
-          c.call(null, n);
-        } catch (s) {
-          r ??= { error: s };
+          a.call(null, n);
+        } catch (u) {
+          r ??= { error: u };
         }
       }
       if (r)
@@ -405,16 +405,16 @@ let H = {
   cursorFlags: 0,
   state: "inactive"
 };
-const ht = new ln();
+const pt = new cn();
 function ie() {
   return H;
 }
-function gt(e) {
-  return ht.addListener("change", e);
+function ht(e) {
+  return pt.addListener("change", e);
 }
-function Gn(e, t = [], n, o = !1) {
+function Fn(e, t = [], n, o = !1) {
   const r = H, i = { ...H };
-  i.cursorFlags = e, i.state === "active" && (i.didPointerMove ||= o, i.previews = t, n && (i.previewLayoutMap = n)), H = i, ht.emit("change", {
+  i.cursorFlags = e, i.state === "active" && (i.didPointerMove ||= o, i.previews = t, n && (i.previewLayoutMap = n)), H = i, pt.emit("change", {
     prev: r,
     next: i
   });
@@ -423,12 +423,12 @@ function fe(e) {
   const t = H;
   H = e, t.state === "active" && e.state !== "active" && t.didPointerMove && t.hitRegions.forEach(({ separator: n }) => {
     n && n.element.ownerDocument.activeElement === n.element && n.element.blur();
-  }), ht.emit("change", {
+  }), pt.emit("change", {
     prev: t,
     next: e
   });
 }
-function Fn(e) {
+function _n(e) {
   H.state !== "active" || !H.previews.some((t) => t.separator === e) || fe({
     ...H,
     previews: H.previews.map(
@@ -436,7 +436,7 @@ function Fn(e) {
     )
   });
 }
-function _n(e) {
+function Bn(e) {
   if (H.state === "inactive")
     return;
   const t = H.hitRegions.filter((o) => o.axis !== e), n = H.state === "active" && H.previews.some((o) => o.axis === e);
@@ -456,13 +456,13 @@ function _n(e) {
     } else
       fe({ ...H, hitRegions: t });
 }
-const Bn = (e) => e, ct = () => {
-}, un = 1, dn = 2, fn = 4, mn = 8, Rt = 3, Et = 12;
+const qn = (e) => e, ct = () => {
+}, ln = 1, un = 2, dn = 4, fn = 8, Et = 3, Mt = 12;
 let Ke;
-function Mt() {
+function Pt() {
   return Ke === void 0 && (Ke = !1, typeof window < "u" && (window.navigator.userAgent.includes("Chrome") || window.navigator.userAgent.includes("Firefox")) && (Ke = !0)), Ke;
 }
-function qn({
+function Hn({
   cursorFlags: e,
   axes: t,
   state: n
@@ -488,28 +488,28 @@ function qn({
   if (!(o === 0 && r === 0)) {
     switch (n) {
       case "active": {
-        if (e && Mt()) {
-          const i = (e & un) !== 0, a = (e & dn) !== 0, c = (e & fn) !== 0, s = (e & mn) !== 0;
+        if (e && Pt()) {
+          const i = (e & ln) !== 0, s = (e & un) !== 0, a = (e & dn) !== 0, u = (e & fn) !== 0;
           if (i)
-            return c ? "se-resize" : s ? "ne-resize" : "e-resize";
+            return a ? "se-resize" : u ? "ne-resize" : "e-resize";
+          if (s)
+            return a ? "sw-resize" : u ? "nw-resize" : "w-resize";
           if (a)
-            return c ? "sw-resize" : s ? "nw-resize" : "w-resize";
-          if (c)
             return "s-resize";
-          if (s)
+          if (u)
             return "n-resize";
         }
         break;
       }
     }
-    return Mt() ? o > 0 && r > 0 ? "move" : o > 0 ? "ew-resize" : "ns-resize" : o > 0 && r > 0 ? "grab" : o > 0 ? "col-resize" : "row-resize";
+    return Pt() ? o > 0 && r > 0 ? "move" : o > 0 ? "ew-resize" : "ns-resize" : o > 0 && r > 0 ? "grab" : o > 0 ? "col-resize" : "row-resize";
   }
 }
-const Pt = /* @__PURE__ */ new WeakMap();
-function Tt(e) {
+const Tt = /* @__PURE__ */ new WeakMap();
+function $t(e) {
   if (!e.defaultView || !e.adoptedStyleSheets)
     return;
-  let { prevStyle: t, styleSheet: n } = Pt.get(e) ?? {};
+  let { prevStyle: t, styleSheet: n } = Tt.get(e) ?? {};
   n === void 0 && (n = new e.defaultView.CSSStyleSheet(), e.adoptedStyleSheets && (Object.isExtensible(e.adoptedStyleSheets) ? e.adoptedStyleSheets.push(n) : e.adoptedStyleSheets = [
     ...e.adoptedStyleSheets,
     n
@@ -518,9 +518,9 @@ function Tt(e) {
   switch (o.state !== "inactive" && o.ownerDocument !== e && (o = { cursorFlags: 0, state: "inactive" }), o.state) {
     case "active":
     case "hover": {
-      const r = qn({
+      const r = Hn({
         cursorFlags: o.cursorFlags,
-        axes: o.hitRegions.map((a) => a.axis),
+        axes: o.hitRegions.map((s) => s.axis),
         state: o.state
       }), i = `*, *:hover {cursor: ${r} !important; }`;
       if (t === i)
@@ -533,49 +533,49 @@ function Tt(e) {
       break;
     }
   }
-  Pt.set(e, {
+  Tt.set(e, {
     prevStyle: t,
     styleSheet: n
   });
 }
-function Dt(e) {
+function kt(e) {
   return e.state === "inactive" ? void 0 : e.ownerDocument;
 }
-function Hn({
+function Vn({
   next: e,
   prev: t
 }) {
-  const n = Dt(t), o = Dt(e);
-  n && n !== o && Tt(n), o && Tt(o);
+  const n = kt(t), o = kt(e);
+  n && n !== o && $t(n), o && $t(o);
 }
-function Pe({
+function je({
   axis: e
 }) {
   const { layoutStrategy: t, orientation: n, items: o } = e;
   return t ? t.calculateAvailableSize() : o.reduce((r, i) => (r += n === "horizontal" ? i.element.offsetWidth : i.element.offsetHeight, r), 0);
 }
-function yt(e, t) {
+function gt(e, t) {
   const n = e.compareDocumentPosition(t);
   return n & Node.DOCUMENT_POSITION_DISCONNECTED ? 0 : n & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : n & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;
 }
-function Ge(e, t) {
+function Ne(e, t) {
   return Array.from(t).sort((n, o) => {
-    const r = e === "horizontal" ? Vn(n, o) : jn(n, o);
-    return r !== 0 ? r : yt(n.element, o.element);
+    const r = e === "horizontal" ? jn(n, o) : Un(n, o);
+    return r !== 0 ? r : gt(n.element, o.element);
   });
 }
-function Vn(e, t) {
+function jn(e, t) {
   const n = e.element.offsetLeft - t.element.offsetLeft;
   return n !== 0 ? n : e.element.offsetWidth - t.element.offsetWidth;
 }
-function jn(e, t) {
+function Un(e, t) {
   const n = e.element.offsetTop - t.element.offsetTop;
   return n !== 0 ? n : e.element.offsetHeight - t.element.offsetHeight;
 }
 function dt(e) {
   return e !== null && typeof e == "object" && "nodeType" in e && e.nodeType === Node.ELEMENT_NODE;
 }
-function pn(e, t) {
+function mn(e, t) {
   return {
     x: e.x >= t.left && e.x <= t.right ? 0 : Math.min(
       Math.abs(e.x - t.left),
@@ -587,7 +587,7 @@ function pn(e, t) {
     )
   };
 }
-function Un({
+function Wn({
   orientation: e,
   rects: t,
   targetRect: n
@@ -597,13 +597,13 @@ function Un({
     y: n.y + n.height / 2
   };
   let r, i = Number.MAX_VALUE;
-  for (const a of t) {
-    const { x: c, y: s } = pn(o, a), u = e === "horizontal" ? c : s;
-    u < i && (i = u, r = a);
+  for (const s of t) {
+    const { x: a, y: u } = mn(o, s), l = e === "horizontal" ? a : u;
+    l < i && (i = l, r = s);
   }
-  return N(r, "No rect found"), r;
+  return D(r, "No rect found"), r;
 }
-function St({
+function yt({
   expandHitTargets: e = !0,
   axis: t,
   includeDisabled: n = !1
@@ -614,30 +614,30 @@ function St({
       axis: t,
       includeDisabled: n
     });
-  const { element: o, orientation: r, items: i, separators: a } = t, c = Ge(
+  const { element: o, orientation: r, items: i, separators: s } = t, a = Ne(
     r,
-    Array.from(o.children).filter(dt).filter((g) => !g.hasAttribute("data-resize-preview")).map((g) => ({ element: g }))
-  ).map(({ element: g }) => g), s = [];
-  let u = !1, l = !1, d = -1, h, p = -1, m = 0, f, y = [];
+    Array.from(o.children).filter(dt).filter((S) => !S.hasAttribute("data-resize-preview")).map((S) => ({ element: S }))
+  ).map(({ element: S }) => S), u = [];
+  let l = !1, c = !1, d = -1, p, g = -1, f = 0, m, h = [];
   {
-    let g = -1;
-    for (const S of c)
-      S.hasAttribute("data-panel") && (g++, S.hasAttribute("data-disabled") || (m++, d === -1 && (d = g), p = g));
+    let S = -1;
+    for (const y of a)
+      y.hasAttribute("data-panel") && (S++, y.hasAttribute("data-disabled") || (f++, d === -1 && (d = S), g = S));
   }
-  if (n || m > 1) {
-    let g = -1;
-    for (const S of c)
-      if (S.hasAttribute("data-panel")) {
-        g++;
+  if (n || f > 1) {
+    let S = -1;
+    for (const y of a)
+      if (y.hasAttribute("data-panel")) {
+        S++;
         const z = i.find(
-          (b) => b.element === S
+          (b) => b.element === y
         );
         if (z) {
-          if (f) {
-            const b = f.element.getBoundingClientRect(), R = S.getBoundingClientRect();
-            let O;
-            if (l) {
-              const A = r === "horizontal" ? new DOMRect(
+          if (m) {
+            const b = m.element.getBoundingClientRect(), E = y.getBoundingClientRect();
+            let F;
+            if (c) {
+              const N = r === "horizontal" ? new DOMRect(
                 b.right,
                 b.top,
                 0,
@@ -647,86 +647,86 @@ function St({
                 b.bottom,
                 b.width,
                 0
-              ), x = r === "horizontal" ? new DOMRect(R.left, R.top, 0, R.height) : new DOMRect(R.left, R.top, R.width, 0);
-              switch (y.length) {
+              ), w = r === "horizontal" ? new DOMRect(E.left, E.top, 0, E.height) : new DOMRect(E.left, E.top, E.width, 0);
+              switch (h.length) {
                 case 0: {
-                  O = [
-                    A,
-                    x
+                  F = [
+                    N,
+                    w
                   ];
                   break;
                 }
                 case 1: {
-                  const w = y[0], v = Un({
+                  const x = h[0], v = Wn({
                     orientation: r,
-                    rects: [b, R],
-                    targetRect: w.element.getBoundingClientRect()
+                    rects: [b, E],
+                    targetRect: x.element.getBoundingClientRect()
                   });
-                  O = [
-                    w,
-                    v === b ? x : A
+                  F = [
+                    x,
+                    v === b ? w : N
                   ];
                   break;
                 }
                 default: {
-                  O = y;
+                  F = h;
                   break;
                 }
               }
             } else
-              y.length ? O = y : O = [
+              h.length ? F = h : F = [
                 r === "horizontal" ? new DOMRect(
                   b.right,
-                  R.top,
-                  R.left - b.right,
-                  R.height
+                  E.top,
+                  E.left - b.right,
+                  E.height
                 ) : new DOMRect(
-                  R.left,
+                  E.left,
                   b.bottom,
-                  R.width,
-                  R.top - b.bottom
+                  E.width,
+                  E.top - b.bottom
                 )
               ];
-            for (const A of O) {
-              const x = ut({
+            for (const N of F) {
+              const w = ut({
                 expandHitTargets: e,
                 axis: t,
-                rect: "width" in A ? A : A.element.getBoundingClientRect()
-              }), w = g <= d || g > p;
-              (n || !u && !w) && (h ??= Pe({ axis: t }), s.push({
+                rect: "width" in N ? N : N.element.getBoundingClientRect()
+              }), x = S <= d || S > g;
+              (n || !l && !x) && (p ??= je({ axis: t }), u.push({
                 axis: t,
-                axisSize: h,
-                items: [f, z],
-                separator: "width" in A ? void 0 : A,
-                rect: x
-              })), u = !1;
+                axisSize: p,
+                items: [m, z],
+                separator: "width" in N ? void 0 : N,
+                rect: w
+              })), l = !1;
             }
           }
-          l = !1, f = z, y = [];
+          c = !1, m = z, h = [];
         }
-      } else if (S.hasAttribute("data-separator")) {
-        S.ariaDisabled !== null && (u = !0);
-        const z = a.find(
-          (b) => b.element === S
+      } else if (y.hasAttribute("data-separator")) {
+        y.ariaDisabled !== null && (l = !0);
+        const z = s.find(
+          (b) => b.element === y
         );
-        z ? y.push(z) : (f = void 0, y = []);
+        z ? h.push(z) : (m = void 0, h = []);
       } else
-        l = !0;
+        c = !0;
   }
-  return s;
+  return u;
 }
-function Wn(e, t) {
+function Yn(e, t) {
   const n = getComputedStyle(e), o = parseFloat(n.fontSize);
   return t * o;
 }
-function Yn(e, t) {
+function Xn(e, t) {
   const n = getComputedStyle(e.ownerDocument.documentElement), o = parseFloat(n.fontSize);
   return t * o;
 }
-function Xn(e) {
+function Kn(e) {
   return e / 100 * window.innerHeight;
 }
-function Kn(e) {
+function Jn(e) {
   return e / 100 * window.innerWidth;
 }
 function Le({
@@ -735,7 +735,7 @@ function Le({
   styleProp: n
 }) {
   let o;
-  const [r, i] = cn(n);
+  const [r, i] = an(n);
   switch (i) {
     case "%": {
       o = r / 100 * e;
@@ -746,30 +746,30 @@ function Le({
       break;
     }
     case "rem": {
-      o = Yn(t, r);
+      o = Xn(t, r);
       break;
     }
     case "em": {
-      o = Wn(t, r);
+      o = Yn(t, r);
       break;
     }
     case "vh": {
-      o = Xn(r);
+      o = Kn(r);
       break;
     }
     case "vw": {
-      o = Kn(r);
+      o = Jn(r);
       break;
     }
   }
   return o;
 }
-function J(e) {
+function Z(e) {
   return parseFloat(e.toFixed(3));
 }
-function ft(e) {
-  const { items: t } = e, n = Pe({ axis: e });
-  return n === 0 ? t.map((o) => ({
+function St(e, t = je({ axis: e })) {
+  const { items: n } = e;
+  return t === 0 ? n.map((o) => ({
     groupResizeBehavior: o.constraintProps.groupResizeBehavior,
     collapsedSize: 0,
     collapsible: o.constraintProps.collapsible === !0,
@@ -778,73 +778,73 @@ function ft(e) {
     minSize: 0,
     maxSize: 100,
     itemId: o.id
-  })) : t.map((o) => {
+  })) : n.map((o) => {
     const { element: r, constraintProps: i } = o;
-    let a = 0;
+    let s = 0;
     if (i.collapsedSize !== void 0) {
       const d = Le({
-        axisSize: n,
+        axisSize: t,
         itemElement: r,
         styleProp: i.collapsedSize
       });
-      a = J(d / n * 100);
+      s = Z(d / t * 100);
     }
-    let c;
+    let a;
     if (i.collapsedThreshold !== void 0) {
       const d = Le({
-        axisSize: n,
+        axisSize: t,
         itemElement: r,
         styleProp: i.collapsedThreshold
       });
-      c = J(d / n * 100);
+      a = Z(d / t * 100);
     }
-    let s;
+    let u;
     if (i.defaultSize !== void 0) {
       const d = Le({
-        axisSize: n,
+        axisSize: t,
         itemElement: r,
         styleProp: i.defaultSize
       });
-      s = J(d / n * 100);
+      u = Z(d / t * 100);
     }
-    let u = 0;
+    let l = 0;
     if (i.minSize !== void 0) {
       const d = Le({
-        axisSize: n,
+        axisSize: t,
         itemElement: r,
         styleProp: i.minSize
       });
-      u = J(d / n * 100);
+      l = Z(d / t * 100);
     }
-    let l = 100;
+    let c = 100;
     if (i.maxSize !== void 0) {
       const d = Le({
-        axisSize: n,
+        axisSize: t,
         itemElement: r,
         styleProp: i.maxSize
       });
-      l = J(d / n * 100);
+      c = Z(d / t * 100);
     }
     return {
       groupResizeBehavior: i.groupResizeBehavior,
-      collapsedSize: a,
-      collapsedThreshold: c,
+      collapsedSize: s,
+      collapsedThreshold: a,
       collapsible: i.collapsible === !0,
-      defaultSize: s,
+      defaultSize: u,
       disabled: i.disabled,
-      minSize: u,
-      maxSize: l,
+      minSize: l,
+      maxSize: c,
       itemId: o.id
     };
   });
 }
 let de = /* @__PURE__ */ new Map();
-const vt = new ln();
-let Fe = 0;
+const vt = new cn();
+let Ge = 0;
 const Je = [];
 let Ze;
 function nt() {
-  Fe++;
+  Ge++;
 }
 function bt() {
   for (let e = 0; e < Je.length; e++)
@@ -856,12 +856,12 @@ function bt() {
   Je.length = 0;
 }
 function ot() {
-  if (Fe === 1 && bt(), Fe--, Fe === 0 && Ze) {
+  if (Ge === 1 && bt(), Ge--, Ge === 0 && Ze) {
     const { error: e } = Ze;
     throw Ze = void 0, e;
   }
 }
-function Jn(e) {
+function Zn(e) {
   de = new Map(de), de.delete(e);
 }
 function Re(e, t) {
@@ -879,7 +879,7 @@ function ce(e, t) {
 function ye() {
   return de;
 }
-function Be(e, t) {
+function _e(e, t) {
   return vt.addListener("axisChange", (n) => {
     n.axis.id === e && t(n);
   });
@@ -893,16 +893,16 @@ function me(e, t, n) {
     prev: o,
     next: t
   };
-  Fe > 0 ? Je.push(r) : vt.emit("axisChange", r);
+  Ge > 0 ? Je.push(r) : vt.emit("axisChange", r);
 }
-function hn(e, { pointerId: t, pointerType: n }) {
+function pn(e, { pointerId: t, pointerType: n }) {
   return t === e.pointerId || // There is only one pen, but it may be assigned a new pointerId each time it comes into range
   n === "pen" && e.pointerType === "pen";
 }
 function rt(e, t, n = {}) {
-  return e.ownerDocument === t && (n.pointerId === void 0 || hn(e, n));
+  return e.ownerDocument === t && (n.pointerId === void 0 || pn(e, n));
 }
-function Zn(e, t) {
+function Qn(e, t) {
   if (e.length !== t.length)
     return !1;
   for (let n = 0; n < e.length; n++)
@@ -911,7 +911,7 @@ function Zn(e, t) {
   return !0;
 }
 function W(e, t, n = 0) {
-  return Math.abs(J(e) - J(t)) <= n;
+  return Math.abs(Z(e) - Z(t)) <= n;
 }
 function ue(e, t) {
   return W(e, t) ? 0 : e > t ? 1 : -1;
@@ -925,22 +925,22 @@ function Ee({
   const {
     collapsedSize: r = 0,
     collapsedThreshold: i,
-    collapsible: a,
-    disabled: c,
-    maxSize: s = 100,
-    minSize: u = 0
+    collapsible: s,
+    disabled: a,
+    maxSize: u = 100,
+    minSize: l = 0
   } = t;
-  if (c && !e)
+  if (a && !e)
     return n;
-  if (ue(o, u) < 0)
-    if (a) {
-      const l = i ?? (u - r) / 2, d = ue(n, r) <= 0, h = d ? r + l : u - l, p = ue(o, h);
-      ue(o, r) <= 0 || p < 0 || i !== void 0 && d && p === 0 ? o = r : o = u;
+  if (ue(o, l) < 0)
+    if (s) {
+      const c = i ?? (l - r) / 2, d = ue(n, r) <= 0, p = d ? r + c : l - c, g = ue(o, p);
+      ue(o, r) <= 0 || g < 0 || i !== void 0 && d && g === 0 ? o = r : o = l;
     } else
-      o = u;
-  return o = Math.min(s, o), o = J(o), o;
+      o = l;
+  return o = Math.min(u, o), o = Z(o), o;
 }
-function qe({
+function Be({
   delta: e,
   initialLayout: t,
   itemConstraints: n,
@@ -950,55 +950,55 @@ function qe({
 }) {
   if (W(e, 0))
     return t;
-  const a = i === "imperative-api", c = n.map(
-    ({ itemId: m }) => t[m]
-  ), s = n.map(
-    ({ itemId: m }) => r[m]
-  ), u = [...c], [l, d] = o;
-  N(l != null, "Invalid first pivot index"), N(d != null, "Invalid second pivot index");
-  let h = 0;
+  const s = i === "imperative-api", a = n.map(
+    ({ itemId: f }) => t[f]
+  ), u = n.map(
+    ({ itemId: f }) => r[f]
+  ), l = [...a], [c, d] = o;
+  D(c != null, "Invalid first pivot index"), D(d != null, "Invalid second pivot index");
+  let p = 0;
   switch (i) {
     case "keyboard": {
       {
-        const m = e < 0 ? d : l, f = n[m];
-        N(
-          f,
-          `Panel constraints not found for index ${m}`
+        const f = e < 0 ? d : c, m = n[f];
+        D(
+          m,
+          `Panel constraints not found for index ${f}`
         );
         const {
-          collapsedSize: y = 0,
-          collapsible: g,
-          minSize: S = 0
-        } = f;
-        if (g) {
-          const z = c[m];
-          if (N(
+          collapsedSize: h = 0,
+          collapsible: S,
+          minSize: y = 0
+        } = m;
+        if (S) {
+          const z = a[f];
+          if (D(
             z != null,
-            `Previous layout not found for panel index ${m}`
-          ), W(z, y)) {
-            const b = S - z;
+            `Previous layout not found for panel index ${f}`
+          ), W(z, h)) {
+            const b = y - z;
             ue(b, Math.abs(e)) > 0 && (e = e < 0 ? 0 - b : b);
           }
         }
       }
       {
-        const m = e < 0 ? l : d, f = n[m];
-        N(
-          f,
-          `No panel constraints found for index ${m}`
+        const f = e < 0 ? c : d, m = n[f];
+        D(
+          m,
+          `No panel constraints found for index ${f}`
         );
         const {
-          collapsedSize: y = 0,
-          collapsible: g,
-          minSize: S = 0
-        } = f;
-        if (g) {
-          const z = c[m];
-          if (N(
+          collapsedSize: h = 0,
+          collapsible: S,
+          minSize: y = 0
+        } = m;
+        if (S) {
+          const z = a[f];
+          if (D(
             z != null,
-            `Previous layout not found for panel index ${m}`
-          ), W(z, S)) {
-            const b = z - y;
+            `Previous layout not found for panel index ${f}`
+          ), W(z, y)) {
+            const b = z - h;
             ue(b, Math.abs(e)) > 0 && (e = e < 0 ? 0 - b : b);
           }
         }
@@ -1006,103 +1006,103 @@ function qe({
       break;
     }
     default: {
-      const m = e < 0 ? d : l, f = n[m];
-      N(
-        f,
-        `Panel constraints not found for index ${m}`
+      const f = e < 0 ? d : c, m = n[f];
+      D(
+        m,
+        `Panel constraints not found for index ${f}`
       );
-      const y = c[m], { collapsedSize: g, collapsedThreshold: S, collapsible: z, minSize: b } = f;
-      if (z && ue(y, b) < 0) {
-        const R = b - g, O = S ?? R / 2, A = y + Math.abs(e);
-        if (ue(A, b) < 0) {
-          const x = ue(Math.abs(e), O), w = S === void 0 && e < 0;
-          x > 0 || x === 0 && w ? e = e < 0 ? -R : R : e = 0;
+      const h = a[f], { collapsedSize: S, collapsedThreshold: y, collapsible: z, minSize: b } = m;
+      if (z && ue(h, b) < 0) {
+        const E = b - S, F = y ?? E / 2, N = h + Math.abs(e);
+        if (ue(N, b) < 0) {
+          const w = ue(Math.abs(e), F), x = y === void 0 && e < 0;
+          w > 0 || w === 0 && x ? e = e < 0 ? -E : E : e = 0;
         }
       }
       break;
     }
   }
   {
-    const m = e < 0 ? 1 : -1;
-    let f = e < 0 ? d : l, y = 0;
+    const f = e < 0 ? 1 : -1;
+    let m = e < 0 ? d : c, h = 0;
     for (; ; ) {
-      const S = c[f];
-      N(
-        S != null,
-        `Previous layout not found for panel index ${f}`
+      const y = a[m];
+      D(
+        y != null,
+        `Previous layout not found for panel index ${m}`
       );
       const b = Ee({
-        overrideDisabledItems: a,
-        itemConstraints: n[f],
-        prevSize: S,
+        overrideDisabledItems: s,
+        itemConstraints: n[m],
+        prevSize: y,
         size: 100
-      }) - S;
-      if (y += b, f += m, f < 0 || f >= n.length)
+      }) - y;
+      if (h += b, m += f, m < 0 || m >= n.length)
         break;
     }
-    const g = Math.min(Math.abs(e), Math.abs(y));
-    e = e < 0 ? 0 - g : g;
+    const S = Math.min(Math.abs(e), Math.abs(h));
+    e = e < 0 ? 0 - S : S;
   }
   {
-    let f = e < 0 ? l : d;
-    for (; f >= 0 && f < n.length; ) {
-      const y = Math.abs(e) - Math.abs(h), g = c[f];
-      N(
-        g != null,
-        `Previous layout not found for panel index ${f}`
+    let m = e < 0 ? c : d;
+    for (; m >= 0 && m < n.length; ) {
+      const h = Math.abs(e) - Math.abs(p), S = a[m];
+      D(
+        S != null,
+        `Previous layout not found for panel index ${m}`
       );
-      const S = g - y, z = Ee({
-        overrideDisabledItems: a,
-        itemConstraints: n[f],
-        prevSize: g,
-        size: S
+      const y = S - h, z = Ee({
+        overrideDisabledItems: s,
+        itemConstraints: n[m],
+        prevSize: S,
+        size: y
       });
-      if (!W(g, z) && (h += g - z, u[f] = z, h.toFixed(3).localeCompare(Math.abs(e).toFixed(3), void 0, {
+      if (!W(S, z) && (p += S - z, l[m] = z, p.toFixed(3).localeCompare(Math.abs(e).toFixed(3), void 0, {
         numeric: !0
       }) >= 0))
         break;
-      e < 0 ? f-- : f++;
+      e < 0 ? m-- : m++;
     }
   }
-  if (Zn(s, u))
+  if (Qn(u, l))
     return r;
   {
-    const m = e < 0 ? d : l, f = c[m];
-    N(
-      f != null,
-      `Previous layout not found for panel index ${m}`
+    const f = e < 0 ? d : c, m = a[f];
+    D(
+      m != null,
+      `Previous layout not found for panel index ${f}`
     );
-    const y = f + h, g = Ee({
-      overrideDisabledItems: a,
-      itemConstraints: n[m],
-      prevSize: f,
-      size: y
+    const h = m + p, S = Ee({
+      overrideDisabledItems: s,
+      itemConstraints: n[f],
+      prevSize: m,
+      size: h
     });
-    if (u[m] = g, !W(g, y)) {
-      let S = y - g, b = e < 0 ? d : l;
+    if (l[f] = S, !W(S, h)) {
+      let y = h - S, b = e < 0 ? d : c;
       for (; b >= 0 && b < n.length; ) {
-        const R = u[b];
-        N(
-          R != null,
+        const E = l[b];
+        D(
+          E != null,
           `Previous layout not found for panel index ${b}`
         );
-        const O = R + S, A = Ee({
-          overrideDisabledItems: a,
+        const F = E + y, N = Ee({
+          overrideDisabledItems: s,
           itemConstraints: n[b],
-          prevSize: R,
-          size: O
+          prevSize: E,
+          size: F
         });
-        if (W(R, A) || (S -= A - R, u[b] = A), W(S, 0))
+        if (W(E, N) || (y -= N - E, l[b] = N), W(y, 0))
           break;
         e > 0 ? b-- : b++;
       }
     }
   }
-  const p = Object.values(u).reduce(
-    (m, f) => f + m,
+  const g = Object.values(l).reduce(
+    (f, m) => m + f,
     0
   );
-  return W(p, 100, 0.1) ? u.reduce((m, f, y) => (m[n[y].itemId] = f, m), {}) : r;
+  return W(g, 100, 0.1) ? l.reduce((f, m, h) => (f[n[h].itemId] = m, f), {}) : r;
 }
 function se(e, t) {
   if (Object.keys(e).length !== Object.keys(t).length)
@@ -1112,101 +1112,101 @@ function se(e, t) {
       return !1;
   return !0;
 }
-function xt(e) {
+function wt(e) {
   nt();
   try {
-    Qn(e);
+    eo(e);
   } finally {
     ot();
   }
 }
-function Qn({
+function eo({
   commit: e,
   event: t,
   hitRegions: n,
   initialLayoutMap: o,
   mountedAxes: r,
   pointerDownAtPoint: i,
-  prevCursorFlags: a
+  prevCursorFlags: s
 }) {
-  let c = 0;
-  const s = ie();
-  let u = s.state === "active" ? s.previews : [];
-  const l = new Map(
-    s.state === "active" ? s.previewLayoutMap : void 0
+  let a = 0;
+  const u = ie();
+  let l = u.state === "active" ? u.previews : [];
+  const c = new Map(
+    u.state === "active" ? u.previewLayoutMap : void 0
   );
-  n.forEach((p) => {
-    const { axis: m, axisSize: f } = p, { orientation: y, items: g } = m;
-    if (e && m.resizePreviewMode !== "separator")
+  n.forEach((g) => {
+    const { axis: f, axisSize: m } = g, { orientation: h, items: S } = f;
+    if (e && f.resizePreviewMode !== "separator")
       return;
-    const { disableCursor: S } = m.mutableState;
+    const { disableCursor: y } = f.mutableState;
     let z = 0;
-    i ? y === "horizontal" ? z = (t.clientX - i.x) / f * 100 : z = (t.clientY - i.y) / f * 100 : y === "horizontal" ? z = t.clientX < 0 ? -100 : 100 : z = t.clientY < 0 ? -100 : 100;
-    const b = o.get(m), R = r.get(m);
-    if (!b || !R)
+    i ? h === "horizontal" ? z = (t.clientX - i.x) / m * 100 : z = (t.clientY - i.y) / m * 100 : h === "horizontal" ? z = t.clientX < 0 ? -100 : 100 : z = t.clientY < 0 ? -100 : 100;
+    const b = o.get(f), E = r.get(f);
+    if (!b || !E)
       return;
     const {
-      defaultLayoutDeferred: O,
-      derivedItemConstraints: A,
-      axisSize: x,
-      layout: w,
+      defaultLayoutDeferred: F,
+      derivedItemConstraints: N,
+      axisSize: w,
+      layout: x,
       separatorToItems: v
-    } = R;
-    if (A && w && v) {
-      const M = m.resizePreviewMode === "separator" ? l.get(m) ?? w : w, k = qe({
+    } = E;
+    if (N && x && v) {
+      const M = f.resizePreviewMode === "separator" ? c.get(f) ?? x : x, k = Be({
         delta: z,
         initialLayout: b,
-        itemConstraints: A,
-        pivotIndices: p.items.map((P) => g.indexOf(P)),
+        itemConstraints: N,
+        pivotIndices: g.items.map((P) => S.indexOf(P)),
         prevLayout: M,
         trigger: "mouse-or-touch"
       });
-      if (m.resizePreviewMode === "separator" && !e && !se(k, M)) {
-        l.set(m, k);
+      if (f.resizePreviewMode === "separator" && !e && !se(k, M)) {
+        c.set(f, k);
         let P = 0;
-        const $ = g.map((C) => (P += k[C.id] - b[C.id], P * (f / 100)));
-        u = u.map((C) => {
-          if (C.axis !== m)
+        const A = S.map((C) => (P += k[C.id] - b[C.id], P * (m / 100)));
+        l = l.map((C) => {
+          if (C.axis !== f)
             return C;
-          const I = $[C.itemIndex];
+          const I = A[C.itemIndex];
           return I === C.offset ? C : { ...C, offset: I };
         });
       }
-      if (se(k, M) && z !== 0 && !S)
-        switch (y) {
+      if (se(k, M) && z !== 0 && !y)
+        switch (h) {
           case "horizontal": {
-            c |= z < 0 ? un : dn;
+            a |= z < 0 ? ln : un;
             break;
           }
           case "vertical": {
-            c |= z < 0 ? fn : mn;
+            a |= z < 0 ? dn : fn;
             break;
           }
         }
-      (m.resizePreviewMode !== "separator" || e) && !se(k, w) && me(p.axis, {
-        defaultLayoutDeferred: O,
-        derivedItemConstraints: A,
-        axisSize: x,
+      (f.resizePreviewMode !== "separator" || e) && !se(k, x) && me(g.axis, {
+        defaultLayoutDeferred: F,
+        derivedItemConstraints: N,
+        axisSize: w,
         layout: k,
-        requestedAxisSize: x,
+        requestedAxisSize: w,
         requestedLayout: k,
         separatorToItems: v
       });
     }
   });
   let d = 0;
-  t.movementX === 0 ? d |= a & Rt : d |= c & Rt, t.movementY === 0 ? d |= a & Et : d |= c & Et;
-  const h = s.state === "active" && (t.clientX !== s.pointerDownAtPoint.x || t.clientY !== s.pointerDownAtPoint.y);
-  Gn(d, u, l, h);
+  t.movementX === 0 ? d |= s & Et : d |= a & Et, t.movementY === 0 ? d |= s & Mt : d |= a & Mt;
+  const p = u.state === "active" && (t.clientX !== u.pointerDownAtPoint.x || t.clientY !== u.pointerDownAtPoint.y);
+  Fn(d, l, c, p);
 }
-function gn(e, t) {
+function hn(e, t) {
   const n = ie();
   if (n.state !== "active" || !rt(n, e, t))
     return;
   const o = ye();
   nt();
   try {
-    xt({
+    wt({
       commit: !0,
       event: t,
       hitRegions: n.hitRegions,
@@ -1229,31 +1229,31 @@ function gn(e, t) {
     ot();
   }
 }
-function kt(e) {
+function At(e) {
   if (e.defaultPrevented)
     return;
   const { clientX: t, clientY: n, movementX: o, movementY: r } = e;
-  gn(e.currentTarget, {
+  hn(e.currentTarget, {
     clientX: t,
     clientY: n,
     movementX: o,
     movementY: r
   });
 }
-function eo(e, t, n) {
+function to(e, t, n) {
   let o, r = {
     x: 1 / 0,
     y: 1 / 0
   };
   for (const i of t) {
-    const a = pn(n, i.rect);
+    const s = mn(n, i.rect);
     switch (e) {
       case "horizontal": {
-        (a.x < r.x || a.x === r.x && a.y <= r.y) && (o = i, r = a);
+        (s.x < r.x || s.x === r.x && s.y <= r.y) && (o = i, r = s);
         break;
       }
       case "vertical": {
-        (a.y < r.y || a.y === r.y && a.x <= r.x) && (o = i, r = a);
+        (s.y < r.y || s.y === r.y && s.x <= r.x) && (o = i, r = s);
         break;
       }
     }
@@ -1263,304 +1263,443 @@ function eo(e, t, n) {
     hitRegion: o
   } : void 0;
 }
-function to(e) {
+function no(e) {
   return e !== null && typeof e == "object" && "nodeType" in e && e.nodeType === Node.DOCUMENT_FRAGMENT_NODE;
 }
-function no(e, t) {
+function oo(e, t) {
   if (e === t) throw new Error("Cannot compare node with itself");
   const n = {
-    a: Ot(e),
-    b: Ot(t)
+    a: Nt(e),
+    b: Nt(t)
   };
   let o;
   for (; n.a.at(-1) === n.b.at(-1); )
     o = n.a.pop(), n.b.pop();
-  N(
+  D(
     o,
     "Stacking order can only be calculated for elements with a common ancestor"
   );
   const r = {
-    a: $t(At(n.a)),
-    b: $t(At(n.b))
+    a: Ot(Dt(n.a)),
+    b: Ot(Dt(n.b))
   };
   if (r.a === r.b) {
-    const i = o.childNodes, a = {
+    const i = o.childNodes, s = {
       a: n.a.at(-1),
       b: n.b.at(-1)
     };
-    let c = i.length;
-    for (; c--; ) {
-      const s = i[c];
-      if (s === a.a) return 1;
-      if (s === a.b) return -1;
+    let a = i.length;
+    for (; a--; ) {
+      const u = i[a];
+      if (u === s.a) return 1;
+      if (u === s.b) return -1;
     }
   }
   return Math.sign(r.a - r.b);
 }
-const oo = /\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;
-function ro(e) {
-  const t = getComputedStyle(yn(e) ?? e).display;
+const ro = /\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;
+function io(e) {
+  const t = getComputedStyle(gn(e) ?? e).display;
   return t === "flex" || t === "inline-flex";
 }
-function io(e) {
+function so(e) {
   const t = getComputedStyle(e);
-  return !!(t.position === "fixed" || t.zIndex !== "auto" && (t.position !== "static" || ro(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" || oo.test(t.willChange) || t.webkitOverflowScrolling === "touch");
+  return !!(t.position === "fixed" || t.zIndex !== "auto" && (t.position !== "static" || io(e)) || +t.opacity < 1 || "transform" in t && t.transform !== "none" || "webkitTransform" in t && t.webkitTransform !== "none" || "mixBlendMode" in t && t.mixBlendMode !== "normal" || "filter" in t && t.filter !== "none" || "webkitFilter" in t && t.webkitFilter !== "none" || "isolation" in t && t.isolation === "isolate" || ro.test(t.willChange) || t.webkitOverflowScrolling === "touch");
 }
-function At(e) {
+function Dt(e) {
   let t = e.length;
   for (; t--; ) {
     const n = e[t];
-    if (N(n, "Missing node"), io(n)) return n;
+    if (D(n, "Missing node"), so(n)) return n;
   }
   return null;
 }
-function $t(e) {
+function Ot(e) {
   return e && Number(getComputedStyle(e).zIndex) || 0;
 }
-function Ot(e) {
+function Nt(e) {
   const t = [];
   for (; e; )
-    t.push(e), e = yn(e);
+    t.push(e), e = gn(e);
   return t;
 }
-function yn(e) {
+function gn(e) {
   const { parentNode: t } = e;
-  return to(t) ? t.host : t;
+  return no(t) ? t.host : t;
 }
-function so(e, t) {
+function ao(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 ao(e) {
+function co(e) {
   try {
     return e.matches(":modal");
   } catch {
     return !1;
   }
 }
-function co({
+function lo({
   axisElement: e,
   hitRegion: t,
   pointerEventTarget: n
 }) {
   if (dt(n)) {
     const o = n.closest("dialog");
-    if (o && !o.contains(e) && ao(o))
+    if (o && !o.contains(e) && co(o))
       return !1;
   }
-  if (!dt(n) || n.contains(e) || e.contains(n))
+  if (!dt(n) || n.contains(e) || e.contains(n) || !n.isConnected || !e.isConnected)
     return !0;
-  if (no(n, e) > 0) {
+  if (oo(n, e) > 0) {
     let o = n;
     for (; o; ) {
       if (o.contains(e))
         return !0;
-      if (so(o.getBoundingClientRect(), t))
+      if (ao(o.getBoundingClientRect(), t))
         return !1;
       o = o.parentElement;
     }
   }
   return !0;
 }
-function wt(e, t, n) {
+function xt(e, t, n) {
   const o = [];
   return t.forEach((r, i) => {
     if (i.disabled || i.element.ownerDocument !== n)
       return;
-    const a = St({ axis: i }), c = eo(i.orientation, a, {
+    const s = yt({ axis: i }), a = to(i.orientation, s, {
       x: e.clientX,
       y: e.clientY
     });
-    c && c.distance.x <= 0 && c.distance.y <= 0 && co({
+    a && a.distance.x <= 0 && a.distance.y <= 0 && lo({
       axisElement: i.element,
-      hitRegion: c.hitRegion.rect,
+      hitRegion: a.hitRegion.rect,
       pointerEventTarget: e.target
-    }) && o.push(c.hitRegion);
+    }) && o.push(a.hitRegion);
   }), o;
 }
+function uo(e) {
+  let t = 0, n = 0;
+  const o = {};
+  for (const i of e)
+    if (i.defaultSize !== void 0) {
+      t++;
+      const s = Z(i.defaultSize);
+      n += s, o[i.itemId] = s;
+    } else
+      o[i.itemId] = void 0;
+  const r = e.length - t;
+  if (r !== 0) {
+    const i = Z((100 - n) / r);
+    for (const s of e)
+      s.defaultSize === void 0 && (o[s.itemId] = i);
+  }
+  return o;
+}
+function fo(e, t) {
+  const n = e.map((r) => r.id), o = Object.keys(t);
+  if (n.length !== o.length)
+    return !1;
+  for (const r of n)
+    if (!o.includes(r))
+      return !1;
+  return !0;
+}
+function yn({
+  axis: e,
+  itemConstraints: t
+}) {
+  const n = e.items.map(({ id: r }) => r).join(","), o = e.mutableState.defaultLayout;
+  return e.mutableState.layouts[n] ?? (o && fo(e.items, o) ? o : uo(t));
+}
+function Sn(e, t) {
+  if (Object.keys(e).length !== Object.keys(t).length)
+    return !1;
+  for (const o in e)
+    if (e[o] !== t[o])
+      return !1;
+  return !0;
+}
+function mo(e, t) {
+  return e.length !== t.length ? !1 : e.every((n, o) => Sn(n, t[o]));
+}
 function ve({
   layout: e,
   itemConstraints: t
 }) {
-  const n = t.map(({ itemId: a }) => e[a]), o = [...n], r = o.reduce(
-    (a, c) => a + c,
+  const n = t.map(({ itemId: s }) => e[s]), o = [...n], r = o.reduce(
+    (s, a) => s + a,
     0
   );
   if (Object.keys(e).length !== t.length)
     throw Error(
-      `Invalid ${t.length} panel layout: ${Object.values(e).map((a) => `${a}%`).join(", ")}`
+      `Invalid ${t.length} panel layout: ${Object.values(e).map((s) => `${s}%`).join(", ")}`
     );
   if (!W(r, 100) && o.length > 0)
-    for (let a = 0; a < t.length; a++) {
-      const c = o[a];
-      N(c != null, `No layout data found for index ${a}`);
-      const s = 100 / r * c;
-      o[a] = s;
+    for (let s = 0; s < t.length; s++) {
+      const a = o[s];
+      D(a != null, `No layout data found for index ${s}`);
+      const u = 100 / r * a;
+      o[s] = u;
     }
   let i = 0;
-  for (let a = 0; a < t.length; a++) {
-    const c = n[a];
-    N(c != null, `No layout data found for index ${a}`);
-    const s = o[a];
-    N(s != null, `No layout data found for index ${a}`);
-    const u = Ee({
+  for (let s = 0; s < t.length; s++) {
+    const a = n[s];
+    D(a != null, `No layout data found for index ${s}`);
+    const u = o[s];
+    D(u != null, `No layout data found for index ${s}`);
+    const l = Ee({
       overrideDisabledItems: !0,
-      itemConstraints: t[a],
-      prevSize: c,
-      size: s
+      itemConstraints: t[s],
+      prevSize: a,
+      size: u
     });
-    s != u && (i += s - u, o[a] = u);
+    u != l && (i += u - l, o[s] = l);
   }
   if (!W(i, 0))
-    for (let a = 0; a < t.length; a++) {
-      const c = o[a];
-      N(c != null, `No layout data found for index ${a}`);
-      const s = c + i, u = Ee({
+    for (let s = 0; s < t.length; s++) {
+      const a = o[s];
+      D(a != null, `No layout data found for index ${s}`);
+      const u = a + i, l = Ee({
         overrideDisabledItems: !0,
-        itemConstraints: t[a],
-        prevSize: c,
-        size: s
+        itemConstraints: t[s],
+        prevSize: a,
+        size: u
       });
-      if (c !== u && (i -= u - c, o[a] = u, W(i, 0)))
+      if (a !== l && (i -= l - a, o[s] = l, W(i, 0)))
+        break;
+    }
+  return o.reduce((s, a, u) => (s[t[u].itemId] = a, s), {});
+}
+function vn({
+  itemIds: e,
+  layout: t
+}) {
+  return ve({
+    layout: t,
+    itemConstraints: e.map((n) => ({
+      collapsedSize: 0,
+      collapsible: !1,
+      defaultSize: void 0,
+      disabled: void 0,
+      itemId: n,
+      maxSize: 100,
+      minSize: 0
+    }))
+  });
+}
+function po({
+  axis: e,
+  nextAxisSize: t,
+  prevAxisSize: n,
+  prevLayout: o
+}) {
+  if (n <= 0 || t <= 0 || n === t)
+    return o;
+  let r = 0, i = 0, s = !1;
+  const a = /* @__PURE__ */ new Map(), u = [];
+  for (const d of e.items) {
+    const p = o[d.id] ?? 0;
+    switch (d.constraintProps.groupResizeBehavior) {
+      case "preserve-pixel-size": {
+        s = !0;
+        const g = p / 100 * n, f = Z(
+          g / t * 100
+        );
+        a.set(d.id, f), r += f;
         break;
+      }
+      case "preserve-relative-size":
+      default: {
+        u.push(d.id), i += p;
+        break;
+      }
     }
-  return o.reduce((a, c, s) => (a[t[s].itemId] = c, a), {});
+  }
+  if (!s || u.length === 0)
+    return o;
+  const l = 100 - r, c = { ...o };
+  if (a.forEach((d, p) => {
+    c[p] = d;
+  }), i > 0)
+    for (const d of u) {
+      const p = o[d] ?? 0;
+      c[d] = Z(
+        p / i * l
+      );
+    }
+  else {
+    const d = Z(l / u.length);
+    for (const p of u)
+      c[p] = d;
+  }
+  return c;
 }
 function zt({
+  axis: e,
+  axisState: t
+}) {
+  const n = je({ axis: e });
+  if (n === 0)
+    return;
+  const o = St(e, n);
+  let r = t.requestedAxisSize, i = t.requestedLayout;
+  t.defaultLayoutDeferred && (r = n, i = vn({
+    itemIds: e.items.map(({ id: l }) => l),
+    layout: yn({
+      axis: e,
+      itemConstraints: o
+    })
+  }));
+  const s = po({
+    axis: e,
+    nextAxisSize: n,
+    prevAxisSize: r,
+    prevLayout: i
+  }), a = ve({
+    layout: s,
+    itemConstraints: o
+  });
+  return {
+    changed: t.defaultLayoutDeferred || !se(t.layout, a) || !mo(
+      t.derivedItemConstraints,
+      o
+    ) || t.axisSize !== n,
+    state: {
+      defaultLayoutDeferred: !1,
+      derivedItemConstraints: o,
+      axisSize: n,
+      layout: a,
+      requestedAxisSize: r,
+      requestedLayout: i,
+      separatorToItems: t.separatorToItems
+    }
+  };
+}
+function It({
   axisId: e,
   itemId: t
 }) {
   const n = () => {
-    const s = ye();
-    for (const [
-      u,
-      {
-        defaultLayoutDeferred: l,
-        derivedItemConstraints: d,
-        layout: h,
-        axisSize: p,
-        separatorToItems: m
-      }
-    ] of s)
-      if (u.id === e)
-        return {
-          defaultLayoutDeferred: l,
-          derivedItemConstraints: d,
-          axis: u,
-          axisSize: p,
-          layout: h,
-          separatorToItems: m
-        };
+    const l = ye();
+    for (const [c, d] of l)
+      if (c.id === e)
+        return { axis: c, ...d };
     throw Error(`Group ${e} not found`);
   }, o = () => {
-    const s = n().derivedItemConstraints.find(
-      (u) => u.itemId === t
+    const l = n().derivedItemConstraints.find(
+      (c) => c.itemId === t
     );
-    if (s !== void 0)
-      return s;
+    if (l !== void 0)
+      return l;
     throw Error(`Panel constraints not found for Panel ${t}`);
   }, r = () => {
-    const s = n().axis.items.find((u) => u.id === t);
-    if (s !== void 0)
-      return s;
-    throw Error(`Layout not found for Panel ${t}`);
+    const { axis: l, ...c } = n(), d = zt({ axis: l, axisState: c }), p = d?.state ?? c, g = p.derivedItemConstraints.find(
+      (m) => m.itemId === t
+    );
+    if (g === void 0)
+      throw Error(`Panel constraints not found for Panel ${t}`);
+    const f = p.layout[t];
+    if (f === void 0)
+      throw Error(`Layout not found for Panel ${t}`);
+    return {
+      axis: l,
+      changed: d?.changed === !0,
+      itemConstraints: g,
+      itemSize: f,
+      state: p
+    };
   }, i = () => {
-    const s = n().layout[t];
-    if (s !== void 0)
-      return s;
+    const l = n().axis.items.find((c) => c.id === t);
+    if (l !== void 0)
+      return l;
+    throw Error(`Layout not found for Panel ${t}`);
+  }, s = () => {
+    const l = n().layout[t];
+    if (l !== void 0)
+      return l;
     throw Error(`Layout not found for Panel ${t}`);
   }, a = ({
-    nextSize: s,
-    items: u,
-    prevLayout: l,
-    derivedItemConstraints: d
+    nextSize: l,
+    items: c,
+    prevLayout: d,
+    derivedItemConstraints: p
   }) => {
-    const h = i(), p = u.findIndex((g) => g.id === t), m = p === 0, f = p === u.length - 1;
-    if (f && s < h && (m || u.slice(0, p).every((g, S) => {
-      const z = d[S];
-      return z?.collapsible && W(z.collapsedSize, l[z.itemId]);
+    const g = d[t], f = c.findIndex((y) => y.id === t), m = f === 0, h = f === c.length - 1;
+    if (h && l < g && (m || c.slice(0, f).every((y, z) => {
+      const b = p[z];
+      return b?.collapsible && W(b.collapsedSize, d[b.itemId]);
     }))) {
-      const g = u.slice(0, p).reduce((S, z) => S + l[z.id], 0);
+      const y = c.slice(0, f).reduce((z, b) => z + d[b.id], 0);
       return {
-        ...l,
-        [t]: J(100 - g)
+        ...d,
+        [t]: Z(100 - y)
       };
     }
-    return qe({
-      delta: f ? h - s : s - h,
-      initialLayout: l,
-      itemConstraints: d,
-      pivotIndices: f ? [p - 1, p] : [p, p + 1],
-      prevLayout: l,
+    return Be({
+      delta: h ? g - l : l - g,
+      initialLayout: d,
+      itemConstraints: p,
+      pivotIndices: h ? [f - 1, f] : [f, f + 1],
+      prevLayout: d,
       trigger: "imperative-api"
     });
-  }, c = (s) => {
-    const u = i();
-    if (s === u)
+  }, u = (l, { axis: c, changed: d, itemSize: p, state: g }) => {
+    if (l === p)
       return;
-    const {
-      defaultLayoutDeferred: l,
-      derivedItemConstraints: d,
-      axis: h,
-      axisSize: p,
-      layout: m,
-      separatorToItems: f
-    } = n(), y = a({
-      nextSize: s,
-      items: h.items,
-      prevLayout: m,
-      derivedItemConstraints: d
-    }), g = ve({
-      layout: y,
-      itemConstraints: d
+    const { derivedItemConstraints: f, axisSize: m, layout: h } = g, S = a({
+      nextSize: l,
+      items: c.items,
+      prevLayout: h,
+      derivedItemConstraints: f
+    }), y = ve({
+      layout: S,
+      itemConstraints: f
     });
-    se(m, g) || me(h, {
-      defaultLayoutDeferred: l,
-      derivedItemConstraints: d,
-      axisSize: p,
-      layout: g,
-      requestedAxisSize: p,
-      requestedLayout: g,
-      separatorToItems: f
+    (d || !se(h, y)) && me(c, {
+      ...g,
+      layout: y,
+      requestedAxisSize: m,
+      requestedLayout: y
     });
   };
   return {
     collapse: () => {
-      const { collapsible: s, collapsedSize: u } = o(), { mutableValues: l } = r(), d = i();
-      s && d !== u && (l.expandToSize = d, c(u));
+      const l = r(), { collapsible: c, collapsedSize: d } = l.itemConstraints, { mutableValues: p } = i(), g = l.itemSize;
+      c && g !== d && (p.expandToSize = g, u(d, l));
     },
     expand: () => {
-      const { collapsible: s, collapsedSize: u, minSize: l } = o(), { mutableValues: d } = r(), h = i();
-      if (s && h === u) {
-        let p = d.expandToSize ?? l;
-        p === 0 && (p = 1), c(p);
+      const l = r(), { collapsible: c, collapsedSize: d, minSize: p } = l.itemConstraints, { mutableValues: g } = i(), f = l.itemSize;
+      if (c && f === d) {
+        let m = g.expandToSize ?? p;
+        m === 0 && (m = 1), u(m, l);
       }
     },
     getSize: () => {
-      const { axis: s } = n(), u = i(), { element: l } = r(), d = s.layoutStrategy ? s.layoutStrategy.getItemSizeInPixels(t) : s.orientation === "horizontal" ? l.offsetWidth : l.offsetHeight;
+      const { axis: l } = n(), c = s(), { element: d } = i(), p = l.layoutStrategy ? l.layoutStrategy.getItemSizeInPixels(t) : l.orientation === "horizontal" ? d.offsetWidth : d.offsetHeight;
       return {
-        asPercentage: u,
-        inPixels: d
+        asPercentage: c,
+        inPixels: p
       };
     },
     isCollapsed: () => {
-      const { collapsible: s, collapsedSize: u } = o(), l = i();
-      return s && W(u, l);
+      const { collapsible: l, collapsedSize: c } = o(), d = s();
+      return l && W(c, d);
     },
-    resize: (s) => {
-      const { axis: u } = n(), { element: l } = r(), d = Pe({ axis: u }), h = Le({
+    resize: (l) => {
+      const c = r(), { axisSize: d } = c.state, { element: p } = i(), g = Le({
         axisSize: d,
-        itemElement: l,
-        styleProp: s
-      }), p = J(h / d * 100);
-      c(p);
+        itemElement: p,
+        styleProp: l
+      }), f = Z(g / d * 100);
+      u(f, c);
     }
   };
 }
-function Nt(e) {
+function Gt(e) {
   if (e.defaultPrevented)
     return;
   const t = ye();
-  wt(
+  xt(
     e,
     t,
     e.currentTarget
@@ -1570,16 +1709,16 @@ function Nt(e) {
         (i) => i.constraintProps.defaultSize !== void 0
       );
       if (r) {
-        const i = r.constraintProps.defaultSize, a = zt({
+        const i = r.constraintProps.defaultSize, s = It({
           axisId: o.axis.id,
           itemId: r.id
         });
-        a && i !== void 0 && (a.resize(i), e.preventDefault());
+        s && i !== void 0 && (s.resize(i), e.preventDefault());
       }
     }
   });
 }
-function Sn(e) {
+function bn(e) {
   const t = ye();
   for (const [n] of t)
     if (n.separators.some(
@@ -1588,7 +1727,7 @@ function Sn(e) {
       return n;
   throw Error("Could not find parent Group for separator element");
 }
-function _e({
+function Fe({
   axisId: e
 }) {
   const t = () => {
@@ -1604,56 +1743,51 @@ function _e({
       return n ? {} : o;
     },
     setLayout(n) {
-      const {
-        defaultLayoutDeferred: o,
-        derivedItemConstraints: r,
-        axis: i,
-        axisSize: a,
-        layout: c,
-        separatorToItems: s
-      } = t(), u = ve({
+      const { axis: o, ...r } = t(), i = zt({ axis: o, axisState: r }), s = i?.state ?? r, {
+        defaultLayoutDeferred: a,
+        derivedItemConstraints: u,
+        axisSize: l,
+        layout: c
+      } = s, d = ve({
         layout: n,
-        itemConstraints: r
+        itemConstraints: u
       });
-      return o ? c : (se(c, u) || me(i, {
-        defaultLayoutDeferred: o,
-        derivedItemConstraints: r,
-        axisSize: a,
-        layout: u,
-        requestedAxisSize: a,
-        requestedLayout: u,
-        separatorToItems: s
-      }), u);
+      return a ? c : ((i?.changed || !se(c, d)) && me(o, {
+        ...s,
+        layout: d,
+        requestedAxisSize: l,
+        requestedLayout: d
+      }), d);
     }
   };
 }
-function xe(e, t) {
-  const n = Sn(e), o = ce(n.id, !0), r = n.separators.find(
+function we(e, t) {
+  const n = bn(e), o = ce(n.id, !0), r = n.separators.find(
     (d) => d.element === e
   );
-  N(r, "Matching separator not found");
+  D(r, "Matching separator not found");
   const i = o.separatorToItems.get(r);
-  N(i, "Matching panels not found");
-  const a = i.map((d) => n.items.indexOf(d)), s = _e({ axisId: n.id }).getLayout(), u = qe({
+  D(i, "Matching panels not found");
+  const s = i.map((d) => n.items.indexOf(d)), u = Fe({ axisId: n.id }).getLayout(), l = Be({
     delta: t,
-    initialLayout: s,
+    initialLayout: u,
     itemConstraints: o.derivedItemConstraints,
-    pivotIndices: a,
-    prevLayout: s,
+    pivotIndices: s,
+    prevLayout: u,
     trigger: "keyboard"
-  }), l = ve({
-    layout: u,
+  }), c = ve({
+    layout: l,
     itemConstraints: o.derivedItemConstraints
   });
-  se(s, l) || me(
+  se(u, c) || me(
     n,
     {
       defaultLayoutDeferred: o.defaultLayoutDeferred,
       derivedItemConstraints: o.derivedItemConstraints,
       axisSize: o.axisSize,
-      layout: l,
+      layout: c,
       requestedAxisSize: o.axisSize,
-      requestedLayout: l,
+      requestedLayout: c,
       separatorToItems: o.separatorToItems
     },
     // Keyboard resizes (arrow keys, Home/End, Enter collapse/expand) originate
@@ -1663,75 +1797,75 @@ function xe(e, t) {
     { isUserInteraction: !0 }
   );
 }
-function lo(e) {
+function ho(e) {
   return e.separators.filter((t) => !t.disabled);
 }
-function Gt(e) {
+function Ft(e) {
   if (e.defaultPrevented)
     return;
-  const t = e.currentTarget, n = Sn(t);
+  const t = e.currentTarget, n = bn(t);
   if (!(n.disabled || n.separators.find(
     (r) => r.element === t
   )?.disabled))
     switch (e.key) {
       case "ArrowDown": {
-        e.preventDefault(), n.orientation === "vertical" && xe(t, 5);
+        e.preventDefault(), n.orientation === "vertical" && we(t, 5);
         break;
       }
       case "ArrowLeft": {
-        e.preventDefault(), n.orientation === "horizontal" && xe(t, -5);
+        e.preventDefault(), n.orientation === "horizontal" && we(t, -5);
         break;
       }
       case "ArrowRight": {
-        e.preventDefault(), n.orientation === "horizontal" && xe(t, 5);
+        e.preventDefault(), n.orientation === "horizontal" && we(t, 5);
         break;
       }
       case "ArrowUp": {
-        e.preventDefault(), n.orientation === "vertical" && xe(t, -5);
+        e.preventDefault(), n.orientation === "vertical" && we(t, -5);
         break;
       }
       case "End": {
-        e.preventDefault(), xe(t, 100);
+        e.preventDefault(), we(t, 100);
         break;
       }
       case "Enter": {
         e.preventDefault();
-        const r = ce(n.id, !0), { derivedItemConstraints: i, layout: a, separatorToItems: c } = r, s = n.separators.find(
-          (h) => h.element === t
+        const r = ce(n.id, !0), { derivedItemConstraints: i, layout: s, separatorToItems: a } = r, u = n.separators.find(
+          (p) => p.element === t
         );
-        N(s, "Matching separator not found");
-        const u = c.get(s);
-        N(u, "Matching panels not found");
-        const l = u[0], d = i.find(
-          (h) => h.itemId === l.id
+        D(u, "Matching separator not found");
+        const l = a.get(u);
+        D(l, "Matching panels not found");
+        const c = l[0], d = i.find(
+          (p) => p.itemId === c.id
         );
-        if (N(d, "Panel metadata not found"), d.collapsible) {
-          const h = a[l.id], p = d.collapsedSize === h ? n.mutableState.expandedItemSizes[l.id] ?? d.minSize : d.collapsedSize;
-          xe(t, p - h);
+        if (D(d, "Panel metadata not found"), d.collapsible) {
+          const p = s[c.id], g = d.collapsedSize === p ? n.mutableState.expandedItemSizes[c.id] ?? d.minSize : d.collapsedSize;
+          we(t, g - p);
         }
         break;
       }
       case "F6": {
         e.preventDefault();
-        const r = lo(n).map(
-          (s) => s.element
+        const r = ho(n).map(
+          (u) => u.element
         ), i = r.findIndex(
-          (s) => s === e.currentTarget
+          (u) => u === e.currentTarget
         );
-        N(i !== -1, "Index not found");
-        const a = e.shiftKey ? i > 0 ? i - 1 : r.length - 1 : i + 1 < r.length ? i + 1 : 0;
-        r[a].focus({
+        D(i !== -1, "Index not found");
+        const s = e.shiftKey ? i > 0 ? i - 1 : r.length - 1 : i + 1 < r.length ? i + 1 : 0;
+        r[s].focus({
           preventScroll: !0
         });
         break;
       }
       case "Home": {
-        e.preventDefault(), xe(t, -100);
+        e.preventDefault(), we(t, -100);
         break;
       }
     }
 }
-function De(e, t) {
+function Te(e, t) {
   const n = ie();
   if (n.state !== "active" || !rt(n, e, t))
     return !1;
@@ -1739,11 +1873,11 @@ function De(e, t) {
   nt();
   try {
     n.previewLayoutMap.forEach((r, i) => {
-      const a = o.get(i);
-      i.resizePreviewMode === "separator" && a && !se(r, a.layout) && me(i, {
-        ...a,
+      const s = o.get(i);
+      i.resizePreviewMode === "separator" && s && !se(r, s.layout) && me(i, {
+        ...s,
         layout: r,
-        requestedAxisSize: a.axisSize,
+        requestedAxisSize: s.axisSize,
         requestedLayout: r
       });
     }), bt(), fe({
@@ -1762,7 +1896,7 @@ function De(e, t) {
   }
   return !0;
 }
-function Ft(e) {
+function _t(e) {
   const t = ie();
   if (t.state !== "active")
     return;
@@ -1771,56 +1905,56 @@ function Ft(e) {
   );
   !n.some((o) => o === e.target) || n.some(
     (o) => o.hasPointerCapture?.(e.pointerId)
-  ) || De(e.currentTarget, e);
+  ) || Te(e.currentTarget, e);
 }
-function _t(e) {
-  De(e.currentTarget, e);
+function Bt(e) {
+  Te(e.currentTarget, e);
 }
-function uo(e, t) {
-  const { element: n, orientation: o, items: r } = e, i = n.getBoundingClientRect(), a = o === "horizontal";
-  return St({
+function go(e, t) {
+  const { element: n, orientation: o, items: r } = e, i = n.getBoundingClientRect(), s = o === "horizontal";
+  return yt({
     expandHitTargets: !1,
     axis: e,
     includeDisabled: !0
-  }).map(({ items: s, rect: u, separator: l }, d) => {
-    const h = r.indexOf(s[0]), p = a ? u.left + u.width / 2 : u.top + u.height / 2;
+  }).map(({ items: u, rect: l, separator: c }, d) => {
+    const p = r.indexOf(u[0]), g = s ? l.left + l.width / 2 : l.top + l.height / 2;
     return {
-      active: t.some((f) => {
-        if (f.axis !== e || f.items[0] !== s[0])
+      active: t.some((m) => {
+        if (m.axis !== e || m.items[0] !== u[0])
           return !1;
-        if (l || f.separator)
-          return f.separator === l;
-        const y = a ? f.rect.left + f.rect.width / 2 : f.rect.top + f.rect.height / 2;
-        return W(p, y);
+        if (c || m.separator)
+          return m.separator === c;
+        const h = s ? m.rect.left + m.rect.width / 2 : m.rect.top + m.rect.height / 2;
+        return W(g, h);
       }),
       axis: e,
-      key: l ? `separator-${l.id}` : `panel-${s[0].id}-${d}`,
+      key: c ? `separator-${c.id}` : `panel-${u[0].id}-${d}`,
       offset: 0,
-      itemIndex: h,
+      itemIndex: p,
       rect: new DOMRect(
-        (a && !l ? p : u.left) - i.left - n.clientLeft + n.scrollLeft,
-        (!a && !l ? p : u.top) - i.top - n.clientTop + n.scrollTop,
-        a && !l ? 0 : u.width,
-        !a && !l ? 0 : u.height
+        (s && !c ? g : l.left) - i.left - n.clientLeft + n.scrollLeft,
+        (!s && !c ? g : l.top) - i.top - n.clientTop + n.scrollTop,
+        s && !c ? 0 : l.width,
+        !s && !c ? 0 : l.height
       ),
-      separator: l
+      separator: c
     };
   });
 }
-function Bt(e) {
+function qt(e) {
   if (e.defaultPrevented)
     return;
   if (e.pointerType === "mouse" && e.button > 0)
     return;
   const t = ie();
   if (t.state === "active") {
-    hn(t, e) && De(
+    pn(t, e) && Te(
       t.ownerDocument,
       t
     );
     return;
   }
-  const n = ye(), o = wt(
+  const n = ye(), o = xt(
     e,
     n,
     e.currentTarget
@@ -1829,17 +1963,17 @@ function Bt(e) {
     return;
   const r = /* @__PURE__ */ new Map();
   let i = !1;
-  o.forEach((c) => {
-    c.separator && (i || (i = !0, c.separator.element.focus({
+  o.forEach((a) => {
+    a.separator && (i || (i = !0, a.separator.element.focus({
       // @ts-expect-error https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus#browser_compatibility
       focusVisible: !1,
       preventScroll: !0
     })));
-    const s = n.get(c.axis);
-    s && r.set(c.axis, s.layout);
+    const u = n.get(a.axis);
+    u && r.set(a.axis, u.layout);
   });
-  const a = Array.from(r.keys()).flatMap(
-    (c) => c.resizePreviewMode === "separator" ? uo(c, o) : []
+  const s = Array.from(r.keys()).flatMap(
+    (a) => a.resizePreviewMode === "separator" ? go(a, o) : []
   );
   fe({
     cursorFlags: 0,
@@ -1851,17 +1985,17 @@ function Bt(e) {
     pointerId: e.pointerId,
     pointerType: e.pointerType,
     previewLayoutMap: new Map(r),
-    previews: a,
+    previews: s,
     state: "active"
   }), e.preventDefault();
 }
-function qt(e) {
+function Ht(e) {
   const t = e.currentTarget, n = ye(), o = ie();
   switch (o.state) {
     case "active": {
       if (!rt(o, t, e))
         return;
-      xt({
+      wt({
         commit: !1,
         event: e,
         hitRegions: o.hitRegions,
@@ -1872,7 +2006,7 @@ function qt(e) {
     }
   }
 }
-function Ht(e) {
+function Vt(e) {
   if (e.defaultPrevented)
     return;
   const t = e.currentTarget, n = ie(), o = ye();
@@ -1884,7 +2018,7 @@ function Ht(e) {
         // Skip this check for "pointerleave" events, else Firefox triggers a false positive (see #514)
         e.buttons === 0
       ) {
-        De(t, e);
+        Te(t, e);
         return;
       }
       for (const r of n.hitRegions)
@@ -1892,7 +2026,7 @@ function Ht(e) {
           const { element: i } = r.separator;
           i.isConnected && !i.hasPointerCapture?.(e.pointerId) && i.setPointerCapture?.(e.pointerId);
         }
-      xt({
+      wt({
         commit: !1,
         event: e,
         hitRegions: n.hitRegions,
@@ -1904,7 +2038,7 @@ function Ht(e) {
       break;
     }
     default: {
-      const r = wt(
+      const r = xt(
         e,
         o,
         t
@@ -1922,7 +2056,7 @@ function Ht(e) {
     }
   }
 }
-function Vt(e) {
+function jt(e) {
   if (e.relatedTarget instanceof HTMLIFrameElement) {
     const t = ie();
     switch (t.state) {
@@ -1934,275 +2068,137 @@ function Vt(e) {
     }
   }
 }
-function jt(e) {
-  e.defaultPrevented || e.pointerType === "mouse" && e.button > 0 || gn(e.currentTarget, e);
-}
 function Ut(e) {
-  e.target === e.currentTarget && De(e.currentTarget.document);
+  e.defaultPrevented || e.pointerType === "mouse" && e.button > 0 || hn(e.currentTarget, e);
 }
 function Wt(e) {
-  De(e.currentTarget.document);
-}
-function fo(e) {
-  let t = 0, n = 0;
-  const o = {};
-  for (const i of e)
-    if (i.defaultSize !== void 0) {
-      t++;
-      const a = J(i.defaultSize);
-      n += a, o[i.itemId] = a;
-    } else
-      o[i.itemId] = void 0;
-  const r = e.length - t;
-  if (r !== 0) {
-    const i = J((100 - n) / r);
-    for (const a of e)
-      a.defaultSize === void 0 && (o[a.itemId] = i);
-  }
-  return o;
+  e.target === e.currentTarget && Te(e.currentTarget.document);
 }
-function mo(e, t) {
-  const n = e.map((r) => r.id), o = Object.keys(t);
-  if (n.length !== o.length)
-    return !1;
-  for (const r of n)
-    if (!o.includes(r))
-      return !1;
-  return !0;
-}
-function Yt({
-  axis: e,
-  itemConstraints: t
-}) {
-  const n = e.items.map(({ id: r }) => r).join(","), o = e.mutableState.defaultLayout;
-  return e.mutableState.layouts[n] ?? (o && mo(e.items, o) ? o : fo(t));
-}
-function Xt({
-  itemIds: e,
-  layout: t
-}) {
-  return ve({
-    layout: t,
-    itemConstraints: e.map((n) => ({
-      collapsedSize: 0,
-      collapsible: !1,
-      defaultSize: void 0,
-      disabled: void 0,
-      itemId: n,
-      maxSize: 100,
-      minSize: 0
-    }))
-  });
+function Yt(e) {
+  Te(e.currentTarget.document);
 }
-function po(e, t, n) {
+function yo(e, t, n) {
   if (!n[0])
     return;
-  const r = e.items.find((u) => u.element === t);
+  const r = e.items.find((l) => l.element === t);
   if (!r || !r.onResize)
     return;
-  const i = Pe({ axis: e }), a = e.orientation === "horizontal" ? r.element.offsetWidth : r.element.offsetHeight, c = r.mutableValues.prevSize, s = {
-    asPercentage: J(a / i * 100),
-    inPixels: a
+  const i = je({ axis: e }), s = e.orientation === "horizontal" ? r.element.offsetWidth : r.element.offsetHeight, a = r.mutableValues.prevSize, u = {
+    asPercentage: Z(s / i * 100),
+    inPixels: s
   };
-  r.mutableValues.prevSize = s, r.onResize(s, r.id, c);
-}
-function vn(e, t) {
-  if (Object.keys(e).length !== Object.keys(t).length)
-    return !1;
-  for (const o in e)
-    if (e[o] !== t[o])
-      return !1;
-  return !0;
-}
-function ho(e, t) {
-  return e.length !== t.length ? !1 : e.every((n, o) => vn(n, t[o]));
-}
-function go({
-  axis: e,
-  nextAxisSize: t,
-  prevAxisSize: n,
-  prevLayout: o
-}) {
-  if (n <= 0 || t <= 0 || n === t)
-    return o;
-  let r = 0, i = 0, a = !1;
-  const c = /* @__PURE__ */ new Map(), s = [];
-  for (const d of e.items) {
-    const h = o[d.id] ?? 0;
-    switch (d.constraintProps.groupResizeBehavior) {
-      case "preserve-pixel-size": {
-        a = !0;
-        const p = h / 100 * n, m = J(
-          p / t * 100
-        );
-        c.set(d.id, m), r += m;
-        break;
-      }
-      case "preserve-relative-size":
-      default: {
-        s.push(d.id), i += h;
-        break;
-      }
-    }
-  }
-  if (!a || s.length === 0)
-    return o;
-  const u = 100 - r, l = { ...o };
-  if (c.forEach((d, h) => {
-    l[h] = d;
-  }), i > 0)
-    for (const d of s) {
-      const h = o[d] ?? 0;
-      l[d] = J(
-        h / i * u
-      );
-    }
-  else {
-    const d = J(u / s.length);
-    for (const h of s)
-      l[h] = d;
-  }
-  return l;
+  r.mutableValues.prevSize = u, r.onResize(u, r.id, a);
 }
 const Ie = /* @__PURE__ */ new Map();
-let Kt = !1;
-function bn(e) {
+let Xt = !1;
+function wn(e) {
   let t = !0;
-  N(
+  D(
     e.element.ownerDocument.defaultView,
     "Cannot register an unmounted Group"
   );
-  const n = e.element.ownerDocument.defaultView.ResizeObserver, o = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Set(), i = new n((m) => {
-    let f;
+  const n = e.element.ownerDocument.defaultView.ResizeObserver, o = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Set(), i = new n((f) => {
+    let m;
     nt();
     try {
-      for (const y of m) {
-        const { borderBoxSize: g, target: S } = y;
-        if (S === e.element) {
+      for (const h of f) {
+        const { borderBoxSize: S, target: y } = h;
+        if (y === e.element) {
           if (t) {
-            const z = Pe({ axis: e });
-            if (z === 0)
+            const z = ce(e.id);
+            if (!z)
               break;
-            const b = ce(e.id);
+            const b = zt({ axis: e, axisState: z });
             if (!b)
               break;
-            const R = ft(e);
-            let O = b.requestedAxisSize, A = b.requestedLayout;
-            b.defaultLayoutDeferred && (O = z, A = Xt({
-              itemIds: e.items.map(({ id: v }) => v),
-              layout: Yt({
-                axis: e,
-                itemConstraints: R
-              })
-            }));
-            const x = go({
-              axis: e,
-              nextAxisSize: z,
-              prevAxisSize: O,
-              prevLayout: A
-            }), w = ve({
-              layout: x,
-              itemConstraints: R
-            });
-            if (!b.defaultLayoutDeferred && se(b.layout, w) && ho(
-              b.derivedItemConstraints,
-              R
-            ) && b.axisSize === z)
+            if (!b.changed)
               continue;
-            me(e, {
-              defaultLayoutDeferred: !1,
-              derivedItemConstraints: R,
-              axisSize: z,
-              layout: w,
-              requestedAxisSize: O,
-              requestedLayout: A,
-              separatorToItems: b.separatorToItems
-            });
+            me(e, b.state);
           }
         } else
           try {
-            po(e, S, g);
+            yo(e, y, S);
           } catch (z) {
-            f ??= { error: z };
+            m ??= { error: z };
           }
       }
     } finally {
       ot();
     }
-    if (f)
-      throw f.error;
+    if (m)
+      throw m.error;
   });
-  i.observe(e.element), e.items.forEach((m) => {
-    N(
-      !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);
+  i.observe(e.element), e.items.forEach((f) => {
+    D(
+      !o.has(f.id),
+      `Panel ids must be unique; id "${f.id}" was used more than once`
+    ), o.add(f.id), f.onResize && i.observe(f.element);
   });
-  const a = Pe({ axis: e }), c = ft(e), s = Yt({
+  const s = je({ axis: e }), a = St(e, s), u = yn({
     axis: e,
-    itemConstraints: c
-  }), u = ve({
-    layout: s,
-    itemConstraints: c
-  }), l = e.element.ownerDocument, d = l.defaultView;
+    itemConstraints: a
+  }), l = ve({
+    layout: u,
+    itemConstraints: a
+  }), c = e.element.ownerDocument, d = c.defaultView;
   Ie.set(
-    l,
-    (Ie.get(l) ?? 0) + 1
+    c,
+    (Ie.get(c) ?? 0) + 1
   );
-  const h = /* @__PURE__ */ new Map();
-  return St({ axis: e, includeDisabled: !0 }).forEach((m) => {
-    m.separator && h.set(m.separator, m.items);
+  const p = /* @__PURE__ */ new Map();
+  return yt({ axis: e, includeDisabled: !0 }).forEach((f) => {
+    f.separator && p.set(f.separator, f.items);
   }), me(e, {
-    defaultLayoutDeferred: a === 0,
-    derivedItemConstraints: c,
-    axisSize: a,
-    layout: u,
-    requestedAxisSize: a,
-    requestedLayout: Xt({
-      itemIds: e.items.map(({ id: m }) => m),
-      layout: s
+    defaultLayoutDeferred: s === 0,
+    derivedItemConstraints: a,
+    axisSize: s,
+    layout: l,
+    requestedAxisSize: s,
+    requestedLayout: vn({
+      itemIds: e.items.map(({ id: f }) => f),
+      layout: u
     }),
-    separatorToItems: h
-  }), e.separators.forEach((m) => {
-    N(
-      !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", Gt);
-  }), Kt || (Kt = !0, gt(Hn)), Ie.get(l) === 1 && (l.addEventListener("contextmenu", kt, !0), l.addEventListener("dblclick", Nt, !0), l.addEventListener(
+    separatorToItems: p
+  }), e.separators.forEach((f) => {
+    D(
+      !r.has(f.id),
+      `Separator ids must be unique; id "${f.id}" was used more than once`
+    ), r.add(f.id), f.element.addEventListener("keydown", Ft);
+  }), Xt || (Xt = !0, ht(Vn)), Ie.get(c) === 1 && (c.addEventListener("contextmenu", At, !0), c.addEventListener("dblclick", Gt, !0), c.addEventListener(
     "lostpointercapture",
-    Ft,
+    _t,
     !0
-  ), l.addEventListener(
+  ), c.addEventListener(
     "pointercancel",
-    _t,
+    Bt,
     !0
-  ), l.addEventListener("pointerdown", Bt, !0), l.addEventListener("pointerleave", qt), l.addEventListener("pointermove", Ht), l.addEventListener("pointerout", Vt), l.addEventListener("pointerup", jt, !0), d?.addEventListener("blur", Ut), d?.addEventListener("pagehide", Wt)), function() {
+  ), c.addEventListener("pointerdown", qt, !0), c.addEventListener("pointerleave", Ht), c.addEventListener("pointermove", Vt), c.addEventListener("pointerout", jt), c.addEventListener("pointerup", Ut, !0), d?.addEventListener("blur", Wt), d?.addEventListener("pagehide", Yt)), function() {
     t = !1, Ie.set(
-      l,
-      Math.max(0, (Ie.get(l) ?? 0) - 1)
-    ), Jn(e), _n(e), e.separators.forEach((f) => {
-      f.element.removeEventListener("keydown", Gt);
-    }), Ie.get(l) || (l.removeEventListener(
+      c,
+      Math.max(0, (Ie.get(c) ?? 0) - 1)
+    ), Zn(e), Bn(e), e.separators.forEach((m) => {
+      m.element.removeEventListener("keydown", Ft);
+    }), Ie.get(c) || (c.removeEventListener(
       "contextmenu",
-      kt,
+      At,
       !0
-    ), l.removeEventListener(
+    ), c.removeEventListener(
       "dblclick",
-      Nt,
+      Gt,
       !0
-    ), l.removeEventListener(
+    ), c.removeEventListener(
       "lostpointercapture",
-      Ft,
+      _t,
       !0
-    ), l.removeEventListener(
+    ), c.removeEventListener(
       "pointercancel",
-      _t,
+      Bt,
       !0
-    ), l.removeEventListener(
+    ), c.removeEventListener(
       "pointerdown",
-      Bt,
+      qt,
       !0
-    ), l.removeEventListener("pointerleave", qt), l.removeEventListener("pointermove", Ht), l.removeEventListener("pointerout", Vt), l.removeEventListener("pointerup", jt, !0), d?.removeEventListener("blur", Ut), d?.removeEventListener("pagehide", Wt)), i.disconnect();
+    ), c.removeEventListener("pointerleave", Ht), c.removeEventListener("pointermove", Vt), c.removeEventListener("pointerout", jt), c.removeEventListener("pointerup", Ut, !0), d?.removeEventListener("blur", Wt), d?.removeEventListener("pagehide", Yt)), i.disconnect();
   };
 }
 function xn({
@@ -2212,21 +2208,21 @@ function xn({
   prevLayout: o,
   requestedLayout: r
 }) {
-  const i = t.items.map(({ id: a }) => a).join(",");
-  t.mutableState.layouts[i] = r, o && e.forEach((a) => {
-    if (a.collapsible) {
-      const c = W(
-        a.collapsedSize,
-        n[a.itemId]
-      ), s = W(
-        a.collapsedSize,
-        o[a.itemId]
+  const i = t.items.map(({ id: s }) => s).join(",");
+  t.mutableState.layouts[i] = r, o && e.forEach((s) => {
+    if (s.collapsible) {
+      const a = W(
+        s.collapsedSize,
+        n[s.itemId]
+      ), u = W(
+        s.collapsedSize,
+        o[s.itemId]
       );
-      c && !s && (t.mutableState.expandedItemSizes[a.itemId] = o[a.itemId]);
+      a && !u && (t.mutableState.expandedItemSizes[s.itemId] = o[s.itemId]);
     }
   });
 }
-function wn() {
+function zn() {
   const [e, t] = ge({}), n = re(() => t({}), []);
   return [e, n];
 }
@@ -2237,34 +2233,34 @@ function it(e) {
       t.current[n] = e[n];
   }, [e]), t.current;
 }
-const It = nn(null);
-function yo({
+const Lt = tn(null);
+function So({
   layout: e,
   itemConstraints: t,
   itemId: n,
   itemIndex: o
 }) {
   let r, i;
-  const a = e[n], c = t.find(
-    (s) => s.itemId === n
+  const s = e[n], a = t.find(
+    (u) => u.itemId === n
   );
-  if (c) {
-    const s = c.maxSize, u = c.collapsible ? c.collapsedSize : c.minSize, l = [o, o + 1];
+  if (a) {
+    const u = a.maxSize, l = a.collapsible ? a.collapsedSize : a.minSize, c = [o, o + 1];
     i = ve({
-      layout: qe({
-        delta: u - a,
+      layout: Be({
+        delta: l - s,
         initialLayout: e,
         itemConstraints: t,
-        pivotIndices: l,
+        pivotIndices: c,
         prevLayout: e
       }),
       itemConstraints: t
     })[n], r = ve({
-      layout: qe({
-        delta: s - a,
+      layout: Be({
+        delta: u - s,
         initialLayout: e,
         itemConstraints: t,
-        pivotIndices: l,
+        pivotIndices: c,
         prevLayout: e
       }),
       itemConstraints: t
@@ -2274,46 +2270,46 @@ function yo({
     valueControls: n,
     valueMax: r,
     valueMin: i,
-    valueNow: a
+    valueNow: s
   };
 }
-function zn({
+function In({
   attributes: e,
   axisId: t,
   axisOrientation: n,
   children: o,
   className: r,
   "data-testid": i,
-  disableCursor: a,
-  disabled: c,
-  disableDoubleClick: s,
-  elementRef: u,
-  id: l,
+  disableCursor: s,
+  disabled: a,
+  disableDoubleClick: u,
+  elementRef: l,
+  id: c,
   isSharedHitRegion: d,
-  preview: h,
-  registerSeparator: p,
-  requiredStyle: m,
-  style: f,
-  styleDefaults: y,
-  tabIndex: g = 0,
-  updateSeparatorProps: S
+  preview: p,
+  registerSeparator: g,
+  requiredStyle: f,
+  style: m,
+  styleDefaults: h,
+  tabIndex: S = 0,
+  updateSeparatorProps: y
 }) {
   const z = it({
-    disabled: c,
-    disableDoubleClick: s,
+    disabled: a,
+    disableDoubleClick: u,
     children: o,
     className: r,
-    preview: h,
-    style: f
-  }), [b, R] = ge({}), [O, A] = ge("inactive"), [x, w] = ge(!1), v = B(null), M = B(null), k = Ve(v, u), P = n === "horizontal" ? "vertical" : "horizontal";
+    preview: p,
+    style: m
+  }), [b, E] = ge({}), [F, N] = ge("inactive"), [w, x] = ge(!1), v = B(null), M = B(null), k = He(v, l), P = n === "horizontal" ? "vertical" : "horizontal";
   ne(() => {
     const I = v.current;
     if (I !== null) {
-      const E = {
+      const R = {
         disabled: z.disabled,
         disableDoubleClick: z.disableDoubleClick,
         element: I,
-        id: l,
+        id: c,
         get children() {
           return z.children;
         },
@@ -2327,33 +2323,33 @@ function zn({
           return z.style;
         }
       };
-      M.current = E;
-      const q = p(E), Z = gt(
-        (K) => {
-          A(
-            K.next.state !== "inactive" && K.next.hitRegions.some(
-              (ae) => ae.separator === E || (d?.(ae) ?? !1)
-            ) ? K.next.state : "inactive"
+      M.current = R;
+      const q = g(R), K = ht(
+        (J) => {
+          N(
+            J.next.state !== "inactive" && J.next.hitRegions.some(
+              (ae) => ae.separator === R || (d?.(ae) ?? !1)
+            ) ? J.next.state : "inactive"
           );
         }
-      ), X = Be(
+      ), X = _e(
         t,
-        (K) => {
-          const { derivedItemConstraints: ae, layout: we, separatorToItems: ke } = K.next, ze = ke.get(E);
+        (J) => {
+          const { derivedItemConstraints: ae, layout: xe, separatorToItems: $e } = J.next, ze = $e.get(R);
           if (ze) {
             const L = ze[0], T = ae.findIndex(
-              (G) => G.itemId === L.id
-            ), { layoutStrategy: F } = K.axis;
-            R({
-              ...yo({
-                layout: we,
+              (O) => O.itemId === L.id
+            ), { layoutStrategy: G } = J.axis;
+            E({
+              ...So({
+                layout: xe,
                 itemConstraints: ae,
                 itemId: L.id,
                 itemIndex: T
               }),
               // Items without DOM elements of their own (e.g. Grid tracks) control other elements
-              ...F?.getItemAriaControls && {
-                valueControls: F.getItemAriaControls(
+              ...G?.getItemAriaControls && {
+                valueControls: G.getItemAriaControls(
                   L.id
                 )
               }
@@ -2362,35 +2358,35 @@ function zn({
         }
       );
       return () => {
-        M.current = null, Z(), X(), q();
+        M.current = null, K(), X(), q();
       };
     }
-  }, [t, l, d, p, z]), ne(() => {
+  }, [t, c, d, g, z]), ne(() => {
     const I = M.current;
-    I && Fn(I);
-  }, [h]), He(() => {
-    S(l, { disabled: c, disableDoubleClick: s });
-  }, [c, s, l, S]);
-  let $;
-  c && !a && ($ = "not-allowed");
+    I && _n(I);
+  }, [p]), qe(() => {
+    y(c, { disabled: a, disableDoubleClick: u });
+  }, [a, u, c, y]);
+  let A;
+  a && !s && (A = "not-allowed");
   let C;
-  if (c)
+  if (a)
     C = "disabled";
   else
-    switch (O) {
+    switch (F) {
       case "active": {
         C = "active";
         break;
       }
       default:
-        x ? C = "focus" : C = O;
+        w ? C = "focus" : C = F;
     }
   return /* @__PURE__ */ Y(
     "div",
     {
       ...e,
       "aria-controls": b.valueControls,
-      "aria-disabled": c || void 0,
+      "aria-disabled": a || void 0,
       "aria-orientation": P,
       "aria-valuemax": b.valueMax,
       "aria-valuemin": b.valueMin,
@@ -2399,99 +2395,99 @@ function zn({
       className: r,
       "data-separator": C,
       "data-testid": i,
-      id: l,
-      onBlur: () => w(!1),
-      onFocus: () => w(!0),
+      id: c,
+      onBlur: () => x(!1),
+      onFocus: () => x(!0),
       ref: k,
       role: "separator",
       style: {
-        ...y,
-        cursor: $,
-        ...f,
+        ...h,
+        cursor: A,
         ...m,
+        ...f,
         // Inform the browser that the library is handling touch events for this element
         // See github.com/bvaughn/react-resizable-panels/issues/662
         touchAction: "none"
       },
-      tabIndex: c ? void 0 : g
+      tabIndex: a ? void 0 : S
     }
   );
 }
-function Jt({
+function Kt({
   axis: e,
   children: t,
   className: n,
   crossSpan: o,
   crossStart: r,
   disabled: i,
-  elementRef: a,
-  index: c,
-  style: s
+  elementRef: s,
+  index: a,
+  style: u
 }) {
-  const u = Te(void 0), {
-    getDisableCursor: l,
+  const l = Pe(void 0), {
+    getDisableCursor: c,
     getResizeAxisId: d,
-    gutters: h,
-    registerSeparator: p,
-    separatorPlacements: m,
-    trackCounts: f,
-    updateSeparatorProps: y
-  } = an(), g = d(e), S = e === "column" ? "row" : "column", z = f[S], b = !!i || !pt(c, f[e]);
-  let R = !0;
-  for (const v of m.values())
-    if (v.axis === e && v.index === c && !v.disabled && v.crossStart < r) {
-      R = !1;
+    gutters: p,
+    registerSeparator: g,
+    separatorPlacements: f,
+    trackCounts: m,
+    updateSeparatorProps: h
+  } = sn(), S = d(e), y = e === "column" ? "row" : "column", z = m[y], b = !!i || !mt(a, m[e]);
+  let E = !0;
+  for (const v of f.values())
+    if (v.axis === e && v.index === a && !v.disabled && v.crossStart < r) {
+      E = !1;
       break;
     }
-  const O = re(
-    (v) => v.axis.id === g && v.axis.items.indexOf(v.items[1]) === c,
-    [g, c]
-  ), A = re(
-    (v) => p(
+  const F = re(
+    (v) => v.axis.id === S && v.axis.items.indexOf(v.items[1]) === a,
+    [S, a]
+  ), N = re(
+    (v) => g(
       {
         axis: e,
         crossSpan: o,
         crossStart: r,
         disabled: !!i,
-        index: c
+        index: a
       },
       v
     ),
-    [e, o, r, i, c, p]
-  ), x = Dn(c), w = kn({
+    [e, o, r, i, a, g]
+  ), w = kn(a), x = An({
     crossCount: z,
     crossSpan: o,
     crossStart: r,
-    hasGutters: h[S]
+    hasGutters: p[y]
   });
   return /* @__PURE__ */ Y(
-    zn,
+    In,
     {
-      axisId: g,
+      axisId: S,
       axisOrientation: e === "column" ? "horizontal" : "vertical",
       className: n,
-      disableCursor: l(),
+      disableCursor: c(),
       disabled: b,
       disableDoubleClick: void 0,
-      elementRef: a,
-      id: u,
-      isSharedHitRegion: O,
-      registerSeparator: A,
+      elementRef: s,
+      id: l,
+      isSharedHitRegion: F,
+      registerSeparator: N,
       requiredStyle: {
-        gridColumn: e === "column" ? x : w,
-        gridRow: e === "row" ? x : w
+        gridColumn: e === "column" ? w : x,
+        gridRow: e === "row" ? w : x
       },
-      style: s,
-      tabIndex: R ? 0 : -1,
-      updateSeparatorProps: y,
+      style: u,
+      tabIndex: E ? 0 : -1,
+      updateSeparatorProps: h,
       children: t
     }
   );
 }
-function In(e) {
+function Ln(e) {
   const { children: t, className: n, disabled: o, elementRef: r, style: i } = e;
   return e.type === "column" ? /* @__PURE__ */ Y(
-    Jt,
+    Kt,
     {
       axis: "column",
       className: n,
@@ -2504,7 +2500,7 @@ function In(e) {
       children: t
     }
   ) : /* @__PURE__ */ Y(
-    Jt,
+    Kt,
     {
       axis: "row",
       className: n,
@@ -2518,41 +2514,41 @@ function In(e) {
     }
   );
 }
-In.displayName = "Gridline";
-const Ce = ["column", "row"], Zt = { columns: {}, rows: {} };
-function So({
+Ln.displayName = "Gridline";
+const Ce = ["column", "row"], Jt = { columns: {}, rows: {} };
+function vo({
   children: e,
   className: t,
   columns: n,
   defaultLayout: o,
   disableCursor: r,
   disabled: i,
-  elementRef: a,
-  gridRef: c,
-  id: s,
-  onLayoutChange: u,
-  onLayoutChanged: l,
+  elementRef: s,
+  gridRef: a,
+  id: u,
+  onLayoutChange: l,
+  onLayoutChanged: c,
   resizeTargetMinimumSize: d = {
     coarse: 20,
     fine: 10
   },
-  rows: h,
-  style: p,
-  ...m
+  rows: p,
+  style: g,
+  ...f
 }) {
-  const f = Te(s), y = re(
-    (L) => L === "column" ? `${f}:columns` : `${f}:rows`,
-    [f]
-  ), g = Qt(n, "columns"), S = Qt(h, "rows"), z = (L) => L === "column" ? g : S, b = B({
-    onLayoutChange: Zt,
-    onLayoutChanged: Zt
-  }), R = Se((L) => {
-    en(b.current.onLayoutChange, L) || (b.current.onLayoutChange = L, u?.(L));
-  }), O = Se(
-    (L, T, F) => {
-      en(b.current.onLayoutChanged, L) || (b.current.onLayoutChanged = L, l?.(L, { isUserInteraction: T, requestedLayout: F }));
-    }
-  ), A = B(null), x = Ve(A, a), [w, v] = wn(), M = B({
+  const m = Pe(u), h = re(
+    (L) => L === "column" ? `${m}:columns` : `${m}:rows`,
+    [m]
+  ), S = Zt(n, "columns"), y = Zt(p, "rows"), z = (L) => L === "column" ? S : y, b = B({
+    onLayoutChange: Jt,
+    onLayoutChanged: Jt
+  }), E = Se((L) => {
+    Qt(b.current.onLayoutChange, L) || (b.current.onLayoutChange = L, l?.(L));
+  }), F = Se(
+    (L, T, G) => {
+      Qt(b.current.onLayoutChanged, L) || (b.current.onLayoutChanged = L, c?.(L, { isUserInteraction: T, requestedLayout: G }));
+    }
+  ), N = B(null), w = He(N, s), [x, v] = zn(), M = B({
     cells: [],
     column: { expandedItemSizes: {}, layouts: {} },
     loggedErrors: /* @__PURE__ */ new Set(),
@@ -2561,84 +2557,84 @@ function So({
   }), k = { column: !1, row: !1 };
   for (const L of M.current.separators.values())
     k[L.axis] = !0;
-  Ln(e, k);
+  Cn(e, k);
   const P = it({
     defaultLayout: o,
     disableCursor: r,
     resizeTargetMinimumSize: d
-  }), $ = Se(() => !!P.disableCursor), C = re(
+  }), A = Se(() => !!P.disableCursor), C = re(
     (L) => {
       const T = M.current;
       return T.cells = [...T.cells, L], v(), () => {
         T.cells = T.cells.filter(
-          (F) => F !== L
+          (G) => G !== L
         ), v();
       };
     },
     [v]
   ), I = re(
     (L, T) => {
-      const F = M.current;
-      return F.separators = new Map(F.separators), F.separators.set(T, L), v(), () => {
-        F.separators = new Map(F.separators), F.separators.delete(T), v();
+      const G = M.current;
+      return G.separators = new Map(G.separators), G.separators.set(T, L), v(), () => {
+        G.separators = new Map(G.separators), G.separators.delete(T), v();
       };
     },
     [v]
-  ), E = re(
+  ), R = re(
     (L, {
       disabled: T,
-      disableDoubleClick: F
+      disableDoubleClick: G
     }) => {
-      for (const G of M.current.separators.keys())
-        G.id === L && (G.disabled = T, G.disableDoubleClick = F);
+      for (const O of M.current.separators.keys())
+        O.id === L && (O.disabled = T, O.disableDoubleClick = G);
     },
     []
-  ), q = M.current.separators, Z = Me(
+  ), q = M.current.separators, K = Me(
     () => ({
-      getDisableCursor: $,
-      getResizeAxisId: y,
+      getDisableCursor: A,
+      getResizeAxisId: h,
       gutters: {
         column: k.column,
         row: k.row
       },
-      id: f,
+      id: m,
       registerCell: C,
       registerSeparator: I,
       separatorPlacements: q,
       trackCounts: {
-        column: g.length,
-        row: S.length
+        column: S.length,
+        row: y.length
       },
-      updateSeparatorProps: E
+      updateSeparatorProps: R
     }),
     [
-      g.length,
-      $,
-      y,
+      S.length,
+      A,
+      h,
       k.column,
       k.row,
-      f,
+      m,
       C,
       I,
-      S.length,
+      y.length,
       q,
-      E
+      R
     ]
   ), X = B([]);
   ne(() => {
-    const L = A.current;
+    const L = N.current;
     if (L === null)
       return;
-    const T = M.current, F = bo({
+    const T = M.current, G = wo({
       cells: T.cells,
       separatorPlacements: T.separators,
-      trackCounts: { column: g.length, row: S.length }
+      trackCounts: { column: S.length, row: y.length }
     });
-    F.forEach((D) => {
-      T.loggedErrors.has(D) || console.error(D);
-    }), T.loggedErrors = new Set(F);
-    const G = (D) => Array.from(T.separators.entries()).filter(([, U]) => U.axis === D).sort(([, U], [, pe]) => U.index - pe.index).map(([U]) => U), _ = (D) => {
-      const U = D === "column" ? g : S, pe = D === "column" ? S : g, he = U.map((Q) => Q.id), Ue = y(D), We = G(D), be = We.length > 0, Ye = U.map(
+    G.forEach(($) => {
+      T.loggedErrors.has($) || console.error($);
+    }), T.loggedErrors = new Set(G);
+    const O = ($) => Array.from(T.separators.entries()).filter(([, U]) => U.axis === $).sort(([, U], [, pe]) => U.index - pe.index).map(([U]) => U), _ = ($) => {
+      const U = $ === "column" ? S : y, pe = $ === "column" ? y : S, he = U.map((Q) => Q.id), Ue = h($), We = O($), be = We.length > 0, Ye = U.map(
         ({ id: Q, ...oe }, ee) => ({
           // Tracks don't have DOM elements of their own;
           // the Grid element is used to resolve relative size constraints (e.g. "em")
@@ -2652,20 +2648,20 @@ function So({
           onResize: void 0,
           constraintProps: oe
         })
-      ), $e = () => {
+      ), Ae = () => {
         const Q = [];
         if (be) {
           for (const [oe, ee] of T.separators)
-            if (ee.axis === D && pt(ee.index, U.length)) {
-              const Ne = oe.element.getBoundingClientRect();
+            if (ee.axis === $ && mt(ee.index, U.length)) {
+              const Oe = oe.element.getBoundingClientRect();
               Q[ee.index] = Math.max(
                 Q[ee.index] ?? 0,
-                D === "column" ? Ne.width : Ne.height
+                $ === "column" ? Oe.width : Oe.height
               );
             }
         }
-        return Nn({
-          axis: D,
+        return Gn({
+          axis: $,
           element: L,
           gutterSizes: Q.filter((oe) => oe !== void 0),
           hasGutters: be,
@@ -2673,13 +2669,13 @@ function So({
           trackIds: he
         });
       };
-      let Oe;
-      const at = P.defaultLayout?.[D === "column" ? "columns" : "rows"];
+      let De;
+      const at = P.defaultLayout?.[$ === "column" ? "columns" : "rows"];
       if (at !== void 0 && Object.keys(at).length === he.length) {
-        Oe = {};
+        De = {};
         for (const Q of he) {
           const oe = at[Q];
-          oe !== void 0 && (Oe[Q] = oe);
+          oe !== void 0 && (De[Q] = oe);
         }
       }
       return {
@@ -2690,34 +2686,34 @@ function So({
           getItemAriaControls: (Q) => {
             const oe = he.indexOf(Q);
             return T.cells.filter((ee) => {
-              const Ne = D === "column" ? ee.column : ee.row, Rn = D === "column" ? ee.columnSpan : ee.rowSpan;
-              return Ne <= oe && oe < Ne + Rn;
+              const Oe = $ === "column" ? ee.column : ee.row, En = $ === "column" ? ee.columnSpan : ee.rowSpan;
+              return Oe <= oe && oe < Oe + En;
             }).map((ee) => ee.element.id).filter(Boolean).join(" ") || void 0;
           },
-          calculateAvailableSize: () => $e().availableSize,
+          calculateAvailableSize: () => Ae().availableSize,
           calculateHitRegions: ({
             expandHitTargets: Q,
             axis: oe,
             includeDisabled: ee
-          }) => On({
-            axis: D,
+          }) => Nn({
+            axis: $,
             cells: T.cells,
             crossTrackCount: pe.length,
             expandHitTargets: Q,
             resizeAxis: oe,
-            axisSize: $e().availableSize,
+            axisSize: Ae().availableSize,
             includeDisabled: ee,
             separatorPlacements: T.separators
           }),
-          getItemSizeInPixels: (Q) => $e().trackSizes[he.indexOf(Q)] ?? 0
+          getItemSizeInPixels: (Q) => Ae().trackSizes[he.indexOf(Q)] ?? 0
         },
         mutableState: {
-          defaultLayout: Oe,
+          defaultLayout: De,
           disableCursor: !!P.disableCursor,
-          expandedItemSizes: T[D].expandedItemSizes,
-          layouts: T[D].layouts
+          expandedItemSizes: T[$].expandedItemSizes,
+          layouts: T[$].layouts
         },
-        orientation: D === "column" ? "horizontal" : "vertical",
+        orientation: $ === "column" ? "horizontal" : "vertical",
         items: Ye,
         resizePreviewMode: "panel",
         get resizeTargetMinimumSize() {
@@ -2727,38 +2723,38 @@ function So({
       };
     }, V = Ce.map(_);
     X.current = V;
-    const j = V.map((D) => bn(D)), te = () => {
-      const [D, U] = V.map(
+    const j = V.map(($) => wn($)), te = () => {
+      const [$, U] = V.map(
         (pe) => ce(pe.id)
       );
-      if (!(!D || !U || D.defaultLayoutDeferred || U.defaultLayoutDeferred))
+      if (!(!$ || !U || $.defaultLayoutDeferred || U.defaultLayoutDeferred))
         return {
-          layout: { columns: D.layout, rows: U.layout },
+          layout: { columns: $.layout, rows: U.layout },
           requestedLayout: {
-            columns: D.requestedLayout,
+            columns: $.requestedLayout,
             rows: U.requestedLayout
           }
         };
     };
     {
-      const D = te();
-      if (D)
+      const $ = te();
+      if ($)
         try {
           try {
-            R(D.layout);
+            E($.layout);
           } finally {
-            O(
-              D.layout,
+            F(
+              $.layout,
               !1,
-              D.requestedLayout
+              $.requestedLayout
             );
           }
         } catch (U) {
           throw X.current = [], j.forEach((pe) => pe()), U;
         }
     }
-    const Ae = V.map(
-      (D) => Be(D.id, (U) => {
+    const ke = V.map(
+      ($) => _e($.id, (U) => {
         const {
           defaultLayoutDeferred: pe,
           derivedItemConstraints: he,
@@ -2769,20 +2765,20 @@ function So({
           return;
         xn({
           derivedItemConstraints: he,
-          axis: D,
+          axis: $,
           layout: Ue,
           prevLayout: U.prev?.layout,
           requestedLayout: We
         });
         const be = te();
         if (be) {
-          const Ye = ie(), $e = Ye.state !== "active" || !Ye.hitRegions.some(
-            (Oe) => V.includes(Oe.axis)
+          const Ye = ie(), Ae = Ye.state !== "active" || !Ye.hitRegions.some(
+            (De) => V.includes(De.axis)
           );
           try {
-            R(be.layout);
+            E(be.layout);
           } finally {
-            $e && O(
+            Ae && F(
               be.layout,
               U.isUserInteraction,
               be.requestedLayout
@@ -2792,38 +2788,38 @@ function So({
       })
     );
     return () => {
-      X.current = [], j.forEach((D) => D()), Ae.forEach((D) => D());
+      X.current = [], j.forEach(($) => $()), ke.forEach(($) => $());
     };
   }, [
-    g,
+    S,
     i,
+    h,
+    m,
+    F,
+    E,
     y,
-    f,
-    O,
-    R,
-    S,
-    w,
+    x,
     P
-  ]), He(() => {
+  ]), qe(() => {
     X.current.forEach((L) => {
       L.mutableState.defaultLayout = o?.[L.orientation === "horizontal" ? "columns" : "rows"], L.mutableState.disableCursor = !!r;
     });
-  }), mt(c, () => {
+  }), ft(a, () => {
     const L = () => {
-      const [G, _] = Ce.map(y);
-      return !Re(G) || !Re(_) ? { columns: {}, rows: {} } : {
-        columns: _e({
-          axisId: G
+      const [O, _] = Ce.map(h);
+      return !Re(O) || !Re(_) ? { columns: {}, rows: {} } : {
+        columns: Fe({
+          axisId: O
         }).getLayout(),
-        rows: _e({ axisId: _ }).getLayout()
+        rows: Fe({ axisId: _ }).getLayout()
       };
-    }, T = (G) => G.map((_) => `"${_}"`).join(", "), F = (G, _) => {
-      const V = y(G), j = () => {
+    }, T = (O) => O.map((_) => `"${_}"`).join(", "), G = (O, _) => {
+      const V = h(O), j = () => {
         const te = Re(V);
-        return N(te, `Grid "${f}" has not been mounted`), N(
-          te.items.some((Ae) => Ae.id === _),
-          `Grid "${f}" no longer contains a ${G} with id "${_}"; ${G} ids are ${T(te.items.map((Ae) => Ae.id))}`
-        ), zt({ axisId: V, itemId: _ });
+        return D(te, `Grid "${m}" has not been mounted`), D(
+          te.items.some((ke) => ke.id === _),
+          `Grid "${m}" no longer contains a ${O} with id "${_}"; ${O} ids are ${T(te.items.map((ke) => ke.id))}`
+        ), It({ axisId: V, itemId: _ });
       };
       return {
         collapse: () => j().collapse(),
@@ -2835,101 +2831,101 @@ function So({
     };
     return {
       getLayout: L,
-      getTrackById: (G, _) => {
-        const V = G === "column" ? g : S, j = `${_}`;
-        return N(
+      getTrackById: (O, _) => {
+        const V = O === "column" ? S : y, j = `${_}`;
+        return D(
           V.some((te) => te.id === j),
-          `Grid "${f}" does not contain a ${G} with id "${j}"; ${G} ids are ${T(V.map((te) => te.id))}`
-        ), F(G, j);
+          `Grid "${m}" does not contain a ${O} with id "${j}"; ${O} ids are ${T(V.map((te) => te.id))}`
+        ), G(O, j);
       },
-      getTrackByIndex: (G, _) => {
-        const V = G === "column" ? g : S, j = Number.isInteger(_) ? V[_] : void 0;
-        return N(
+      getTrackByIndex: (O, _) => {
+        const V = O === "column" ? S : y, j = Number.isInteger(_) ? V[_] : void 0;
+        return D(
           j,
-          `Grid "${f}" does not contain a ${G} at index ${_}; it has ${V.length} ${G}s`
-        ), F(G, j.id);
+          `Grid "${m}" does not contain a ${O} at index ${_}; it has ${V.length} ${O}s`
+        ), G(O, j.id);
       },
-      setLayout: (G) => (Ce.forEach((_) => {
-        const V = G[_ === "column" ? "columns" : "rows"], j = y(_);
-        V && Re(j) && _e({ axisId: j }).setLayout(V);
+      setLayout: (O) => (Ce.forEach((_) => {
+        const V = O[_ === "column" ? "columns" : "rows"], j = h(_);
+        V && Re(j) && Fe({ axisId: j }).setLayout(V);
       }), L())
     };
-  }, [g, y, f, S]);
-  const K = () => Ce.map((L) => {
-    const T = ce(y(L)), F = z(L);
-    return (T && !T.defaultLayoutDeferred ? F.map((_) => `minmax(0, ${T.layout[_.id] ?? 1}fr)`) : vo(
-      F,
+  }, [S, h, m, y]);
+  const J = () => Ce.map((L) => {
+    const T = ce(h(L)), G = z(L);
+    return (T && !T.defaultLayoutDeferred ? G.map((_) => `minmax(0, ${T.layout[_.id] ?? 1}fr)`) : bo(
+      G,
       o?.[L === "column" ? "columns" : "rows"]
     )).join(k[L] ? " auto " : " ");
   }).join("|"), ae = re(
     (L) => {
       const T = Ce.map(
-        (F) => Be(y(F), L)
+        (G) => _e(h(G), L)
       );
-      return () => T.forEach((F) => F());
+      return () => T.forEach((G) => G());
     },
-    [y]
-  ), we = tt(
+    [h]
+  ), xe = tt(
     ae,
-    K,
-    K
-  ), [ke, ze] = we.split("|");
-  return /* @__PURE__ */ Y(sn.Provider, { value: Z, children: /* @__PURE__ */ Y(
+    J,
+    J
+  ), [$e, ze] = xe.split("|");
+  return /* @__PURE__ */ Y(rn.Provider, { value: K, children: /* @__PURE__ */ Y(
     "div",
     {
-      ...m,
+      ...f,
       className: t,
       "data-grid": !0,
-      "data-testid": je(m, s),
-      id: f,
-      ref: x,
+      "data-testid": Ve(f, u),
+      id: m,
+      ref: w,
       style: {
         height: "100%",
         width: "100%",
         overflow: "hidden",
-        ...p,
+        ...g,
         display: "grid",
-        gridTemplateColumns: ke,
+        gridTemplateColumns: $e,
         gridTemplateRows: ze,
         // Inform the browser that the library is handling touch events for this element
         // NOTE This is not an inherited style
         touchAction: "none"
       },
-      children: /* @__PURE__ */ Y(It.Provider, { value: null, children: e })
+      children: /* @__PURE__ */ Y(Lt.Provider, { value: null, children: e })
     }
   ) });
 }
-So.displayName = "Grid";
-function Qt(e, t) {
+vo.displayName = "Grid";
+function Zt(e, t) {
   const n = JSON.stringify(e);
   return Me(() => {
     const o = typeof e == "number" ? Array.from({ length: e }, (r, i) => ({ id: `${i}` })) : e.map((r, i) => ({
       ...r,
       id: `${r.id ?? i}`
     }));
-    return N(
+    return D(
       o.length > 0,
       `Grid must have at least one track; "${t}" is ${n}`
     ), o;
   }, [n]);
 }
-function Ln(e, t) {
-  Pn.forEach(e, (n) => {
-    if (rn(n))
-      if (n.type === In) {
+function Cn(e, t) {
+  Tn.forEach(e, (n) => {
+    if (on(n))
+      if (n.type === Ln) {
         const { type: o } = n.props;
         o === "column" ? t.column = !0 : o === "row" && (t.row = !0);
       } else // Fragments
-      typeof n.type == "symbol" && n.props !== null && typeof n.props == "object" && "children" in n.props && Ln(n.props.children, t);
+      typeof n.type == "symbol" && n.props !== null && typeof n.props == "object" && "children" in n.props && Cn(n.props.children, t);
   });
 }
-function vo(e, t) {
+function bo(e, t) {
   if (t)
     return e.map(
       (i) => `minmax(0, ${t[i.id] ?? 1}fr)`
     );
   const n = e.map(
-    (i) => i.defaultSize === void 0 ? void 0 : cn(i.defaultSize)
+    (i) => i.defaultSize === void 0 ? void 0 : an(i.defaultSize)
   );
   let o = 100, r = 0;
   return n.forEach((i) => {
@@ -2937,74 +2933,74 @@ function vo(e, t) {
   }), n.map((i) => {
     if (i === void 0)
       return `minmax(0, ${Math.max(0, o) / Math.max(1, r)}fr)`;
-    const [a, c] = i;
-    return c === "%" ? `minmax(0, ${a}fr)` : `${a}${c}`;
+    const [s, a] = i;
+    return a === "%" ? `minmax(0, ${s}fr)` : `${s}${a}`;
   });
 }
-function bo({
+function wo({
   cells: e,
   separatorPlacements: t,
   trackCounts: n
 }) {
   const o = [];
-  for (const c of e)
-    Ce.forEach((s) => {
-      const [u, l] = s === "column" ? [c.column, c.columnSpan] : [c.row, c.rowSpan], d = n[s];
-      (!Number.isInteger(u) || !Number.isInteger(l) || u < 0 || l < 1 || u + l > d) && o.push(
-        `Invalid Cell ${s} placement (${s}: ${u}, ${s}Span: ${l}); Grid has ${d} ${s}s`
+  for (const a of e)
+    Ce.forEach((u) => {
+      const [l, c] = u === "column" ? [a.column, a.columnSpan] : [a.row, a.rowSpan], d = n[u];
+      (!Number.isInteger(l) || !Number.isInteger(c) || l < 0 || c < 1 || l + c > d) && o.push(
+        `Invalid Cell ${u} placement (${u}: ${l}, ${u}Span: ${c}); Grid has ${d} ${u}s`
       );
     });
   const r = ({
-    axis: c,
-    crossSpan: s,
-    crossStart: u,
-    disabled: l,
+    axis: a,
+    crossSpan: u,
+    crossStart: l,
+    disabled: c,
     index: d
   }) => {
-    const h = c === "column" ? "row" : "column";
-    let p = `type="${c}" ${c}={${d}}`;
-    return (u !== 0 || s !== void 0) && (p += ` ${h}={${u}}`), s !== void 0 && (p += ` ${h}Span={${s}}`), l && (p += " disabled"), `<Gridline ${p} />`;
+    const p = a === "column" ? "row" : "column";
+    let g = `type="${a}" ${a}={${d}}`;
+    return (l !== 0 || u !== void 0) && (g += ` ${p}={${l}}`), u !== void 0 && (g += ` ${p}Span={${u}}`), c && (g += " disabled"), `<Gridline ${g} />`;
   }, i = Array.from(t.values()).filter(
-    (c) => {
-      const { axis: s, crossSpan: u, crossStart: l, index: d } = c, h = s === "column" ? "row" : "column", p = n[s], m = n[h];
-      let f = !0;
-      return pt(d, p) || (o.push(
-        `Invalid ${s} Gridline ${s} (${d}); must be between 1 and ${p - 1}`
-      ), f = !1), !Number.isInteger(l) || l < 0 || l >= m ? (o.push(
-        `Invalid ${s} Gridline ${h} (${l}); must be between 0 and ${m - 1}`
-      ), f = !1) : u !== void 0 && (!Number.isInteger(u) || u < 1 || l + u > m) && (o.push(
-        `Invalid ${s} Gridline ${h}Span (${u}); Grid has ${m} ${h}s`
-      ), f = !1), f;
-    }
-  ), a = (c) => {
-    const s = n[c.axis === "column" ? "row" : "column"];
+    (a) => {
+      const { axis: u, crossSpan: l, crossStart: c, index: d } = a, p = u === "column" ? "row" : "column", g = n[u], f = n[p];
+      let m = !0;
+      return mt(d, g) || (o.push(
+        `Invalid ${u} Gridline ${u} (${d}); must be between 1 and ${g - 1}`
+      ), m = !1), !Number.isInteger(c) || c < 0 || c >= f ? (o.push(
+        `Invalid ${u} Gridline ${p} (${c}); must be between 0 and ${f - 1}`
+      ), m = !1) : l !== void 0 && (!Number.isInteger(l) || l < 1 || c + l > f) && (o.push(
+        `Invalid ${u} Gridline ${p}Span (${l}); Grid has ${f} ${p}s`
+      ), m = !1), m;
+    }
+  ), s = (a) => {
+    const u = n[a.axis === "column" ? "row" : "column"];
     return [
-      c.crossStart,
-      c.crossSpan === void 0 ? s : c.crossStart + c.crossSpan
+      a.crossStart,
+      a.crossSpan === void 0 ? u : a.crossStart + a.crossSpan
     ];
   };
-  return i.forEach((c, s) => {
-    const { axis: u, index: l } = c, [d, h] = a(c);
-    for (const p of e) {
-      const [m, f, y, g] = u === "column" ? [p.column, p.columnSpan, p.row, p.rowSpan] : [p.row, p.rowSpan, p.column, p.columnSpan];
-      if (m < l && l < m + f && y < h && d < y + g) {
-        const S = u === "column" ? "row" : "column";
+  return i.forEach((a, u) => {
+    const { axis: l, index: c } = a, [d, p] = s(a);
+    for (const g of e) {
+      const [f, m, h, S] = l === "column" ? [g.column, g.columnSpan, g.row, g.rowSpan] : [g.row, g.rowSpan, g.column, g.columnSpan];
+      if (f < c && c < f + m && h < p && d < h + S) {
+        const y = l === "column" ? "row" : "column";
         o.push(
-          `${r(c)} overlaps a Cell that spans across it (${u}: ${m}, ${u}Span: ${f}, ${S}: ${y}, ${S}Span: ${g}); use the ${S} and ${S}Span props to render gridlines beside the Cell instead`
+          `${r(a)} overlaps a Cell that spans across it (${l}: ${f}, ${l}Span: ${m}, ${y}: ${h}, ${y}Span: ${S}); use the ${y} and ${y}Span props to render gridlines beside the Cell instead`
         );
       }
     }
-    for (const p of i.slice(s + 1))
-      if (p.axis === u && p.index === l) {
-        const [m, f] = a(p);
-        m < h && d < f && o.push(`${r(c)} overlaps ${r(p)}`);
+    for (const g of i.slice(u + 1))
+      if (g.axis === l && g.index === c) {
+        const [f, m] = s(g);
+        f < p && d < m && o.push(`${r(a)} overlaps ${r(g)}`);
       }
   }), o;
 }
-function en(e, t) {
+function Qt(e, t) {
   return se(e.columns, t.columns) && se(e.rows, t.rows);
 }
-function _o({
+function Bo({
   id: e,
   onlySaveAfterUserInteractions: t,
   storage: n = localStorage
@@ -3016,21 +3012,21 @@ function _o({
   ), i = Me(() => {
     if (r)
       try {
-        const c = JSON.parse(r);
-        if (c !== null && typeof c == "object")
-          return c;
+        const a = JSON.parse(r);
+        if (a !== null && typeof a == "object")
+          return a;
       } catch {
       }
-  }, [r]), a = re(
-    (c, s) => {
-      if (!(t && !s.isUserInteraction))
+  }, [r]), s = re(
+    (a, u) => {
+      if (!(t && !u.isUserInteraction))
         try {
           n.setItem(
             o,
-            JSON.stringify(s.requestedLayout ?? c)
+            JSON.stringify(u.requestedLayout ?? a)
           );
-        } catch (u) {
-          console.error(u);
+        } catch (l) {
+          console.error(l);
         }
     },
     [t, n, o]
@@ -3043,44 +3039,44 @@ function _o({
     /**
      * Attach this callback on the `Grid` as the `onLayoutChanged` prop.
      */
-    onLayoutChanged: a
+    onLayoutChanged: s
   };
 }
 function xo() {
   return function() {
   };
 }
-function Bo() {
+function qo() {
   return ge(null);
 }
-function qo() {
+function Ho() {
   return B(null);
 }
-function wo(e) {
+function zo(e) {
   for (let t = 1; t < e.length; t++)
-    if (yt(e[t - 1], e[t]) > 0)
+    if (gt(e[t - 1], e[t]) > 0)
       return !1;
   return !0;
 }
-function zo({
+function Io({
   separator: e
 }) {
   const { element: t } = e, n = B(null);
   return ne(() => {
-    const o = t.cloneNode(!0), r = [t, ...t.querySelectorAll("*")], i = [o, ...o.querySelectorAll("*")], a = t.ownerDocument.defaultView;
-    return r.forEach((c, s) => {
-      const u = i[s];
-      if (u instanceof a.HTMLElement || u instanceof a.SVGElement) {
-        const l = a.getComputedStyle(c);
-        for (let d = 0; d < l.length; d++) {
-          const h = l.item(d);
-          u.style.setProperty(
-            h,
-            l.getPropertyValue(h)
+    const o = t.cloneNode(!0), r = [t, ...t.querySelectorAll("*")], i = [o, ...o.querySelectorAll("*")], s = t.ownerDocument.defaultView;
+    return r.forEach((a, u) => {
+      const l = i[u];
+      if (l instanceof s.HTMLElement || l instanceof s.SVGElement) {
+        const c = s.getComputedStyle(a);
+        for (let d = 0; d < c.length; d++) {
+          const p = c.item(d);
+          l.style.setProperty(
+            p,
+            c.getPropertyValue(p)
           );
         }
       }
-      u.removeAttribute("data-testid"), u.removeAttribute("id");
+      l.removeAttribute("data-testid"), l.removeAttribute("id");
     }), Object.assign(o.style, {
       boxSizing: "border-box",
       height: "100%",
@@ -3103,23 +3099,23 @@ function zo({
   );
 }
 function st() {
-  const e = on(It);
-  return N(
+  const e = nn(Lt);
+  return D(
     e,
     "Group Context not found; did you render a Panel or Separator outside of a Group?"
   ), e;
 }
-function Cn(e) {
+function Rn(e) {
   const { registerOverlay: t } = st(), n = B(e);
-  vn(n.current, e) || (n.current = e);
+  Sn(n.current, e) || (n.current = e);
   const o = n.current;
   return ne(
     () => t(o),
     [t, o]
   ), null;
 }
-Cn.displayName = "SeparatorOverlay";
-function Io({
+Rn.displayName = "SeparatorOverlay";
+function Lo({
   active: e,
   orientation: t,
   style: n,
@@ -3156,20 +3152,20 @@ function Io({
     }
   );
 }
-function Lo({
+function Co({
   overlay: e,
   preview: t
 }) {
-  const { axis: n, offset: o, rect: r, separator: i } = t, a = n.orientation === "horizontal";
-  let c = i?.preview, s = e;
-  return rn(c) && c.type === Cn && (s = c.props, c = void 0), c == null && (s ? c = /* @__PURE__ */ Y(
-    Io,
+  const { axis: n, offset: o, rect: r, separator: i } = t, s = n.orientation === "horizontal";
+  let a = i?.preview, u = e;
+  return on(a) && a.type === Rn && (u = a.props, a = void 0), a == null && (u ? a = /* @__PURE__ */ Y(
+    Lo,
     {
-      ...s,
+      ...u,
       active: t.active,
       orientation: n.orientation
     }
-  ) : i && (c = /* @__PURE__ */ Y(zo, { separator: i }))), /* @__PURE__ */ Y(
+  ) : i && (a = /* @__PURE__ */ Y(Io, { separator: i }))), /* @__PURE__ */ Y(
     "div",
     {
       "aria-hidden": "true",
@@ -3181,243 +3177,245 @@ function Lo({
         pointerEvents: "none",
         position: "absolute",
         top: r.top,
-        transform: a ? `translateX(${o}px)` : `translateY(${o}px)`,
+        transform: s ? `translateX(${o}px)` : `translateY(${o}px)`,
         width: r.width
       },
-      children: c
+      children: a
     }
   );
 }
-function Co(e) {
-  return Array.from(e).sort(yt);
+function Ro(e) {
+  return Array.from(e).sort(gt);
 }
-function Ro(e, t) {
+function Eo(e, t) {
   const n = B({
     getLayout: () => ({}),
-    setLayout: Bn
+    setLayout: qn
   });
-  mt(t, () => n.current, []), ne(() => {
+  ft(t, () => n.current, []), ne(() => {
     Object.assign(
       n.current,
-      _e({ axisId: e })
+      Fe({ axisId: e })
     );
   });
 }
-function Eo({
+function Mo({
   groupId: e,
   resizePreviewMode: t
 }) {
   const [n, o] = ge([]), r = B(n);
   return ne(() => {
-    const i = (c) => {
-      const s = Re(e), u = t === "separator" && c.state === "active" ? c.previews.filter(
-        (d) => d.axis === s && (d.active || !W(d.offset, 0))
-      ) : [], l = r.current;
-      l.length === u.length && u.every(
-        (d, h) => d === l[h]
-      ) || (r.current = u, o(u));
+    const i = (a) => {
+      const u = Re(e), l = t === "separator" && a.state === "active" ? a.previews.filter(
+        (d) => d.axis === u && (d.active || !W(d.offset, 0))
+      ) : [], c = r.current;
+      c.length === l.length && l.every(
+        (d, p) => d === c[p]
+      ) || (r.current = l, o(l));
     };
     if (t !== "separator") {
       i(ie());
       return;
     }
-    const a = gt(
-      ({ next: c }) => i(c)
+    const s = ht(
+      ({ next: a }) => i(a)
     );
-    return i(ie()), a;
+    return i(ie()), s;
   }, [e, t]), n;
 }
-function Mo({
+function Po({
   children: e,
   className: t,
   defaultLayout: n,
   disableCursor: o,
   disabled: r,
   elementRef: i,
-  groupRef: a,
-  id: c,
-  onLayoutChange: s,
-  onLayoutChanged: u,
-  orientation: l = "horizontal",
+  groupRef: s,
+  id: a,
+  onLayoutChange: u,
+  onLayoutChanged: l,
+  orientation: c = "horizontal",
   resizePreviewMode: d = "panel",
-  resizeTargetMinimumSize: h = {
+  resizeTargetMinimumSize: p = {
     coarse: 20,
     fine: 10
   },
-  style: p,
-  ...m
+  style: g,
+  ...f
 }) {
-  const f = B({
+  const m = B({
     onLayoutChange: {},
     onLayoutChanged: {}
-  }), y = Se((I) => {
-    se(f.current.onLayoutChange, I) || (f.current.onLayoutChange = I, s?.(I));
-  }), g = Se(
-    (I, E, q) => {
-      se(f.current.onLayoutChanged, I) || (f.current.onLayoutChanged = I, u?.(I, { isUserInteraction: E, requestedLayout: q }));
-    }
-  ), S = Te(c), [z, b] = ge(), R = Eo({
-    groupId: S,
+  }), h = Se((I) => {
+    se(m.current.onLayoutChange, I) || (m.current.onLayoutChange = I, u?.(I));
+  }), S = Se(
+    (I, R, q) => {
+      se(m.current.onLayoutChanged, I) || (m.current.onLayoutChanged = I, l?.(I, { isUserInteraction: R, requestedLayout: q }));
+    }
+  ), y = Pe(a), [z, b] = ge(), E = Mo({
+    groupId: y,
     resizePreviewMode: d
-  }), O = B(null), [A, x] = wn(), w = B([]), v = B({
+  }), F = B(null), [N, w] = zn(), x = B([]), v = B({
     lastExpandedPanelSizes: {},
     layouts: {},
     panels: [],
     separators: []
-  }), M = Ve(O, i);
-  Ro(S, a);
+  }), M = He(F, i);
+  Eo(y, s);
   const k = Se(
-    (I, E) => {
+    (I, R) => {
       const q = ce(I);
       if (q)
         return {
-          flexGrow: q.layout[E] ?? 1
+          flexGrow: q.layout[R] ?? 1
         };
-      if (n?.[E])
+      if (n?.[R])
         return {
-          flexGrow: n?.[E]
+          flexGrow: n?.[R]
         };
     }
   ), P = it({
     defaultLayout: n,
     disableCursor: o,
-    resizeTargetMinimumSize: h
-  }), $ = Me(
+    resizeTargetMinimumSize: p
+  }), A = Me(
     () => ({
       get disableCursor() {
         return !!P.disableCursor;
       },
       getPanelStyles: k,
-      id: S,
-      orientation: l,
+      id: y,
+      orientation: c,
       registerPanel: (I) => {
-        const E = v.current;
-        return E.panels = Ge(l, [
-          ...E.panels,
+        const R = v.current;
+        return R.panels = Ne(c, [
+          ...R.panels,
           I
-        ]), x(), () => {
-          E.panels = E.panels.filter(
+        ]), w(), () => {
+          R.panels = R.panels.filter(
             (q) => q !== I
-          ), x();
+          ), w();
         };
       },
       registerOverlay: (I) => (b(I), () => {
         b(void 0);
       }),
       registerSeparator: (I) => {
-        const E = v.current;
-        return E.separators = Ge(l, [
-          ...E.separators,
+        const R = v.current;
+        return R.separators = Ne(c, [
+          ...R.separators,
           I
-        ]), x(), () => {
-          E.separators = E.separators.filter(
+        ]), w(), () => {
+          R.separators = R.separators.filter(
             (q) => q !== I
-          ), x();
+          ), w();
         };
       },
-      updatePanelProps: (I, { disabled: E }) => {
-        const Z = v.current.panels.find(
+      updatePanelProps: (I, { disabled: R }) => {
+        const K = v.current.panels.find(
           (ae) => ae.id === I
         );
-        Z && (Z.constraintProps.disabled = E);
-        const X = Re(S), K = ce(S);
-        X && K && me(X, {
-          ...K,
-          derivedItemConstraints: ft(X)
+        if (!K || K.constraintProps.disabled === R)
+          return;
+        K.constraintProps.disabled = R;
+        const X = Re(y), J = ce(y);
+        X && J && me(X, {
+          ...J,
+          derivedItemConstraints: St(X)
         });
       },
       updateSeparatorProps: (I, {
-        disabled: E,
+        disabled: R,
         disableDoubleClick: q
       }) => {
         const X = v.current.separators.find(
-          (K) => K.id === I
+          (J) => J.id === I
         );
-        X && (X.disabled = E, X.disableDoubleClick = q);
+        X && (X.disabled = R, X.disableDoubleClick = q);
       }
     }),
-    [k, S, x, l, P]
+    [k, y, w, c, P]
   ), C = B(null);
   return ne(() => {
-    const I = O.current;
+    const I = F.current;
     if (I === null)
       return;
-    const E = v.current;
-    E.panels = Ge(
-      l,
-      E.panels
-    ), E.separators = Ge(
-      l,
-      E.separators
-    ), w.current = Co([
-      ...E.panels.map(({ element: L }) => L),
-      ...E.separators.map(({ element: L }) => L)
+    const R = v.current;
+    R.panels = Ne(
+      c,
+      R.panels
+    ), R.separators = Ne(
+      c,
+      R.separators
+    ), x.current = Ro([
+      ...R.panels.map(({ element: L }) => L),
+      ...R.separators.map(({ element: L }) => L)
     ]);
     let q;
-    if (P.defaultLayout !== void 0 && Object.keys(P.defaultLayout).length === E.panels.length) {
+    if (P.defaultLayout !== void 0 && Object.keys(P.defaultLayout).length === R.panels.length) {
       q = {};
-      for (const L of E.panels) {
+      for (const L of R.panels) {
         const T = P.defaultLayout[L.id];
         T !== void 0 && (q[L.id] = T);
       }
     }
-    const Z = {
+    const K = {
       disabled: !!r,
       element: I,
-      id: S,
+      id: y,
       mutableState: {
         defaultLayout: q,
         disableCursor: !!P.disableCursor,
         expandedItemSizes: v.current.lastExpandedPanelSizes,
         layouts: v.current.layouts
       },
-      orientation: l,
-      items: E.panels,
+      orientation: c,
+      items: R.panels,
       resizePreviewMode: d,
       get resizeTargetMinimumSize() {
         return P.resizeTargetMinimumSize;
       },
-      separators: E.separators
+      separators: R.separators
     };
-    C.current = Z;
-    const X = bn(Z), {
-      defaultLayoutDeferred: K,
+    C.current = K;
+    const X = wn(K), {
+      defaultLayoutDeferred: J,
       derivedItemConstraints: ae,
-      layout: we,
-      requestedLayout: ke
-    } = ce(Z.id, !0);
-    if (!K && ae.length > 0)
+      layout: xe,
+      requestedLayout: $e
+    } = ce(K.id, !0);
+    if (!J && ae.length > 0)
       try {
         try {
-          y(we);
+          h(xe);
         } finally {
-          g(we, !1, ke);
+          S(xe, !1, $e);
         }
       } catch (L) {
         throw C.current = null, X(), L;
       }
-    const ze = Be(S, (L) => {
+    const ze = _e(y, (L) => {
       const {
         defaultLayoutDeferred: T,
-        derivedItemConstraints: F,
-        layout: G,
+        derivedItemConstraints: G,
+        layout: O,
         requestedLayout: _
       } = L.next;
-      if (T || F.length === 0)
+      if (T || G.length === 0)
         return;
       xn({
-        derivedItemConstraints: F,
-        axis: Z,
-        layout: G,
+        derivedItemConstraints: G,
+        axis: K,
+        layout: O,
         prevLayout: L.prev?.layout,
         requestedLayout: _
       });
-      const V = ie(), j = V.state !== "active" || !V.hitRegions.some((te) => te.axis === Z);
+      const V = ie(), j = V.state !== "active" || !V.hitRegions.some((te) => te.axis === K);
       try {
-        y(G);
+        h(O);
       } finally {
-        j && g(
-          G,
+        j && S(
+          O,
           L.isUserInteraction,
           _
         );
@@ -3428,46 +3426,46 @@ function Mo({
     };
   }, [
     r,
-    S,
-    g,
     y,
-    l,
-    A,
+    S,
+    h,
+    c,
+    N,
     d,
     P
   ]), ne(() => {
-    wo(w.current) || x();
-  }), He(() => {
+    zo(x.current) || w();
+  }), qe(() => {
     const I = C.current;
     I && (I.mutableState.defaultLayout = n, I.mutableState.disableCursor = !!o);
-  }), /* @__PURE__ */ Y(It.Provider, { value: $, children: /* @__PURE__ */ En(
+  }), /* @__PURE__ */ Y(Lt.Provider, { value: A, children: /* @__PURE__ */ Mn(
     "div",
     {
-      ...m,
+      ...f,
       className: t,
       "data-group": !0,
-      "data-testid": je(m, c),
-      id: S,
+      "data-testid": Ve(f, a),
+      id: y,
       ref: M,
       style: {
         height: "100%",
         width: "100%",
         overflow: "hidden",
         position: d === "separator" ? "relative" : void 0,
-        ...p,
+        ...g,
         display: "flex",
-        flexDirection: l === "horizontal" ? "row" : "column",
+        flexDirection: c === "horizontal" ? "row" : "column",
         flexWrap: "nowrap",
         // Inform the browser that the library is handling touch events for this element
         // but still allow users to scroll content within panels in the non-resizing direction
         // NOTE This is not an inherited style
         // See github.com/bvaughn/react-resizable-panels/issues/662
-        touchAction: l === "horizontal" ? "pan-y" : "pan-x"
+        touchAction: c === "horizontal" ? "pan-y" : "pan-x"
       },
       children: [
         e,
-        R.map((I) => /* @__PURE__ */ Y(
-          Lo,
+        E.map((I) => /* @__PURE__ */ Y(
+          Co,
           {
             overlay: z,
             preview: I
@@ -3478,11 +3476,11 @@ function Mo({
     }
   ) });
 }
-Mo.displayName = "Group";
+Po.displayName = "Group";
 function Qe(e, t) {
   return `react-resizable-panels:${[e, ...t].join(":")}`;
 }
-function Po({
+function To({
   id: e,
   panelIds: t,
   storage: n
@@ -3492,24 +3490,24 @@ function Po({
     try {
       const i = JSON.parse(r);
       if (t) {
-        const a = t.join(","), c = i[a];
-        if (c && Array.isArray(c.layout) && t.length === c.layout.length) {
-          const s = {};
-          for (let u = 0; u < t.length; u++)
-            s[t[u]] = c.layout[u];
-          return s;
+        const s = t.join(","), a = i[s];
+        if (a && Array.isArray(a.layout) && t.length === a.layout.length) {
+          const u = {};
+          for (let l = 0; l < t.length; l++)
+            u[t[l]] = a.layout[l];
+          return u;
         }
       } else {
-        const a = Object.keys(i);
-        if (a.length === 1) {
-          const c = i[a[0]];
-          if (c && Array.isArray(c.layout)) {
-            const s = a[0].split(",");
-            if (s.length === c.layout.length) {
-              const u = {};
-              for (let l = 0; l < s.length; l++)
-                u[s[l]] = c.layout[l];
-              return u;
+        const s = Object.keys(i);
+        if (s.length === 1) {
+          const a = i[s[0]];
+          if (a && Array.isArray(a.layout)) {
+            const u = s[0].split(",");
+            if (u.length === a.layout.length) {
+              const l = {};
+              for (let c = 0; c < u.length; c++)
+                l[u[c]] = a.layout[c];
+              return l;
             }
           }
         }
@@ -3517,70 +3515,70 @@ function Po({
     } catch {
     }
 }
-function Ho({
+function Vo({
   debounceSaveMs: e = 100,
   onlySaveAfterUserInteractions: t,
   panelIds: n,
   storage: o = localStorage,
   ...r
 }) {
-  const i = n !== void 0, a = "id" in r ? r.id : r.groupId, c = Qe(a, n ?? []), s = tt(
-    To,
-    () => o.getItem(c),
-    () => o.getItem(c)
-  ), u = Me(() => {
-    if (s) {
-      const y = JSON.parse(s), g = Object.values(y);
-      if (Array.from(g).every((S) => typeof S == "number"))
-        return y;
-    }
-  }, [s]), l = Me(() => {
-    if (!u)
-      return Po({
-        id: a,
+  const i = n !== void 0, s = "id" in r ? r.id : r.groupId, a = Qe(s, n ?? []), u = tt(
+    $o,
+    () => o.getItem(a),
+    () => o.getItem(a)
+  ), l = Me(() => {
+    if (u) {
+      const h = JSON.parse(u), S = Object.values(h);
+      if (Array.from(S).every((y) => typeof y == "number"))
+        return h;
+    }
+  }, [u]), c = Me(() => {
+    if (!l)
+      return To({
+        id: s,
         panelIds: n,
         storage: o
       });
-  }, [u, a, n, o]), d = u ?? l, h = B(null), p = re(() => {
-    const y = h.current;
-    y && (h.current = null, clearTimeout(y));
+  }, [l, s, n, o]), d = l ?? c, p = B(null), g = re(() => {
+    const h = p.current;
+    h && (p.current = null, clearTimeout(h));
   }, []);
-  tn(() => () => {
-    p();
-  }, [p]);
-  const m = re(
+  en(() => () => {
+    g();
+  }, [g]);
+  const f = re(
     // The hook persists every layout commit -- including library-driven ones --
     // because it owns its own storage and the goal is to remember whatever
     // layout the user is currently looking at. Consumers that only want to
     // persist on user interaction should branch on `isUserInteraction` in
     // their own callback (see #716) rather than via this hook.
-    (y, g) => {
-      if (t && !g.isUserInteraction)
+    (h, S) => {
+      if (t && !S.isUserInteraction)
         return;
-      p();
-      const S = g.requestedLayout ?? y;
+      g();
+      const y = S.requestedLayout ?? h;
       let z;
-      i ? z = Qe(a, Object.keys(S)) : z = Qe(a, []);
+      i ? z = Qe(s, Object.keys(y)) : z = Qe(s, []);
       try {
-        o.setItem(z, JSON.stringify(S));
+        o.setItem(z, JSON.stringify(y));
       } catch (b) {
         console.error(b);
       }
     },
     [
-      p,
+      g,
       i,
-      a,
+      s,
       t,
       o
     ]
-  ), f = re(
-    (y) => {
-      p(), e === 0 ? m(y, { isUserInteraction: !1 }) : h.current = setTimeout(() => {
-        m(y, { isUserInteraction: !1 });
+  ), m = re(
+    (h) => {
+      g(), e === 0 ? f(h, { isUserInteraction: !1 }) : p.current = setTimeout(() => {
+        f(h, { isUserInteraction: !1 });
       }, e);
     },
-    [p, e, m]
+    [g, e, f]
   );
   return {
     /**
@@ -3592,24 +3590,24 @@ function Ho({
      *
      * @deprecated Use the {@link onLayoutChanged} prop instead.
      */
-    onLayoutChange: f,
+    onLayoutChange: m,
     /**
      * Attach this callback on the `Group` as the `onLayoutChanged` prop.
      */
-    onLayoutChanged: m
+    onLayoutChanged: f
   };
 }
-function To() {
+function $o() {
   return function() {
   };
 }
-function Vo() {
+function jo() {
   return ge(null);
 }
-function jo() {
+function Uo() {
   return B(null);
 }
-function Do(e, t) {
+function ko(e, t) {
   const { id: n } = st(), o = B({
     collapse: ct,
     expand: ct,
@@ -3620,42 +3618,42 @@ function Do(e, t) {
     isCollapsed: () => !1,
     resize: ct
   });
-  mt(t, () => o.current, []), ne(() => {
+  ft(t, () => o.current, []), ne(() => {
     Object.assign(
       o.current,
-      zt({ axisId: n, itemId: e })
+      It({ axisId: n, itemId: e })
     );
   });
 }
-function ko({
+function Ao({
   children: e,
   className: t,
   collapsedSize: n = "0%",
   collapsedThreshold: o,
   collapsible: r = !1,
   defaultSize: i,
-  disabled: a,
-  elementRef: c,
-  groupResizeBehavior: s = "preserve-relative-size",
-  id: u,
-  maxSize: l = "100%",
+  disabled: s,
+  elementRef: a,
+  groupResizeBehavior: u = "preserve-relative-size",
+  id: l,
+  maxSize: c = "100%",
   minSize: d = "0%",
-  onResize: h,
-  panelRef: p,
-  style: m,
-  ...f
+  onResize: p,
+  panelRef: g,
+  style: f,
+  ...m
 }) {
-  const y = et(u), g = Te(u), S = it({
-    disabled: a
-  }), z = B(null), b = Ve(z, c), {
-    getPanelStyles: R,
-    id: O,
-    orientation: A,
-    registerPanel: x,
-    updatePanelProps: w
-  } = st(), v = h !== null, M = Se(
-    (C, I, E) => {
-      h?.(C, u, E);
+  const h = et(l), S = Pe(l), y = it({
+    disabled: s
+  }), z = B(null), b = He(z, a), {
+    getPanelStyles: E,
+    id: F,
+    orientation: N,
+    registerPanel: w,
+    updatePanelProps: x
+  } = st(), v = p !== null, M = Se(
+    (C, I, R) => {
+      p?.(C, l, R);
     }
   );
   ne(() => {
@@ -3663,73 +3661,73 @@ function ko({
     if (C !== null) {
       const I = {
         element: C,
-        id: g,
-        idIsStable: y,
+        id: S,
+        idIsStable: h,
         mutableValues: {
           expandToSize: void 0,
           prevSize: void 0
         },
         onResize: v ? M : void 0,
         constraintProps: {
-          groupResizeBehavior: s,
+          groupResizeBehavior: u,
           collapsedSize: n,
           collapsedThreshold: o,
           collapsible: r,
           defaultSize: i,
-          disabled: S.disabled,
-          maxSize: l,
+          disabled: y.disabled,
+          maxSize: c,
           minSize: d
         }
       };
-      return x(I);
+      return w(I);
     }
   }, [
-    s,
+    u,
     n,
     o,
     r,
     i,
     v,
-    g,
-    y,
-    l,
+    S,
+    h,
+    c,
     d,
     M,
-    x,
-    S
-  ]), He(() => {
-    w(g, { disabled: a });
-  }, [a, g, w]), Do(g, p);
+    w,
+    y
+  ]), qe(() => {
+    x(S, { disabled: s });
+  }, [s, S, x]), ko(S, g);
   const k = () => {
-    const C = R(O, g);
+    const C = E(F, S);
     if (C)
       return JSON.stringify(C);
   }, P = tt(
-    (C) => Be(O, C),
+    (C) => _e(F, C),
     k,
     k
   );
-  let $;
-  return P ? $ = JSON.parse(P) : i !== void 0 ? $ = {
+  let A;
+  return P ? A = JSON.parse(P) : i !== void 0 ? A = {
     flexGrow: void 0,
     flexShrink: void 0,
     flexBasis: i
-  } : $ = { flexGrow: 1 }, /* @__PURE__ */ Y(
+  } : A = { flexGrow: 1 }, /* @__PURE__ */ Y(
     "div",
     {
-      ...f,
-      "data-disabled": a || void 0,
+      ...m,
+      "data-disabled": s || void 0,
       "data-panel": !0,
-      "data-testid": je(f, u),
-      id: g,
+      "data-testid": Ve(m, l),
+      id: S,
       ref: b,
       style: {
-        ...Ao,
+        ...Do,
         display: "flex",
         flexBasis: 0,
         flexShrink: 1,
         overflow: "visible",
-        ...$
+        ...A
       },
       children: /* @__PURE__ */ Y(
         "div",
@@ -3740,12 +3738,12 @@ function ko({
             maxWidth: "100%",
             flexGrow: 1,
             overflow: "auto",
-            ...m,
+            ...f,
             // Inform the browser that the library is handling touch events for this element
             // but still allow users to scroll content within panels in the non-resizing direction
             // NOTE This is not an inherited style
             // See github.com/bvaughn/react-resizable-panels/issues/662
-            touchAction: A === "horizontal" ? "pan-y" : "pan-x"
+            touchAction: N === "horizontal" ? "pan-y" : "pan-x"
           },
           children: e
         }
@@ -3753,8 +3751,8 @@ function ko({
     }
   );
 }
-ko.displayName = "Panel";
-const Ao = {
+Ao.displayName = "Panel";
+const Do = {
   minHeight: 0,
   maxHeight: "100%",
   height: "auto",
@@ -3766,71 +3764,71 @@ const Ao = {
   padding: 0,
   margin: 0
 };
-function Uo() {
+function Wo() {
   return ge(null);
 }
-function Wo() {
+function Yo() {
   return B(null);
 }
-const $o = { flexBasis: "auto" }, Oo = { flexGrow: 0, flexShrink: 0 };
-function No({
+const Oo = { flexBasis: "auto" }, No = { flexGrow: 0, flexShrink: 0 };
+function Go({
   children: e,
   className: t,
   disabled: n,
   disableDoubleClick: o,
   elementRef: r,
   id: i,
-  preview: a,
-  style: c,
-  ...s
+  preview: s,
+  style: a,
+  ...u
 }) {
-  const u = Te(i), {
-    disableCursor: l,
+  const l = Pe(i), {
+    disableCursor: c,
     id: d,
-    orientation: h,
-    registerSeparator: p,
-    updateSeparatorProps: m
+    orientation: p,
+    registerSeparator: g,
+    updateSeparatorProps: f
   } = st();
   return /* @__PURE__ */ Y(
-    zn,
+    In,
     {
-      attributes: s,
+      attributes: u,
       axisId: d,
-      axisOrientation: h,
+      axisOrientation: p,
       className: t,
-      "data-testid": je(s, i),
-      disableCursor: l,
+      "data-testid": Ve(u, i),
+      disableCursor: c,
       disabled: n,
       disableDoubleClick: o,
       elementRef: r,
-      id: u,
-      preview: a,
-      registerSeparator: p,
-      requiredStyle: Oo,
-      style: c,
-      styleDefaults: $o,
-      updateSeparatorProps: m,
+      id: l,
+      preview: s,
+      registerSeparator: g,
+      requiredStyle: No,
+      style: a,
+      styleDefaults: Oo,
+      updateSeparatorProps: f,
       children: e
     }
   );
 }
-No.displayName = "Separator";
+Go.displayName = "Separator";
 export {
-  An as Cell,
-  So as Grid,
-  In as Gridline,
-  Mo as Group,
-  ko as Panel,
-  No as Separator,
-  Cn as SeparatorOverlay,
-  $n as isCoarsePointer,
-  _o as useDefaultGridLayout,
-  Ho as useDefaultLayout,
-  Bo as useGridCallbackRef,
-  qo as useGridRef,
-  Vo as useGroupCallbackRef,
-  jo as useGroupRef,
-  Uo as usePanelCallbackRef,
-  Wo as usePanelRef
+  Dn as Cell,
+  vo as Grid,
+  Ln as Gridline,
+  Po as Group,
+  Ao as Panel,
+  Go as Separator,
+  Rn as SeparatorOverlay,
+  On as isCoarsePointer,
+  Bo as useDefaultGridLayout,
+  Vo as useDefaultLayout,
+  qo as useGridCallbackRef,
+  Ho as useGridRef,
+  jo as useGroupCallbackRef,
+  Uo as useGroupRef,
+  Wo as usePanelCallbackRef,
+  Yo as usePanelRef
 };
 //# sourceMappingURL=react-resizable-panels.js.map