react-resizable-panels 4.14.2 → 4.14.4

package/dist/react-resizable-panels.js

@@ -1,13 +1,13 @@
 "use client";
-import { jsx as K, jsxs as dn } from "react/jsx-runtime";
-import { useId as fn, useLayoutEffect as Nt, useEffect as Be, useRef as q, useCallback as re, createContext as Gt, useContext as _t, useState as pe, useMemo as Pe, useImperativeHandle as it, useSyncExternalStore as Xe, Children as mn, isValidElement as Ft } from "react";
-function $e(e) {
-  const t = fn();
+import { jsx as X, jsxs as Cn } from "react/jsx-runtime";
+import { useId as Rn, useLayoutEffect as Qt, useEffect as He, useRef as B, useCallback as re, createContext as en, useContext as tn, useState as he, useMemo as Pe, useImperativeHandle as dt, useSyncExternalStore as Qe, Children as En, isValidElement as nn } from "react";
+function De(e) {
+  const t = Rn();
   return `${e ?? t}`;
 }
-const ne = typeof window < "u" ? Nt : Be;
-function he(e) {
-  const t = q(e);
+const ne = typeof window < "u" ? Qt : He;
+function ye(e) {
+  const t = B(e);
   return ne(() => {
     t.current = e;
   }, [e]), re(
@@ -16,7 +16,7 @@ function he(e) {
   );
 }
 function Ve(...e) {
-  return he((t) => {
+  return ye((t) => {
     e.forEach((n) => {
       if (n)
         switch (typeof n) {
@@ -32,20 +32,20 @@ function Ve(...e) {
     });
   });
 }
-function tt(e, t) {
+function at(e, t) {
   return t ? e * 2 + 1 : e + 1;
 }
-function pn(e, t) {
+function Mn(e, t) {
   return t ? e * 2 - 1 : e;
 }
-function pt(e, t, n) {
-  const o = tt(e, n);
-  return t === void 0 ? `${o} / -1` : `${o} / span ${pn(t, n)}`;
+function zt(e, t, n) {
+  const o = at(e, n);
+  return t === void 0 ? `${o} / -1` : `${o} / span ${Mn(t, n)}`;
 }
-function hn(e) {
+function Pn(e) {
   return `${e * 2} / span 1`;
 }
-function gn({
+function Tn({
   crossCount: e,
   crossSpan: t,
   crossStart: n,
@@ -54,25 +54,25 @@ function gn({
   const r = t === void 0 ? e : n + t;
   if (n === 0 && r === e)
     return "1 / -1";
-  let i = tt(n, o), s = tt(r - 1, o) + 1;
+  let i = at(n, o), s = at(r - 1, o) + 1;
   return o && (n > 0 && i--, r < e && s++), `${i} / ${s}`;
 }
-function st(e, t) {
+function ft(e, t) {
   return Number.isInteger(e) && e >= 1 && e < t;
 }
-function T(e, t = "Assertion error") {
+function O(e, t = "Assertion error") {
   if (!e)
     throw Error(t);
 }
-const qt = Gt(null);
-function Bt() {
-  const e = _t(qt);
-  return T(
+const on = en(null);
+function rn() {
+  const e = tn(on);
+  return O(
     e,
     "Grid Context not found; did you render a Cell or Gridline outside of a Grid?"
   ), e;
 }
-function yn({
+function Dn({
   children: e,
   className: t,
   column: n,
@@ -80,55 +80,55 @@ function yn({
   elementRef: r,
   id: i,
   row: s,
-  rowSpan: l = 1,
+  rowSpan: c = 1,
   style: a,
-  ...c
+  ...u
 }) {
-  const u = $e(i), { gutters: d, registerCell: g } = Bt(), m = q(null), y = Ve(m, r);
+  const l = De(i), { gutters: d, registerCell: g } = rn(), p = B(null), m = Ve(p, r);
   return ne(() => {
-    const f = m.current;
+    const f = p.current;
     if (f !== null)
       return g({
         column: n,
         columnSpan: o,
         element: f,
-        id: u,
+        id: l,
         row: s,
-        rowSpan: l
+        rowSpan: c
       });
-  }, [n, o, u, g, s, l]), /* @__PURE__ */ K(
+  }, [n, o, l, g, s, c]), /* @__PURE__ */ X(
     "div",
     {
-      ...c,
+      ...u,
       className: t,
       "data-cell": !0,
-      "data-testid": u,
-      id: u,
-      ref: y,
+      "data-testid": l,
+      id: l,
+      ref: m,
       style: {
         overflow: "auto",
         ...a,
         // Allow cells to shrink smaller than their content
         minHeight: 0,
         minWidth: 0,
-        gridColumn: pt(n, o, d.column),
-        gridRow: pt(s, l, d.row)
+        gridColumn: zt(n, o, d.column),
+        gridRow: zt(s, c, d.row)
       },
       children: e
     }
   );
 }
-yn.displayName = "Cell";
-let We;
-function Sn() {
-  return We === void 0 && (typeof matchMedia == "function" ? We = !!matchMedia("(pointer:coarse)").matches : We = !1), We;
+Dn.displayName = "Cell";
+let Ye;
+function kn() {
+  return Ye === void 0 && (typeof matchMedia == "function" ? Ye = !!matchMedia("(pointer:coarse)").matches : Ye = !1), Ye;
 }
-function nt({
+function ct({
   expandHitTargets: e,
   axis: t,
   rect: n
 }) {
-  const o = e ? Sn() ? t.resizeTargetMinimumSize.coarse : t.resizeTargetMinimumSize.fine : 0;
+  const o = e ? kn() ? t.resizeTargetMinimumSize.coarse : t.resizeTargetMinimumSize.fine : 0;
   if (n.width < o) {
     const r = o - n.width;
     n = new DOMRect(
@@ -149,7 +149,7 @@ function nt({
   }
   return n;
 }
-function ht({
+function It({
   axis: e,
   cells: t,
   index: n,
@@ -157,25 +157,25 @@ function ht({
 }) {
   let r = [o];
   for (const i of t) {
-    const s = e === "column" ? i.column : i.row, l = e === "column" ? i.columnSpan : i.rowSpan;
-    if (s >= n || s + l <= n)
+    const s = e === "column" ? i.column : i.row, c = e === "column" ? i.columnSpan : i.rowSpan;
+    if (s >= n || s + c <= n)
       continue;
-    const a = i.element.getBoundingClientRect(), c = e === "column" ? a.top : a.left, u = e === "column" ? a.bottom : a.right;
-    u <= c || (r = r.flatMap((d) => {
-      const g = e === "column" ? d.top : d.left, m = e === "column" ? d.bottom : d.right;
-      if (c >= m || u <= g)
+    const a = i.element.getBoundingClientRect(), u = e === "column" ? a.top : a.left, l = e === "column" ? a.bottom : a.right;
+    l <= u || (r = r.flatMap((d) => {
+      const g = e === "column" ? d.top : d.left, p = e === "column" ? d.bottom : d.right;
+      if (u >= p || l <= g)
         return [d];
-      const y = [], f = (S, p) => {
-        y.push(
-          e === "column" ? new DOMRect(d.x, S, d.width, p - S) : new DOMRect(S, d.y, p - S, d.height)
+      const m = [], f = (y, h) => {
+        m.push(
+          e === "column" ? new DOMRect(d.x, y, d.width, h - y) : new DOMRect(y, d.y, h - y, d.height)
         );
       };
-      return g < c && f(g, c), m > u && f(u, m), y;
+      return g < u && f(g, u), p > l && f(l, p), m;
     }));
   }
   return r;
 }
-function vn({
+function An({
   axis: e,
   cells: t,
   crossTrackCount: n,
@@ -183,82 +183,82 @@ function vn({
   resizeAxis: r,
   axisSize: i,
   includeDisabled: s,
-  separatorPlacements: l
+  separatorPlacements: c
 }) {
-  const { items: a, separators: c } = r, u = a.length;
-  let d = -1, g = -1, m = 0;
+  const { items: a, separators: u } = r, l = a.length;
+  let d = -1, g = -1, p = 0;
   if (a.forEach((b, w) => {
-    b.constraintProps.disabled || (m++, d === -1 && (d = w), g = w);
-  }), !s && m < 2)
+    b.constraintProps.disabled || (p++, d === -1 && (d = w), g = w);
+  }), !s && p < 2)
     return [];
-  const y = (b) => s || b > d && b <= g, f = [], S = (b, w, v) => ({
+  const m = (b) => s || b > d && b <= g, f = [], y = (b, w, v) => ({
     axis: r,
     axisSize: i,
     items: [a[b - 1], a[b]],
     rect: w,
     separator: v
-  }), p = (b, w) => {
+  }), h = (b, w) => {
     let v;
-    for (const $ of t) {
-      const O = e === "column" ? $.row : $.column, R = e === "column" ? $.rowSpan : $.columnSpan;
-      if (w === "start" ? O === b : O + R - 1 === b) {
-        const E = $.element.getBoundingClientRect();
+    for (const T of t) {
+      const A = e === "column" ? T.row : T.column, E = e === "column" ? T.rowSpan : T.columnSpan;
+      if (w === "start" ? A === b : A + E - 1 === b) {
+        const D = T.element.getBoundingClientRect();
         if (w === "start") {
-          const P = e === "column" ? E.top : E.left;
-          v = v === void 0 ? P : Math.min(v, P);
+          const C = e === "column" ? D.top : D.left;
+          v = v === void 0 ? C : Math.min(v, C);
         } else {
-          const P = e === "column" ? E.bottom : E.right;
-          v = v === void 0 ? P : Math.max(v, P);
+          const C = e === "column" ? D.bottom : D.right;
+          v = v === void 0 ? C : Math.max(v, C);
         }
       }
     }
     return v;
-  }, h = /* @__PURE__ */ new Set();
-  for (const b of c) {
-    const w = l.get(b);
-    if (!w || w.index < 1 || w.index >= u || (h.add(w.index), !s && (b.disabled || b.element.hasAttribute("aria-disabled"))) || !y(w.index))
+  }, S = /* @__PURE__ */ new Set();
+  for (const b of u) {
+    const w = c.get(b);
+    if (!w || w.index < 1 || w.index >= l || (S.add(w.index), !s && (b.disabled || b.element.hasAttribute("aria-disabled"))) || !m(w.index))
       continue;
     let v = b.element.getBoundingClientRect();
-    const { crossSpan: $, crossStart: O } = w, R = $ === void 0 ? n : O + $;
-    let E = e === "column" ? v.top : v.left, P = e === "column" ? v.bottom : v.right;
-    if (O > 0) {
-      const z = p(O - 1, "end");
-      z !== void 0 && z < E && (E = z);
+    const { crossSpan: T, crossStart: A } = w, E = T === void 0 ? n : A + T;
+    let D = e === "column" ? v.top : v.left, C = e === "column" ? v.bottom : v.right;
+    if (A > 0) {
+      const I = h(A - 1, "end");
+      I !== void 0 && I < D && (D = I);
     }
-    if (R < n) {
-      const z = p(R, "start");
-      z !== void 0 && z > P && (P = z);
+    if (E < n) {
+      const I = h(E, "start");
+      I !== void 0 && I > C && (C = I);
     }
-    v = e === "column" ? new DOMRect(v.x, E, v.width, P - E) : new DOMRect(E, v.y, P - E, v.height), v = nt({ expandHitTargets: o, axis: r, rect: v }), s ? f.push(S(w.index, v, b)) : ht({
+    v = e === "column" ? new DOMRect(v.x, D, v.width, C - D) : new DOMRect(D, v.y, C - D, v.height), v = ct({ expandHitTargets: o, axis: r, rect: v }), s ? f.push(y(w.index, v, b)) : It({
       axis: e,
       cells: t,
       index: w.index,
       rect: v
-    }).forEach((z) => {
-      f.push(S(w.index, z, b));
+    }).forEach((I) => {
+      f.push(y(w.index, I, b));
     });
   }
-  const I = (b, w) => {
-    ht({
+  const z = (b, w) => {
+    It({
       axis: e,
       cells: t,
       index: b,
-      rect: nt({ expandHitTargets: o, axis: r, rect: w })
+      rect: ct({ expandHitTargets: o, axis: r, rect: w })
     }).forEach((v) => {
-      f.push(S(b, v));
+      f.push(y(b, v));
     });
   }, x = Array.from(
     { length: n },
-    () => new Array(u)
+    () => new Array(l)
   );
   for (const b of t) {
-    const [w, v, $, O] = e === "column" ? [b.column, b.columnSpan, b.row, b.rowSpan] : [b.row, b.rowSpan, b.column, b.columnSpan];
-    for (let R = Math.max(0, $); R < Math.min(n, $ + O); R++)
-      for (let E = Math.max(0, w); E < Math.min(u, w + v); E++)
-        x[R][E] ??= b;
+    const [w, v, T, A] = e === "column" ? [b.column, b.columnSpan, b.row, b.rowSpan] : [b.row, b.rowSpan, b.column, b.columnSpan];
+    for (let E = Math.max(0, T); E < Math.min(n, T + A); E++)
+      for (let D = Math.max(0, w); D < Math.min(l, w + v); D++)
+        x[E][D] ??= b;
   }
-  const C = /* @__PURE__ */ new Map(), N = (b) => {
-    let w = C.get(b);
+  const R = /* @__PURE__ */ new Map(), N = (b) => {
+    let w = R.get(b);
     if (!w) {
       const v = b.element.getBoundingClientRect();
       w = e === "column" ? {
@@ -271,48 +271,48 @@ function vn({
         crossStart: v.left,
         end: v.bottom,
         start: v.top
-      }, C.set(b, w);
+      }, R.set(b, w);
     }
     return w;
-  }, D = ({ crossEnd: b, crossStart: w, end: v, start: $ }) => e === "column" ? new DOMRect($, w, v - $, b - w) : new DOMRect(w, $, b - w, v - $);
-  for (let b = 1; b < u; b++) {
-    if (h.has(b) || !y(b))
+  }, $ = ({ crossEnd: b, crossStart: w, end: v, start: T }) => e === "column" ? new DOMRect(T, w, v - T, b - w) : new DOMRect(w, T, b - w, v - T);
+  for (let b = 1; b < l; b++) {
+    if (S.has(b) || !m(b))
       continue;
     let w;
     for (let v = 0; v < n; v++) {
-      const $ = x[v][b - 1], O = x[v][b];
-      let R;
-      if (($ || O) && $ !== O) {
-        const E = $ ? N($) : void 0, P = O ? N(O) : void 0, z = E?.end ?? P.start, M = P?.start ?? E.end, B = Math.max(
-          E?.crossStart ?? -1 / 0,
-          P?.crossStart ?? -1 / 0
+      const T = x[v][b - 1], A = x[v][b];
+      let E;
+      if ((T || A) && T !== A) {
+        const D = T ? N(T) : void 0, C = A ? N(A) : void 0, I = D?.end ?? C.start, M = C?.start ?? D.end, q = Math.max(
+          D?.crossStart ?? -1 / 0,
+          C?.crossStart ?? -1 / 0
         ), J = Math.min(
-          E?.crossEnd ?? 1 / 0,
-          P?.crossEnd ?? 1 / 0
+          D?.crossEnd ?? 1 / 0,
+          C?.crossEnd ?? 1 / 0
         );
-        R = {
-          crossEnd: Math.max(B, J),
-          crossStart: B,
-          end: Math.max(z, M),
-          start: Math.min(z, M)
+        E = {
+          crossEnd: Math.max(q, J),
+          crossStart: q,
+          end: Math.max(I, M),
+          start: Math.min(I, M)
         };
       }
-      R ? w = w ? {
-        crossEnd: Math.max(w.crossEnd, R.crossEnd),
-        crossStart: Math.min(w.crossStart, R.crossStart),
-        end: Math.max(w.end, R.end),
-        start: Math.min(w.start, R.start)
-      } : R : w && (I(b, D(w)), w = void 0);
-    }
-    w && I(b, D(w));
+      E ? w = w ? {
+        crossEnd: Math.max(w.crossEnd, E.crossEnd),
+        crossStart: Math.min(w.crossStart, E.crossStart),
+        end: Math.max(w.end, E.end),
+        start: Math.min(w.start, E.start)
+      } : E : w && (z(b, $(w)), w = void 0);
+    }
+    w && z(b, $(w));
   }
   return f;
 }
-function ae(e) {
+function ce(e) {
   const t = parseFloat(e ?? "");
   return Number.isFinite(t) ? t : 0;
 }
-function bn({
+function $n({
   axis: e,
   element: t,
   gutterSizes: n,
@@ -320,31 +320,31 @@ function bn({
   layout: r,
   trackIds: i
 }) {
-  const s = i.length, l = o ? s * 2 - 1 : s, a = t.ownerDocument.defaultView?.getComputedStyle(t), c = e === "column" ? a?.gridTemplateColumns : a?.gridTemplateRows;
-  if (c) {
-    const f = c.trim().split(/\s+/);
-    if (f.length === l && f.every((S) => /^-?[\d.]+px$/.test(S))) {
-      const S = i.map(
-        (p, h) => ae(f[o ? h * 2 : h])
+  const s = i.length, c = o ? s * 2 - 1 : s, a = t.ownerDocument.defaultView?.getComputedStyle(t), u = e === "column" ? a?.gridTemplateColumns : a?.gridTemplateRows;
+  if (u) {
+    const f = u.trim().split(/\s+/);
+    if (f.length === c && f.every((y) => /^-?[\d.]+px$/.test(y))) {
+      const y = i.map(
+        (h, S) => ce(f[o ? S * 2 : S])
       );
       return {
-        availableSize: S.reduce((p, h) => p + h, 0),
-        trackSizes: S
+        availableSize: y.reduce((h, S) => h + S, 0),
+        trackSizes: y
       };
     }
   }
-  const u = e === "column" ? t.offsetWidth : t.offsetHeight, d = e === "column" ? ae(a?.paddingLeft) + ae(a?.paddingRight) + ae(a?.borderLeftWidth) + ae(a?.borderRightWidth) : ae(a?.paddingTop) + ae(a?.paddingBottom) + ae(a?.borderTopWidth) + ae(a?.borderBottomWidth), g = ae(e === "column" ? a?.columnGap : a?.rowGap), m = n.reduce((f, S) => f + S, 0), y = Math.max(
+  const l = e === "column" ? t.offsetWidth : t.offsetHeight, d = e === "column" ? ce(a?.paddingLeft) + ce(a?.paddingRight) + ce(a?.borderLeftWidth) + ce(a?.borderRightWidth) : ce(a?.paddingTop) + ce(a?.paddingBottom) + ce(a?.borderTopWidth) + ce(a?.borderBottomWidth), g = ce(e === "column" ? a?.columnGap : a?.rowGap), p = n.reduce((f, y) => f + y, 0), m = Math.max(
     0,
-    u - d - g * Math.max(0, l - 1) - m
+    l - d - g * Math.max(0, c - 1) - p
   );
   return {
-    availableSize: y,
+    availableSize: m,
     trackSizes: i.map(
-      (f) => r && r[f] !== void 0 ? r[f] / 100 * y : y / s
+      (f) => r && r[f] !== void 0 ? r[f] / 100 * m : m / s
     )
   };
 }
-function Vt(e) {
+function sn(e) {
   switch (typeof e) {
     case "number":
       return [e, "px"];
@@ -354,7 +354,7 @@ function Vt(e) {
     }
   }
 }
-class Ht {
+class an {
   #e = {};
   addListener(t, n) {
     const o = this.#e[t];
@@ -364,23 +364,24 @@ class Ht {
   }
   emit(t, n) {
     const o = this.#e[t];
-    if (o !== void 0)
-      if (o.length === 1)
+    if (o !== void 0) {
+      if (o.length === 1) {
         o[0].call(null, n);
-      else {
-        let r = !1, i = null;
-        const s = Array.from(o);
-        for (let l = 0; l < s.length; l++) {
-          const a = s[l];
-          try {
-            a.call(null, n);
-          } catch (c) {
-            i === null && (r = !0, i = c);
-          }
+        return;
+      }
+      let r;
+      const i = Array.from(o);
+      for (let s = 0; s < i.length; s++) {
+        const c = i[s];
+        try {
+          c.call(null, n);
+        } catch (a) {
+          r ??= { error: a };
         }
-        if (r)
-          throw i;
       }
+      if (r)
+        throw r.error;
+    }
   }
   removeAllListeners() {
     this.#e = {};
@@ -397,66 +398,64 @@ let V = {
   cursorFlags: 0,
   state: "inactive"
 };
-const at = new Ht();
-function de() {
+const mt = new an();
+function ie() {
   return V;
 }
-function jt(e) {
-  return at.addListener("change", e);
+function pt(e) {
+  return mt.addListener("change", e);
 }
-function xn(e, t = [], n, o = !1) {
+function On(e, t = [], n, o = !1) {
   const r = V, i = { ...V };
-  i.cursorFlags = e, i.state === "active" && (i.didPointerMove ||= o, i.previews = t, n && (i.previewLayoutMap = n)), V = i, at.emit("change", {
+  i.cursorFlags = e, i.state === "active" && (i.didPointerMove ||= o, i.previews = t, n && (i.previewLayoutMap = n)), V = i, mt.emit("change", {
     prev: r,
     next: i
   });
 }
-function ue(e) {
+function de(e) {
   const t = V;
   V = e, t.state === "active" && e.state !== "active" && t.didPointerMove && t.hitRegions.forEach(({ separator: n }) => {
     n && n.element.ownerDocument.activeElement === n.element && n.element.blur();
-  }), at.emit("change", {
+  }), mt.emit("change", {
     prev: t,
     next: e
   });
 }
-function wn(e) {
-  V.state !== "active" || !V.previews.some((t) => t.separator === e) || ue({
+function Nn(e) {
+  V.state !== "active" || !V.previews.some((t) => t.separator === e) || de({
     ...V,
     previews: V.previews.map(
       (t) => t.separator === e ? { ...t } : t
     )
   });
 }
-function zn(e) {
+function Gn(e) {
   if (V.state === "inactive")
-    return !1;
+    return;
   const t = V.hitRegions.filter((o) => o.axis !== e), n = V.state === "active" && V.previews.some((o) => o.axis === e);
-  if (t.length === V.hitRegions.length && !n)
-    return !1;
-  if (t.length === 0)
-    ue({ cursorFlags: 0, state: "inactive" });
-  else if (V.state === "active") {
-    const o = new Map(V.initialLayoutMap), r = new Map(V.previewLayoutMap);
-    o.delete(e), r.delete(e), ue({
-      ...V,
-      cursorFlags: 0,
-      hitRegions: t,
-      initialLayoutMap: o,
-      previewLayoutMap: r,
-      previews: V.previews.filter((i) => i.axis !== e)
-    });
-  } else
-    ue({ ...V, hitRegions: t });
-  return !0;
+  if (!(t.length === V.hitRegions.length && !n))
+    if (t.length === 0)
+      de({ cursorFlags: 0, state: "inactive" });
+    else if (V.state === "active") {
+      const o = new Map(V.initialLayoutMap), r = new Map(V.previewLayoutMap);
+      o.delete(e), r.delete(e), de({
+        ...V,
+        cursorFlags: 0,
+        hitRegions: t,
+        initialLayoutMap: o,
+        previewLayoutMap: r,
+        previews: V.previews.filter((i) => i.axis !== e)
+      });
+    } else
+      de({ ...V, hitRegions: t });
 }
-const In = (e) => e, et = () => {
-}, Ut = 1, Wt = 2, Yt = 4, Kt = 8, gt = 3, yt = 12;
-let Ye;
-function St() {
-  return Ye === void 0 && (Ye = !1, typeof window < "u" && (window.navigator.userAgent.includes("Chrome") || window.navigator.userAgent.includes("Firefox")) && (Ye = !0)), Ye;
+const Fn = (e) => e, st = () => {
+}, cn = 1, ln = 2, un = 4, dn = 8, Lt = 3, Ct = 12;
+let Xe;
+function Rt() {
+  return Xe === void 0 && (Xe = !1, typeof window < "u" && (window.navigator.userAgent.includes("Chrome") || window.navigator.userAgent.includes("Firefox")) && (Xe = !0)), Xe;
 }
-function Ln({
+function _n({
   cursorFlags: e,
   axes: t,
   state: n
@@ -482,13 +481,13 @@ function Ln({
   if (!(o === 0 && r === 0)) {
     switch (n) {
       case "active": {
-        if (e && St()) {
-          const i = (e & Ut) !== 0, s = (e & Wt) !== 0, l = (e & Yt) !== 0, a = (e & Kt) !== 0;
+        if (e && Rt()) {
+          const i = (e & cn) !== 0, s = (e & ln) !== 0, c = (e & un) !== 0, a = (e & dn) !== 0;
           if (i)
-            return l ? "se-resize" : a ? "ne-resize" : "e-resize";
+            return c ? "se-resize" : a ? "ne-resize" : "e-resize";
           if (s)
-            return l ? "sw-resize" : a ? "nw-resize" : "w-resize";
-          if (l)
+            return c ? "sw-resize" : a ? "nw-resize" : "w-resize";
+          if (c)
             return "s-resize";
           if (a)
             return "n-resize";
@@ -496,23 +495,23 @@ function Ln({
         break;
       }
     }
-    return St() ? o > 0 && r > 0 ? "move" : o > 0 ? "ew-resize" : "ns-resize" : o > 0 && r > 0 ? "grab" : o > 0 ? "col-resize" : "row-resize";
+    return Rt() ? o > 0 && r > 0 ? "move" : o > 0 ? "ew-resize" : "ns-resize" : o > 0 && r > 0 ? "grab" : o > 0 ? "col-resize" : "row-resize";
   }
 }
-const vt = /* @__PURE__ */ new WeakMap();
-function _e(e) {
+const Et = /* @__PURE__ */ new WeakMap();
+function Mt(e) {
   if (!e.defaultView || !e.adoptedStyleSheets)
     return;
-  let { prevStyle: t, styleSheet: n } = vt.get(e) ?? {};
+  let { prevStyle: t, styleSheet: n } = Et.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
   ]));
-  const o = de();
-  switch (o.state) {
+  let o = ie();
+  switch (o.state !== "inactive" && o.ownerDocument !== e && (o = { cursorFlags: 0, state: "inactive" }), o.state) {
     case "active":
     case "hover": {
-      const r = Ln({
+      const r = _n({
         cursorFlags: o.cursorFlags,
         axes: o.hitRegions.map((s) => s.axis),
         state: o.state
@@ -527,39 +526,49 @@ function _e(e) {
       break;
     }
   }
-  vt.set(e, {
+  Et.set(e, {
     prevStyle: t,
     styleSheet: n
   });
 }
-function ke({
+function Pt(e) {
+  return e.state === "inactive" ? void 0 : e.ownerDocument;
+}
+function Bn({
+  next: e,
+  prev: t
+}) {
+  const n = Pt(t), o = Pt(e);
+  n && n !== o && Mt(n), o && Mt(o);
+}
+function Te({
   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 lt(e, t) {
+function ht(e, t) {
   const n = e.compareDocumentPosition(t);
   return n & Node.DOCUMENT_POSITION_DISCONNECTED ? 0 : n & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : n & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;
 }
-function Ne(e, t) {
+function Ge(e, t) {
   return Array.from(t).sort((n, o) => {
-    const r = e === "horizontal" ? Cn(n, o) : Rn(n, o);
-    return r !== 0 ? r : lt(n.element, o.element);
+    const r = e === "horizontal" ? qn(n, o) : Hn(n, o);
+    return r !== 0 ? r : ht(n.element, o.element);
   });
 }
-function Cn(e, t) {
+function qn(e, t) {
   const n = e.element.offsetLeft - t.element.offsetLeft;
   return n !== 0 ? n : e.element.offsetWidth - t.element.offsetWidth;
 }
-function Rn(e, t) {
+function Hn(e, t) {
   const n = e.element.offsetTop - t.element.offsetTop;
   return n !== 0 ? n : e.element.offsetHeight - t.element.offsetHeight;
 }
-function ot(e) {
+function lt(e) {
   return e !== null && typeof e == "object" && "nodeType" in e && e.nodeType === Node.ELEMENT_NODE;
 }
-function Xt(e, t) {
+function fn(e, t) {
   return {
     x: e.x >= t.left && e.x <= t.right ? 0 : Math.min(
       Math.abs(e.x - t.left),
@@ -571,7 +580,7 @@ function Xt(e, t) {
     )
   };
 }
-function Mn({
+function Vn({
   orientation: e,
   rects: t,
   targetRect: n
@@ -582,12 +591,12 @@ function Mn({
   };
   let r, i = Number.MAX_VALUE;
   for (const s of t) {
-    const { x: l, y: a } = Xt(o, s), c = e === "horizontal" ? l : a;
-    c < i && (i = c, r = s);
+    const { x: c, y: a } = fn(o, s), u = e === "horizontal" ? c : a;
+    u < i && (i = u, r = s);
   }
-  return T(r, "No rect found"), r;
+  return O(r, "No rect found"), r;
 }
-function ct({
+function gt({
   expandHitTargets: e = !0,
   axis: t,
   includeDisabled: n = !1
@@ -598,30 +607,30 @@ function ct({
       axis: t,
       includeDisabled: n
     });
-  const { element: o, orientation: r, items: i, separators: s } = t, l = Ne(
+  const { element: o, orientation: r, items: i, separators: s } = t, c = Ge(
     r,
-    Array.from(o.children).filter(ot).filter((p) => !p.hasAttribute("data-resize-preview")).map((p) => ({ element: p }))
-  ).map(({ element: p }) => p), a = [];
-  let c = !1, u = !1, d = -1, g, m = -1, y = 0, f, S = [];
+    Array.from(o.children).filter(lt).filter((h) => !h.hasAttribute("data-resize-preview")).map((h) => ({ element: h }))
+  ).map(({ element: h }) => h), a = [];
+  let u = !1, l = !1, d = -1, g, p = -1, m = 0, f, y = [];
   {
-    let p = -1;
-    for (const h of l)
-      h.hasAttribute("data-panel") && (p++, h.hasAttribute("data-disabled") || (y++, d === -1 && (d = p), m = p));
+    let h = -1;
+    for (const S of c)
+      S.hasAttribute("data-panel") && (h++, S.hasAttribute("data-disabled") || (m++, d === -1 && (d = h), p = h));
   }
-  if (n || y > 1) {
-    let p = -1;
-    for (const h of l)
-      if (h.hasAttribute("data-panel")) {
-        p++;
-        const I = i.find(
-          (x) => x.element === h
+  if (n || m > 1) {
+    let h = -1;
+    for (const S of c)
+      if (S.hasAttribute("data-panel")) {
+        h++;
+        const z = i.find(
+          (x) => x.element === S
         );
-        if (I) {
+        if (z) {
           if (f) {
-            const x = f.element.getBoundingClientRect(), C = h.getBoundingClientRect();
+            const x = f.element.getBoundingClientRect(), R = S.getBoundingClientRect();
             let N;
-            if (u) {
-              const D = r === "horizontal" ? new DOMRect(
+            if (l) {
+              const $ = r === "horizontal" ? new DOMRect(
                 x.right,
                 x.top,
                 0,
@@ -631,86 +640,86 @@ function ct({
                 x.bottom,
                 x.width,
                 0
-              ), b = r === "horizontal" ? new DOMRect(C.left, C.top, 0, C.height) : new DOMRect(C.left, C.top, C.width, 0);
-              switch (S.length) {
+              ), b = r === "horizontal" ? new DOMRect(R.left, R.top, 0, R.height) : new DOMRect(R.left, R.top, R.width, 0);
+              switch (y.length) {
                 case 0: {
                   N = [
-                    D,
+                    $,
                     b
                   ];
                   break;
                 }
                 case 1: {
-                  const w = S[0], v = Mn({
+                  const w = y[0], v = Vn({
                     orientation: r,
-                    rects: [x, C],
+                    rects: [x, R],
                     targetRect: w.element.getBoundingClientRect()
                   });
                   N = [
                     w,
-                    v === x ? b : D
+                    v === x ? b : $
                   ];
                   break;
                 }
                 default: {
-                  N = S;
+                  N = y;
                   break;
                 }
               }
             } else
-              S.length ? N = S : N = [
+              y.length ? N = y : N = [
                 r === "horizontal" ? new DOMRect(
                   x.right,
-                  C.top,
-                  C.left - x.right,
-                  C.height
+                  R.top,
+                  R.left - x.right,
+                  R.height
                 ) : new DOMRect(
-                  C.left,
+                  R.left,
                   x.bottom,
-                  C.width,
-                  C.top - x.bottom
+                  R.width,
+                  R.top - x.bottom
                 )
               ];
-            for (const D of N) {
-              const b = nt({
+            for (const $ of N) {
+              const b = ct({
                 expandHitTargets: e,
                 axis: t,
-                rect: "width" in D ? D : D.element.getBoundingClientRect()
-              }), w = p <= d || p > m;
-              (n || !c && !w) && (g ??= ke({ axis: t }), a.push({
+                rect: "width" in $ ? $ : $.element.getBoundingClientRect()
+              }), w = h <= d || h > p;
+              (n || !u && !w) && (g ??= Te({ axis: t }), a.push({
                 axis: t,
                 axisSize: g,
-                items: [f, I],
-                separator: "width" in D ? void 0 : D,
+                items: [f, z],
+                separator: "width" in $ ? void 0 : $,
                 rect: b
-              })), c = !1;
+              })), u = !1;
             }
           }
-          u = !1, f = I, S = [];
+          l = !1, f = z, y = [];
         }
-      } else if (h.hasAttribute("data-separator")) {
-        h.ariaDisabled !== null && (c = !0);
-        const I = s.find(
-          (x) => x.element === h
+      } else if (S.hasAttribute("data-separator")) {
+        S.ariaDisabled !== null && (u = !0);
+        const z = s.find(
+          (x) => x.element === S
         );
-        I ? S.push(I) : (f = void 0, S = []);
+        z ? y.push(z) : (f = void 0, y = []);
       } else
-        u = !0;
+        l = !0;
   }
   return a;
 }
-function En(e, t) {
+function jn(e, t) {
   const n = getComputedStyle(e), o = parseFloat(n.fontSize);
   return t * o;
 }
-function Pn(e, t) {
+function Un(e, t) {
   const n = getComputedStyle(e.ownerDocument.documentElement), o = parseFloat(n.fontSize);
   return t * o;
 }
-function kn(e) {
+function Wn(e) {
   return e / 100 * window.innerHeight;
 }
-function $n(e) {
+function Yn(e) {
   return e / 100 * window.innerWidth;
 }
 function Ce({
@@ -719,7 +728,7 @@ function Ce({
   styleProp: n
 }) {
   let o;
-  const [r, i] = Vt(n);
+  const [r, i] = sn(n);
   switch (i) {
     case "%": {
       o = r / 100 * e;
@@ -730,29 +739,29 @@ function Ce({
       break;
     }
     case "rem": {
-      o = Pn(t, r);
+      o = Un(t, r);
       break;
     }
     case "em": {
-      o = En(t, r);
+      o = jn(t, r);
       break;
     }
     case "vh": {
-      o = kn(r);
+      o = Wn(r);
       break;
     }
     case "vw": {
-      o = $n(r);
+      o = Yn(r);
       break;
     }
   }
   return o;
 }
-function X(e) {
+function K(e) {
   return parseFloat(e.toFixed(3));
 }
-function rt(e) {
-  const { items: t } = e, n = ke({ axis: e });
+function ut(e) {
+  const { items: t } = e, n = Te({ axis: e });
   return n === 0 ? t.map((o) => ({
     groupResizeBehavior: o.constraintProps.groupResizeBehavior,
     collapsedSize: 0,
@@ -771,16 +780,16 @@ function rt(e) {
         itemElement: r,
         styleProp: i.collapsedSize
       });
-      s = X(d / n * 100);
+      s = K(d / n * 100);
     }
-    let l;
+    let c;
     if (i.collapsedThreshold !== void 0) {
       const d = Ce({
         axisSize: n,
         itemElement: r,
         styleProp: i.collapsedThreshold
       });
-      l = X(d / n * 100);
+      c = K(d / n * 100);
     }
     let a;
     if (i.defaultSize !== void 0) {
@@ -789,74 +798,104 @@ function rt(e) {
         itemElement: r,
         styleProp: i.defaultSize
       });
-      a = X(d / n * 100);
+      a = K(d / n * 100);
     }
-    let c = 0;
+    let u = 0;
     if (i.minSize !== void 0) {
       const d = Ce({
         axisSize: n,
         itemElement: r,
         styleProp: i.minSize
       });
-      c = X(d / n * 100);
+      u = K(d / n * 100);
     }
-    let u = 100;
+    let l = 100;
     if (i.maxSize !== void 0) {
       const d = Ce({
         axisSize: n,
         itemElement: r,
         styleProp: i.maxSize
       });
-      u = X(d / n * 100);
+      l = K(d / n * 100);
     }
     return {
       groupResizeBehavior: i.groupResizeBehavior,
       collapsedSize: s,
-      collapsedThreshold: l,
+      collapsedThreshold: c,
       collapsible: i.collapsible === !0,
       defaultSize: a,
       disabled: i.disabled,
-      minSize: c,
-      maxSize: u,
+      minSize: u,
+      maxSize: l,
       itemId: o.id
     };
   });
 }
-let ce = /* @__PURE__ */ new Map();
-const Jt = new Ht();
-function An(e) {
-  ce = new Map(ce), ce.delete(e);
+let ue = /* @__PURE__ */ new Map();
+const yt = new an();
+let Fe = 0;
+const Ke = [];
+let Je;
+function et() {
+  Fe++;
+}
+function St() {
+  for (let e = 0; e < Ke.length; e++)
+    try {
+      yt.emit("axisChange", Ke[e]);
+    } catch (t) {
+      Je ??= { error: t };
+    }
+  Ke.length = 0;
+}
+function tt() {
+  if (Fe === 1 && St(), Fe--, Fe === 0 && Je) {
+    const { error: e } = Je;
+    throw Je = void 0, e;
+  }
+}
+function Xn(e) {
+  ue = new Map(ue), ue.delete(e);
 }
-function Me(e, t) {
-  for (const [n] of ce)
+function Ee(e, t) {
+  for (const [n] of ue)
     if (n.id === e)
       return n;
 }
-function se(e, t) {
-  for (const [n, o] of ce)
+function ae(e, t) {
+  for (const [n, o] of ue)
     if (n.id === e)
       return o;
   if (t)
     throw Error(`Could not find data for Group with id ${e}`);
 }
-function ye() {
-  return ce;
+function ge() {
+  return ue;
 }
-function Fe(e, t) {
-  return Jt.addListener("axisChange", (n) => {
+function Be(e, t) {
+  return yt.addListener("axisChange", (n) => {
     n.axis.id === e && t(n);
   });
 }
 function fe(e, t, n) {
-  const o = ce.get(e);
-  ce = new Map(ce), ce.set(e, t), Jt.emit("axisChange", {
+  const o = ue.get(e);
+  ue = new Map(ue), ue.set(e, t);
+  const r = {
     axis: e,
     isUserInteraction: n?.isUserInteraction === !0,
     prev: o,
     next: t
-  });
+  };
+  Fe > 0 ? Ke.push(r) : yt.emit("axisChange", r);
 }
-function Tn(e, t) {
+function mn(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 nt(e, t, n = {}) {
+  return e.ownerDocument === t && (n.pointerId === void 0 || mn(e, n));
+}
+function Kn(e, t) {
   if (e.length !== t.length)
     return !1;
   for (let n = 0; n < e.length; n++)
@@ -865,12 +904,12 @@ function Tn(e, t) {
   return !0;
 }
 function Y(e, t, n = 0) {
-  return Math.abs(X(e) - X(t)) <= n;
+  return Math.abs(K(e) - K(t)) <= n;
 }
 function le(e, t) {
   return Y(e, t) ? 0 : e > t ? 1 : -1;
 }
-function Ee({
+function Me({
   overrideDisabledItems: e,
   itemConstraints: t,
   prevSize: n,
@@ -880,19 +919,19 @@ function Ee({
     collapsedSize: r = 0,
     collapsedThreshold: i,
     collapsible: s,
-    disabled: l,
+    disabled: c,
     maxSize: a = 100,
-    minSize: c = 0
+    minSize: u = 0
   } = t;
-  if (l && !e)
+  if (c && !e)
     return n;
-  if (le(o, c) < 0)
+  if (le(o, u) < 0)
     if (s) {
-      const u = i ?? (c - r) / 2, d = le(n, r) <= 0, g = d ? r + u : c - u, m = le(o, g);
-      le(o, r) <= 0 || m < 0 || i !== void 0 && d && m === 0 ? o = r : o = c;
+      const l = i ?? (u - r) / 2, d = le(n, r) <= 0, g = d ? r + l : u - l, p = le(o, g);
+      le(o, r) <= 0 || p < 0 || i !== void 0 && d && p === 0 ? o = r : o = u;
     } else
-      o = c;
-  return o = Math.min(a, o), o = X(o), o;
+      o = u;
+  return o = Math.min(a, o), o = K(o), o;
 }
 function qe({
   delta: e,
@@ -904,55 +943,55 @@ function qe({
 }) {
   if (Y(e, 0))
     return t;
-  const s = i === "imperative-api", l = n.map(
-    ({ itemId: y }) => t[y]
+  const s = i === "imperative-api", c = n.map(
+    ({ itemId: m }) => t[m]
   ), a = n.map(
-    ({ itemId: y }) => r[y]
-  ), c = [...l], [u, d] = o;
-  T(u != null, "Invalid first pivot index"), T(d != null, "Invalid second pivot index");
+    ({ itemId: m }) => r[m]
+  ), u = [...c], [l, d] = o;
+  O(l != null, "Invalid first pivot index"), O(d != null, "Invalid second pivot index");
   let g = 0;
   switch (i) {
     case "keyboard": {
       {
-        const y = e < 0 ? d : u, f = n[y];
-        T(
+        const m = e < 0 ? d : l, f = n[m];
+        O(
           f,
-          `Panel constraints not found for index ${y}`
+          `Panel constraints not found for index ${m}`
         );
         const {
-          collapsedSize: S = 0,
-          collapsible: p,
-          minSize: h = 0
+          collapsedSize: y = 0,
+          collapsible: h,
+          minSize: S = 0
         } = f;
-        if (p) {
-          const I = l[y];
-          if (T(
-            I != null,
-            `Previous layout not found for panel index ${y}`
-          ), Y(I, S)) {
-            const x = h - I;
+        if (h) {
+          const z = c[m];
+          if (O(
+            z != null,
+            `Previous layout not found for panel index ${m}`
+          ), Y(z, y)) {
+            const x = S - z;
             le(x, Math.abs(e)) > 0 && (e = e < 0 ? 0 - x : x);
           }
         }
       }
       {
-        const y = e < 0 ? u : d, f = n[y];
-        T(
+        const m = e < 0 ? l : d, f = n[m];
+        O(
           f,
-          `No panel constraints found for index ${y}`
+          `No panel constraints found for index ${m}`
         );
         const {
-          collapsedSize: S = 0,
-          collapsible: p,
-          minSize: h = 0
+          collapsedSize: y = 0,
+          collapsible: h,
+          minSize: S = 0
         } = f;
-        if (p) {
-          const I = l[y];
-          if (T(
-            I != null,
-            `Previous layout not found for panel index ${y}`
-          ), Y(I, h)) {
-            const x = I - S;
+        if (h) {
+          const z = c[m];
+          if (O(
+            z != null,
+            `Previous layout not found for panel index ${m}`
+          ), Y(z, S)) {
+            const x = z - y;
             le(x, Math.abs(e)) > 0 && (e = e < 0 ? 0 - x : x);
           }
         }
@@ -960,105 +999,105 @@ function qe({
       break;
     }
     default: {
-      const y = e < 0 ? d : u, f = n[y];
-      T(
+      const m = e < 0 ? d : l, f = n[m];
+      O(
         f,
-        `Panel constraints not found for index ${y}`
+        `Panel constraints not found for index ${m}`
       );
-      const S = l[y], { collapsedSize: p, collapsedThreshold: h, collapsible: I, minSize: x } = f;
-      if (I && le(S, x) < 0) {
-        const C = x - p, N = h ?? C / 2, D = S + Math.abs(e);
-        if (le(D, x) < 0) {
-          const b = le(Math.abs(e), N), w = h === void 0 && e < 0;
-          b > 0 || b === 0 && w ? e = e < 0 ? -C : C : e = 0;
+      const y = c[m], { collapsedSize: h, collapsedThreshold: S, collapsible: z, minSize: x } = f;
+      if (z && le(y, x) < 0) {
+        const R = x - h, N = S ?? R / 2, $ = y + Math.abs(e);
+        if (le($, x) < 0) {
+          const b = le(Math.abs(e), N), w = S === void 0 && e < 0;
+          b > 0 || b === 0 && w ? e = e < 0 ? -R : R : e = 0;
         }
       }
       break;
     }
   }
   {
-    const y = e < 0 ? 1 : -1;
-    let f = e < 0 ? d : u, S = 0;
+    const m = e < 0 ? 1 : -1;
+    let f = e < 0 ? d : l, y = 0;
     for (; ; ) {
-      const h = l[f];
-      T(
-        h != null,
+      const S = c[f];
+      O(
+        S != null,
         `Previous layout not found for panel index ${f}`
       );
-      const x = Ee({
+      const x = Me({
         overrideDisabledItems: s,
         itemConstraints: n[f],
-        prevSize: h,
+        prevSize: S,
         size: 100
-      }) - h;
-      if (S += x, f += y, f < 0 || f >= n.length)
+      }) - S;
+      if (y += x, f += m, f < 0 || f >= n.length)
         break;
     }
-    const p = Math.min(Math.abs(e), Math.abs(S));
-    e = e < 0 ? 0 - p : p;
+    const h = Math.min(Math.abs(e), Math.abs(y));
+    e = e < 0 ? 0 - h : h;
   }
   {
-    let f = e < 0 ? u : d;
+    let f = e < 0 ? l : d;
     for (; f >= 0 && f < n.length; ) {
-      const S = Math.abs(e) - Math.abs(g), p = l[f];
-      T(
-        p != null,
+      const y = Math.abs(e) - Math.abs(g), h = c[f];
+      O(
+        h != null,
         `Previous layout not found for panel index ${f}`
       );
-      const h = p - S, I = Ee({
+      const S = h - y, z = Me({
         overrideDisabledItems: s,
         itemConstraints: n[f],
-        prevSize: p,
-        size: h
+        prevSize: h,
+        size: S
       });
-      if (!Y(p, I) && (g += p - I, c[f] = I, g.toFixed(3).localeCompare(Math.abs(e).toFixed(3), void 0, {
+      if (!Y(h, z) && (g += h - z, u[f] = z, g.toFixed(3).localeCompare(Math.abs(e).toFixed(3), void 0, {
         numeric: !0
       }) >= 0))
         break;
       e < 0 ? f-- : f++;
     }
   }
-  if (Tn(a, c))
+  if (Kn(a, u))
     return r;
   {
-    const y = e < 0 ? d : u, f = l[y];
-    T(
+    const m = e < 0 ? d : l, f = c[m];
+    O(
       f != null,
-      `Previous layout not found for panel index ${y}`
+      `Previous layout not found for panel index ${m}`
     );
-    const S = f + g, p = Ee({
+    const y = f + g, h = Me({
       overrideDisabledItems: s,
-      itemConstraints: n[y],
+      itemConstraints: n[m],
       prevSize: f,
-      size: S
+      size: y
     });
-    if (c[y] = p, !Y(p, S)) {
-      let h = S - p, x = e < 0 ? d : u;
+    if (u[m] = h, !Y(h, y)) {
+      let S = y - h, x = e < 0 ? d : l;
       for (; x >= 0 && x < n.length; ) {
-        const C = c[x];
-        T(
-          C != null,
+        const R = u[x];
+        O(
+          R != null,
           `Previous layout not found for panel index ${x}`
         );
-        const N = C + h, D = Ee({
+        const N = R + S, $ = Me({
           overrideDisabledItems: s,
           itemConstraints: n[x],
-          prevSize: C,
+          prevSize: R,
           size: N
         });
-        if (Y(C, D) || (h -= D - C, c[x] = D), Y(h, 0))
+        if (Y(R, $) || (S -= $ - R, u[x] = $), Y(S, 0))
           break;
         e > 0 ? x-- : x++;
       }
     }
   }
-  const m = Object.values(c).reduce(
-    (y, f) => f + y,
+  const p = Object.values(u).reduce(
+    (m, f) => f + m,
     0
   );
-  return Y(m, 100, 0.1) ? c.reduce((y, f, S) => (y[n[S].itemId] = f, y), {}) : r;
+  return Y(p, 100, 0.1) ? u.reduce((m, f, y) => (m[n[y].itemId] = f, m), {}) : r;
 }
-function ie(e, t) {
+function se(e, t) {
   if (Object.keys(e).length !== Object.keys(t).length)
     return !1;
   for (const n in e)
@@ -1066,124 +1105,141 @@ function ie(e, t) {
       return !1;
   return !0;
 }
-function ut({
+function vt(e) {
+  et();
+  try {
+    Jn(e);
+  } finally {
+    tt();
+  }
+}
+function Jn({
   commit: e,
-  document: t,
-  event: n,
-  hitRegions: o,
-  initialLayoutMap: r,
-  mountedAxes: i,
-  pointerDownAtPoint: s,
-  prevCursorFlags: l
+  event: t,
+  hitRegions: n,
+  initialLayoutMap: o,
+  mountedAxes: r,
+  pointerDownAtPoint: i,
+  prevCursorFlags: s
 }) {
-  let a = 0;
-  const c = de();
-  let u = c.state === "active" ? c.previews : [];
-  const d = new Map(
-    c.state === "active" ? c.previewLayoutMap : void 0
+  let c = 0;
+  const a = ie();
+  let u = a.state === "active" ? a.previews : [];
+  const l = new Map(
+    a.state === "active" ? a.previewLayoutMap : void 0
   );
-  o.forEach((y) => {
-    const { axis: f, axisSize: S } = y, { orientation: p, items: h } = f;
-    if (e && f.resizePreviewMode !== "separator")
+  n.forEach((p) => {
+    const { axis: m, axisSize: f } = p, { orientation: y, items: h } = m;
+    if (e && m.resizePreviewMode !== "separator")
       return;
-    const { disableCursor: I } = f.mutableState;
-    let x = 0;
-    s ? p === "horizontal" ? x = (n.clientX - s.x) / S * 100 : x = (n.clientY - s.y) / S * 100 : p === "horizontal" ? x = n.clientX < 0 ? -100 : 100 : x = n.clientY < 0 ? -100 : 100;
-    const C = r.get(f), N = i.get(f);
-    if (!C || !N)
+    const { disableCursor: S } = m.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 x = o.get(m), R = r.get(m);
+    if (!x || !R)
       return;
     const {
-      defaultLayoutDeferred: D,
-      derivedItemConstraints: b,
-      axisSize: w,
-      layout: v,
-      separatorToItems: $
-    } = N;
-    if (b && v && $) {
-      const O = f.resizePreviewMode === "separator" ? d.get(f) ?? v : v, R = qe({
-        delta: x,
-        initialLayout: C,
-        itemConstraints: b,
-        pivotIndices: y.items.map((E) => h.indexOf(E)),
-        prevLayout: O,
+      defaultLayoutDeferred: N,
+      derivedItemConstraints: $,
+      axisSize: b,
+      layout: w,
+      separatorToItems: v
+    } = R;
+    if ($ && w && v) {
+      const T = m.resizePreviewMode === "separator" ? l.get(m) ?? w : w, A = qe({
+        delta: z,
+        initialLayout: x,
+        itemConstraints: $,
+        pivotIndices: p.items.map((E) => h.indexOf(E)),
+        prevLayout: T,
         trigger: "mouse-or-touch"
       });
-      if (f.resizePreviewMode === "separator" && !e && !ie(R, O)) {
-        d.set(f, R);
+      if (m.resizePreviewMode === "separator" && !e && !se(A, T)) {
+        l.set(m, A);
         let E = 0;
-        const P = h.map((z) => (E += R[z.id] - C[z.id], E * (S / 100)));
-        u = u.map((z) => {
-          if (z.axis !== f)
-            return z;
-          const M = P[z.itemIndex];
-          return M === z.offset ? z : { ...z, offset: M };
+        const D = h.map((C) => (E += A[C.id] - x[C.id], E * (f / 100)));
+        u = u.map((C) => {
+          if (C.axis !== m)
+            return C;
+          const I = D[C.itemIndex];
+          return I === C.offset ? C : { ...C, offset: I };
         });
       }
-      if (ie(R, O) && x !== 0 && !I)
-        switch (p) {
+      if (se(A, T) && z !== 0 && !S)
+        switch (y) {
           case "horizontal": {
-            a |= x < 0 ? Ut : Wt;
+            c |= z < 0 ? cn : ln;
             break;
           }
           case "vertical": {
-            a |= x < 0 ? Yt : Kt;
+            c |= z < 0 ? un : dn;
             break;
           }
         }
-      (f.resizePreviewMode !== "separator" || e) && !ie(R, v) && fe(y.axis, {
-        defaultLayoutDeferred: D,
-        derivedItemConstraints: b,
-        axisSize: w,
-        layout: R,
-        requestedAxisSize: w,
-        requestedLayout: R,
-        separatorToItems: $
+      (m.resizePreviewMode !== "separator" || e) && !se(A, w) && fe(p.axis, {
+        defaultLayoutDeferred: N,
+        derivedItemConstraints: $,
+        axisSize: b,
+        layout: A,
+        requestedAxisSize: b,
+        requestedLayout: A,
+        separatorToItems: v
       });
     }
   });
-  let g = 0;
-  n.movementX === 0 ? g |= l & gt : g |= a & gt, n.movementY === 0 ? g |= l & yt : g |= a & yt;
-  const m = c.state === "active" && (n.clientX !== c.pointerDownAtPoint.x || n.clientY !== c.pointerDownAtPoint.y);
-  xn(g, u, d, m), _e(t);
+  let d = 0;
+  t.movementX === 0 ? d |= s & Lt : d |= c & Lt, t.movementY === 0 ? d |= s & Ct : d |= c & Ct;
+  const g = a.state === "active" && (t.clientX !== a.pointerDownAtPoint.x || t.clientY !== a.pointerDownAtPoint.y);
+  On(d, u, l, g);
 }
-function Zt(e, t) {
-  const n = de(), o = ye();
-  let r = !1;
-  switch (n.state) {
-    case "active":
-      ut({
-        commit: !0,
-        document: e,
-        event: t,
-        hitRegions: n.hitRegions,
-        initialLayoutMap: n.initialLayoutMap,
-        mountedAxes: o,
-        pointerDownAtPoint: n.pointerDownAtPoint,
-        prevCursorFlags: n.cursorFlags
-      }), ue({
-        cursorFlags: 0,
-        state: "inactive"
-      }), n.hitRegions.length > 0 && (_e(e), r = !0, n.hitRegions.forEach((i) => {
-        if (!o.has(i.axis))
-          return;
-        const s = se(i.axis.id, !0);
-        fe(i.axis, s, {
-          isUserInteraction: !0
-        });
-      }));
+function pn(e, t) {
+  const n = ie();
+  if (n.state !== "active" || !nt(n, e, t))
+    return;
+  const o = ge();
+  et();
+  try {
+    vt({
+      commit: !0,
+      event: t,
+      hitRegions: n.hitRegions,
+      initialLayoutMap: n.initialLayoutMap,
+      mountedAxes: o,
+      pointerDownAtPoint: n.pointerDownAtPoint,
+      prevCursorFlags: n.cursorFlags
+    }), St(), de({
+      cursorFlags: 0,
+      state: "inactive"
+    }), n.hitRegions.length > 0 && (t.preventDefault?.(), n.hitRegions.forEach((r) => {
+      if (!o.has(r.axis))
+        return;
+      const i = ae(r.axis.id, !0);
+      fe(r.axis, i, {
+        isUserInteraction: !0
+      });
+    }));
+  } finally {
+    tt();
   }
-  return r;
 }
-function bt(e) {
-  e.defaultPrevented || Zt(e.currentTarget, e);
+function Tt(e) {
+  if (e.defaultPrevented)
+    return;
+  const { clientX: t, clientY: n, movementX: o, movementY: r } = e;
+  pn(e.currentTarget, {
+    clientX: t,
+    clientY: n,
+    movementX: o,
+    movementY: r
+  });
 }
-function Dn(e, t, n) {
+function Zn(e, t, n) {
   let o, r = {
     x: 1 / 0,
     y: 1 / 0
   };
   for (const i of t) {
-    const s = Xt(n, i.rect);
+    const s = fn(n, i.rect);
     switch (e) {
       case "horizontal": {
         (s.x < r.x || s.x === r.x && s.y <= r.y) && (o = i, r = s);
@@ -1200,126 +1256,126 @@ function Dn(e, t, n) {
     hitRegion: o
   } : void 0;
 }
-function On(e) {
+function Qn(e) {
   return e !== null && typeof e == "object" && "nodeType" in e && e.nodeType === Node.DOCUMENT_FRAGMENT_NODE;
 }
-function Nn(e, t) {
+function eo(e, t) {
   if (e === t) throw new Error("Cannot compare node with itself");
   const n = {
-    a: zt(e),
-    b: zt(t)
+    a: At(e),
+    b: At(t)
   };
   let o;
   for (; n.a.at(-1) === n.b.at(-1); )
     o = n.a.pop(), n.b.pop();
-  T(
+  O(
     o,
     "Stacking order can only be calculated for elements with a common ancestor"
   );
   const r = {
-    a: wt(xt(n.a)),
-    b: wt(xt(n.b))
+    a: kt(Dt(n.a)),
+    b: kt(Dt(n.b))
   };
   if (r.a === r.b) {
     const i = o.childNodes, s = {
       a: n.a.at(-1),
       b: n.b.at(-1)
     };
-    let l = i.length;
-    for (; l--; ) {
-      const a = i[l];
+    let c = i.length;
+    for (; c--; ) {
+      const a = i[c];
       if (a === s.a) return 1;
       if (a === s.b) return -1;
     }
   }
   return Math.sign(r.a - r.b);
 }
-const Gn = /\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;
-function _n(e) {
-  const t = getComputedStyle(Qt(e) ?? e).display;
+const to = /\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;
+function no(e) {
+  const t = getComputedStyle(hn(e) ?? e).display;
   return t === "flex" || t === "inline-flex";
 }
-function Fn(e) {
+function oo(e) {
   const t = getComputedStyle(e);
-  return !!(t.position === "fixed" || t.zIndex !== "auto" && (t.position !== "static" || _n(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" || Gn.test(t.willChange) || t.webkitOverflowScrolling === "touch");
+  return !!(t.position === "fixed" || t.zIndex !== "auto" && (t.position !== "static" || no(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" || to.test(t.willChange) || t.webkitOverflowScrolling === "touch");
 }
-function xt(e) {
+function Dt(e) {
   let t = e.length;
   for (; t--; ) {
     const n = e[t];
-    if (T(n, "Missing node"), Fn(n)) return n;
+    if (O(n, "Missing node"), oo(n)) return n;
   }
   return null;
 }
-function wt(e) {
+function kt(e) {
   return e && Number(getComputedStyle(e).zIndex) || 0;
 }
-function zt(e) {
+function At(e) {
   const t = [];
   for (; e; )
-    t.push(e), e = Qt(e);
+    t.push(e), e = hn(e);
   return t;
 }
-function Qt(e) {
+function hn(e) {
   const { parentNode: t } = e;
-  return On(t) ? t.host : t;
+  return Qn(t) ? t.host : t;
 }
-function qn(e, t) {
+function ro(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 Bn(e) {
+function io(e) {
   try {
     return e.matches(":modal");
   } catch {
     return !1;
   }
 }
-function Vn({
+function so({
   axisElement: e,
   hitRegion: t,
   pointerEventTarget: n
 }) {
-  if (ot(n)) {
+  if (lt(n)) {
     const o = n.closest("dialog");
-    if (o && !o.contains(e) && Bn(o))
+    if (o && !o.contains(e) && io(o))
       return !1;
   }
-  if (!ot(n) || n.contains(e) || e.contains(n))
+  if (!lt(n) || n.contains(e) || e.contains(n))
     return !0;
-  if (Nn(n, e) > 0) {
+  if (eo(n, e) > 0) {
     let o = n;
     for (; o; ) {
       if (o.contains(e))
         return !0;
-      if (qn(o.getBoundingClientRect(), t))
+      if (ro(o.getBoundingClientRect(), t))
         return !1;
       o = o.parentElement;
     }
   }
   return !0;
 }
-function dt(e, t) {
-  const n = [];
-  return t.forEach((o, r) => {
-    if (r.disabled)
+function bt(e, t, n) {
+  const o = [];
+  return t.forEach((r, i) => {
+    if (i.disabled || i.element.ownerDocument !== n)
       return;
-    const i = ct({ axis: r }), s = Dn(r.orientation, i, {
+    const s = gt({ axis: i }), c = Zn(i.orientation, s, {
       x: e.clientX,
       y: e.clientY
     });
-    s && s.distance.x <= 0 && s.distance.y <= 0 && Vn({
-      axisElement: r.element,
-      hitRegion: s.hitRegion.rect,
+    c && c.distance.x <= 0 && c.distance.y <= 0 && so({
+      axisElement: i.element,
+      hitRegion: c.hitRegion.rect,
       pointerEventTarget: e.target
-    }) && n.push(s.hitRegion);
-  }), n;
+    }) && o.push(c.hitRegion);
+  }), o;
 }
-function ge({
+function Se({
   layout: e,
   itemConstraints: t
 }) {
   const n = t.map(({ itemId: s }) => e[s]), o = [...n], r = o.reduce(
-    (s, l) => s + l,
+    (s, c) => s + c,
     0
   );
   if (Object.keys(e).length !== t.length)
@@ -1328,75 +1384,75 @@ function ge({
     );
   if (!Y(r, 100) && o.length > 0)
     for (let s = 0; s < t.length; s++) {
-      const l = o[s];
-      T(l != null, `No layout data found for index ${s}`);
-      const a = 100 / r * l;
+      const c = o[s];
+      O(c != null, `No layout data found for index ${s}`);
+      const a = 100 / r * c;
       o[s] = a;
     }
   let i = 0;
   for (let s = 0; s < t.length; s++) {
-    const l = n[s];
-    T(l != null, `No layout data found for index ${s}`);
+    const c = n[s];
+    O(c != null, `No layout data found for index ${s}`);
     const a = o[s];
-    T(a != null, `No layout data found for index ${s}`);
-    const c = Ee({
+    O(a != null, `No layout data found for index ${s}`);
+    const u = Me({
       overrideDisabledItems: !0,
       itemConstraints: t[s],
-      prevSize: l,
+      prevSize: c,
       size: a
     });
-    a != c && (i += a - c, o[s] = c);
+    a != u && (i += a - u, o[s] = u);
   }
   if (!Y(i, 0))
     for (let s = 0; s < t.length; s++) {
-      const l = o[s];
-      T(l != null, `No layout data found for index ${s}`);
-      const a = l + i, c = Ee({
+      const c = o[s];
+      O(c != null, `No layout data found for index ${s}`);
+      const a = c + i, u = Me({
         overrideDisabledItems: !0,
         itemConstraints: t[s],
-        prevSize: l,
+        prevSize: c,
         size: a
       });
-      if (l !== c && (i -= c - l, o[s] = c, Y(i, 0)))
+      if (c !== u && (i -= u - c, o[s] = u, Y(i, 0)))
         break;
     }
-  return o.reduce((s, l, a) => (s[t[a].itemId] = l, s), {});
+  return o.reduce((s, c, a) => (s[t[a].itemId] = c, s), {});
 }
-function ft({
+function xt({
   axisId: e,
   itemId: t
 }) {
   const n = () => {
-    const a = ye();
+    const a = ge();
     for (const [
-      c,
+      u,
       {
-        defaultLayoutDeferred: u,
+        defaultLayoutDeferred: l,
         derivedItemConstraints: d,
         layout: g,
-        axisSize: m,
-        separatorToItems: y
+        axisSize: p,
+        separatorToItems: m
       }
     ] of a)
-      if (c.id === e)
+      if (u.id === e)
         return {
-          defaultLayoutDeferred: u,
+          defaultLayoutDeferred: l,
           derivedItemConstraints: d,
-          axis: c,
-          axisSize: m,
+          axis: u,
+          axisSize: p,
           layout: g,
-          separatorToItems: y
+          separatorToItems: m
         };
     throw Error(`Group ${e} not found`);
   }, o = () => {
     const a = n().derivedItemConstraints.find(
-      (c) => c.itemId === t
+      (u) => u.itemId === t
     );
     if (a !== void 0)
       return a;
     throw Error(`Panel constraints not found for Panel ${t}`);
   }, r = () => {
-    const a = n().axis.items.find((c) => c.id === t);
+    const a = n().axis.items.find((u) => u.id === t);
     if (a !== void 0)
       return a;
     throw Error(`Layout not found for Panel ${t}`);
@@ -1407,103 +1463,107 @@ function ft({
     throw Error(`Layout not found for Panel ${t}`);
   }, s = ({
     nextSize: a,
-    items: c,
-    prevLayout: u,
+    items: u,
+    prevLayout: l,
     derivedItemConstraints: d
   }) => {
-    const g = i(), m = c.findIndex((p) => p.id === t), y = m === 0, f = m === c.length - 1;
-    if (f && a < g && (y || c.slice(0, m).every((p, h) => {
-      const I = d[h];
-      return I?.collapsible && Y(I.collapsedSize, u[I.itemId]);
+    const g = i(), p = u.findIndex((h) => h.id === t), m = p === 0, f = p === u.length - 1;
+    if (f && a < g && (m || u.slice(0, p).every((h, S) => {
+      const z = d[S];
+      return z?.collapsible && Y(z.collapsedSize, l[z.itemId]);
     }))) {
-      const p = c.slice(0, m).reduce((h, I) => h + u[I.id], 0);
+      const h = u.slice(0, p).reduce((S, z) => S + l[z.id], 0);
       return {
-        ...u,
-        [t]: X(100 - p)
+        ...l,
+        [t]: K(100 - h)
       };
     }
     return qe({
       delta: f ? g - a : a - g,
-      initialLayout: u,
+      initialLayout: l,
       itemConstraints: d,
-      pivotIndices: f ? [m - 1, m] : [m, m + 1],
-      prevLayout: u,
+      pivotIndices: f ? [p - 1, p] : [p, p + 1],
+      prevLayout: l,
       trigger: "imperative-api"
     });
-  }, l = (a) => {
-    const c = i();
-    if (a === c)
+  }, c = (a) => {
+    const u = i();
+    if (a === u)
       return;
     const {
-      defaultLayoutDeferred: u,
+      defaultLayoutDeferred: l,
       derivedItemConstraints: d,
       axis: g,
-      axisSize: m,
-      layout: y,
+      axisSize: p,
+      layout: m,
       separatorToItems: f
-    } = n(), S = s({
+    } = n(), y = s({
       nextSize: a,
       items: g.items,
-      prevLayout: y,
+      prevLayout: m,
       derivedItemConstraints: d
-    }), p = ge({
-      layout: S,
+    }), h = Se({
+      layout: y,
       itemConstraints: d
     });
-    ie(y, p) || fe(g, {
-      defaultLayoutDeferred: u,
+    se(m, h) || fe(g, {
+      defaultLayoutDeferred: l,
       derivedItemConstraints: d,
-      axisSize: m,
-      layout: p,
-      requestedAxisSize: m,
-      requestedLayout: p,
+      axisSize: p,
+      layout: h,
+      requestedAxisSize: p,
+      requestedLayout: h,
       separatorToItems: f
     });
   };
   return {
     collapse: () => {
-      const { collapsible: a, collapsedSize: c } = o(), { mutableValues: u } = r(), d = i();
-      a && d !== c && (u.expandToSize = d, l(c));
+      const { collapsible: a, collapsedSize: u } = o(), { mutableValues: l } = r(), d = i();
+      a && d !== u && (l.expandToSize = d, c(u));
     },
     expand: () => {
-      const { collapsible: a, collapsedSize: c, minSize: u } = o(), { mutableValues: d } = r(), g = i();
-      if (a && g === c) {
-        let m = d.expandToSize ?? u;
-        m === 0 && (m = 1), l(m);
+      const { collapsible: a, collapsedSize: u, minSize: l } = o(), { mutableValues: d } = r(), g = i();
+      if (a && g === u) {
+        let p = d.expandToSize ?? l;
+        p === 0 && (p = 1), c(p);
       }
     },
     getSize: () => {
-      const { axis: a } = n(), c = i(), { element: u } = r(), d = a.layoutStrategy ? a.layoutStrategy.getItemSizeInPixels(t) : a.orientation === "horizontal" ? u.offsetWidth : u.offsetHeight;
+      const { axis: a } = n(), u = i(), { element: l } = r(), d = a.layoutStrategy ? a.layoutStrategy.getItemSizeInPixels(t) : a.orientation === "horizontal" ? l.offsetWidth : l.offsetHeight;
       return {
-        asPercentage: c,
+        asPercentage: u,
         inPixels: d
       };
     },
     isCollapsed: () => {
-      const { collapsible: a, collapsedSize: c } = o(), u = i();
-      return a && Y(c, u);
+      const { collapsible: a, collapsedSize: u } = o(), l = i();
+      return a && Y(u, l);
     },
     resize: (a) => {
-      const { axis: c } = n(), { element: u } = r(), d = ke({ axis: c }), g = Ce({
+      const { axis: u } = n(), { element: l } = r(), d = Te({ axis: u }), g = Ce({
         axisSize: d,
-        itemElement: u,
+        itemElement: l,
         styleProp: a
-      }), m = X(g / d * 100);
-      l(m);
+      }), p = K(g / d * 100);
+      c(p);
     }
   };
 }
-function It(e) {
+function $t(e) {
   if (e.defaultPrevented)
     return;
-  const t = ye();
-  dt(e, t).forEach((o) => {
+  const t = ge();
+  bt(
+    e,
+    t,
+    e.currentTarget
+  ).forEach((o) => {
     if (o.separator && !o.separator.disableDoubleClick) {
       const r = o.items.find(
         (i) => i.constraintProps.defaultSize !== void 0
       );
       if (r) {
-        const i = r.constraintProps.defaultSize, s = ft({
+        const i = r.constraintProps.defaultSize, s = xt({
           axisId: o.axis.id,
           itemId: r.id
         });
@@ -1512,8 +1572,8 @@ function It(e) {
     }
   });
 }
-function en(e) {
-  const t = ye();
+function gn(e) {
+  const t = ge();
   for (const [n] of t)
     if (n.separators.some(
       (o) => o.element === e
@@ -1521,11 +1581,11 @@ function en(e) {
       return n;
   throw Error("Could not find parent Group for separator element");
 }
-function Ge({
+function _e({
   axisId: e
 }) {
   const t = () => {
-    const n = ye();
+    const n = ge();
     for (const [o, r] of n)
       if (o.id === e)
         return { axis: o, ...r };
@@ -1542,51 +1602,51 @@ function Ge({
         derivedItemConstraints: r,
         axis: i,
         axisSize: s,
-        layout: l,
+        layout: c,
         separatorToItems: a
-      } = t(), c = ge({
+      } = t(), u = Se({
         layout: n,
         itemConstraints: r
       });
-      return o ? l : (ie(l, c) || fe(i, {
+      return o ? c : (se(c, u) || fe(i, {
         defaultLayoutDeferred: o,
         derivedItemConstraints: r,
         axisSize: s,
-        layout: c,
+        layout: u,
         requestedAxisSize: s,
-        requestedLayout: c,
+        requestedLayout: u,
         separatorToItems: a
-      }), c);
+      }), u);
     }
   };
 }
 function we(e, t) {
-  const n = en(e), o = se(n.id, !0), r = n.separators.find(
+  const n = gn(e), o = ae(n.id, !0), r = n.separators.find(
     (d) => d.element === e
   );
-  T(r, "Matching separator not found");
+  O(r, "Matching separator not found");
   const i = o.separatorToItems.get(r);
-  T(i, "Matching panels not found");
-  const s = i.map((d) => n.items.indexOf(d)), a = Ge({ axisId: n.id }).getLayout(), c = qe({
+  O(i, "Matching panels not found");
+  const s = i.map((d) => n.items.indexOf(d)), a = _e({ axisId: n.id }).getLayout(), u = qe({
     delta: t,
     initialLayout: a,
     itemConstraints: o.derivedItemConstraints,
     pivotIndices: s,
     prevLayout: a,
     trigger: "keyboard"
-  }), u = ge({
-    layout: c,
+  }), l = Se({
+    layout: u,
     itemConstraints: o.derivedItemConstraints
   });
-  ie(a, u) || fe(
+  se(a, l) || fe(
     n,
     {
       defaultLayoutDeferred: o.defaultLayoutDeferred,
       derivedItemConstraints: o.derivedItemConstraints,
       axisSize: o.axisSize,
-      layout: u,
+      layout: l,
       requestedAxisSize: o.axisSize,
-      requestedLayout: u,
+      requestedLayout: l,
       separatorToItems: o.separatorToItems
     },
     // Keyboard resizes (arrow keys, Home/End, Enter collapse/expand) originate
@@ -1596,10 +1656,10 @@ function we(e, t) {
     { isUserInteraction: !0 }
   );
 }
-function Lt(e) {
+function Ot(e) {
   if (e.defaultPrevented)
     return;
-  const t = e.currentTarget, n = en(t);
+  const t = e.currentTarget, n = gn(t);
   if (!(n.disabled || n.separators.find(
     (r) => r.element === t
   )?.disabled))
@@ -1626,18 +1686,18 @@ function Lt(e) {
       }
       case "Enter": {
         e.preventDefault();
-        const r = se(n.id, !0), { derivedItemConstraints: i, layout: s, separatorToItems: l } = r, a = n.separators.find(
+        const r = ae(n.id, !0), { derivedItemConstraints: i, layout: s, separatorToItems: c } = r, a = n.separators.find(
           (g) => g.element === t
         );
-        T(a, "Matching separator not found");
-        const c = l.get(a);
-        T(c, "Matching panels not found");
-        const u = c[0], d = i.find(
-          (g) => g.itemId === u.id
+        O(a, "Matching separator not found");
+        const u = c.get(a);
+        O(u, "Matching panels not found");
+        const l = u[0], d = i.find(
+          (g) => g.itemId === l.id
         );
-        if (T(d, "Panel metadata not found"), d.collapsible) {
-          const g = s[u.id], m = d.collapsedSize === g ? n.mutableState.expandedItemSizes[u.id] ?? d.minSize : d.collapsedSize;
-          we(t, m - g);
+        if (O(d, "Panel metadata not found"), d.collapsible) {
+          const g = s[l.id], p = d.collapsedSize === g ? n.mutableState.expandedItemSizes[l.id] ?? d.minSize : d.collapsedSize;
+          we(t, p - g);
         }
         break;
       }
@@ -1648,7 +1708,7 @@ function Lt(e) {
         ), i = Array.from(r).findIndex(
           (a) => a === e.currentTarget
         );
-        T(i !== null, "Index not found");
+        O(i !== null, "Index not found");
         const s = e.shiftKey ? i > 0 ? i - 1 : r.length - 1 : i + 1 < r.length ? i + 1 : 0;
         r[s].focus({
           preventScroll: !0
@@ -1661,186 +1721,237 @@ function Lt(e) {
       }
     }
 }
-function Hn(e, t) {
+function ke(e, t) {
+  const n = ie();
+  if (n.state !== "active" || !nt(n, e, t))
+    return !1;
+  const o = ge();
+  et();
+  try {
+    n.previewLayoutMap.forEach((r, i) => {
+      const s = o.get(i);
+      i.resizePreviewMode === "separator" && s && !se(r, s.layout) && fe(i, {
+        ...s,
+        layout: r,
+        requestedAxisSize: s.axisSize,
+        requestedLayout: r
+      });
+    }), St(), de({
+      cursorFlags: 0,
+      state: "inactive"
+    }), n.hitRegions.forEach((r) => {
+      if (!o.has(r.axis))
+        return;
+      const i = ae(r.axis.id, !0);
+      fe(r.axis, i, {
+        isUserInteraction: !0
+      });
+    });
+  } finally {
+    tt();
+  }
+  return !0;
+}
+function Nt(e) {
+  const t = ie();
+  if (t.state !== "active")
+    return;
+  const n = t.hitRegions.flatMap(
+    ({ separator: o }) => o ? [o.element] : []
+  );
+  !n.some((o) => o === e.target) || n.some(
+    (o) => o.hasPointerCapture?.(e.pointerId)
+  ) || ke(e.currentTarget, e);
+}
+function Gt(e) {
+  ke(e.currentTarget, e);
+}
+function ao(e, t) {
   const { element: n, orientation: o, items: r } = e, i = n.getBoundingClientRect(), s = o === "horizontal";
-  return ct({
+  return gt({
     expandHitTargets: !1,
     axis: e,
     includeDisabled: !0
-  }).map(({ items: a, rect: c, separator: u }, d) => {
-    const g = r.indexOf(a[0]), m = s ? c.left + c.width / 2 : c.top + c.height / 2;
+  }).map(({ items: a, rect: u, separator: l }, d) => {
+    const g = r.indexOf(a[0]), p = s ? u.left + u.width / 2 : u.top + u.height / 2;
     return {
       active: t.some((f) => {
         if (f.axis !== e || f.items[0] !== a[0])
           return !1;
-        if (u || f.separator)
-          return f.separator === u;
-        const S = s ? f.rect.left + f.rect.width / 2 : f.rect.top + f.rect.height / 2;
-        return Y(m, S);
+        if (l || f.separator)
+          return f.separator === l;
+        const y = s ? f.rect.left + f.rect.width / 2 : f.rect.top + f.rect.height / 2;
+        return Y(p, y);
       }),
       axis: e,
-      key: u ? `separator-${u.id}` : `panel-${a[0].id}-${d}`,
+      key: l ? `separator-${l.id}` : `panel-${a[0].id}-${d}`,
       offset: 0,
       itemIndex: g,
       rect: new DOMRect(
-        (s && !u ? m : c.left) - i.left - n.clientLeft + n.scrollLeft,
-        (!s && !u ? m : c.top) - i.top - n.clientTop + n.scrollTop,
-        s && !u ? 0 : c.width,
-        !s && !u ? 0 : c.height
+        (s && !l ? p : u.left) - i.left - n.clientLeft + n.scrollLeft,
+        (!s && !l ? p : u.top) - i.top - n.clientTop + n.scrollTop,
+        s && !l ? 0 : u.width,
+        !s && !l ? 0 : u.height
       ),
-      separator: u
+      separator: l
     };
   });
 }
-function Ct(e) {
+function Ft(e) {
   if (e.defaultPrevented)
     return;
   if (e.pointerType === "mouse" && e.button > 0)
     return;
-  const t = ye(), n = dt(e, t);
-  if (n.length === 0)
+  const t = ie();
+  if (t.state === "active") {
+    mn(t, e) && ke(
+      t.ownerDocument,
+      t
+    );
+    return;
+  }
+  const n = ge(), o = bt(
+    e,
+    n,
+    e.currentTarget
+  );
+  if (o.length === 0)
     return;
-  const o = /* @__PURE__ */ new Map();
-  let r = !1;
-  n.forEach((s) => {
-    s.separator && (r || (r = !0, s.separator.element.focus({
+  const r = /* @__PURE__ */ new Map();
+  let i = !1;
+  o.forEach((c) => {
+    c.separator && (i || (i = !0, c.separator.element.focus({
       // @ts-expect-error https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus#browser_compatibility
       focusVisible: !1,
       preventScroll: !0
     })));
-    const l = t.get(s.axis);
-    l && o.set(s.axis, l.layout);
+    const a = n.get(c.axis);
+    a && r.set(c.axis, a.layout);
   });
-  const i = Array.from(o.keys()).flatMap(
-    (s) => s.resizePreviewMode === "separator" ? Hn(s, n) : []
+  const s = Array.from(r.keys()).flatMap(
+    (c) => c.resizePreviewMode === "separator" ? ao(c, o) : []
   );
-  ue({
+  de({
     cursorFlags: 0,
     didPointerMove: !1,
-    hitRegions: n,
-    initialLayoutMap: o,
+    hitRegions: o,
+    initialLayoutMap: r,
+    ownerDocument: e.currentTarget,
     pointerDownAtPoint: { x: e.clientX, y: e.clientY },
-    previewLayoutMap: new Map(o),
-    previews: i,
+    pointerId: e.pointerId,
+    pointerType: e.pointerType,
+    previewLayoutMap: new Map(r),
+    previews: s,
     state: "active"
   }), e.preventDefault();
 }
-function Rt(e) {
-  const t = ye(), n = de();
-  switch (n.state) {
-    case "active":
-      ut({
+function _t(e) {
+  const t = e.currentTarget, n = ge(), o = ie();
+  switch (o.state) {
+    case "active": {
+      if (!nt(o, t, e))
+        return;
+      vt({
         commit: !1,
-        document: e.currentTarget,
         event: e,
-        hitRegions: n.hitRegions,
-        initialLayoutMap: n.initialLayoutMap,
-        mountedAxes: t,
-        prevCursorFlags: n.cursorFlags
+        hitRegions: o.hitRegions,
+        initialLayoutMap: o.initialLayoutMap,
+        mountedAxes: n,
+        prevCursorFlags: o.cursorFlags
       });
+    }
   }
 }
-function Mt(e) {
+function Bt(e) {
   if (e.defaultPrevented)
     return;
-  const t = de(), n = ye();
-  switch (t.state) {
+  const t = e.currentTarget, n = ie(), o = ge();
+  switch (n.state) {
     case "active": {
+      if (!nt(n, t, e))
+        return;
       if (
         // Skip this check for "pointerleave" events, else Firefox triggers a false positive (see #514)
         e.buttons === 0
       ) {
-        t.previewLayoutMap.forEach((o, r) => {
-          const i = n.get(r);
-          r.resizePreviewMode === "separator" && i && !ie(o, i.layout) && fe(r, {
-            ...i,
-            layout: o,
-            requestedAxisSize: i.axisSize,
-            requestedLayout: o
-          });
-        }), ue({
-          cursorFlags: 0,
-          state: "inactive"
-        }), t.hitRegions.forEach((o) => {
-          if (!n.has(o.axis))
-            return;
-          const r = se(o.axis.id, !0);
-          fe(o.axis, r, {
-            isUserInteraction: !0
-          });
-        }), _e(e.currentTarget);
+        ke(t, e);
         return;
       }
-      for (const o of t.hitRegions)
-        if (o.separator) {
-          const { element: r } = o.separator;
-          r.isConnected && !r.hasPointerCapture?.(e.pointerId) && r.setPointerCapture?.(e.pointerId);
+      for (const r of n.hitRegions)
+        if (r.separator) {
+          const { element: i } = r.separator;
+          i.isConnected && !i.hasPointerCapture?.(e.pointerId) && i.setPointerCapture?.(e.pointerId);
         }
-      ut({
+      vt({
         commit: !1,
-        document: e.currentTarget,
         event: e,
-        hitRegions: t.hitRegions,
-        initialLayoutMap: t.initialLayoutMap,
-        mountedAxes: n,
-        pointerDownAtPoint: t.pointerDownAtPoint,
-        prevCursorFlags: t.cursorFlags
+        hitRegions: n.hitRegions,
+        initialLayoutMap: n.initialLayoutMap,
+        mountedAxes: o,
+        pointerDownAtPoint: n.pointerDownAtPoint,
+        prevCursorFlags: n.cursorFlags
       });
       break;
     }
     default: {
-      const o = dt(e, n);
-      o.length === 0 ? t.state !== "inactive" && ue({
+      const r = bt(
+        e,
+        o,
+        t
+      );
+      r.length === 0 ? n.state !== "inactive" && de({
         cursorFlags: 0,
         state: "inactive"
-      }) : ue({
+      }) : de({
         cursorFlags: 0,
-        hitRegions: o,
+        hitRegions: r,
+        ownerDocument: t,
         state: "hover"
-      }), _e(e.currentTarget);
+      });
       break;
     }
   }
 }
-function Et(e) {
-  if (e.relatedTarget instanceof HTMLIFrameElement)
-    switch (de().state) {
+function qt(e) {
+  if (e.relatedTarget instanceof HTMLIFrameElement) {
+    const t = ie();
+    switch (t.state) {
       case "hover":
-        ue({
+        t.ownerDocument === e.currentTarget && de({
           cursorFlags: 0,
           state: "inactive"
         });
     }
+  }
 }
-function Pt(e) {
-  if (e.defaultPrevented)
-    return;
-  if (e.pointerType === "mouse" && e.button > 0)
-    return;
-  Zt(
-    e.currentTarget,
-    e
-  ) && e.preventDefault();
+function Ht(e) {
+  e.defaultPrevented || e.pointerType === "mouse" && e.button > 0 || pn(e.currentTarget, e);
 }
-function jn(e) {
+function Vt(e) {
+  e.target === e.currentTarget && ke(e.currentTarget.document);
+}
+function jt(e) {
+  ke(e.currentTarget.document);
+}
+function co(e) {
   let t = 0, n = 0;
   const o = {};
   for (const i of e)
     if (i.defaultSize !== void 0) {
       t++;
-      const s = X(i.defaultSize);
+      const s = K(i.defaultSize);
       n += s, o[i.itemId] = s;
     } else
       o[i.itemId] = void 0;
   const r = e.length - t;
   if (r !== 0) {
-    const i = X((100 - n) / r);
+    const i = K((100 - n) / r);
     for (const s of e)
       s.defaultSize === void 0 && (o[s.itemId] = i);
   }
   return o;
 }
-function Un(e, t) {
+function lo(e, t) {
   const n = e.map((r) => r.id), o = Object.keys(t);
   if (n.length !== o.length)
     return !1;
@@ -1849,18 +1960,18 @@ function Un(e, t) {
       return !1;
   return !0;
 }
-function kt({
+function Ut({
   axis: e,
   itemConstraints: t
 }) {
   const n = e.items.map(({ id: r }) => r).join(","), o = e.mutableState.defaultLayout;
-  return e.mutableState.layouts[n] ?? (o && Un(e.items, o) ? o : jn(t));
+  return e.mutableState.layouts[n] ?? (o && lo(e.items, o) ? o : co(t));
 }
-function $t({
+function Wt({
   itemIds: e,
   layout: t
 }) {
-  return ge({
+  return Se({
     layout: t,
     itemConstraints: e.map((n) => ({
       collapsedSize: 0,
@@ -1873,19 +1984,19 @@ function $t({
     }))
   });
 }
-function Wn(e, t, n) {
+function uo(e, t, n) {
   if (!n[0])
     return;
-  const r = e.items.find((c) => c.element === t);
+  const r = e.items.find((u) => u.element === t);
   if (!r || !r.onResize)
     return;
-  const i = ke({ axis: e }), s = e.orientation === "horizontal" ? r.element.offsetWidth : r.element.offsetHeight, l = r.mutableValues.prevSize, a = {
-    asPercentage: X(s / i * 100),
+  const i = Te({ axis: e }), s = e.orientation === "horizontal" ? r.element.offsetWidth : r.element.offsetHeight, c = r.mutableValues.prevSize, a = {
+    asPercentage: K(s / i * 100),
     inPixels: s
   };
-  r.mutableValues.prevSize = a, r.onResize(a, r.id, l);
+  r.mutableValues.prevSize = a, r.onResize(a, r.id, c);
 }
-function tn(e, t) {
+function yn(e, t) {
   if (Object.keys(e).length !== Object.keys(t).length)
     return !1;
   for (const o in e)
@@ -1893,10 +2004,10 @@ function tn(e, t) {
       return !1;
   return !0;
 }
-function Yn(e, t) {
-  return e.length !== t.length ? !1 : e.every((n, o) => tn(n, t[o]));
+function fo(e, t) {
+  return e.length !== t.length ? !1 : e.every((n, o) => yn(n, t[o]));
 }
-function Kn({
+function mo({
   axis: e,
   nextAxisSize: t,
   prevAxisSize: n,
@@ -1905,16 +2016,16 @@ function Kn({
   if (n <= 0 || t <= 0 || n === t)
     return o;
   let r = 0, i = 0, s = !1;
-  const l = /* @__PURE__ */ new Map(), a = [];
+  const c = /* @__PURE__ */ new Map(), a = [];
   for (const d of e.items) {
     const g = o[d.id] ?? 0;
     switch (d.constraintProps.groupResizeBehavior) {
       case "preserve-pixel-size": {
         s = !0;
-        const m = g / 100 * n, y = X(
-          m / t * 100
+        const p = g / 100 * n, m = K(
+          p / t * 100
         );
-        l.set(d.id, y), r += y;
+        c.set(d.id, m), r += m;
         break;
       }
       case "preserve-relative-size":
@@ -1926,136 +2037,165 @@ function Kn({
   }
   if (!s || a.length === 0)
     return o;
-  const c = 100 - r, u = { ...o };
-  if (l.forEach((d, g) => {
-    u[g] = d;
+  const u = 100 - r, l = { ...o };
+  if (c.forEach((d, g) => {
+    l[g] = d;
   }), i > 0)
     for (const d of a) {
       const g = o[d] ?? 0;
-      u[d] = X(
-        g / i * c
+      l[d] = K(
+        g / i * u
       );
     }
   else {
-    const d = X(c / a.length);
+    const d = K(u / a.length);
     for (const g of a)
-      u[g] = d;
+      l[g] = d;
   }
-  return u;
+  return l;
 }
 const Le = /* @__PURE__ */ new Map();
-function nn(e) {
+let Yt = !1;
+function Sn(e) {
   let t = !0;
-  T(
+  O(
     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) => {
-    for (const y of m) {
-      const { borderBoxSize: f, target: S } = y;
-      if (S === e.element) {
-        if (t) {
-          const p = ke({ axis: e });
-          if (p === 0)
-            return;
-          const h = se(e.id);
-          if (!h)
-            return;
-          const I = rt(e);
-          let x = h.requestedAxisSize, C = h.requestedLayout;
-          h.defaultLayoutDeferred && (x = p, C = $t({
-            itemIds: e.items.map(({ id: b }) => b),
-            layout: kt({
+    let f;
+    et();
+    try {
+      for (const y of m) {
+        const { borderBoxSize: h, target: S } = y;
+        if (S === e.element) {
+          if (t) {
+            const z = Te({ axis: e });
+            if (z === 0)
+              break;
+            const x = ae(e.id);
+            if (!x)
+              break;
+            const R = ut(e);
+            let N = x.requestedAxisSize, $ = x.requestedLayout;
+            x.defaultLayoutDeferred && (N = z, $ = Wt({
+              itemIds: e.items.map(({ id: v }) => v),
+              layout: Ut({
+                axis: e,
+                itemConstraints: R
+              })
+            }));
+            const b = mo({
               axis: e,
-              itemConstraints: I
-            })
-          }));
-          const N = Kn({
-            axis: e,
-            nextAxisSize: p,
-            prevAxisSize: x,
-            prevLayout: C
-          }), D = ge({
-            layout: N,
-            itemConstraints: I
-          });
-          if (!h.defaultLayoutDeferred && ie(h.layout, D) && Yn(
-            h.derivedItemConstraints,
-            I
-          ) && h.axisSize === p)
-            continue;
-          fe(e, {
-            defaultLayoutDeferred: !1,
-            derivedItemConstraints: I,
-            axisSize: p,
-            layout: D,
-            requestedAxisSize: x,
-            requestedLayout: C,
-            separatorToItems: h.separatorToItems
-          });
-        }
-      } else
-        Wn(e, S, f);
+              nextAxisSize: z,
+              prevAxisSize: N,
+              prevLayout: $
+            }), w = Se({
+              layout: b,
+              itemConstraints: R
+            });
+            if (!x.defaultLayoutDeferred && se(x.layout, w) && fo(
+              x.derivedItemConstraints,
+              R
+            ) && x.axisSize === z)
+              continue;
+            fe(e, {
+              defaultLayoutDeferred: !1,
+              derivedItemConstraints: R,
+              axisSize: z,
+              layout: w,
+              requestedAxisSize: N,
+              requestedLayout: $,
+              separatorToItems: x.separatorToItems
+            });
+          }
+        } else
+          try {
+            uo(e, S, h);
+          } catch (z) {
+            f ??= { error: z };
+          }
+      }
+    } finally {
+      tt();
     }
+    if (f)
+      throw f.error;
   });
   i.observe(e.element), e.items.forEach((m) => {
-    T(
+    O(
       !o.has(m.id),
       `Panel ids must be unique; id "${m.id}" was used more than once`
     ), o.add(m.id), m.onResize && i.observe(m.element);
   });
-  const s = ke({ axis: e }), l = rt(e), a = kt({
+  const s = Te({ axis: e }), c = ut(e), a = Ut({
     axis: e,
-    itemConstraints: l
-  }), c = ge({
+    itemConstraints: c
+  }), u = Se({
     layout: a,
-    itemConstraints: l
-  }), u = e.element.ownerDocument;
+    itemConstraints: c
+  }), l = e.element.ownerDocument, d = l.defaultView;
   Le.set(
-    u,
-    (Le.get(u) ?? 0) + 1
+    l,
+    (Le.get(l) ?? 0) + 1
   );
-  const d = /* @__PURE__ */ new Map();
-  return ct({ axis: e, includeDisabled: !0 }).forEach((m) => {
-    m.separator && d.set(m.separator, m.items);
+  const g = /* @__PURE__ */ new Map();
+  return gt({ axis: e, includeDisabled: !0 }).forEach((m) => {
+    m.separator && g.set(m.separator, m.items);
   }), fe(e, {
     defaultLayoutDeferred: s === 0,
-    derivedItemConstraints: l,
+    derivedItemConstraints: c,
     axisSize: s,
-    layout: c,
+    layout: u,
     requestedAxisSize: s,
-    requestedLayout: $t({
+    requestedLayout: Wt({
       itemIds: e.items.map(({ id: m }) => m),
       layout: a
     }),
-    separatorToItems: d
+    separatorToItems: g
   }), e.separators.forEach((m) => {
-    T(
+    O(
       !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", Lt);
-  }), Le.get(u) === 1 && (u.addEventListener("contextmenu", bt, !0), u.addEventListener("dblclick", It, !0), u.addEventListener("pointerdown", Ct, !0), u.addEventListener("pointerleave", Rt), u.addEventListener("pointermove", Mt), u.addEventListener("pointerout", Et), u.addEventListener("pointerup", Pt, !0)), function() {
+    ), r.add(m.id), m.element.addEventListener("keydown", Ot);
+  }), Yt || (Yt = !0, pt(Bn)), Le.get(l) === 1 && (l.addEventListener("contextmenu", Tt, !0), l.addEventListener("dblclick", $t, !0), l.addEventListener(
+    "lostpointercapture",
+    Nt,
+    !0
+  ), l.addEventListener(
+    "pointercancel",
+    Gt,
+    !0
+  ), l.addEventListener("pointerdown", Ft, !0), l.addEventListener("pointerleave", _t), l.addEventListener("pointermove", Bt), l.addEventListener("pointerout", qt), l.addEventListener("pointerup", Ht, !0), d?.addEventListener("blur", Vt), d?.addEventListener("pagehide", jt)), function() {
     t = !1, Le.set(
-      u,
-      Math.max(0, (Le.get(u) ?? 0) - 1)
-    ), An(e), zn(e) && _e(u), e.separators.forEach((y) => {
-      y.element.removeEventListener("keydown", Lt);
-    }), Le.get(u) || (u.removeEventListener(
+      l,
+      Math.max(0, (Le.get(l) ?? 0) - 1)
+    ), Xn(e), Gn(e), e.separators.forEach((f) => {
+      f.element.removeEventListener("keydown", Ot);
+    }), Le.get(l) || (l.removeEventListener(
       "contextmenu",
-      bt,
+      Tt,
       !0
-    ), u.removeEventListener(
+    ), l.removeEventListener(
       "dblclick",
-      It,
+      $t,
       !0
-    ), u.removeEventListener(
+    ), l.removeEventListener(
+      "lostpointercapture",
+      Nt,
+      !0
+    ), l.removeEventListener(
+      "pointercancel",
+      Gt,
+      !0
+    ), l.removeEventListener(
       "pointerdown",
-      Ct,
+      Ft,
       !0
-    ), u.removeEventListener("pointerleave", Rt), u.removeEventListener("pointermove", Mt), u.removeEventListener("pointerout", Et), u.removeEventListener("pointerup", Pt, !0)), i.disconnect();
+    ), l.removeEventListener("pointerleave", _t), l.removeEventListener("pointermove", Bt), l.removeEventListener("pointerout", qt), l.removeEventListener("pointerup", Ht, !0), d?.removeEventListener("blur", Vt), d?.removeEventListener("pagehide", jt)), i.disconnect();
   };
 }
-function on({
+function vn({
   derivedItemConstraints: e,
   axis: t,
   layout: n,
@@ -2065,56 +2205,56 @@ function on({
   const i = t.items.map(({ id: s }) => s).join(",");
   t.mutableState.layouts[i] = r, o && e.forEach((s) => {
     if (s.collapsible) {
-      const l = Y(
+      const c = Y(
         s.collapsedSize,
         n[s.itemId]
       ), a = Y(
         s.collapsedSize,
         o[s.itemId]
       );
-      l && !a && (t.mutableState.expandedItemSizes[s.itemId] = o[s.itemId]);
+      c && !a && (t.mutableState.expandedItemSizes[s.itemId] = o[s.itemId]);
     }
   });
 }
-function rn() {
-  const [e, t] = pe({}), n = re(() => t({}), []);
+function bn() {
+  const [e, t] = he({}), n = re(() => t({}), []);
   return [e, n];
 }
-function Je(e) {
-  const t = q({ ...e });
+function ot(e) {
+  const t = B({ ...e });
   return ne(() => {
     for (const n in e)
       t.current[n] = e[n];
   }, [e]), t.current;
 }
-const mt = Gt(null);
-function Xn({
+const wt = en(null);
+function po({
   layout: e,
   itemConstraints: t,
   itemId: n,
   itemIndex: o
 }) {
   let r, i;
-  const s = e[n], l = t.find(
+  const s = e[n], c = t.find(
     (a) => a.itemId === n
   );
-  if (l) {
-    const a = l.maxSize, c = l.collapsible ? l.collapsedSize : l.minSize, u = [o, o + 1];
-    i = ge({
+  if (c) {
+    const a = c.maxSize, u = c.collapsible ? c.collapsedSize : c.minSize, l = [o, o + 1];
+    i = Se({
       layout: qe({
-        delta: c - s,
+        delta: u - s,
         initialLayout: e,
         itemConstraints: t,
-        pivotIndices: u,
+        pivotIndices: l,
         prevLayout: e
       }),
       itemConstraints: t
-    })[n], r = ge({
+    })[n], r = Se({
       layout: qe({
         delta: a - s,
         initialLayout: e,
         itemConstraints: t,
-        pivotIndices: u,
+        pivotIndices: l,
         prevLayout: e
       }),
       itemConstraints: t
@@ -2127,7 +2267,7 @@ function Xn({
     valueNow: s
   };
 }
-function sn({
+function xn({
   attributes: e,
   axisId: t,
   axisOrientation: n,
@@ -2135,75 +2275,75 @@ function sn({
   className: r,
   disableCursor: i,
   disabled: s,
-  disableDoubleClick: l,
+  disableDoubleClick: c,
   elementRef: a,
-  id: c,
-  isSharedHitRegion: u,
+  id: u,
+  isSharedHitRegion: l,
   preview: d,
   registerSeparator: g,
-  requiredStyle: m,
-  style: y,
+  requiredStyle: p,
+  style: m,
   styleDefaults: f,
-  tabIndex: S = 0,
-  updateSeparatorProps: p
+  tabIndex: y = 0,
+  updateSeparatorProps: h
 }) {
-  const h = Je({
+  const S = ot({
     disabled: s,
-    disableDoubleClick: l,
+    disableDoubleClick: c,
     children: o,
     className: r,
     preview: d,
-    style: y
-  }), [I, x] = pe({}), [C, N] = pe("inactive"), [D, b] = pe(!1), w = q(null), v = q(null), $ = Ve(w, a), O = n === "horizontal" ? "vertical" : "horizontal";
+    style: m
+  }), [z, x] = he({}), [R, N] = he("inactive"), [$, b] = he(!1), w = B(null), v = B(null), T = Ve(w, a), A = n === "horizontal" ? "vertical" : "horizontal";
   ne(() => {
-    const P = w.current;
-    if (P !== null) {
-      const z = {
-        disabled: h.disabled,
-        disableDoubleClick: h.disableDoubleClick,
-        element: P,
-        id: c,
+    const C = w.current;
+    if (C !== null) {
+      const I = {
+        disabled: S.disabled,
+        disableDoubleClick: S.disableDoubleClick,
+        element: C,
+        id: u,
         get children() {
-          return h.children;
+          return S.children;
         },
         get className() {
-          return h.className;
+          return S.className;
         },
         get preview() {
-          return h.preview;
+          return S.preview;
         },
         get style() {
-          return h.style;
+          return S.style;
         }
       };
-      v.current = z;
-      const M = g(z), B = jt(
+      v.current = I;
+      const M = g(I), q = pt(
         (H) => {
           N(
             H.next.state !== "inactive" && H.next.hitRegions.some(
-              (Z) => Z.separator === z || (u?.(Z) ?? !1)
+              (Z) => Z.separator === I || (l?.(Z) ?? !1)
             ) ? H.next.state : "inactive"
           );
         }
-      ), J = Fe(
+      ), J = Be(
         t,
         (H) => {
-          const { derivedItemConstraints: Z, layout: Se, separatorToItems: ze } = H.next, Ie = ze.get(z);
+          const { derivedItemConstraints: Z, layout: ve, separatorToItems: ze } = H.next, Ie = ze.get(I);
           if (Ie) {
-            const ve = Ie[0], L = Z.findIndex(
-              (_) => _.itemId === ve.id
-            ), { layoutStrategy: k } = H.axis;
+            const be = Ie[0], L = Z.findIndex(
+              (F) => F.itemId === be.id
+            ), { layoutStrategy: P } = H.axis;
             x({
-              ...Xn({
-                layout: Se,
+              ...po({
+                layout: ve,
                 itemConstraints: Z,
-                itemId: ve.id,
+                itemId: be.id,
                 itemIndex: L
               }),
               // Items without DOM elements of their own (e.g. Grid tracks) control other elements
-              ...k?.getItemAriaControls && {
-                valueControls: k.getItemAriaControls(
-                  ve.id
+              ...P?.getItemAriaControls && {
+                valueControls: P.getItemAriaControls(
+                  be.id
                 )
               }
             });
@@ -2211,62 +2351,62 @@ function sn({
         }
       );
       return () => {
-        v.current = null, B(), J(), M();
+        v.current = null, q(), J(), M();
       };
     }
-  }, [t, c, u, g, h]), ne(() => {
-    const P = v.current;
-    P && wn(P);
-  }, [d]), Be(() => {
-    p(c, { disabled: s, disableDoubleClick: l });
-  }, [s, l, c, p]);
-  let R;
-  s && !i && (R = "not-allowed");
+  }, [t, u, l, g, S]), ne(() => {
+    const C = v.current;
+    C && Nn(C);
+  }, [d]), He(() => {
+    h(u, { disabled: s, disableDoubleClick: c });
+  }, [s, c, u, h]);
   let E;
+  s && !i && (E = "not-allowed");
+  let D;
   if (s)
-    E = "disabled";
+    D = "disabled";
   else
-    switch (C) {
+    switch (R) {
       case "active": {
-        E = "active";
+        D = "active";
         break;
       }
       default:
-        D ? E = "focus" : E = C;
+        $ ? D = "focus" : D = R;
     }
-  return /* @__PURE__ */ K(
+  return /* @__PURE__ */ X(
     "div",
     {
       ...e,
-      "aria-controls": I.valueControls,
+      "aria-controls": z.valueControls,
       "aria-disabled": s || void 0,
-      "aria-orientation": O,
-      "aria-valuemax": I.valueMax,
-      "aria-valuemin": I.valueMin,
-      "aria-valuenow": I.valueNow,
+      "aria-orientation": A,
+      "aria-valuemax": z.valueMax,
+      "aria-valuemin": z.valueMin,
+      "aria-valuenow": z.valueNow,
       children: o,
       className: r,
-      "data-separator": E,
-      "data-testid": c,
-      id: c,
+      "data-separator": D,
+      "data-testid": u,
+      id: u,
       onBlur: () => b(!1),
       onFocus: () => b(!0),
-      ref: $,
+      ref: T,
       role: "separator",
       style: {
         ...f,
-        cursor: R,
-        ...y,
+        cursor: E,
         ...m,
+        ...p,
         // 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: s ? void 0 : S
+      tabIndex: s ? void 0 : y
     }
   );
 }
-function At({
+function Xt({
   axis: e,
   children: t,
   className: n,
@@ -2274,73 +2414,73 @@ function At({
   crossStart: r,
   disabled: i,
   elementRef: s,
-  index: l,
+  index: c,
   style: a
 }) {
-  const c = $e(void 0), {
-    getDisableCursor: u,
+  const u = De(void 0), {
+    getDisableCursor: l,
     getResizeAxisId: d,
     gutters: g,
-    registerSeparator: m,
-    separatorPlacements: y,
+    registerSeparator: p,
+    separatorPlacements: m,
     trackCounts: f,
-    updateSeparatorProps: S
-  } = Bt(), p = d(e), h = e === "column" ? "row" : "column", I = f[h], x = !!i || !st(l, f[e]);
-  let C = !0;
-  for (const v of y.values())
-    if (v.axis === e && v.index === l && !v.disabled && v.crossStart < r) {
-      C = !1;
+    updateSeparatorProps: y
+  } = rn(), h = d(e), S = e === "column" ? "row" : "column", z = f[S], x = !!i || !ft(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;
       break;
     }
   const N = re(
-    (v) => v.axis.id === p && v.axis.items.indexOf(v.items[1]) === l,
-    [p, l]
-  ), D = re(
-    (v) => m(
+    (v) => v.axis.id === h && v.axis.items.indexOf(v.items[1]) === c,
+    [h, c]
+  ), $ = re(
+    (v) => p(
       {
         axis: e,
         crossSpan: o,
         crossStart: r,
         disabled: !!i,
-        index: l
+        index: c
       },
       v
     ),
-    [e, o, r, i, l, m]
-  ), b = hn(l), w = gn({
-    crossCount: I,
+    [e, o, r, i, c, p]
+  ), b = Pn(c), w = Tn({
+    crossCount: z,
     crossSpan: o,
     crossStart: r,
-    hasGutters: g[h]
+    hasGutters: g[S]
   });
-  return /* @__PURE__ */ K(
-    sn,
+  return /* @__PURE__ */ X(
+    xn,
     {
-      axisId: p,
+      axisId: h,
       axisOrientation: e === "column" ? "horizontal" : "vertical",
       className: n,
-      disableCursor: u(),
+      disableCursor: l(),
       disabled: x,
       disableDoubleClick: void 0,
       elementRef: s,
-      id: c,
+      id: u,
       isSharedHitRegion: N,
-      registerSeparator: D,
+      registerSeparator: $,
       requiredStyle: {
         gridColumn: e === "column" ? b : w,
         gridRow: e === "row" ? b : w
       },
       style: a,
-      tabIndex: C ? 0 : -1,
-      updateSeparatorProps: S,
+      tabIndex: R ? 0 : -1,
+      updateSeparatorProps: y,
       children: t
     }
   );
 }
-function an(e) {
+function wn(e) {
   const { children: t, className: n, disabled: o, elementRef: r, style: i } = e;
-  return e.type === "column" ? /* @__PURE__ */ K(
-    At,
+  return e.type === "column" ? /* @__PURE__ */ X(
+    Xt,
     {
       axis: "column",
       className: n,
@@ -2352,8 +2492,8 @@ function an(e) {
       style: i,
       children: t
     }
-  ) : /* @__PURE__ */ K(
-    At,
+  ) : /* @__PURE__ */ X(
+    Xt,
     {
       axis: "row",
       className: n,
@@ -2367,9 +2507,9 @@ function an(e) {
     }
   );
 }
-an.displayName = "Gridline";
-const Re = ["column", "row"], Tt = { columns: {}, rows: {} };
-function Jn({
+wn.displayName = "Gridline";
+const Re = ["column", "row"], Kt = { columns: {}, rows: {} };
+function ho({
   children: e,
   className: t,
   columns: n,
@@ -2377,122 +2517,122 @@ function Jn({
   disableCursor: r,
   disabled: i,
   elementRef: s,
-  gridRef: l,
+  gridRef: c,
   id: a,
-  onLayoutChange: c,
-  onLayoutChanged: u,
+  onLayoutChange: u,
+  onLayoutChanged: l,
   resizeTargetMinimumSize: d = {
     coarse: 20,
     fine: 10
   },
   rows: g,
-  style: m,
-  ...y
+  style: p,
+  ...m
 }) {
-  const f = $e(a), S = re(
+  const f = De(a), y = re(
     (L) => L === "column" ? `${f}:columns` : `${f}:rows`,
     [f]
-  ), p = Dt(n, "columns"), h = Dt(g, "rows"), I = (L) => L === "column" ? p : h, x = q({
-    onLayoutChange: Tt,
-    onLayoutChanged: Tt
-  }), C = he((L) => {
-    Ot(x.current.onLayoutChange, L) || (x.current.onLayoutChange = L, c?.(L));
-  }), N = he(
-    (L, k, _) => {
-      Ot(x.current.onLayoutChanged, L) || (x.current.onLayoutChanged = L, u?.(L, { isUserInteraction: k, requestedLayout: _ }));
-    }
-  ), D = q(null), b = Ve(D, s), [w, v] = rn(), $ = q({
+  ), h = Jt(n, "columns"), S = Jt(g, "rows"), z = (L) => L === "column" ? h : S, x = B({
+    onLayoutChange: Kt,
+    onLayoutChanged: Kt
+  }), R = ye((L) => {
+    Zt(x.current.onLayoutChange, L) || (x.current.onLayoutChange = L, u?.(L));
+  }), N = ye(
+    (L, P, F) => {
+      Zt(x.current.onLayoutChanged, L) || (x.current.onLayoutChanged = L, l?.(L, { isUserInteraction: P, requestedLayout: F }));
+    }
+  ), $ = B(null), b = Ve($, s), [w, v] = bn(), T = B({
     cells: [],
     column: { expandedItemSizes: {}, layouts: {} },
     loggedErrors: /* @__PURE__ */ new Set(),
     row: { expandedItemSizes: {}, layouts: {} },
     separators: /* @__PURE__ */ new Map()
-  }), O = { column: !1, row: !1 };
-  for (const L of $.current.separators.values())
-    O[L.axis] = !0;
-  ln(e, O);
-  const R = Je({
+  }), A = { column: !1, row: !1 };
+  for (const L of T.current.separators.values())
+    A[L.axis] = !0;
+  zn(e, A);
+  const E = ot({
     defaultLayout: o,
     disableCursor: r,
     resizeTargetMinimumSize: d
-  }), E = he(() => !!R.disableCursor), P = re(
+  }), D = ye(() => !!E.disableCursor), C = re(
     (L) => {
-      const k = $.current;
-      return k.cells = [...k.cells, L], v(), () => {
-        k.cells = k.cells.filter(
-          (_) => _ !== L
+      const P = T.current;
+      return P.cells = [...P.cells, L], v(), () => {
+        P.cells = P.cells.filter(
+          (F) => F !== L
         ), v();
       };
     },
     [v]
-  ), z = re(
-    (L, k) => {
-      const _ = $.current;
-      return _.separators = new Map(_.separators), _.separators.set(k, L), v(), () => {
-        _.separators = new Map(_.separators), _.separators.delete(k), v();
+  ), I = re(
+    (L, P) => {
+      const F = T.current;
+      return F.separators = new Map(F.separators), F.separators.set(P, L), v(), () => {
+        F.separators = new Map(F.separators), F.separators.delete(P), v();
       };
     },
     [v]
   ), M = re(
     (L, {
-      disabled: k,
-      disableDoubleClick: _
+      disabled: P,
+      disableDoubleClick: F
     }) => {
-      for (const G of $.current.separators.keys())
-        G.id === L && (G.disabled = k, G.disableDoubleClick = _);
+      for (const G of T.current.separators.keys())
+        G.id === L && (G.disabled = P, G.disableDoubleClick = F);
     },
     []
-  ), B = $.current.separators, J = Pe(
+  ), q = T.current.separators, J = Pe(
     () => ({
-      getDisableCursor: E,
-      getResizeAxisId: S,
+      getDisableCursor: D,
+      getResizeAxisId: y,
       gutters: {
-        column: O.column,
-        row: O.row
+        column: A.column,
+        row: A.row
       },
       id: f,
-      registerCell: P,
-      registerSeparator: z,
-      separatorPlacements: B,
+      registerCell: C,
+      registerSeparator: I,
+      separatorPlacements: q,
       trackCounts: {
-        column: p.length,
-        row: h.length
+        column: h.length,
+        row: S.length
       },
       updateSeparatorProps: M
     }),
     [
-      p.length,
-      E,
-      S,
-      O.column,
-      O.row,
-      f,
-      P,
-      z,
       h.length,
-      B,
+      D,
+      y,
+      A.column,
+      A.row,
+      f,
+      C,
+      I,
+      S.length,
+      q,
       M
     ]
-  ), H = q([]);
+  ), H = B([]);
   ne(() => {
-    const L = D.current;
+    const L = $.current;
     if (L === null)
       return;
-    const k = $.current, _ = Qn({
-      cells: k.cells,
-      separatorPlacements: k.separators,
-      trackCounts: { column: p.length, row: h.length }
+    const P = T.current, F = yo({
+      cells: P.cells,
+      separatorPlacements: P.separators,
+      trackCounts: { column: h.length, row: S.length }
     });
-    _.forEach((A) => {
-      k.loggedErrors.has(A) || console.error(A);
-    }), k.loggedErrors = new Set(_);
-    const G = (A) => Array.from(k.separators.entries()).filter(([, W]) => W.axis === A).sort(([, W], [, be]) => W.index - be.index).map(([W]) => W), F = (A) => {
-      const W = A === "column" ? p : h, be = A === "column" ? h : p, me = W.map((Q) => Q.id), He = S(A), je = G(A), xe = je.length > 0, Ue = W.map(
+    F.forEach((k) => {
+      P.loggedErrors.has(k) || console.error(k);
+    }), P.loggedErrors = new Set(F);
+    const G = (k) => Array.from(P.separators.entries()).filter(([, W]) => W.axis === k).sort(([, W], [, me]) => W.index - me.index).map(([W]) => W), _ = (k) => {
+      const W = k === "column" ? h : S, me = k === "column" ? S : h, pe = W.map((Q) => Q.id), je = y(k), Ue = G(k), xe = Ue.length > 0, We = W.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")
           element: L,
-          id: me[ee],
+          id: pe[ee],
           idIsStable: !0,
           mutableValues: {
             expandToSize: void 0,
@@ -2501,161 +2641,178 @@ function Jn({
           onResize: void 0,
           constraintProps: oe
         })
-      ), Te = () => {
+      ), $e = () => {
         const Q = [];
         if (xe) {
-          for (const [oe, ee] of k.separators)
-            if (ee.axis === A && st(ee.index, W.length)) {
-              const Oe = oe.element.getBoundingClientRect();
+          for (const [oe, ee] of P.separators)
+            if (ee.axis === k && ft(ee.index, W.length)) {
+              const Ne = oe.element.getBoundingClientRect();
               Q[ee.index] = Math.max(
                 Q[ee.index] ?? 0,
-                A === "column" ? Oe.width : Oe.height
+                k === "column" ? Ne.width : Ne.height
               );
             }
         }
-        return bn({
-          axis: A,
+        return $n({
+          axis: k,
           element: L,
           gutterSizes: Q.filter((oe) => oe !== void 0),
           hasGutters: xe,
-          layout: se(He)?.layout,
-          trackIds: me
+          layout: ae(je)?.layout,
+          trackIds: pe
         });
       };
-      let De;
-      const Qe = R.defaultLayout?.[A === "column" ? "columns" : "rows"];
-      if (Qe !== void 0 && Object.keys(Qe).length === me.length) {
-        De = {};
-        for (const Q of me) {
-          const oe = Qe[Q];
-          oe !== void 0 && (De[Q] = oe);
+      let Oe;
+      const it = E.defaultLayout?.[k === "column" ? "columns" : "rows"];
+      if (it !== void 0 && Object.keys(it).length === pe.length) {
+        Oe = {};
+        for (const Q of pe) {
+          const oe = it[Q];
+          oe !== void 0 && (Oe[Q] = oe);
         }
       }
       return {
         disabled: !!i,
         element: L,
-        id: He,
+        id: je,
         layoutStrategy: {
           getItemAriaControls: (Q) => {
-            const oe = me.indexOf(Q);
-            return k.cells.filter((ee) => {
-              const Oe = A === "column" ? ee.column : ee.row, un = A === "column" ? ee.columnSpan : ee.rowSpan;
-              return Oe <= oe && oe < Oe + un;
+            const oe = pe.indexOf(Q);
+            return P.cells.filter((ee) => {
+              const Ne = k === "column" ? ee.column : ee.row, Ln = k === "column" ? ee.columnSpan : ee.rowSpan;
+              return Ne <= oe && oe < Ne + Ln;
             }).map((ee) => ee.element.id).filter(Boolean).join(" ") || void 0;
           },
-          calculateAvailableSize: () => Te().availableSize,
+          calculateAvailableSize: () => $e().availableSize,
           calculateHitRegions: ({
             expandHitTargets: Q,
             axis: oe,
             includeDisabled: ee
-          }) => vn({
-            axis: A,
-            cells: k.cells,
-            crossTrackCount: be.length,
+          }) => An({
+            axis: k,
+            cells: P.cells,
+            crossTrackCount: me.length,
             expandHitTargets: Q,
             resizeAxis: oe,
-            axisSize: Te().availableSize,
+            axisSize: $e().availableSize,
             includeDisabled: ee,
-            separatorPlacements: k.separators
+            separatorPlacements: P.separators
           }),
-          getItemSizeInPixels: (Q) => Te().trackSizes[me.indexOf(Q)] ?? 0
+          getItemSizeInPixels: (Q) => $e().trackSizes[pe.indexOf(Q)] ?? 0
         },
         mutableState: {
-          defaultLayout: De,
-          disableCursor: !!R.disableCursor,
-          expandedItemSizes: k[A].expandedItemSizes,
-          layouts: k[A].layouts
+          defaultLayout: Oe,
+          disableCursor: !!E.disableCursor,
+          expandedItemSizes: P[k].expandedItemSizes,
+          layouts: P[k].layouts
         },
-        orientation: A === "column" ? "horizontal" : "vertical",
-        items: Ue,
+        orientation: k === "column" ? "horizontal" : "vertical",
+        items: We,
         resizePreviewMode: "panel",
         get resizeTargetMinimumSize() {
-          return R.resizeTargetMinimumSize;
+          return E.resizeTargetMinimumSize;
         },
-        separators: je
+        separators: Ue
       };
-    }, j = Re.map(F);
+    }, j = Re.map(_);
     H.current = j;
-    const U = j.map((A) => nn(A)), te = () => {
-      const [A, W] = j.map(
-        (be) => se(be.id)
+    const U = j.map((k) => Sn(k)), te = () => {
+      const [k, W] = j.map(
+        (me) => ae(me.id)
       );
-      if (!(!A || !W || A.defaultLayoutDeferred || W.defaultLayoutDeferred))
+      if (!(!k || !W || k.defaultLayoutDeferred || W.defaultLayoutDeferred))
         return {
-          layout: { columns: A.layout, rows: W.layout },
+          layout: { columns: k.layout, rows: W.layout },
           requestedLayout: {
-            columns: A.requestedLayout,
+            columns: k.requestedLayout,
             rows: W.requestedLayout
           }
         };
     };
     {
-      const A = te();
-      A && (C(A.layout), N(A.layout, !1, A.requestedLayout));
+      const k = te();
+      if (k)
+        try {
+          try {
+            R(k.layout);
+          } finally {
+            N(
+              k.layout,
+              !1,
+              k.requestedLayout
+            );
+          }
+        } catch (W) {
+          throw H.current = [], U.forEach((me) => me()), W;
+        }
     }
     const Ae = j.map(
-      (A) => Fe(A.id, (W) => {
+      (k) => Be(k.id, (W) => {
         const {
-          defaultLayoutDeferred: be,
-          derivedItemConstraints: me,
-          layout: He,
-          requestedLayout: je
+          defaultLayoutDeferred: me,
+          derivedItemConstraints: pe,
+          layout: je,
+          requestedLayout: Ue
         } = W.next;
-        if (be || me.length === 0)
+        if (me || pe.length === 0)
           return;
-        on({
-          derivedItemConstraints: me,
-          axis: A,
-          layout: He,
+        vn({
+          derivedItemConstraints: pe,
+          axis: k,
+          layout: je,
           prevLayout: W.prev?.layout,
-          requestedLayout: je
+          requestedLayout: Ue
         });
         const xe = te();
         if (xe) {
-          const Ue = de(), Te = Ue.state !== "active" || !Ue.hitRegions.some(
-            (De) => j.includes(De.axis)
-          );
-          C(xe.layout), Te && N(
-            xe.layout,
-            W.isUserInteraction,
-            xe.requestedLayout
+          const We = ie(), $e = We.state !== "active" || !We.hitRegions.some(
+            (Oe) => j.includes(Oe.axis)
           );
+          try {
+            R(xe.layout);
+          } finally {
+            $e && N(
+              xe.layout,
+              W.isUserInteraction,
+              xe.requestedLayout
+            );
+          }
         }
       })
     );
     return () => {
-      H.current = [], U.forEach((A) => A()), Ae.forEach((A) => A());
+      H.current = [], U.forEach((k) => k()), Ae.forEach((k) => k());
     };
   }, [
-    p,
+    h,
     i,
-    S,
+    y,
     f,
     N,
-    C,
-    h,
+    R,
+    S,
     w,
-    R
-  ]), Be(() => {
+    E
+  ]), He(() => {
     H.current.forEach((L) => {
       L.mutableState.defaultLayout = o?.[L.orientation === "horizontal" ? "columns" : "rows"], L.mutableState.disableCursor = !!r;
     });
-  }), it(l, () => {
+  }), dt(c, () => {
     const L = () => {
-      const [G, F] = Re.map(S);
-      return !Me(G) || !Me(F) ? { columns: {}, rows: {} } : {
-        columns: Ge({
+      const [G, _] = Re.map(y);
+      return !Ee(G) || !Ee(_) ? { columns: {}, rows: {} } : {
+        columns: _e({
           axisId: G
         }).getLayout(),
-        rows: Ge({ axisId: F }).getLayout()
+        rows: _e({ axisId: _ }).getLayout()
       };
-    }, k = (G) => G.map((F) => `"${F}"`).join(", "), _ = (G, F) => {
-      const j = S(G), U = () => {
-        const te = Me(j);
-        return T(te, `Grid "${f}" has not been mounted`), T(
-          te.items.some((Ae) => Ae.id === F),
-          `Grid "${f}" no longer contains a ${G} with id "${F}"; ${G} ids are ${k(te.items.map((Ae) => Ae.id))}`
-        ), ft({ axisId: j, itemId: F });
+    }, P = (G) => G.map((_) => `"${_}"`).join(", "), F = (G, _) => {
+      const j = y(G), U = () => {
+        const te = Ee(j);
+        return O(te, `Grid "${f}" has not been mounted`), O(
+          te.items.some((Ae) => Ae.id === _),
+          `Grid "${f}" no longer contains a ${G} with id "${_}"; ${G} ids are ${P(te.items.map((Ae) => Ae.id))}`
+        ), xt({ axisId: j, itemId: _ });
       };
       return {
         collapse: () => U().collapse(),
@@ -2667,49 +2824,49 @@ function Jn({
     };
     return {
       getLayout: L,
-      getTrackById: (G, F) => {
-        const j = G === "column" ? p : h, U = `${F}`;
-        return T(
+      getTrackById: (G, _) => {
+        const j = G === "column" ? h : S, U = `${_}`;
+        return O(
           j.some((te) => te.id === U),
-          `Grid "${f}" does not contain a ${G} with id "${U}"; ${G} ids are ${k(j.map((te) => te.id))}`
-        ), _(G, U);
+          `Grid "${f}" does not contain a ${G} with id "${U}"; ${G} ids are ${P(j.map((te) => te.id))}`
+        ), F(G, U);
       },
-      getTrackByIndex: (G, F) => {
-        const j = G === "column" ? p : h, U = Number.isInteger(F) ? j[F] : void 0;
-        return T(
+      getTrackByIndex: (G, _) => {
+        const j = G === "column" ? h : S, U = Number.isInteger(_) ? j[_] : void 0;
+        return O(
           U,
-          `Grid "${f}" does not contain a ${G} at index ${F}; it has ${j.length} ${G}s`
-        ), _(G, U.id);
+          `Grid "${f}" does not contain a ${G} at index ${_}; it has ${j.length} ${G}s`
+        ), F(G, U.id);
       },
-      setLayout: (G) => (Re.forEach((F) => {
-        const j = G[F === "column" ? "columns" : "rows"], U = S(F);
-        j && Me(U) && Ge({ axisId: U }).setLayout(j);
+      setLayout: (G) => (Re.forEach((_) => {
+        const j = G[_ === "column" ? "columns" : "rows"], U = y(_);
+        j && Ee(U) && _e({ axisId: U }).setLayout(j);
       }), L())
     };
-  }, [p, S, f, h]);
+  }, [h, y, f, S]);
   const Z = () => Re.map((L) => {
-    const k = se(S(L)), _ = I(L);
-    return (k && !k.defaultLayoutDeferred ? _.map((F) => `minmax(0, ${k.layout[F.id] ?? 1}fr)`) : Zn(
-      _,
+    const P = ae(y(L)), F = z(L);
+    return (P && !P.defaultLayoutDeferred ? F.map((_) => `minmax(0, ${P.layout[_.id] ?? 1}fr)`) : go(
+      F,
       o?.[L === "column" ? "columns" : "rows"]
-    )).join(O[L] ? " auto " : " ");
-  }).join("|"), Se = re(
+    )).join(A[L] ? " auto " : " ");
+  }).join("|"), ve = re(
     (L) => {
-      const k = Re.map(
-        (_) => Fe(S(_), L)
+      const P = Re.map(
+        (F) => Be(y(F), L)
       );
-      return () => k.forEach((_) => _());
+      return () => P.forEach((F) => F());
     },
-    [S]
-  ), ze = Xe(
-    Se,
+    [y]
+  ), ze = Qe(
+    ve,
     Z,
     Z
-  ), [Ie, ve] = ze.split("|");
-  return /* @__PURE__ */ K(qt.Provider, { value: J, children: /* @__PURE__ */ K(
+  ), [Ie, be] = ze.split("|");
+  return /* @__PURE__ */ X(on.Provider, { value: J, children: /* @__PURE__ */ X(
     "div",
     {
-      ...y,
+      ...m,
       className: t,
       "data-grid": !0,
       "data-testid": f,
@@ -2719,49 +2876,49 @@ function Jn({
         height: "100%",
         width: "100%",
         overflow: "hidden",
-        ...m,
+        ...p,
         display: "grid",
         gridTemplateColumns: Ie,
-        gridTemplateRows: ve,
+        gridTemplateRows: be,
         // Inform the browser that the library is handling touch events for this element
         // NOTE This is not an inherited style
         touchAction: "none"
       },
-      children: /* @__PURE__ */ K(mt.Provider, { value: null, children: e })
+      children: /* @__PURE__ */ X(wt.Provider, { value: null, children: e })
     }
   ) });
 }
-Jn.displayName = "Grid";
-function Dt(e, t) {
+ho.displayName = "Grid";
+function Jt(e, t) {
   const n = JSON.stringify(e);
   return Pe(() => {
     const o = typeof e == "number" ? Array.from({ length: e }, (r, i) => ({ id: `${i}` })) : e.map((r, i) => ({
       ...r,
       id: `${r.id ?? i}`
     }));
-    return T(
+    return O(
       o.length > 0,
       `Grid must have at least one track; "${t}" is ${n}`
     ), o;
   }, [n]);
 }
-function ln(e, t) {
-  mn.forEach(e, (n) => {
-    if (Ft(n))
-      if (n.type === an) {
+function zn(e, t) {
+  En.forEach(e, (n) => {
+    if (nn(n))
+      if (n.type === wn) {
         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 && zn(n.props.children, t);
   });
 }
-function Zn(e, t) {
+function go(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 : Vt(i.defaultSize)
+    (i) => i.defaultSize === void 0 ? void 0 : sn(i.defaultSize)
   );
   let o = 100, r = 0;
   return n.forEach((i) => {
@@ -2769,100 +2926,100 @@ function Zn(e, t) {
   }), n.map((i) => {
     if (i === void 0)
       return `minmax(0, ${Math.max(0, o) / Math.max(1, r)}fr)`;
-    const [s, l] = i;
-    return l === "%" ? `minmax(0, ${s}fr)` : `${s}${l}`;
+    const [s, c] = i;
+    return c === "%" ? `minmax(0, ${s}fr)` : `${s}${c}`;
   });
 }
-function Qn({
+function yo({
   cells: e,
   separatorPlacements: t,
   trackCounts: n
 }) {
   const o = [];
-  for (const l of e)
+  for (const c of e)
     Re.forEach((a) => {
-      const [c, u] = a === "column" ? [l.column, l.columnSpan] : [l.row, l.rowSpan], d = n[a];
-      (!Number.isInteger(c) || !Number.isInteger(u) || c < 0 || u < 1 || c + u > d) && o.push(
-        `Invalid Cell ${a} placement (${a}: ${c}, ${a}Span: ${u}); Grid has ${d} ${a}s`
+      const [u, l] = a === "column" ? [c.column, c.columnSpan] : [c.row, c.rowSpan], d = n[a];
+      (!Number.isInteger(u) || !Number.isInteger(l) || u < 0 || l < 1 || u + l > d) && o.push(
+        `Invalid Cell ${a} placement (${a}: ${u}, ${a}Span: ${l}); Grid has ${d} ${a}s`
       );
     });
   const r = ({
-    axis: l,
+    axis: c,
     crossSpan: a,
-    crossStart: c,
-    disabled: u,
+    crossStart: u,
+    disabled: l,
     index: d
   }) => {
-    const g = l === "column" ? "row" : "column";
-    let m = `type="${l}" ${l}={${d}}`;
-    return (c !== 0 || a !== void 0) && (m += ` ${g}={${c}}`), a !== void 0 && (m += ` ${g}Span={${a}}`), u && (m += " disabled"), `<Gridline ${m} />`;
+    const g = c === "column" ? "row" : "column";
+    let p = `type="${c}" ${c}={${d}}`;
+    return (u !== 0 || a !== void 0) && (p += ` ${g}={${u}}`), a !== void 0 && (p += ` ${g}Span={${a}}`), l && (p += " disabled"), `<Gridline ${p} />`;
   }, i = Array.from(t.values()).filter(
-    (l) => {
-      const { axis: a, crossSpan: c, crossStart: u, index: d } = l, g = a === "column" ? "row" : "column", m = n[a], y = n[g];
+    (c) => {
+      const { axis: a, crossSpan: u, crossStart: l, index: d } = c, g = a === "column" ? "row" : "column", p = n[a], m = n[g];
       let f = !0;
-      return st(d, m) || (o.push(
-        `Invalid ${a} Gridline ${a} (${d}); must be between 1 and ${m - 1}`
-      ), f = !1), !Number.isInteger(u) || u < 0 || u >= y ? (o.push(
-        `Invalid ${a} Gridline ${g} (${u}); must be between 0 and ${y - 1}`
-      ), f = !1) : c !== void 0 && (!Number.isInteger(c) || c < 1 || u + c > y) && (o.push(
-        `Invalid ${a} Gridline ${g}Span (${c}); Grid has ${y} ${g}s`
+      return ft(d, p) || (o.push(
+        `Invalid ${a} Gridline ${a} (${d}); must be between 1 and ${p - 1}`
+      ), f = !1), !Number.isInteger(l) || l < 0 || l >= m ? (o.push(
+        `Invalid ${a} Gridline ${g} (${l}); must be between 0 and ${m - 1}`
+      ), f = !1) : u !== void 0 && (!Number.isInteger(u) || u < 1 || l + u > m) && (o.push(
+        `Invalid ${a} Gridline ${g}Span (${u}); Grid has ${m} ${g}s`
       ), f = !1), f;
     }
-  ), s = (l) => {
-    const a = n[l.axis === "column" ? "row" : "column"];
+  ), s = (c) => {
+    const a = n[c.axis === "column" ? "row" : "column"];
     return [
-      l.crossStart,
-      l.crossSpan === void 0 ? a : l.crossStart + l.crossSpan
+      c.crossStart,
+      c.crossSpan === void 0 ? a : c.crossStart + c.crossSpan
     ];
   };
-  return i.forEach((l, a) => {
-    const { axis: c, index: u } = l, [d, g] = s(l);
-    for (const m of e) {
-      const [y, f, S, p] = c === "column" ? [m.column, m.columnSpan, m.row, m.rowSpan] : [m.row, m.rowSpan, m.column, m.columnSpan];
-      if (y < u && u < y + f && S < g && d < S + p) {
-        const h = c === "column" ? "row" : "column";
+  return i.forEach((c, a) => {
+    const { axis: u, index: l } = c, [d, g] = s(c);
+    for (const p of e) {
+      const [m, f, y, h] = 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 < g && d < y + h) {
+        const S = u === "column" ? "row" : "column";
         o.push(
-          `${r(l)} overlaps a Cell that spans across it (${c}: ${y}, ${c}Span: ${f}, ${h}: ${S}, ${h}Span: ${p}); use the ${h} and ${h}Span props to render gridlines beside the Cell instead`
+          `${r(c)} overlaps a Cell that spans across it (${u}: ${m}, ${u}Span: ${f}, ${S}: ${y}, ${S}Span: ${h}); use the ${S} and ${S}Span props to render gridlines beside the Cell instead`
         );
       }
     }
-    for (const m of i.slice(a + 1))
-      if (m.axis === c && m.index === u) {
-        const [y, f] = s(m);
-        y < g && d < f && o.push(`${r(l)} overlaps ${r(m)}`);
+    for (const p of i.slice(a + 1))
+      if (p.axis === u && p.index === l) {
+        const [m, f] = s(p);
+        m < g && d < f && o.push(`${r(c)} overlaps ${r(p)}`);
       }
   }), o;
 }
-function Ot(e, t) {
-  return ie(e.columns, t.columns) && ie(e.rows, t.rows);
+function Zt(e, t) {
+  return se(e.columns, t.columns) && se(e.rows, t.rows);
 }
-function bo({
+function No({
   id: e,
   onlySaveAfterUserInteractions: t,
   storage: n = localStorage
 }) {
-  const o = `react-resizable-panels:grid:${e}`, r = Xe(
-    eo,
+  const o = `react-resizable-panels:grid:${e}`, r = Qe(
+    So,
     () => n.getItem(o),
     () => n.getItem(o)
   ), i = Pe(() => {
     if (r)
       try {
-        const l = JSON.parse(r);
-        if (l !== null && typeof l == "object")
-          return l;
+        const c = JSON.parse(r);
+        if (c !== null && typeof c == "object")
+          return c;
       } catch {
       }
   }, [r]), s = re(
-    (l, a) => {
+    (c, a) => {
       if (!(t && !a.isUserInteraction))
         try {
           n.setItem(
             o,
-            JSON.stringify(a.requestedLayout ?? l)
+            JSON.stringify(a.requestedLayout ?? c)
           );
-        } catch (c) {
-          console.error(c);
+        } catch (u) {
+          console.error(u);
         }
     },
     [t, n, o]
@@ -2878,41 +3035,41 @@ function bo({
     onLayoutChanged: s
   };
 }
-function eo() {
+function So() {
   return function() {
   };
 }
-function xo() {
-  return pe(null);
+function Go() {
+  return he(null);
 }
-function wo() {
-  return q(null);
+function Fo() {
+  return B(null);
 }
-function to(e) {
+function vo(e) {
   for (let t = 1; t < e.length; t++)
-    if (lt(e[t - 1], e[t]) > 0)
+    if (ht(e[t - 1], e[t]) > 0)
       return !1;
   return !0;
 }
-function no({
+function bo({
   separator: e
 }) {
-  const { element: t } = e, n = q(null);
+  const { element: t } = e, n = B(null);
   return ne(() => {
     const o = t.cloneNode(!0), r = [t, ...t.querySelectorAll("*")], i = [o, ...o.querySelectorAll("*")], s = t.ownerDocument.defaultView;
-    return r.forEach((l, a) => {
-      const c = i[a];
-      if (c instanceof s.HTMLElement || c instanceof s.SVGElement) {
-        const u = s.getComputedStyle(l);
-        for (let d = 0; d < u.length; d++) {
-          const g = u.item(d);
-          c.style.setProperty(
+    return r.forEach((c, a) => {
+      const u = i[a];
+      if (u instanceof s.HTMLElement || u instanceof s.SVGElement) {
+        const l = s.getComputedStyle(c);
+        for (let d = 0; d < l.length; d++) {
+          const g = l.item(d);
+          u.style.setProperty(
             g,
-            u.getPropertyValue(g)
+            l.getPropertyValue(g)
           );
         }
       }
-      c.removeAttribute("data-testid"), c.removeAttribute("id");
+      u.removeAttribute("data-testid"), u.removeAttribute("id");
     }), Object.assign(o.style, {
       boxSizing: "border-box",
       height: "100%",
@@ -2921,7 +3078,7 @@ function no({
       transform: "none",
       width: "100%"
     }), n.current.appendChild(o), () => o.remove();
-  }, [t]), /* @__PURE__ */ K(
+  }, [t]), /* @__PURE__ */ X(
     "div",
     {
       ref: n,
@@ -2934,24 +3091,24 @@ function no({
     }
   );
 }
-function Ze() {
-  const e = _t(mt);
-  return T(
+function rt() {
+  const e = tn(wt);
+  return O(
     e,
     "Group Context not found; did you render a Panel or Separator outside of a Group?"
   ), e;
 }
-function cn(e) {
-  const { registerOverlay: t } = Ze(), n = q(e);
-  tn(n.current, e) || (n.current = e);
+function In(e) {
+  const { registerOverlay: t } = rt(), n = B(e);
+  yn(n.current, e) || (n.current = e);
   const o = n.current;
   return ne(
     () => t(o),
     [t, o]
   ), null;
 }
-cn.displayName = "SeparatorOverlay";
-function oo({
+In.displayName = "SeparatorOverlay";
+function xo({
   active: e,
   orientation: t,
   style: n,
@@ -2974,7 +3131,7 @@ function oo({
       break;
     }
   }
-  return /* @__PURE__ */ K(
+  return /* @__PURE__ */ X(
     "div",
     {
       ...o,
@@ -2988,20 +3145,20 @@ function oo({
     }
   );
 }
-function ro({
+function wo({
   overlay: e,
   preview: t
 }) {
   const { axis: n, offset: o, rect: r, separator: i } = t, s = n.orientation === "horizontal";
-  let l = i?.preview, a = e;
-  return Ft(l) && l.type === cn && (a = l.props, l = void 0), l == null && (a ? l = /* @__PURE__ */ K(
-    oo,
+  let c = i?.preview, a = e;
+  return nn(c) && c.type === In && (a = c.props, c = void 0), c == null && (a ? c = /* @__PURE__ */ X(
+    xo,
     {
       ...a,
       active: t.active,
       orientation: n.orientation
     }
-  ) : i && (l = /* @__PURE__ */ K(no, { separator: i }))), /* @__PURE__ */ K(
+  ) : i && (c = /* @__PURE__ */ X(bo, { separator: i }))), /* @__PURE__ */ X(
     "div",
     {
       "aria-hidden": "true",
@@ -3016,50 +3173,50 @@ function ro({
         transform: s ? `translateX(${o}px)` : `translateY(${o}px)`,
         width: r.width
       },
-      children: l
+      children: c
     }
   );
 }
-function io(e) {
-  return Array.from(e).sort(lt);
+function zo(e) {
+  return Array.from(e).sort(ht);
 }
-function so(e, t) {
-  const n = q({
+function Io(e, t) {
+  const n = B({
     getLayout: () => ({}),
-    setLayout: In
+    setLayout: Fn
   });
-  it(t, () => n.current, []), ne(() => {
+  dt(t, () => n.current, []), ne(() => {
     Object.assign(
       n.current,
-      Ge({ axisId: e })
+      _e({ axisId: e })
     );
   });
 }
-function ao({
+function Lo({
   groupId: e,
   resizePreviewMode: t
 }) {
-  const [n, o] = pe([]), r = q(n);
+  const [n, o] = he([]), r = B(n);
   return ne(() => {
-    const i = (l) => {
-      const a = Me(e), c = t === "separator" && l.state === "active" ? l.previews.filter(
+    const i = (c) => {
+      const a = Ee(e), u = t === "separator" && c.state === "active" ? c.previews.filter(
         (d) => d.axis === a && (d.active || !Y(d.offset, 0))
-      ) : [], u = r.current;
-      u.length === c.length && c.every(
-        (d, g) => d === u[g]
-      ) || (r.current = c, o(c));
+      ) : [], l = r.current;
+      l.length === u.length && u.every(
+        (d, g) => d === l[g]
+      ) || (r.current = u, o(u));
     };
     if (t !== "separator") {
-      i(de());
+      i(ie());
       return;
     }
-    const s = jt(
-      ({ next: l }) => i(l)
+    const s = pt(
+      ({ next: c }) => i(c)
     );
-    return i(de()), s;
+    return i(ie()), s;
   }, [e, t]), n;
 }
-function lo({
+function Co({
   children: e,
   className: t,
   defaultLayout: n,
@@ -3067,264 +3224,281 @@ function lo({
   disabled: r,
   elementRef: i,
   groupRef: s,
-  id: l,
+  id: c,
   onLayoutChange: a,
-  onLayoutChanged: c,
-  orientation: u = "horizontal",
+  onLayoutChanged: u,
+  orientation: l = "horizontal",
   resizePreviewMode: d = "panel",
   resizeTargetMinimumSize: g = {
     coarse: 20,
     fine: 10
   },
-  style: m,
-  ...y
+  style: p,
+  ...m
 }) {
-  const f = q({
+  const f = B({
     onLayoutChange: {},
     onLayoutChanged: {}
-  }), S = he((z) => {
-    ie(f.current.onLayoutChange, z) || (f.current.onLayoutChange = z, a?.(z));
-  }), p = he(
-    (z, M, B) => {
-      ie(f.current.onLayoutChanged, z) || (f.current.onLayoutChanged = z, c?.(z, { isUserInteraction: M, requestedLayout: B }));
-    }
-  ), h = $e(l), [I, x] = pe(), C = ao({
-    groupId: h,
+  }), y = ye((I) => {
+    se(f.current.onLayoutChange, I) || (f.current.onLayoutChange = I, a?.(I));
+  }), h = ye(
+    (I, M, q) => {
+      se(f.current.onLayoutChanged, I) || (f.current.onLayoutChanged = I, u?.(I, { isUserInteraction: M, requestedLayout: q }));
+    }
+  ), S = De(c), [z, x] = he(), R = Lo({
+    groupId: S,
     resizePreviewMode: d
-  }), N = q(null), [D, b] = rn(), w = q([]), v = q({
+  }), N = B(null), [$, b] = bn(), w = B([]), v = B({
     lastExpandedPanelSizes: {},
     layouts: {},
     panels: [],
     separators: []
-  }), $ = Ve(N, i);
-  so(h, s);
-  const O = he(
-    (z, M) => {
-      const B = se(z);
-      if (B)
+  }), T = Ve(N, i);
+  Io(S, s);
+  const A = ye(
+    (I, M) => {
+      const q = ae(I);
+      if (q)
         return {
-          flexGrow: B.layout[M] ?? 1
+          flexGrow: q.layout[M] ?? 1
         };
       if (n?.[M])
         return {
           flexGrow: n?.[M]
         };
     }
-  ), R = Je({
+  ), E = ot({
     defaultLayout: n,
     disableCursor: o,
     resizeTargetMinimumSize: g
-  }), E = Pe(
+  }), D = Pe(
     () => ({
       get disableCursor() {
-        return !!R.disableCursor;
+        return !!E.disableCursor;
       },
-      getPanelStyles: O,
-      id: h,
-      orientation: u,
-      registerPanel: (z) => {
+      getPanelStyles: A,
+      id: S,
+      orientation: l,
+      registerPanel: (I) => {
         const M = v.current;
-        return M.panels = Ne(u, [
+        return M.panels = Ge(l, [
           ...M.panels,
-          z
+          I
         ]), b(), () => {
           M.panels = M.panels.filter(
-            (B) => B !== z
+            (q) => q !== I
           ), b();
         };
       },
-      registerOverlay: (z) => (x(z), () => {
+      registerOverlay: (I) => (x(I), () => {
         x(void 0);
       }),
-      registerSeparator: (z) => {
+      registerSeparator: (I) => {
         const M = v.current;
-        return M.separators = Ne(u, [
+        return M.separators = Ge(l, [
           ...M.separators,
-          z
+          I
         ]), b(), () => {
           M.separators = M.separators.filter(
-            (B) => B !== z
+            (q) => q !== I
           ), b();
         };
       },
-      updatePanelProps: (z, { disabled: M }) => {
+      updatePanelProps: (I, { disabled: M }) => {
         const J = v.current.panels.find(
-          (Se) => Se.id === z
+          (ve) => ve.id === I
         );
         J && (J.constraintProps.disabled = M);
-        const H = Me(h), Z = se(h);
+        const H = Ee(S), Z = ae(S);
         H && Z && fe(H, {
           ...Z,
-          derivedItemConstraints: rt(H)
+          derivedItemConstraints: ut(H)
         });
       },
-      updateSeparatorProps: (z, {
+      updateSeparatorProps: (I, {
         disabled: M,
-        disableDoubleClick: B
+        disableDoubleClick: q
       }) => {
         const H = v.current.separators.find(
-          (Z) => Z.id === z
+          (Z) => Z.id === I
         );
-        H && (H.disabled = M, H.disableDoubleClick = B);
+        H && (H.disabled = M, H.disableDoubleClick = q);
       }
     }),
-    [O, h, b, u, R]
-  ), P = q(null);
+    [A, S, b, l, E]
+  ), C = B(null);
   return ne(() => {
-    const z = N.current;
-    if (z === null)
+    const I = N.current;
+    if (I === null)
       return;
     const M = v.current;
-    M.panels = Ne(
-      u,
+    M.panels = Ge(
+      l,
       M.panels
-    ), M.separators = Ne(
-      u,
+    ), M.separators = Ge(
+      l,
       M.separators
-    ), w.current = io([
+    ), w.current = zo([
       ...M.panels.map(({ element: L }) => L),
       ...M.separators.map(({ element: L }) => L)
     ]);
-    let B;
-    if (R.defaultLayout !== void 0 && Object.keys(R.defaultLayout).length === M.panels.length) {
-      B = {};
+    let q;
+    if (E.defaultLayout !== void 0 && Object.keys(E.defaultLayout).length === M.panels.length) {
+      q = {};
       for (const L of M.panels) {
-        const k = R.defaultLayout[L.id];
-        k !== void 0 && (B[L.id] = k);
+        const P = E.defaultLayout[L.id];
+        P !== void 0 && (q[L.id] = P);
       }
     }
     const J = {
       disabled: !!r,
-      element: z,
-      id: h,
+      element: I,
+      id: S,
       mutableState: {
-        defaultLayout: B,
-        disableCursor: !!R.disableCursor,
+        defaultLayout: q,
+        disableCursor: !!E.disableCursor,
         expandedItemSizes: v.current.lastExpandedPanelSizes,
         layouts: v.current.layouts
       },
-      orientation: u,
+      orientation: l,
       items: M.panels,
       resizePreviewMode: d,
       get resizeTargetMinimumSize() {
-        return R.resizeTargetMinimumSize;
+        return E.resizeTargetMinimumSize;
       },
       separators: M.separators
     };
-    P.current = J;
-    const H = nn(J), {
+    C.current = J;
+    const H = Sn(J), {
       defaultLayoutDeferred: Z,
-      derivedItemConstraints: Se,
+      derivedItemConstraints: ve,
       layout: ze,
       requestedLayout: Ie
-    } = se(J.id, !0);
-    !Z && Se.length > 0 && (S(ze), p(ze, !1, Ie));
-    const ve = Fe(h, (L) => {
+    } = ae(J.id, !0);
+    if (!Z && ve.length > 0)
+      try {
+        try {
+          y(ze);
+        } finally {
+          h(ze, !1, Ie);
+        }
+      } catch (L) {
+        throw C.current = null, H(), L;
+      }
+    const be = Be(S, (L) => {
       const {
-        defaultLayoutDeferred: k,
-        derivedItemConstraints: _,
+        defaultLayoutDeferred: P,
+        derivedItemConstraints: F,
         layout: G,
-        requestedLayout: F
+        requestedLayout: _
       } = L.next;
-      if (k || _.length === 0)
+      if (P || F.length === 0)
         return;
-      on({
-        derivedItemConstraints: _,
+      vn({
+        derivedItemConstraints: F,
         axis: J,
         layout: G,
         prevLayout: L.prev?.layout,
-        requestedLayout: F
+        requestedLayout: _
       });
-      const j = de(), U = j.state !== "active" || !j.hitRegions.some((te) => te.axis === J);
-      S(G), U && p(G, L.isUserInteraction, F);
+      const j = ie(), U = j.state !== "active" || !j.hitRegions.some((te) => te.axis === J);
+      try {
+        y(G);
+      } finally {
+        U && h(
+          G,
+          L.isUserInteraction,
+          _
+        );
+      }
     });
     return () => {
-      P.current = null, H(), ve();
+      C.current = null, H(), be();
     };
   }, [
     r,
-    h,
-    p,
     S,
-    u,
-    D,
+    h,
+    y,
+    l,
+    $,
     d,
-    R
+    E
   ]), ne(() => {
-    to(w.current) || b();
-  }), Be(() => {
-    const z = P.current;
-    z && (z.mutableState.defaultLayout = n, z.mutableState.disableCursor = !!o);
-  }), /* @__PURE__ */ K(mt.Provider, { value: E, children: /* @__PURE__ */ dn(
+    vo(w.current) || b();
+  }), He(() => {
+    const I = C.current;
+    I && (I.mutableState.defaultLayout = n, I.mutableState.disableCursor = !!o);
+  }), /* @__PURE__ */ X(wt.Provider, { value: D, children: /* @__PURE__ */ Cn(
     "div",
     {
-      ...y,
+      ...m,
       className: t,
       "data-group": !0,
-      "data-testid": h,
-      id: h,
-      ref: $,
+      "data-testid": S,
+      id: S,
+      ref: T,
       style: {
         height: "100%",
         width: "100%",
         overflow: "hidden",
         position: d === "separator" ? "relative" : void 0,
-        ...m,
+        ...p,
         display: "flex",
-        flexDirection: u === "horizontal" ? "row" : "column",
+        flexDirection: l === "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: u === "horizontal" ? "pan-y" : "pan-x"
+        touchAction: l === "horizontal" ? "pan-y" : "pan-x"
       },
       children: [
         e,
-        C.map((z) => /* @__PURE__ */ K(
-          ro,
+        R.map((I) => /* @__PURE__ */ X(
+          wo,
           {
-            overlay: I,
-            preview: z
+            overlay: z,
+            preview: I
           },
-          z.key
+          I.key
         ))
       ]
     }
   ) });
 }
-lo.displayName = "Group";
-function Ke(e, t) {
+Co.displayName = "Group";
+function Ze(e, t) {
   return `react-resizable-panels:${[e, ...t].join(":")}`;
 }
-function co({
+function Ro({
   id: e,
   panelIds: t,
   storage: n
 }) {
-  const o = Ke(e, []), r = n.getItem(o);
+  const o = Ze(e, []), r = n.getItem(o);
   if (r)
     try {
       const i = JSON.parse(r);
       if (t) {
-        const s = t.join(","), l = i[s];
-        if (l && Array.isArray(l.layout) && t.length === l.layout.length) {
+        const s = t.join(","), c = i[s];
+        if (c && Array.isArray(c.layout) && t.length === c.layout.length) {
           const a = {};
-          for (let c = 0; c < t.length; c++)
-            a[t[c]] = l.layout[c];
+          for (let u = 0; u < t.length; u++)
+            a[t[u]] = c.layout[u];
           return a;
         }
       } else {
         const s = Object.keys(i);
         if (s.length === 1) {
-          const l = i[s[0]];
-          if (l && Array.isArray(l.layout)) {
+          const c = i[s[0]];
+          if (c && Array.isArray(c.layout)) {
             const a = s[0].split(",");
-            if (a.length === l.layout.length) {
-              const c = {};
-              for (let u = 0; u < a.length; u++)
-                c[a[u]] = l.layout[u];
-              return c;
+            if (a.length === c.layout.length) {
+              const u = {};
+              for (let l = 0; l < a.length; l++)
+                u[a[l]] = c.layout[l];
+              return u;
             }
           }
         }
@@ -3332,70 +3506,70 @@ function co({
     } catch {
     }
 }
-function zo({
+function _o({
   debounceSaveMs: e = 100,
   onlySaveAfterUserInteractions: t,
   panelIds: n,
   storage: o = localStorage,
   ...r
 }) {
-  const i = n !== void 0, s = "id" in r ? r.id : r.groupId, l = Ke(s, n ?? []), a = Xe(
-    uo,
-    () => o.getItem(l),
-    () => o.getItem(l)
-  ), c = Pe(() => {
+  const i = n !== void 0, s = "id" in r ? r.id : r.groupId, c = Ze(s, n ?? []), a = Qe(
+    Eo,
+    () => o.getItem(c),
+    () => o.getItem(c)
+  ), u = Pe(() => {
     if (a) {
-      const S = JSON.parse(a), p = Object.values(S);
-      if (Array.from(p).every((h) => typeof h == "number"))
-        return S;
+      const y = JSON.parse(a), h = Object.values(y);
+      if (Array.from(h).every((S) => typeof S == "number"))
+        return y;
     }
-  }, [a]), u = Pe(() => {
-    if (!c)
-      return co({
+  }, [a]), l = Pe(() => {
+    if (!u)
+      return Ro({
         id: s,
         panelIds: n,
         storage: o
       });
-  }, [c, s, n, o]), d = c ?? u, g = q(null), m = re(() => {
-    const S = g.current;
-    S && (g.current = null, clearTimeout(S));
+  }, [u, s, n, o]), d = u ?? l, g = B(null), p = re(() => {
+    const y = g.current;
+    y && (g.current = null, clearTimeout(y));
   }, []);
-  Nt(() => () => {
-    m();
-  }, [m]);
-  const y = re(
+  Qt(() => () => {
+    p();
+  }, [p]);
+  const m = 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.
-    (S, p) => {
-      if (t && !p.isUserInteraction)
+    (y, h) => {
+      if (t && !h.isUserInteraction)
         return;
-      m();
-      const h = p.requestedLayout ?? S;
-      let I;
-      i ? I = Ke(s, Object.keys(h)) : I = Ke(s, []);
+      p();
+      const S = h.requestedLayout ?? y;
+      let z;
+      i ? z = Ze(s, Object.keys(S)) : z = Ze(s, []);
       try {
-        o.setItem(I, JSON.stringify(h));
+        o.setItem(z, JSON.stringify(S));
       } catch (x) {
         console.error(x);
       }
     },
     [
-      m,
+      p,
       i,
       s,
       t,
       o
     ]
   ), f = re(
-    (S) => {
-      m(), e === 0 ? y(S, { isUserInteraction: !1 }) : g.current = setTimeout(() => {
-        y(S, { isUserInteraction: !1 });
+    (y) => {
+      p(), e === 0 ? m(y, { isUserInteraction: !1 }) : g.current = setTimeout(() => {
+        m(y, { isUserInteraction: !1 });
       }, e);
     },
-    [m, e, y]
+    [p, e, m]
   );
   return {
     /**
@@ -3411,38 +3585,38 @@ function zo({
     /**
      * Attach this callback on the `Group` as the `onLayoutChanged` prop.
      */
-    onLayoutChanged: y
+    onLayoutChanged: m
   };
 }
-function uo() {
+function Eo() {
   return function() {
   };
 }
-function Io() {
-  return pe(null);
+function Bo() {
+  return he(null);
 }
-function Lo() {
-  return q(null);
+function qo() {
+  return B(null);
 }
-function fo(e, t) {
-  const { id: n } = Ze(), o = q({
-    collapse: et,
-    expand: et,
+function Mo(e, t) {
+  const { id: n } = rt(), o = B({
+    collapse: st,
+    expand: st,
     getSize: () => ({
       asPercentage: 0,
       inPixels: 0
     }),
     isCollapsed: () => !1,
-    resize: et
+    resize: st
   });
-  it(t, () => o.current, []), ne(() => {
+  dt(t, () => o.current, []), ne(() => {
     Object.assign(
       o.current,
-      ft({ axisId: n, itemId: e })
+      xt({ axisId: n, itemId: e })
     );
   });
 }
-function mo({
+function Po({
   children: e,
   className: t,
   collapsedSize: n = "0%",
@@ -3450,53 +3624,53 @@ function mo({
   collapsible: r = !1,
   defaultSize: i,
   disabled: s,
-  elementRef: l,
+  elementRef: c,
   groupResizeBehavior: a = "preserve-relative-size",
-  id: c,
-  maxSize: u = "100%",
+  id: u,
+  maxSize: l = "100%",
   minSize: d = "0%",
   onResize: g,
-  panelRef: m,
-  style: y,
+  panelRef: p,
+  style: m,
   ...f
 }) {
-  const S = !!c, p = $e(c), h = Je({
+  const y = !!u, h = De(u), S = ot({
     disabled: s
-  }), I = q(null), x = Ve(I, l), {
-    getPanelStyles: C,
+  }), z = B(null), x = Ve(z, c), {
+    getPanelStyles: R,
     id: N,
-    orientation: D,
+    orientation: $,
     registerPanel: b,
     updatePanelProps: w
-  } = Ze(), v = g !== null, $ = he(
-    (P, z, M) => {
-      g?.(P, c, M);
+  } = rt(), v = g !== null, T = ye(
+    (C, I, M) => {
+      g?.(C, u, M);
     }
   );
   ne(() => {
-    const P = I.current;
-    if (P !== null) {
-      const z = {
-        element: P,
-        id: p,
-        idIsStable: S,
+    const C = z.current;
+    if (C !== null) {
+      const I = {
+        element: C,
+        id: h,
+        idIsStable: y,
         mutableValues: {
           expandToSize: void 0,
           prevSize: void 0
         },
-        onResize: v ? $ : void 0,
+        onResize: v ? T : void 0,
         constraintProps: {
           groupResizeBehavior: a,
           collapsedSize: n,
           collapsedThreshold: o,
           collapsible: r,
           defaultSize: i,
-          disabled: h.disabled,
-          maxSize: u,
+          disabled: S.disabled,
+          maxSize: l,
           minSize: d
         }
       };
-      return b(z);
+      return b(I);
     }
   }, [
     a,
@@ -3505,48 +3679,48 @@ function mo({
     r,
     i,
     v,
-    p,
-    S,
-    u,
+    h,
+    y,
+    l,
     d,
-    $,
+    T,
     b,
-    h
-  ]), Be(() => {
-    w(p, { disabled: s });
-  }, [s, p, w]), fo(p, m);
-  const O = () => {
-    const P = C(N, p);
-    if (P)
-      return JSON.stringify(P);
-  }, R = Xe(
-    (P) => Fe(N, P),
-    O,
-    O
+    S
+  ]), He(() => {
+    w(h, { disabled: s });
+  }, [s, h, w]), Mo(h, p);
+  const A = () => {
+    const C = R(N, h);
+    if (C)
+      return JSON.stringify(C);
+  }, E = Qe(
+    (C) => Be(N, C),
+    A,
+    A
   );
-  let E;
-  return R ? E = JSON.parse(R) : i !== void 0 ? E = {
+  let D;
+  return E ? D = JSON.parse(E) : i !== void 0 ? D = {
     flexGrow: void 0,
     flexShrink: void 0,
     flexBasis: i
-  } : E = { flexGrow: 1 }, /* @__PURE__ */ K(
+  } : D = { flexGrow: 1 }, /* @__PURE__ */ X(
     "div",
     {
       ...f,
       "data-disabled": s || void 0,
       "data-panel": !0,
-      "data-testid": p,
-      id: p,
+      "data-testid": h,
+      id: h,
       ref: x,
       style: {
-        ...po,
+        ...To,
         display: "flex",
         flexBasis: 0,
         flexShrink: 1,
         overflow: "visible",
-        ...E
+        ...D
       },
-      children: /* @__PURE__ */ K(
+      children: /* @__PURE__ */ X(
         "div",
         {
           className: t,
@@ -3555,12 +3729,12 @@ function mo({
             maxWidth: "100%",
             flexGrow: 1,
             overflow: "auto",
-            ...y,
+            ...m,
             // Inform the browser that the library is handling touch events for this element
             // but still allow users to scroll content within panels in the non-resizing direction
             // NOTE This is not an inherited style
             // See github.com/bvaughn/react-resizable-panels/issues/662
-            touchAction: D === "horizontal" ? "pan-y" : "pan-x"
+            touchAction: $ === "horizontal" ? "pan-y" : "pan-x"
           },
           children: e
         }
@@ -3568,8 +3742,8 @@ function mo({
     }
   );
 }
-mo.displayName = "Panel";
-const po = {
+Po.displayName = "Panel";
+const To = {
   minHeight: 0,
   maxHeight: "100%",
   height: "auto",
@@ -3581,14 +3755,14 @@ const po = {
   padding: 0,
   margin: 0
 };
-function Co() {
-  return pe(null);
+function Ho() {
+  return he(null);
 }
-function Ro() {
-  return q(null);
+function Vo() {
+  return B(null);
 }
-const ho = { flexBasis: "auto" }, go = { flexGrow: 0, flexShrink: 0 };
-function yo({
+const Do = { flexBasis: "auto" }, ko = { flexGrow: 0, flexShrink: 0 };
+function Ao({
   children: e,
   className: t,
   disabled: n,
@@ -3596,55 +3770,55 @@ function yo({
   elementRef: r,
   id: i,
   preview: s,
-  style: l,
+  style: c,
   ...a
 }) {
-  const c = $e(i), {
-    disableCursor: u,
+  const u = De(i), {
+    disableCursor: l,
     id: d,
     orientation: g,
-    registerSeparator: m,
-    updateSeparatorProps: y
-  } = Ze();
-  return /* @__PURE__ */ K(
-    sn,
+    registerSeparator: p,
+    updateSeparatorProps: m
+  } = rt();
+  return /* @__PURE__ */ X(
+    xn,
     {
       attributes: a,
       axisId: d,
       axisOrientation: g,
       className: t,
-      disableCursor: u,
+      disableCursor: l,
       disabled: n,
       disableDoubleClick: o,
       elementRef: r,
-      id: c,
+      id: u,
       preview: s,
-      registerSeparator: m,
-      requiredStyle: go,
-      style: l,
-      styleDefaults: ho,
-      updateSeparatorProps: y,
+      registerSeparator: p,
+      requiredStyle: ko,
+      style: c,
+      styleDefaults: Do,
+      updateSeparatorProps: m,
       children: e
     }
   );
 }
-yo.displayName = "Separator";
+Ao.displayName = "Separator";
 export {
-  yn as Cell,
-  Jn as Grid,
-  an as Gridline,
-  lo as Group,
-  mo as Panel,
-  yo as Separator,
-  cn as SeparatorOverlay,
-  Sn as isCoarsePointer,
-  bo as useDefaultGridLayout,
-  zo as useDefaultLayout,
-  xo as useGridCallbackRef,
-  wo as useGridRef,
-  Io as useGroupCallbackRef,
-  Lo as useGroupRef,
-  Co as usePanelCallbackRef,
-  Ro as usePanelRef
+  Dn as Cell,
+  ho as Grid,
+  wn as Gridline,
+  Co as Group,
+  Po as Panel,
+  Ao as Separator,
+  In as SeparatorOverlay,
+  kn as isCoarsePointer,
+  No as useDefaultGridLayout,
+  _o as useDefaultLayout,
+  Go as useGridCallbackRef,
+  Fo as useGridRef,
+  Bo as useGroupCallbackRef,
+  qo as useGroupRef,
+  Ho as usePanelCallbackRef,
+  Vo as usePanelRef
 };
 //# sourceMappingURL=react-resizable-panels.js.map