react-resizable-panels 4.15.0 → 4.15.2

package/dist/react-resizable-panels.js

@@ -1,15 +1,15 @@
 "use client";
-import { jsx as X, jsxs as Gn } from "react/jsx-runtime";
-import { useId as Nn, useLayoutEffect as cn, useEffect as je, useRef as H, useCallback as se, createContext as Ue, useContext as We, useState as ve, useMemo as pe, useImperativeHandle as St, useSyncExternalStore as at, Children as Fn, isValidElement as ln } from "react";
+import { jsx as X, jsxs as Nn } from "react/jsx-runtime";
+import { useId as Fn, useLayoutEffect as ln, useEffect as je, useRef as H, useCallback as se, createContext as Ue, useContext as We, useState as ve, useMemo as pe, useImperativeHandle as St, useSyncExternalStore as at, Children as _n, isValidElement as un } from "react";
 function it(e) {
   return (typeof e == "number" || typeof e == "string") && e !== "";
 }
 function Ae(e) {
-  const t = Nn();
+  const t = Fn();
   return it(e) ? `${e}` : t;
 }
-const re = typeof window < "u" ? cn : je;
-function we(e) {
+const re = typeof window < "u" ? ln : je;
+function xe(e) {
   const t = H(e);
   return re(() => {
     t.current = e;
@@ -19,7 +19,7 @@ function we(e) {
   );
 }
 function Ye(...e) {
-  return we((t) => {
+  return xe((t) => {
     e.forEach((n) => {
       if (n)
         switch (typeof n) {
@@ -42,17 +42,17 @@ function Xe(e, t) {
 function ht(e, t) {
   return t ? e * 2 + 1 : e + 1;
 }
-function _n(e, t) {
+function Bn(e, t) {
   return t ? e * 2 - 1 : e;
 }
-function Tt(e, t, n) {
+function At(e, t, n) {
   const o = ht(e, n);
-  return t === void 0 ? `${o} / -1` : `${o} / span ${_n(t, n)}`;
+  return t === void 0 ? `${o} / -1` : `${o} / span ${Bn(t, n)}`;
 }
-function Bn(e) {
+function Hn(e) {
   return `${e * 2} / span 1`;
 }
-function Hn({
+function qn({
   crossCount: e,
   crossSpan: t,
   crossStart: n,
@@ -71,15 +71,15 @@ function F(e, t = "Assertion error") {
   if (!e)
     throw Error(t);
 }
-const un = Ue(null);
-function dn() {
-  const e = We(un);
+const dn = Ue(null);
+function fn() {
+  const e = We(dn);
   return F(
     e,
     "Grid Context not found; did you render a Cell or Gridline outside of a Grid?"
   ), e;
 }
-function qn({
+function Vn({
   children: e,
   className: t,
   column: n,
@@ -91,7 +91,7 @@ function qn({
   style: u,
   ...l
 }) {
-  const c = Ae(i), { gutters: d, registerCell: p } = dn(), g = H(null), m = Ye(g, r);
+  const c = Ae(i), { gutters: d, registerCell: p } = fn(), g = H(null), m = Ye(g, r);
   return re(() => {
     const f = g.current;
     if (f !== null)
@@ -118,16 +118,16 @@ function qn({
         // Allow cells to shrink smaller than their content
         minHeight: 0,
         minWidth: 0,
-        gridColumn: Tt(n, o, d.column),
-        gridRow: Tt(s, a, d.row)
+        gridColumn: At(n, o, d.column),
+        gridRow: At(s, a, d.row)
       },
       children: e
     }
   );
 }
-qn.displayName = "Cell";
+Vn.displayName = "Cell";
 let et;
-function Vn() {
+function jn() {
   return et === void 0 && (typeof matchMedia == "function" ? et = !!matchMedia("(pointer:coarse)").matches : et = !1), et;
 }
 function gt({
@@ -135,7 +135,7 @@ function gt({
   axis: t,
   rect: n
 }) {
-  const o = e ? Vn() ? t.resizeTargetMinimumSize.coarse : t.resizeTargetMinimumSize.fine : 0;
+  const o = e ? jn() ? t.resizeTargetMinimumSize.coarse : t.resizeTargetMinimumSize.fine : 0;
   if (n.width < o) {
     const r = o - n.width;
     n = new DOMRect(
@@ -156,7 +156,7 @@ function gt({
   }
   return n;
 }
-function At({
+function Dt({
   axis: e,
   cells: t,
   index: n,
@@ -182,7 +182,7 @@ function At({
   }
   return r;
 }
-function jn({
+function Un({
   axis: e,
   cells: t,
   crossTrackCount: n,
@@ -194,81 +194,81 @@ function jn({
 }) {
   const { items: u, separators: l } = r, c = u.length;
   let d = -1, p = -1, g = 0;
-  if (u.forEach((b, w) => {
-    b.constraintProps.disabled || (g++, d === -1 && (d = w), p = w);
+  if (u.forEach((b, x) => {
+    b.constraintProps.disabled || (g++, d === -1 && (d = x), p = x);
   }), !s && g < 2)
     return [];
-  const m = (b) => s || b > d && b <= p, f = [], y = (b, w, h) => ({
+  const m = (b) => s || b > d && b <= p, f = [], y = (b, x, h) => ({
     axis: r,
     axisSize: i,
     items: [u[b - 1], u[b]],
-    rect: w,
+    rect: x,
     separator: h
-  }), S = (b, w) => {
+  }), S = (b, x) => {
     let h;
     for (const I of t) {
       const L = e === "column" ? I.row : I.column, M = e === "column" ? I.rowSpan : I.columnSpan;
-      if (w === "start" ? L === b : L + M - 1 === b) {
+      if (x === "start" ? L === b : L + M - 1 === b) {
         const T = I.element.getBoundingClientRect();
-        if (w === "start") {
-          const E = e === "column" ? T.top : T.left;
-          h = h === void 0 ? E : Math.min(h, E);
+        if (x === "start") {
+          const P = e === "column" ? T.top : T.left;
+          h = h === void 0 ? P : Math.min(h, P);
         } else {
-          const E = e === "column" ? T.bottom : T.right;
-          h = h === void 0 ? E : Math.max(h, E);
+          const P = e === "column" ? T.bottom : T.right;
+          h = h === void 0 ? P : Math.max(h, P);
         }
       }
     }
     return h;
   }, v = /* @__PURE__ */ new Set();
   for (const b of l) {
-    const w = a.get(b);
-    if (!w || w.index < 1 || w.index >= c || (v.add(w.index), !s && (b.disabled || b.element.hasAttribute("aria-disabled"))) || !m(w.index))
+    const x = a.get(b);
+    if (!x || x.index < 1 || x.index >= c || (v.add(x.index), !s && (b.disabled || b.element.hasAttribute("aria-disabled"))) || !m(x.index))
       continue;
     let h = b.element.getBoundingClientRect();
-    const { crossSpan: I, crossStart: L } = w, M = I === void 0 ? n : L + I;
-    let T = e === "column" ? h.top : h.left, E = e === "column" ? h.bottom : h.right;
+    const { crossSpan: I, crossStart: L } = x, M = I === void 0 ? n : L + I;
+    let T = e === "column" ? h.top : h.left, P = e === "column" ? h.bottom : h.right;
     if (L > 0) {
       const G = S(L - 1, "end");
       G !== void 0 && G < T && (T = G);
     }
     if (M < n) {
       const G = S(M, "start");
-      G !== void 0 && G > E && (E = G);
+      G !== void 0 && G > P && (P = G);
     }
-    h = e === "column" ? new DOMRect(h.x, T, h.width, E - T) : new DOMRect(T, h.y, E - T, h.height), h = gt({ expandHitTargets: o, axis: r, rect: h }), s ? f.push(y(w.index, h, b)) : At({
+    h = e === "column" ? new DOMRect(h.x, T, h.width, P - T) : new DOMRect(T, h.y, P - T, h.height), h = gt({ expandHitTargets: o, axis: r, rect: h }), s ? f.push(y(x.index, h, b)) : Dt({
       axis: e,
       cells: t,
-      index: w.index,
+      index: x.index,
       rect: h
     }).forEach((G) => {
-      f.push(y(w.index, G, b));
+      f.push(y(x.index, G, b));
     });
   }
-  const z = (b, w) => {
-    At({
+  const z = (b, x) => {
+    Dt({
       axis: e,
       cells: t,
       index: b,
-      rect: gt({ expandHitTargets: o, axis: r, rect: w })
+      rect: gt({ expandHitTargets: o, axis: r, rect: x })
     }).forEach((h) => {
       f.push(y(b, h));
     });
-  }, x = Array.from(
+  }, w = Array.from(
     { length: n },
     () => new Array(c)
   );
   for (const b of t) {
-    const [w, h, I, L] = e === "column" ? [b.column, b.columnSpan, b.row, b.rowSpan] : [b.row, b.rowSpan, b.column, b.columnSpan];
+    const [x, h, I, L] = e === "column" ? [b.column, b.columnSpan, b.row, b.rowSpan] : [b.row, b.rowSpan, b.column, b.columnSpan];
     for (let M = Math.max(0, I); M < Math.min(n, I + L); M++)
-      for (let T = Math.max(0, w); T < Math.min(c, w + h); T++)
-        x[M][T] ??= b;
+      for (let T = Math.max(0, x); T < Math.min(c, x + h); T++)
+        w[M][T] ??= b;
   }
   const R = /* @__PURE__ */ new Map(), k = (b) => {
-    let w = R.get(b);
-    if (!w) {
+    let x = R.get(b);
+    if (!x) {
       const h = b.element.getBoundingClientRect();
-      w = e === "column" ? {
+      x = e === "column" ? {
         crossEnd: h.bottom,
         crossStart: h.top,
         end: h.right,
@@ -278,40 +278,40 @@ function jn({
         crossStart: h.left,
         end: h.bottom,
         start: h.top
-      }, R.set(b, w);
+      }, R.set(b, x);
     }
-    return w;
-  }, O = ({ crossEnd: b, crossStart: w, end: h, start: I }) => e === "column" ? new DOMRect(I, w, h - I, b - w) : new DOMRect(w, I, b - w, h - I);
+    return x;
+  }, O = ({ crossEnd: b, crossStart: x, end: h, start: I }) => e === "column" ? new DOMRect(I, x, h - I, b - x) : new DOMRect(x, I, b - x, h - I);
   for (let b = 1; b < c; b++) {
     if (v.has(b) || !m(b))
       continue;
-    let w;
+    let x;
     for (let h = 0; h < n; h++) {
-      const I = x[h][b - 1], L = x[h][b];
+      const I = w[h][b - 1], L = w[h][b];
       let M;
       if ((I || L) && I !== L) {
-        const T = I ? k(I) : void 0, E = L ? k(L) : void 0, G = T?.end ?? E.start, N = E?.start ?? T.end, P = Math.max(
+        const T = I ? k(I) : void 0, P = L ? k(L) : void 0, G = T?.end ?? P.start, N = P?.start ?? T.end, E = Math.max(
           T?.crossStart ?? -1 / 0,
-          E?.crossStart ?? -1 / 0
+          P?.crossStart ?? -1 / 0
         ), A = Math.min(
           T?.crossEnd ?? 1 / 0,
-          E?.crossEnd ?? 1 / 0
+          P?.crossEnd ?? 1 / 0
         );
         M = {
-          crossEnd: Math.max(P, A),
-          crossStart: P,
+          crossEnd: Math.max(E, A),
+          crossStart: E,
           end: Math.max(G, N),
           start: Math.min(G, N)
         };
       }
-      M ? w = w ? {
-        crossEnd: Math.max(w.crossEnd, M.crossEnd),
-        crossStart: Math.min(w.crossStart, M.crossStart),
-        end: Math.max(w.end, M.end),
-        start: Math.min(w.start, M.start)
-      } : M : w && (z(b, O(w)), w = void 0);
-    }
-    w && z(b, O(w));
+      M ? x = x ? {
+        crossEnd: Math.max(x.crossEnd, M.crossEnd),
+        crossStart: Math.min(x.crossStart, M.crossStart),
+        end: Math.max(x.end, M.end),
+        start: Math.min(x.start, M.start)
+      } : M : x && (z(b, O(x)), x = void 0);
+    }
+    x && z(b, O(x));
   }
   return f;
 }
@@ -319,7 +319,7 @@ function fe(e) {
   const t = parseFloat(e ?? "");
   return Number.isFinite(t) ? t : 0;
 }
-function Un({
+function Wn({
   axis: e,
   element: t,
   gutterSizes: n,
@@ -351,7 +351,7 @@ function Un({
     )
   };
 }
-function fn(e) {
+function mn(e) {
   switch (typeof e) {
     case "number":
       return [e, "px"];
@@ -361,7 +361,7 @@ function fn(e) {
     }
   }
 }
-class mn {
+class pn {
   #e = {};
   addListener(t, n) {
     const o = this.#e[t];
@@ -401,7 +401,7 @@ class mn {
     }
   }
 }
-function Wn(e) {
+function Yn(e) {
   const t = (o) => {
     o.preventDefault(), o.stopPropagation(), n();
   }, n = () => {
@@ -413,14 +413,14 @@ let Y = {
   cursorFlags: 0,
   state: "inactive"
 };
-const bt = new mn();
+const bt = new pn();
 function ae() {
   return Y;
 }
-function xt(e) {
+function wt(e) {
   return bt.addListener("change", e);
 }
-function Yn(e, t = [], n, o = !1) {
+function Xn(e, t = [], n, o = !1) {
   const r = Y, i = { ...Y };
   i.cursorFlags = e, i.state === "active" && (i.didPointerMove ||= o, i.previews = t, n && (i.previewLayoutMap = n)), Y = i, bt.emit("change", {
     prev: r,
@@ -431,12 +431,12 @@ function he(e) {
   const t = Y;
   Y = e, t.state === "active" && e.state !== "active" && t.didPointerMove && (t.hitRegions.forEach(({ separator: n }) => {
     n && n.element.ownerDocument.activeElement === n.element && n.element.blur();
-  }), Wn(t.ownerDocument)), bt.emit("change", {
+  }), Yn(t.ownerDocument)), bt.emit("change", {
     prev: t,
     next: e
   });
 }
-function Xn(e) {
+function Kn(e) {
   Y.state !== "active" || !Y.previews.some((t) => t.separator === e) || he({
     ...Y,
     previews: Y.previews.map(
@@ -444,7 +444,7 @@ function Xn(e) {
     )
   });
 }
-function Kn(e) {
+function Jn(e) {
   if (Y.state === "inactive")
     return;
   const t = Y.hitRegions.filter((o) => o.axis !== e), n = Y.state === "active" && Y.previews.some((o) => o.axis === e);
@@ -464,13 +464,13 @@ function Kn(e) {
     } else
       he({ ...Y, hitRegions: t });
 }
-const Jn = (e) => e, pt = () => {
-}, pn = 1, hn = 2, gn = 4, yn = 8, $t = 3, Dt = 12;
+const Zn = (e) => e, pt = () => {
+}, hn = 1, gn = 2, yn = 4, Sn = 8, $t = 3, Ot = 12;
 let tt;
-function Ot() {
+function Gt() {
   return tt === void 0 && (tt = !1, typeof window < "u" && (window.navigator.userAgent.includes("Chrome") || window.navigator.userAgent.includes("Firefox")) && (tt = !0)), tt;
 }
-function Zn({
+function Qn({
   cursorFlags: e,
   axes: t,
   state: n
@@ -496,8 +496,8 @@ function Zn({
   if (!(o === 0 && r === 0)) {
     switch (n) {
       case "active": {
-        if (e && Ot()) {
-          const i = (e & pn) !== 0, s = (e & hn) !== 0, a = (e & gn) !== 0, u = (e & yn) !== 0;
+        if (e && Gt()) {
+          const i = (e & hn) !== 0, s = (e & gn) !== 0, a = (e & yn) !== 0, u = (e & Sn) !== 0;
           if (i)
             return a ? "se-resize" : u ? "ne-resize" : "e-resize";
           if (s)
@@ -510,14 +510,14 @@ function Zn({
         break;
       }
     }
-    return Ot() ? o > 0 && r > 0 ? "move" : o > 0 ? "ew-resize" : "ns-resize" : o > 0 && r > 0 ? "grab" : o > 0 ? "col-resize" : "row-resize";
+    return Gt() ? o > 0 && r > 0 ? "move" : o > 0 ? "ew-resize" : "ns-resize" : o > 0 && r > 0 ? "grab" : o > 0 ? "col-resize" : "row-resize";
   }
 }
-const Gt = /* @__PURE__ */ new WeakMap();
-function Nt(e) {
+const Nt = /* @__PURE__ */ new WeakMap();
+function Ft(e) {
   if (!e.defaultView || !e.adoptedStyleSheets)
     return;
-  let { prevStyle: t, styleSheet: n } = Gt.get(e) ?? {};
+  let { prevStyle: t, styleSheet: n } = Nt.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
@@ -526,7 +526,7 @@ function Nt(e) {
   switch (o.state !== "inactive" && o.ownerDocument !== e && (o = { cursorFlags: 0, state: "inactive" }), o.state) {
     case "active":
     case "hover": {
-      const r = Zn({
+      const r = Qn({
         cursorFlags: o.cursorFlags,
         axes: o.hitRegions.map((s) => s.axis),
         state: o.state
@@ -541,20 +541,20 @@ function Nt(e) {
       break;
     }
   }
-  Gt.set(e, {
+  Nt.set(e, {
     prevStyle: t,
     styleSheet: n
   });
 }
-function Ft(e) {
+function _t(e) {
   return e.state === "inactive" ? void 0 : e.ownerDocument;
 }
-function Qn({
+function eo({
   next: e,
   prev: t
 }) {
-  const n = Ft(t), o = Ft(e);
-  n && n !== o && Nt(n), o && Nt(o);
+  const n = _t(t), o = _t(e);
+  n && n !== o && Ft(n), o && Ft(o);
 }
 function Ke({
   axis: e
@@ -562,28 +562,28 @@ function Ke({
   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 wt(e, t) {
+function xt(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 _e(e, t) {
   return Array.from(t).sort((n, o) => {
-    const r = e === "horizontal" ? eo(n, o) : to(n, o);
-    return r !== 0 ? r : wt(n.element, o.element);
+    const r = e === "horizontal" ? to(n, o) : no(n, o);
+    return r !== 0 ? r : xt(n.element, o.element);
   });
 }
-function eo(e, t) {
+function to(e, t) {
   const n = e.element.offsetLeft - t.element.offsetLeft;
   return n !== 0 ? n : e.element.offsetWidth - t.element.offsetWidth;
 }
-function to(e, t) {
+function no(e, t) {
   const n = e.element.offsetTop - t.element.offsetTop;
   return n !== 0 ? n : e.element.offsetHeight - t.element.offsetHeight;
 }
 function yt(e) {
   return e !== null && typeof e == "object" && "nodeType" in e && e.nodeType === Node.ELEMENT_NODE;
 }
-function Sn(e, t) {
+function vn(e, t) {
   return {
     x: e.x >= t.left && e.x <= t.right ? 0 : Math.min(
       Math.abs(e.x - t.left),
@@ -595,7 +595,7 @@ function Sn(e, t) {
     )
   };
 }
-function no({
+function oo({
   orientation: e,
   rects: t,
   targetRect: n
@@ -606,7 +606,7 @@ function no({
   };
   let r, i = Number.MAX_VALUE;
   for (const s of t) {
-    const { x: a, y: u } = Sn(o, s), l = e === "horizontal" ? a : u;
+    const { x: a, y: u } = vn(o, s), l = e === "horizontal" ? a : u;
     l < i && (i = l, r = s);
   }
   return F(r, "No rect found"), r;
@@ -638,22 +638,22 @@ function zt({
       if (v.hasAttribute("data-panel")) {
         S++;
         const z = i.find(
-          (x) => x.element === v
+          (w) => w.element === v
         );
         if (z) {
           if (f) {
-            const x = f.element.getBoundingClientRect(), R = v.getBoundingClientRect();
+            const w = f.element.getBoundingClientRect(), R = v.getBoundingClientRect();
             let k;
             if (c) {
               const O = r === "horizontal" ? new DOMRect(
-                x.right,
-                x.top,
+                w.right,
+                w.top,
                 0,
-                x.height
+                w.height
               ) : new DOMRect(
-                x.left,
-                x.bottom,
-                x.width,
+                w.left,
+                w.bottom,
+                w.width,
                 0
               ), b = r === "horizontal" ? new DOMRect(R.left, R.top, 0, R.height) : new DOMRect(R.left, R.top, R.width, 0);
               switch (y.length) {
@@ -665,14 +665,14 @@ function zt({
                   break;
                 }
                 case 1: {
-                  const w = y[0], h = no({
+                  const x = y[0], h = oo({
                     orientation: r,
-                    rects: [x, R],
-                    targetRect: w.element.getBoundingClientRect()
+                    rects: [w, R],
+                    targetRect: x.element.getBoundingClientRect()
                   });
                   k = [
-                    w,
-                    h === x ? b : O
+                    x,
+                    h === w ? b : O
                   ];
                   break;
                 }
@@ -684,15 +684,15 @@ function zt({
             } else
               y.length ? k = y : k = [
                 r === "horizontal" ? new DOMRect(
-                  x.right,
+                  w.right,
                   R.top,
-                  R.left - x.right,
+                  R.left - w.right,
                   R.height
                 ) : new DOMRect(
                   R.left,
-                  x.bottom,
+                  w.bottom,
                   R.width,
-                  R.top - x.bottom
+                  R.top - w.bottom
                 )
               ];
             for (const O of k) {
@@ -700,8 +700,8 @@ function zt({
                 expandHitTargets: e,
                 axis: t,
                 rect: "width" in O ? O : O.element.getBoundingClientRect()
-              }), w = S <= d || S > g;
-              (n || !l && !w) && (p ??= Ke({ axis: t }), u.push({
+              }), x = S <= d || S > g;
+              (n || !l && !x) && (p ??= Ke({ axis: t }), u.push({
                 axis: t,
                 axisSize: p,
                 items: [f, z],
@@ -715,7 +715,7 @@ function zt({
       } else if (v.hasAttribute("data-separator")) {
         v.ariaDisabled !== null && (l = !0);
         const z = s.find(
-          (x) => x.element === v
+          (w) => w.element === v
         );
         z ? y.push(z) : (f = void 0, y = []);
       } else
@@ -723,19 +723,22 @@ function zt({
   }
   return u;
 }
-function oo(e, t) {
-  const n = getComputedStyle(e), o = parseFloat(n.fontSize);
-  return t * o;
+function Lt(e) {
+  return e.ownerDocument.defaultView ?? window;
 }
 function ro(e, t) {
+  const n = Lt(e).getComputedStyle(e), o = parseFloat(n.fontSize);
+  return t * o;
+}
+function io(e, t) {
   const n = getComputedStyle(e.ownerDocument.documentElement), o = parseFloat(n.fontSize);
   return t * o;
 }
-function io(e) {
-  return e / 100 * window.innerHeight;
+function so(e, t) {
+  return t / 100 * Lt(e).innerHeight;
 }
-function so(e) {
-  return e / 100 * window.innerWidth;
+function ao(e, t) {
+  return t / 100 * Lt(e).innerWidth;
 }
 function Me({
   axisSize: e,
@@ -743,7 +746,7 @@ function Me({
   styleProp: n
 }) {
   let o;
-  const [r, i] = fn(n);
+  const [r, i] = mn(n);
   switch (i) {
     case "%": {
       o = r / 100 * e;
@@ -754,19 +757,19 @@ function Me({
       break;
     }
     case "rem": {
-      o = ro(t, r);
+      o = io(t, r);
       break;
     }
     case "em": {
-      o = oo(t, r);
+      o = ro(t, r);
       break;
     }
     case "vh": {
-      o = io(r);
+      o = so(t, r);
       break;
     }
     case "vw": {
-      o = so(r);
+      o = ao(t, r);
       break;
     }
   }
@@ -775,7 +778,7 @@ function Me({
 function Q(e) {
   return parseFloat(e.toFixed(3));
 }
-function Lt(e, t = Ke({ axis: e })) {
+function It(e, t = Ke({ axis: e })) {
   const { items: n } = e;
   return t === 0 ? n.map((o) => ({
     groupResizeBehavior: o.constraintProps.groupResizeBehavior,
@@ -847,29 +850,29 @@ function Lt(e, t = Ke({ axis: e })) {
   });
 }
 let me = /* @__PURE__ */ new Map();
-const It = new mn();
+const Ct = new pn();
 let Be = 0;
 const nt = [];
 let ot;
 function ct() {
   Be++;
 }
-function Ct() {
+function Rt() {
   for (let e = 0; e < nt.length; e++)
     try {
-      It.emit("axisChange", nt[e]);
+      Ct.emit("axisChange", nt[e]);
     } catch (t) {
       ot ??= { error: t };
     }
   nt.length = 0;
 }
 function lt() {
-  if (Be === 1 && Ct(), Be--, Be === 0 && ot) {
+  if (Be === 1 && Rt(), Be--, Be === 0 && ot) {
     const { error: e } = ot;
     throw ot = void 0, e;
   }
 }
-function ao(e) {
+function co(e) {
   me = new Map(me), me.delete(e);
 }
 function Te(e, t) {
@@ -888,7 +891,7 @@ function be() {
   return me;
 }
 function qe(e, t) {
-  return It.addListener("axisChange", (n) => {
+  return Ct.addListener("axisChange", (n) => {
     n.axis.id === e && t(n);
   });
 }
@@ -901,16 +904,16 @@ function ge(e, t, n) {
     prev: o,
     next: t
   };
-  Be > 0 ? nt.push(r) : It.emit("axisChange", r);
+  Be > 0 ? nt.push(r) : Ct.emit("axisChange", r);
 }
-function vn(e, { pointerId: t, pointerType: n }) {
+function bn(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 ut(e, t, n = {}) {
-  return e.ownerDocument === t && (n.pointerId === void 0 || vn(e, n));
+  return e.ownerDocument === t && (n.pointerId === void 0 || bn(e, n));
 }
-function co(e, t) {
+function lo(e, t) {
   if (e.length !== t.length)
     return !1;
   for (let n = 0; n < e.length; n++)
@@ -924,7 +927,7 @@ function W(e, t, n = 0) {
 function oe(e, t) {
   return W(e, t) ? 0 : e > t ? 1 : -1;
 }
-function Ee({
+function Pe({
   overrideDisabledItems: e,
   itemConstraints: t,
   prevSize: n,
@@ -984,8 +987,8 @@ function Ve({
             z != null,
             `Previous layout not found for panel index ${m}`
           ), W(z, y)) {
-            const x = v - z;
-            oe(x, Math.abs(e)) > 0 && (e = e < 0 ? 0 - x : x);
+            const w = v - z;
+            oe(w, Math.abs(e)) > 0 && (e = e < 0 ? 0 - w : w);
           }
         }
       }
@@ -1006,8 +1009,8 @@ function Ve({
             z != null,
             `Previous layout not found for panel index ${m}`
           ), W(z, v)) {
-            const x = z - y;
-            oe(x, Math.abs(e)) > 0 && (e = e < 0 ? 0 - x : x);
+            const w = z - y;
+            oe(w, Math.abs(e)) > 0 && (e = e < 0 ? 0 - w : w);
           }
         }
       }
@@ -1019,12 +1022,12 @@ function Ve({
         f,
         `Panel constraints not found for index ${m}`
       );
-      const y = a[m], { collapsedSize: S, collapsedThreshold: v, collapsible: z, minSize: x } = f;
-      if (z && oe(y, x) < 0) {
-        const R = x - S, k = v ?? R / 2, O = y + Math.abs(e);
-        if (oe(O, x) < 0) {
-          const b = oe(Math.abs(e), k), w = v === void 0 && e < 0;
-          b > 0 || b === 0 && w ? e = e < 0 ? -R : R : e = 0;
+      const y = a[m], { collapsedSize: S, collapsedThreshold: v, collapsible: z, minSize: w } = f;
+      if (z && oe(y, w) < 0) {
+        const R = w - S, k = v ?? R / 2, O = y + Math.abs(e);
+        if (oe(O, w) < 0) {
+          const b = oe(Math.abs(e), k), x = v === void 0 && e < 0;
+          b > 0 || b === 0 && x ? e = e < 0 ? -R : R : e = 0;
         }
       }
       break;
@@ -1039,13 +1042,13 @@ function Ve({
         v != null,
         `Previous layout not found for panel index ${f}`
       );
-      const x = Ee({
+      const w = Pe({
         overrideDisabledItems: s,
         itemConstraints: n[f],
         prevSize: v,
         size: 100
       }) - v;
-      if (y += x, f += m, f < 0 || f >= n.length)
+      if (y += w, f += m, f < 0 || f >= n.length)
         break;
     }
     const S = Math.min(Math.abs(e), Math.abs(y));
@@ -1059,7 +1062,7 @@ function Ve({
         S != null,
         `Previous layout not found for panel index ${f}`
       );
-      const v = S - y, z = Ee({
+      const v = S - y, z = Pe({
         overrideDisabledItems: s,
         itemConstraints: n[f],
         prevSize: S,
@@ -1072,7 +1075,7 @@ function Ve({
       e < 0 ? f-- : f++;
     }
   }
-  if (co(u, l))
+  if (lo(u, l))
     return r;
   {
     const m = e < 0 ? d : c, f = a[m];
@@ -1080,29 +1083,29 @@ function Ve({
       f != null,
       `Previous layout not found for panel index ${m}`
     );
-    const y = f + p, S = Ee({
+    const y = f + p, S = Pe({
       overrideDisabledItems: s,
       itemConstraints: n[m],
       prevSize: f,
       size: y
     });
     if (l[m] = S, !W(S, y)) {
-      let v = y - S, x = e < 0 ? d : c;
-      for (; x >= 0 && x < n.length; ) {
-        const R = l[x];
+      let v = y - S, w = e < 0 ? d : c;
+      for (; w >= 0 && w < n.length; ) {
+        const R = l[w];
         F(
           R != null,
-          `Previous layout not found for panel index ${x}`
+          `Previous layout not found for panel index ${w}`
         );
-        const k = R + v, O = Ee({
+        const k = R + v, O = Pe({
           overrideDisabledItems: s,
-          itemConstraints: n[x],
+          itemConstraints: n[w],
           prevSize: R,
           size: k
         });
-        if (W(R, O) || (v -= O - R, l[x] = O), W(v, 0))
+        if (W(R, O) || (v -= O - R, l[w] = O), W(v, 0))
           break;
-        e > 0 ? x-- : x++;
+        e > 0 ? w-- : w++;
       }
     }
   }
@@ -1120,15 +1123,15 @@ function le(e, t) {
       return !1;
   return !0;
 }
-function Rt(e) {
+function Pt(e) {
   ct();
   try {
-    lo(e);
+    uo(e);
   } finally {
     lt();
   }
 }
-function lo({
+function uo({
   commit: e,
   event: t,
   hitRegions: n,
@@ -1150,20 +1153,20 @@ function lo({
     const { disableCursor: v } = 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)
+    const w = o.get(m), R = r.get(m);
+    if (!w || !R)
       return;
     const {
       defaultLayoutDeferred: k,
       derivedItemConstraints: O,
       axisSize: b,
-      layout: w,
+      layout: x,
       separatorToItems: h
     } = R;
-    if (O && w && h) {
-      const I = m.resizePreviewMode === "separator" ? c.get(m) ?? w : w, L = Ve({
+    if (O && x && h) {
+      const I = m.resizePreviewMode === "separator" ? c.get(m) ?? x : x, L = Ve({
         delta: z,
-        initialLayout: x,
+        initialLayout: w,
         itemConstraints: O,
         pivotIndices: g.items.map((M) => S.indexOf(M)),
         prevLayout: I,
@@ -1172,26 +1175,26 @@ function lo({
       if (m.resizePreviewMode === "separator" && !e && !le(L, I)) {
         c.set(m, L);
         let M = 0;
-        const T = S.map((E) => (M += L[E.id] - x[E.id], M * (f / 100)));
-        l = l.map((E) => {
-          if (E.axis !== m)
-            return E;
-          const G = T[E.itemIndex];
-          return G === E.offset ? E : { ...E, offset: G };
+        const T = S.map((P) => (M += L[P.id] - w[P.id], M * (f / 100)));
+        l = l.map((P) => {
+          if (P.axis !== m)
+            return P;
+          const G = T[P.itemIndex];
+          return G === P.offset ? P : { ...P, offset: G };
         });
       }
       if (le(L, I) && z !== 0 && !v)
         switch (y) {
           case "horizontal": {
-            a |= z < 0 ? pn : hn;
+            a |= z < 0 ? hn : gn;
             break;
           }
           case "vertical": {
-            a |= z < 0 ? gn : yn;
+            a |= z < 0 ? yn : Sn;
             break;
           }
         }
-      (m.resizePreviewMode !== "separator" || e) && !le(L, w) && ge(g.axis, {
+      (m.resizePreviewMode !== "separator" || e) && !le(L, x) && ge(g.axis, {
         defaultLayoutDeferred: k,
         derivedItemConstraints: O,
         axisSize: b,
@@ -1203,18 +1206,18 @@ function lo({
     }
   });
   let d = 0;
-  t.movementX === 0 ? d |= s & $t : d |= a & $t, t.movementY === 0 ? d |= s & Dt : d |= a & Dt;
+  t.movementX === 0 ? d |= s & $t : d |= a & $t, t.movementY === 0 ? d |= s & Ot : d |= a & Ot;
   const p = u.state === "active" && (t.clientX !== u.pointerDownAtPoint.x || t.clientY !== u.pointerDownAtPoint.y);
-  Yn(d, l, c, p);
+  Xn(d, l, c, p);
 }
-function bn(e, t) {
+function wn(e, t) {
   const n = ae();
   if (n.state !== "active" || !ut(n, e, t))
     return;
   const o = be();
   ct();
   try {
-    Rt({
+    Pt({
       commit: !0,
       event: t,
       hitRegions: n.hitRegions,
@@ -1222,7 +1225,7 @@ function bn(e, t) {
       mountedAxes: o,
       pointerDownAtPoint: n.pointerDownAtPoint,
       prevCursorFlags: n.cursorFlags
-    }), Ct(), he({
+    }), Rt(), he({
       cursorFlags: 0,
       state: "inactive"
     }), n.hitRegions.length > 0 && (t.preventDefault?.(), n.hitRegions.forEach((r) => {
@@ -1237,24 +1240,24 @@ function bn(e, t) {
     lt();
   }
 }
-function _t(e) {
+function Bt(e) {
   if (e.defaultPrevented)
     return;
   const { clientX: t, clientY: n, movementX: o, movementY: r } = e;
-  bn(e.currentTarget, {
+  wn(e.currentTarget, {
     clientX: t,
     clientY: n,
     movementX: o,
     movementY: r
   });
 }
-function uo(e, t, n) {
+function fo(e, t, n) {
   let o, r = {
     x: 1 / 0,
     y: 1 / 0
   };
   for (const i of t) {
-    const s = Sn(n, i.rect);
+    const s = vn(n, i.rect);
     switch (e) {
       case "horizontal": {
         (s.x < r.x || s.x === r.x && s.y <= r.y) && (o = i, r = s);
@@ -1271,14 +1274,14 @@ function uo(e, t, n) {
     hitRegion: o
   } : void 0;
 }
-function fo(e) {
+function mo(e) {
   return e !== null && typeof e == "object" && "nodeType" in e && e.nodeType === Node.DOCUMENT_FRAGMENT_NODE;
 }
-function mo(e, t) {
+function po(e, t) {
   if (e === t) throw new Error("Cannot compare node with itself");
   const n = {
-    a: qt(e),
-    b: qt(t)
+    a: Vt(e),
+    b: Vt(t)
   };
   let o;
   for (; n.a.at(-1) === n.b.at(-1); )
@@ -1288,8 +1291,8 @@ function mo(e, t) {
     "Stacking order can only be calculated for elements with a common ancestor"
   );
   const r = {
-    a: Ht(Bt(n.a)),
-    b: Ht(Bt(n.b))
+    a: qt(Ht(n.a)),
+    b: qt(Ht(n.b))
   };
   if (r.a === r.b) {
     const i = o.childNodes, s = {
@@ -1305,27 +1308,27 @@ function mo(e, t) {
   }
   return Math.sign(r.a - r.b);
 }
-const po = /\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;
-function ho(e) {
+const ho = /\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;
+function go(e) {
   const t = getComputedStyle(xn(e) ?? e).display;
   return t === "flex" || t === "inline-flex";
 }
-function go(e) {
+function yo(e) {
   const t = getComputedStyle(e);
-  return !!(t.position === "fixed" || t.zIndex !== "auto" && (t.position !== "static" || ho(e)) || +t.opacity < 1 || "transform" in t && t.transform !== "none" || "webkitTransform" in t && t.webkitTransform !== "none" || "mixBlendMode" in t && t.mixBlendMode !== "normal" || "filter" in t && t.filter !== "none" || "webkitFilter" in t && t.webkitFilter !== "none" || "isolation" in t && t.isolation === "isolate" || po.test(t.willChange) || t.webkitOverflowScrolling === "touch");
+  return !!(t.position === "fixed" || t.zIndex !== "auto" && (t.position !== "static" || go(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" || ho.test(t.willChange) || t.webkitOverflowScrolling === "touch");
 }
-function Bt(e) {
+function Ht(e) {
   let t = e.length;
   for (; t--; ) {
     const n = e[t];
-    if (F(n, "Missing node"), go(n)) return n;
+    if (F(n, "Missing node"), yo(n)) return n;
   }
   return null;
 }
-function Ht(e) {
+function qt(e) {
   return e && Number(getComputedStyle(e).zIndex) || 0;
 }
-function qt(e) {
+function Vt(e) {
   const t = [];
   for (; e; )
     t.push(e), e = xn(e);
@@ -1333,36 +1336,36 @@ function qt(e) {
 }
 function xn(e) {
   const { parentNode: t } = e;
-  return fo(t) ? t.host : t;
+  return mo(t) ? t.host : t;
 }
-function yo(e, t) {
+function So(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 So(e) {
+function vo(e) {
   try {
     return e.matches(":modal");
   } catch {
     return !1;
   }
 }
-function vo({
+function bo({
   axisElement: e,
   hitRegion: t,
   pointerEventTarget: n
 }) {
   if (yt(n)) {
     const o = n.closest("dialog");
-    if (o && !o.contains(e) && So(o))
+    if (o && !o.contains(e) && vo(o))
       return !1;
   }
   if (!yt(n) || n.contains(e) || e.contains(n) || !n.isConnected || !e.isConnected)
     return !0;
-  if (mo(n, e) > 0) {
+  if (po(n, e) > 0) {
     let o = n;
     for (; o; ) {
       if (o.contains(e))
         return !0;
-      if (yo(o.getBoundingClientRect(), t))
+      if (So(o.getBoundingClientRect(), t))
         return !1;
       o = o.parentElement;
     }
@@ -1374,18 +1377,18 @@ function Et(e, t, n) {
   return t.forEach((r, i) => {
     if (i.disabled || i.element.ownerDocument !== n)
       return;
-    const s = zt({ axis: i }), a = uo(i.orientation, s, {
+    const s = zt({ axis: i }), a = fo(i.orientation, s, {
       x: e.clientX,
       y: e.clientY
     });
-    a && a.distance.x <= 0 && a.distance.y <= 0 && vo({
+    a && a.distance.x <= 0 && a.distance.y <= 0 && bo({
       axisElement: i.element,
       hitRegion: a.hitRegion.rect,
       pointerEventTarget: e.target
     }) && o.push(a.hitRegion);
   }), o;
 }
-function bo(e) {
+function wo(e) {
   let t = 0, n = 0;
   const o = {};
   for (const i of e)
@@ -1412,14 +1415,14 @@ function xo(e, t) {
       return !1;
   return !0;
 }
-function wn({
+function zn({
   axis: e,
   itemConstraints: t
 }) {
   const n = e.items.map(({ id: r }) => r).join(","), o = e.mutableState.defaultLayout;
-  return e.mutableState.layouts[n] ?? (o && xo(e.items, o) ? o : bo(t));
+  return e.mutableState.layouts[n] ?? (o && xo(e.items, o) ? o : wo(t));
 }
-function zn(e, t) {
+function Ln(e, t) {
   if (Object.keys(e).length !== Object.keys(t).length)
     return !1;
   for (const o in e)
@@ -1427,8 +1430,8 @@ function zn(e, t) {
       return !1;
   return !0;
 }
-function wo(e, t) {
-  return e.length !== t.length ? !1 : e.every((n, o) => zn(n, t[o]));
+function zo(e, t) {
+  return e.length !== t.length ? !1 : e.every((n, o) => Ln(n, t[o]));
 }
 function ze({
   layout: e,
@@ -1455,7 +1458,7 @@ function ze({
     F(a != null, `No layout data found for index ${s}`);
     const u = o[s];
     F(u != null, `No layout data found for index ${s}`);
-    const l = Ee({
+    const l = Pe({
       overrideDisabledItems: !0,
       itemConstraints: t[s],
       prevSize: a,
@@ -1467,7 +1470,7 @@ function ze({
     for (let s = 0; s < t.length; s++) {
       const a = o[s];
       F(a != null, `No layout data found for index ${s}`);
-      const u = a + i, l = Ee({
+      const u = a + i, l = Pe({
         overrideDisabledItems: !0,
         itemConstraints: t[s],
         prevSize: a,
@@ -1478,7 +1481,7 @@ function ze({
     }
   return o.reduce((s, a, u) => (s[t[u].itemId] = a, s), {});
 }
-function Ln({
+function In({
   itemIds: e,
   layout: t
 }) {
@@ -1495,7 +1498,7 @@ function Ln({
     }))
   });
 }
-function zo({
+function Lo({
   axis: e,
   nextAxisSize: t,
   prevAxisSize: n,
@@ -1542,23 +1545,23 @@ function zo({
   }
   return c;
 }
-function Pt({
+function Mt({
   axis: e,
   axisState: t
 }) {
   const n = Ke({ axis: e });
   if (n === 0)
     return;
-  const o = Lt(e, n);
+  const o = It(e, n);
   let r = t.requestedAxisSize, i = t.requestedLayout;
-  t.defaultLayoutDeferred && (r = n, i = Ln({
+  t.defaultLayoutDeferred && (r = n, i = In({
     itemIds: e.items.map(({ id: l }) => l),
-    layout: wn({
+    layout: zn({
       axis: e,
       itemConstraints: o
     })
   }));
-  const s = zo({
+  const s = Lo({
     axis: e,
     nextAxisSize: n,
     prevAxisSize: r,
@@ -1568,7 +1571,7 @@ function Pt({
     itemConstraints: o
   });
   return {
-    changed: t.defaultLayoutDeferred || !le(t.layout, a) || !wo(
+    changed: t.defaultLayoutDeferred || !le(t.layout, a) || !zo(
       t.derivedItemConstraints,
       o
     ) || t.axisSize !== n,
@@ -1583,7 +1586,7 @@ function Pt({
     }
   };
 }
-function Mt({
+function kt({
   axisId: e,
   itemId: t
 }) {
@@ -1601,7 +1604,7 @@ function Mt({
       return l;
     throw Error(`Panel constraints not found for Panel ${t}`);
   }, r = () => {
-    const { axis: l, ...c } = n(), d = Pt({ axis: l, axisState: c }), p = d?.state ?? c, g = p.derivedItemConstraints.find(
+    const { axis: l, ...c } = n(), d = Mt({ axis: l, axisState: c }), p = d?.state ?? c, g = p.derivedItemConstraints.find(
       (f) => f.itemId === t
     );
     if (g === void 0)
@@ -1644,13 +1647,13 @@ function Mt({
         [t]: Q(100 - h)
       };
     }
-    const z = g[f], x = Ee({
+    const z = g[f], w = Pe({
       overrideDisabledItems: !0,
       itemConstraints: z,
       prevSize: m,
       size: c
     }), R = { ...p };
-    let k = x - m;
+    let k = w - m;
     for (const h of y ? [1] : S ? [-1] : [1, -1])
       for (let I = f + h; I >= 0 && I < d.length && !W(k, 0); I += h) {
         const L = g[I], M = R[L.itemId];
@@ -1659,23 +1662,23 @@ function Mt({
         const T = k > 0 ? Math.max(L.minSize, M - k) : Math.min(L.maxSize, M - k);
         k -= M - T, R[L.itemId] = Q(T);
       }
-    if (R[t] = Q(x - k), W(k, 0) || l && oe(R[t], z.minSize) >= 0)
+    if (R[t] = Q(w - k), W(k, 0) || l && oe(R[t], z.minSize) >= 0)
       return R;
     const O = (h, I, L) => {
       const M = h === "after" ? 1 : -1, T = (G) => {
         for (let N = f + M; N >= 0 && N < d.length; N += M) {
-          const P = g[N];
-          if (!st(P, I) && G(P))
+          const E = g[N];
+          if (!st(E, I) && G(E))
             return N;
         }
-      }, E = T(
-        ({ itemId: G, maxSize: N, minSize: P }) => L > 0 ? oe(I[G], P) > 0 : oe(I[G], N) < 0
+      }, P = T(
+        ({ itemId: G, maxSize: N, minSize: E }) => L > 0 ? oe(I[G], E) > 0 : oe(I[G], N) < 0
       ) ?? T(() => !0) ?? f + M;
       return Ve({
         delta: h === "after" ? L : -L,
         initialLayout: I,
         itemConstraints: g,
-        pivotIndices: h === "after" ? [f, E] : [E, f],
+        pivotIndices: h === "after" ? [f, P] : [P, f],
         prevLayout: I,
         trigger: "imperative-api"
       });
@@ -1693,15 +1696,15 @@ function Mt({
         I,
         L
       );
-    }, w = b("after");
-    if (Vt({
+    }, x = b("after");
+    if (jt({
       itemConstraints: g,
       itemId: t,
-      nextLayout: w,
+      nextLayout: x,
       prevLayout: p
     })) {
       const h = b("before");
-      if (!Vt({
+      if (!jt({
         itemConstraints: g,
         itemId: t,
         nextLayout: h,
@@ -1709,7 +1712,7 @@ function Mt({
       }))
         return h;
     }
-    return w;
+    return x;
   }, u = (l, { axis: c, changed: d, itemSize: p, state: g }, { allowPartialSize: m = !1 } = {}) => {
     if (l === p)
       return;
@@ -1766,7 +1769,7 @@ function Mt({
 function st({ collapsedSize: e, collapsible: t, itemId: n }, o) {
   return t && W(o[n], e);
 }
-function Vt({
+function jt({
   itemConstraints: e,
   itemId: t,
   nextLayout: n,
@@ -1776,7 +1779,7 @@ function Vt({
     (r) => r.itemId !== t && st(r, o) !== st(r, n)
   );
 }
-function jt(e) {
+function Ut(e) {
   if (e.defaultPrevented)
     return;
   const t = be();
@@ -1790,7 +1793,7 @@ function jt(e) {
         (i) => i.constraintProps.defaultSize !== void 0
       );
       if (r) {
-        const i = r.constraintProps.defaultSize, s = Mt({
+        const i = r.constraintProps.defaultSize, s = kt({
           axisId: o.axis.id,
           itemId: r.id
         });
@@ -1799,7 +1802,7 @@ function jt(e) {
     }
   });
 }
-function In(e) {
+function Cn(e) {
   const t = be();
   for (const [n] of t)
     if (n.separators.some(
@@ -1824,7 +1827,7 @@ function He({
       return n ? {} : o;
     },
     setLayout(n) {
-      const { axis: o, ...r } = t(), i = Pt({ axis: o, axisState: r }), s = i?.state ?? r, {
+      const { axis: o, ...r } = t(), i = Mt({ axis: o, axisState: r }), s = i?.state ?? r, {
         defaultLayoutDeferred: a,
         derivedItemConstraints: u,
         axisSize: l,
@@ -1843,7 +1846,7 @@ function He({
   };
 }
 function Re(e, t) {
-  const n = In(e), o = ue(n.id, !0), r = n.separators.find(
+  const n = Cn(e), o = ue(n.id, !0), r = n.separators.find(
     (d) => d.element === e
   );
   F(r, "Matching separator not found");
@@ -1878,13 +1881,13 @@ function Re(e, t) {
     { isUserInteraction: !0 }
   );
 }
-function Lo(e) {
+function Io(e) {
   return e.separators.filter((t) => !t.disabled);
 }
-function Ut(e) {
+function Wt(e) {
   if (e.defaultPrevented)
     return;
-  const t = e.currentTarget, n = In(t);
+  const t = e.currentTarget, n = Cn(t);
   if (!(n.disabled || n.separators.find(
     (r) => r.element === t
   )?.disabled))
@@ -1928,7 +1931,7 @@ function Ut(e) {
       }
       case "F6": {
         e.preventDefault();
-        const r = Lo(n).map(
+        const r = Io(n).map(
           (u) => u.element
         ), i = r.findIndex(
           (u) => u === e.currentTarget
@@ -1946,7 +1949,7 @@ function Ut(e) {
       }
     }
 }
-function $e(e, t) {
+function De(e, t) {
   const n = ae();
   if (n.state !== "active" || !ut(n, e, t))
     return !1;
@@ -1961,7 +1964,7 @@ function $e(e, t) {
         requestedAxisSize: s.axisSize,
         requestedLayout: r
       });
-    }), Ct(), he({
+    }), Rt(), he({
       cursorFlags: 0,
       state: "inactive"
     }), n.hitRegions.forEach((r) => {
@@ -1977,7 +1980,7 @@ function $e(e, t) {
   }
   return !0;
 }
-function Wt(e) {
+function Yt(e) {
   const t = ae();
   if (t.state !== "active")
     return;
@@ -1986,12 +1989,12 @@ function Wt(e) {
   );
   !n.some((o) => o === e.target) || n.some(
     (o) => o.hasPointerCapture?.(e.pointerId)
-  ) || $e(e.currentTarget, e);
+  ) || De(e.currentTarget, e);
 }
-function Yt(e) {
-  $e(e.currentTarget, e);
+function Xt(e) {
+  De(e.currentTarget, e);
 }
-function Io(e, t) {
+function Co(e, t) {
   const { element: n, orientation: o, items: r } = e, i = n.getBoundingClientRect(), s = o === "horizontal";
   return zt({
     expandHitTargets: !1,
@@ -2022,14 +2025,14 @@ function Io(e, t) {
     };
   });
 }
-function Xt(e) {
+function Kt(e) {
   if (e.defaultPrevented)
     return;
   if (e.pointerType === "mouse" && e.button > 0)
     return;
   const t = ae();
   if (t.state === "active") {
-    vn(t, e) && $e(
+    bn(t, e) && De(
       t.ownerDocument,
       t
     );
@@ -2054,7 +2057,7 @@ function Xt(e) {
     u && r.set(a.axis, u.layout);
   });
   const s = Array.from(r.keys()).flatMap(
-    (a) => a.resizePreviewMode === "separator" ? Io(a, o) : []
+    (a) => a.resizePreviewMode === "separator" ? Co(a, o) : []
   );
   he({
     cursorFlags: 0,
@@ -2070,13 +2073,13 @@ function Xt(e) {
     state: "active"
   }), e.preventDefault();
 }
-function Kt(e) {
+function Jt(e) {
   const t = e.currentTarget, n = be(), o = ae();
   switch (o.state) {
     case "active": {
       if (!ut(o, t, e))
         return;
-      Rt({
+      Pt({
         commit: !1,
         event: e,
         hitRegions: o.hitRegions,
@@ -2087,7 +2090,7 @@ function Kt(e) {
     }
   }
 }
-function Jt(e) {
+function Zt(e) {
   if (e.defaultPrevented)
     return;
   const t = e.currentTarget, n = ae(), o = be();
@@ -2099,7 +2102,7 @@ function Jt(e) {
         // Skip this check for "pointerleave" events, else Firefox triggers a false positive (see #514)
         e.buttons === 0
       ) {
-        $e(t, e);
+        De(t, e);
         return;
       }
       for (const r of n.hitRegions)
@@ -2107,7 +2110,7 @@ function Jt(e) {
           const { element: i } = r.separator;
           i.isConnected && !i.hasPointerCapture?.(e.pointerId) && i.setPointerCapture?.(e.pointerId);
         }
-      Rt({
+      Pt({
         commit: !1,
         event: e,
         hitRegions: n.hitRegions,
@@ -2137,7 +2140,7 @@ function Jt(e) {
     }
   }
 }
-function Zt(e) {
+function Qt(e) {
   if (e.relatedTarget instanceof HTMLIFrameElement) {
     const t = ae();
     switch (t.state) {
@@ -2149,16 +2152,16 @@ function Zt(e) {
     }
   }
 }
-function Qt(e) {
-  e.defaultPrevented || e.pointerType === "mouse" && e.button > 0 || bn(e.currentTarget, e);
-}
 function en(e) {
-  e.target === e.currentTarget && $e(e.currentTarget.document);
+  e.defaultPrevented || e.pointerType === "mouse" && e.button > 0 || wn(e.currentTarget, e);
 }
 function tn(e) {
-  $e(e.currentTarget.document);
+  e.target === e.currentTarget && De(e.currentTarget.document);
+}
+function nn(e) {
+  De(e.currentTarget.document);
 }
-function Co(e, t, n) {
+function Ro(e, t, n) {
   if (!n[0])
     return;
   const r = e.items.find((l) => l.element === t);
@@ -2170,9 +2173,9 @@ function Co(e, t, n) {
   };
   r.mutableValues.prevSize = u, r.onResize(u, r.id, a);
 }
-const Pe = /* @__PURE__ */ new Map();
-let nn = !1;
-function Cn(e) {
+const Ee = /* @__PURE__ */ new Map();
+let on = !1;
+function Rn(e) {
   let t = !0;
   F(
     e.element.ownerDocument.defaultView,
@@ -2189,16 +2192,16 @@ function Cn(e) {
             const z = ue(e.id);
             if (!z)
               break;
-            const x = Pt({ axis: e, axisState: z });
-            if (!x)
+            const w = Mt({ axis: e, axisState: z });
+            if (!w)
               break;
-            if (!x.changed)
+            if (!w.changed)
               continue;
-            ge(e, x.state);
+            ge(e, w.state);
           }
         } else
           try {
-            Co(e, v, S);
+            Ro(e, v, S);
           } catch (z) {
             f ??= { error: z };
           }
@@ -2215,16 +2218,16 @@ function Cn(e) {
       `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 }), a = Lt(e, s), u = wn({
+  const s = Ke({ axis: e }), a = It(e, s), u = zn({
     axis: e,
     itemConstraints: a
   }), l = ze({
     layout: u,
     itemConstraints: a
   }), c = e.element.ownerDocument, d = c.defaultView;
-  Pe.set(
+  Ee.set(
     c,
-    (Pe.get(c) ?? 0) + 1
+    (Ee.get(c) ?? 0) + 1
   );
   const p = /* @__PURE__ */ new Map();
   return zt({ axis: e, includeDisabled: !0 }).forEach((m) => {
@@ -2235,7 +2238,7 @@ function Cn(e) {
     axisSize: s,
     layout: l,
     requestedAxisSize: s,
-    requestedLayout: Ln({
+    requestedLayout: In({
       itemIds: e.items.map(({ id: m }) => m),
       layout: u
     }),
@@ -2244,45 +2247,45 @@ function Cn(e) {
     F(
       !r.has(m.id),
       `Separator ids must be unique; id "${m.id}" was used more than once`
-    ), r.add(m.id), m.element.addEventListener("keydown", Ut);
-  }), nn || (nn = !0, xt(Qn)), Pe.get(c) === 1 && (c.addEventListener("contextmenu", _t, !0), c.addEventListener("dblclick", jt, !0), c.addEventListener(
+    ), r.add(m.id), m.element.addEventListener("keydown", Wt);
+  }), on || (on = !0, wt(eo)), Ee.get(c) === 1 && (c.addEventListener("contextmenu", Bt, !0), c.addEventListener("dblclick", Ut, !0), c.addEventListener(
     "lostpointercapture",
-    Wt,
+    Yt,
     !0
   ), c.addEventListener(
     "pointercancel",
-    Yt,
+    Xt,
     !0
-  ), c.addEventListener("pointerdown", Xt, !0), c.addEventListener("pointerleave", Kt), c.addEventListener("pointermove", Jt), c.addEventListener("pointerout", Zt), c.addEventListener("pointerup", Qt, !0), d?.addEventListener("blur", en), d?.addEventListener("pagehide", tn)), function() {
-    t = !1, Pe.set(
+  ), c.addEventListener("pointerdown", Kt, !0), c.addEventListener("pointerleave", Jt), c.addEventListener("pointermove", Zt), c.addEventListener("pointerout", Qt), c.addEventListener("pointerup", en, !0), d?.addEventListener("blur", tn), d?.addEventListener("pagehide", nn)), function() {
+    t = !1, Ee.set(
       c,
-      Math.max(0, (Pe.get(c) ?? 0) - 1)
-    ), ao(e), Kn(e), e.separators.forEach((f) => {
-      f.element.removeEventListener("keydown", Ut);
-    }), Pe.get(c) || (c.removeEventListener(
+      Math.max(0, (Ee.get(c) ?? 0) - 1)
+    ), co(e), Jn(e), e.separators.forEach((f) => {
+      f.element.removeEventListener("keydown", Wt);
+    }), Ee.get(c) || (c.removeEventListener(
       "contextmenu",
-      _t,
+      Bt,
       !0
     ), c.removeEventListener(
       "dblclick",
-      jt,
+      Ut,
       !0
     ), c.removeEventListener(
       "lostpointercapture",
-      Wt,
+      Yt,
       !0
     ), c.removeEventListener(
       "pointercancel",
-      Yt,
+      Xt,
       !0
     ), c.removeEventListener(
       "pointerdown",
-      Xt,
+      Kt,
       !0
-    ), c.removeEventListener("pointerleave", Kt), c.removeEventListener("pointermove", Jt), c.removeEventListener("pointerout", Zt), c.removeEventListener("pointerup", Qt, !0), d?.removeEventListener("blur", en), d?.removeEventListener("pagehide", tn)), i.disconnect();
+    ), c.removeEventListener("pointerleave", Jt), c.removeEventListener("pointermove", Zt), c.removeEventListener("pointerout", Qt), c.removeEventListener("pointerup", en, !0), d?.removeEventListener("blur", tn), d?.removeEventListener("pagehide", nn)), i.disconnect();
   };
 }
-function Rn({
+function Pn({
   derivedItemConstraints: e,
   axis: t,
   layout: n,
@@ -2314,8 +2317,8 @@ function dt(e) {
       t.current[n] = e[n];
   }, [e]), t.current;
 }
-const kt = Ue(null), Pn = Ue(null);
-function Ro({
+const Tt = Ue(null), Mn = Ue(null);
+function Po({
   layout: e,
   itemConstraints: t,
   itemId: n,
@@ -2354,7 +2357,7 @@ function Ro({
     valueNow: s
   };
 }
-function Mn({
+function kn({
   attributes: e,
   axisId: t,
   axisOrientation: n,
@@ -2382,7 +2385,7 @@ function Mn({
     className: r,
     preview: p,
     style: f
-  }), [x, R] = ve({}), [k, O] = ve("inactive"), [b, w] = ve(!1), h = H(null), I = H(null), L = Ye(h, l), M = n === "horizontal" ? "vertical" : "horizontal";
+  }), [w, R] = ve({}), [k, O] = ve("inactive"), [b, x] = ve(!1), h = H(null), I = H(null), L = Ye(h, l), M = n === "horizontal" ? "vertical" : "horizontal";
   re(() => {
     const G = h.current;
     if (G !== null) {
@@ -2405,7 +2408,7 @@ function Mn({
         }
       };
       I.current = N;
-      const P = g(N), A = xt(
+      const E = g(N), A = wt(
         (j) => {
           O(
             j.next.state !== "inactive" && j.next.hitRegions.some(
@@ -2416,17 +2419,17 @@ function Mn({
       ), V = qe(
         t,
         (j) => {
-          const { derivedItemConstraints: U, layout: de, separatorToItems: xe } = j.next, Le = xe.get(N);
+          const { derivedItemConstraints: U, layout: de, separatorToItems: we } = j.next, Le = we.get(N);
           if (Le) {
-            const Ie = Le[0], De = U.findIndex(
+            const Ie = Le[0], $e = U.findIndex(
               (C) => C.itemId === Ie.id
             ), { layoutStrategy: ee } = j.axis;
             R({
-              ...Ro({
+              ...Po({
                 layout: de,
                 itemConstraints: U,
                 itemId: Ie.id,
-                itemIndex: De
+                itemIndex: $e
               }),
               // Items without DOM elements of their own (e.g. Grid tracks) control other elements
               ...ee?.getItemAriaControls && {
@@ -2439,46 +2442,46 @@ function Mn({
         }
       );
       return () => {
-        I.current = null, A(), V(), P();
+        I.current = null, A(), V(), E();
       };
     }
   }, [t, c, d, g, z]), re(() => {
     const G = I.current;
-    G && Xn(G);
+    G && Kn(G);
   }, [p]), je(() => {
     v(c, { disabled: a, disableDoubleClick: u });
   }, [a, u, c, v]);
   let T;
   a && !s && (T = "not-allowed");
-  let E;
+  let P;
   if (a)
-    E = "disabled";
+    P = "disabled";
   else
     switch (k) {
       case "active": {
-        E = "active";
+        P = "active";
         break;
       }
       default:
-        b ? E = "focus" : E = k;
+        b ? P = "focus" : P = k;
     }
   return /* @__PURE__ */ X(
     "div",
     {
       ...e,
-      "aria-controls": x.valueControls,
+      "aria-controls": w.valueControls,
       "aria-disabled": a || void 0,
       "aria-orientation": M,
-      "aria-valuemax": x.valueMax,
-      "aria-valuemin": x.valueMin,
-      "aria-valuenow": x.valueNow,
+      "aria-valuemax": w.valueMax,
+      "aria-valuemin": w.valueMin,
+      "aria-valuenow": w.valueNow,
       children: o,
       className: r,
-      "data-separator": E,
+      "data-separator": P,
       "data-testid": i,
       id: c,
-      onBlur: () => w(!1),
-      onFocus: () => w(!0),
+      onBlur: () => x(!1),
+      onFocus: () => x(!0),
       ref: L,
       role: "separator",
       style: {
@@ -2494,7 +2497,7 @@ function Mn({
     }
   );
 }
-function on({
+function rn({
   axis: e,
   children: t,
   className: n,
@@ -2513,7 +2516,7 @@ function on({
     separatorPlacements: m,
     trackCounts: f,
     updateSeparatorProps: y
-  } = dn(), S = d(e), v = e === "column" ? "row" : "column", z = f[v], x = !!i || !vt(a, f[e]);
+  } = fn(), S = d(e), v = e === "column" ? "row" : "column", z = f[v], w = !!i || !vt(a, f[e]);
   let R = !0;
   for (const h of m.values())
     if (h.axis === e && h.index === a && !h.disabled && h.crossStart < r) {
@@ -2535,28 +2538,28 @@ function on({
       h
     ),
     [e, o, r, i, a, g]
-  ), b = Bn(a), w = Hn({
+  ), b = Hn(a), x = qn({
     crossCount: z,
     crossSpan: o,
     crossStart: r,
     hasGutters: p[v]
   });
   return /* @__PURE__ */ X(
-    Mn,
+    kn,
     {
       axisId: S,
       axisOrientation: e === "column" ? "horizontal" : "vertical",
       className: n,
       disableCursor: c(),
-      disabled: x,
+      disabled: w,
       disableDoubleClick: void 0,
       elementRef: s,
       id: l,
       isSharedHitRegion: k,
       registerSeparator: O,
       requiredStyle: {
-        gridColumn: e === "column" ? b : w,
-        gridRow: e === "row" ? b : w
+        gridColumn: e === "column" ? b : x,
+        gridRow: e === "row" ? b : x
       },
       style: u,
       tabIndex: R ? 0 : -1,
@@ -2565,10 +2568,10 @@ function on({
     }
   );
 }
-function kn(e) {
+function Tn(e) {
   const { children: t, className: n, disabled: o, elementRef: r, style: i } = e;
   return e.type === "column" ? /* @__PURE__ */ X(
-    on,
+    rn,
     {
       axis: "column",
       className: n,
@@ -2581,7 +2584,7 @@ function kn(e) {
       children: t
     }
   ) : /* @__PURE__ */ X(
-    on,
+    rn,
     {
       axis: "row",
       className: n,
@@ -2595,8 +2598,8 @@ function kn(e) {
     }
   );
 }
-kn.displayName = "Gridline";
-const ke = ["column", "row"], rn = { columns: {}, rows: {} };
+Tn.displayName = "Gridline";
+const ke = ["column", "row"], sn = { columns: {}, rows: {} };
 function Eo({
   children: e,
   className: t,
@@ -2620,16 +2623,16 @@ function Eo({
   const f = Ae(u), y = se(
     (C) => C === "column" ? `${f}:columns` : `${f}:rows`,
     [f]
-  ), S = sn(n, "columns"), v = sn(p, "rows"), z = (C) => C === "column" ? S : v, x = H({
-    onLayoutChange: rn,
-    onLayoutChanged: rn
-  }), R = we((C) => {
-    an(x.current.onLayoutChange, C) || (x.current.onLayoutChange = C, l?.(C));
-  }), k = we(
-    (C, $, B) => {
-      an(x.current.onLayoutChanged, C) || (x.current.onLayoutChanged = C, c?.(C, { isUserInteraction: $, requestedLayout: B }));
-    }
-  ), O = H(null), b = Ye(O, s), [w, h] = En(), I = H({
+  ), S = an(n, "columns"), v = an(p, "rows"), z = (C) => C === "column" ? S : v, w = H({
+    onLayoutChange: sn,
+    onLayoutChanged: sn
+  }), R = xe((C) => {
+    cn(w.current.onLayoutChange, C) || (w.current.onLayoutChange = C, l?.(C));
+  }), k = xe(
+    (C, D, B) => {
+      cn(w.current.onLayoutChanged, C) || (w.current.onLayoutChanged = C, c?.(C, { isUserInteraction: D, requestedLayout: B }));
+    }
+  ), O = H(null), b = Ye(O, s), [x, h] = En(), I = H({
     cells: [],
     column: { expandedItemSizes: {}, layouts: {} },
     loggedErrors: /* @__PURE__ */ new Set(),
@@ -2638,39 +2641,39 @@ function Eo({
   }), L = { column: !1, row: !1 };
   for (const C of I.current.separators.values())
     L[C.axis] = !0;
-  Tn(e, L);
+  An(e, L);
   const M = dt({
     defaultLayout: o,
     disableCursor: r,
     resizeTargetMinimumSize: d
-  }), T = we(() => !!M.disableCursor), E = se(
+  }), T = xe(() => !!M.disableCursor), P = se(
     (C) => {
-      const $ = I.current;
-      return $.cells = [...$.cells, C], h(), () => {
-        $.cells = $.cells.filter(
+      const D = I.current;
+      return D.cells = [...D.cells, C], h(), () => {
+        D.cells = D.cells.filter(
           (B) => B !== C
         ), h();
       };
     },
     [h]
   ), G = se(
-    (C, $) => {
+    (C, D) => {
       const B = I.current;
-      return B.separators = new Map(B.separators), B.separators.set($, C), h(), () => {
-        B.separators = new Map(B.separators), B.separators.delete($), h();
+      return B.separators = new Map(B.separators), B.separators.set(D, C), h(), () => {
+        B.separators = new Map(B.separators), B.separators.delete(D), h();
       };
     },
     [h]
   ), N = se(
     (C, {
-      disabled: $,
+      disabled: D,
       disableDoubleClick: B
     }) => {
       for (const _ of I.current.separators.keys())
-        _.id === C && (_.disabled = $, _.disableDoubleClick = B);
+        _.id === C && (_.disabled = D, _.disableDoubleClick = B);
     },
     []
-  ), P = I.current.separators, A = pe(
+  ), E = I.current.separators, A = pe(
     () => ({
       getDisableCursor: T,
       getResizeAxisId: y,
@@ -2679,9 +2682,9 @@ function Eo({
         row: L.row
       },
       id: f,
-      registerCell: E,
+      registerCell: P,
       registerSeparator: G,
-      separatorPlacements: P,
+      separatorPlacements: E,
       trackCounts: {
         column: S.length,
         row: v.length
@@ -2695,10 +2698,10 @@ function Eo({
       L.column,
       L.row,
       f,
-      E,
+      P,
       G,
       v.length,
-      P,
+      E,
       N
     ]
   ), V = H([]);
@@ -2706,16 +2709,16 @@ function Eo({
     const C = O.current;
     if (C === null)
       return;
-    const $ = I.current, B = Mo({
-      cells: $.cells,
-      separatorPlacements: $.separators,
+    const D = I.current, B = ko({
+      cells: D.cells,
+      separatorPlacements: D.separators,
       trackCounts: { column: S.length, row: v.length }
     });
-    B.forEach((D) => {
-      $.loggedErrors.has(D) || console.error(D);
-    }), $.loggedErrors = new Set(B);
-    const _ = (D) => Array.from($.separators.entries()).filter(([, J]) => J.axis === D).sort(([, J], [, ye]) => J.index - ye.index).map(([J]) => J), q = (D) => {
-      const J = D === "column" ? S : v, ye = D === "column" ? v : S, Se = J.map((te) => te.id), Je = y(D), Ze = _(D), Ce = Ze.length > 0, Qe = J.map(
+    B.forEach(($) => {
+      D.loggedErrors.has($) || console.error($);
+    }), D.loggedErrors = new Set(B);
+    const _ = ($) => Array.from(D.separators.entries()).filter(([, J]) => J.axis === $).sort(([, J], [, ye]) => J.index - ye.index).map(([J]) => J), q = ($) => {
+      const J = $ === "column" ? S : v, ye = $ === "column" ? v : S, Se = J.map((te) => te.id), Je = y($), Ze = _($), Ce = Ze.length > 0, Qe = J.map(
         ({ id: te, ...ie }, ne) => ({
           // Tracks don't have DOM elements of their own;
           // the Grid element is used to resolve relative size constraints (e.g. "em")
@@ -2732,17 +2735,17 @@ function Eo({
       ), Ge = () => {
         const te = [];
         if (Ce) {
-          for (const [ie, ne] of $.separators)
-            if (ne.axis === D && vt(ne.index, J.length)) {
+          for (const [ie, ne] of D.separators)
+            if (ne.axis === $ && vt(ne.index, J.length)) {
               const Fe = ie.element.getBoundingClientRect();
               te[ne.index] = Math.max(
                 te[ne.index] ?? 0,
-                D === "column" ? Fe.width : Fe.height
+                $ === "column" ? Fe.width : Fe.height
               );
             }
         }
-        return Un({
-          axis: D,
+        return Wn({
+          axis: $,
           element: C,
           gutterSizes: te.filter((ie) => ie !== void 0),
           hasGutters: Ce,
@@ -2751,7 +2754,7 @@ function Eo({
         });
       };
       let Ne;
-      const mt = M.defaultLayout?.[D === "column" ? "columns" : "rows"];
+      const mt = M.defaultLayout?.[$ === "column" ? "columns" : "rows"];
       if (mt !== void 0 && Object.keys(mt).length === Se.length) {
         Ne = {};
         for (const te of Se) {
@@ -2766,9 +2769,9 @@ function Eo({
         layoutStrategy: {
           getItemAriaControls: (te) => {
             const ie = Se.indexOf(te);
-            return $.cells.filter((ne) => {
-              const Fe = D === "column" ? ne.column : ne.row, On = D === "column" ? ne.columnSpan : ne.rowSpan;
-              return Fe <= ie && ie < Fe + On;
+            return D.cells.filter((ne) => {
+              const Fe = $ === "column" ? ne.column : ne.row, Gn = $ === "column" ? ne.columnSpan : ne.rowSpan;
+              return Fe <= ie && ie < Fe + Gn;
             }).map((ne) => ne.element.id).filter(Boolean).join(" ") || void 0;
           },
           calculateAvailableSize: () => Ge().availableSize,
@@ -2776,25 +2779,25 @@ function Eo({
             expandHitTargets: te,
             axis: ie,
             includeDisabled: ne
-          }) => jn({
-            axis: D,
-            cells: $.cells,
+          }) => Un({
+            axis: $,
+            cells: D.cells,
             crossTrackCount: ye.length,
             expandHitTargets: te,
             resizeAxis: ie,
             axisSize: Ge().availableSize,
             includeDisabled: ne,
-            separatorPlacements: $.separators
+            separatorPlacements: D.separators
           }),
           getItemSizeInPixels: (te) => Ge().trackSizes[Se.indexOf(te)] ?? 0
         },
         mutableState: {
           defaultLayout: Ne,
           disableCursor: !!M.disableCursor,
-          expandedItemSizes: $[D].expandedItemSizes,
-          layouts: $[D].layouts
+          expandedItemSizes: D[$].expandedItemSizes,
+          layouts: D[$].layouts
         },
-        orientation: D === "column" ? "horizontal" : "vertical",
+        orientation: $ === "column" ? "horizontal" : "vertical",
         items: Qe,
         resizePreviewMode: "panel",
         get resizeTargetMinimumSize() {
@@ -2804,30 +2807,30 @@ function Eo({
       };
     }, Z = ke.map(q);
     V.current = Z;
-    const K = Z.map((D) => Cn(D)), ce = () => {
-      const [D, J] = Z.map(
+    const K = Z.map(($) => Rn($)), ce = () => {
+      const [$, J] = Z.map(
         (ye) => ue(ye.id)
       );
-      if (!(!D || !J || D.defaultLayoutDeferred || J.defaultLayoutDeferred))
+      if (!(!$ || !J || $.defaultLayoutDeferred || J.defaultLayoutDeferred))
         return {
-          layout: { columns: D.layout, rows: J.layout },
+          layout: { columns: $.layout, rows: J.layout },
           requestedLayout: {
-            columns: D.requestedLayout,
+            columns: $.requestedLayout,
             rows: J.requestedLayout
           }
         };
     };
     {
-      const D = ce();
-      if (D)
+      const $ = ce();
+      if ($)
         try {
           try {
-            R(D.layout);
+            R($.layout);
           } finally {
             k(
-              D.layout,
+              $.layout,
               !1,
-              D.requestedLayout
+              $.requestedLayout
             );
           }
         } catch (J) {
@@ -2835,7 +2838,7 @@ function Eo({
         }
     }
     const Oe = Z.map(
-      (D) => qe(D.id, (J) => {
+      ($) => qe($.id, (J) => {
         const {
           defaultLayoutDeferred: ye,
           derivedItemConstraints: Se,
@@ -2844,9 +2847,9 @@ function Eo({
         } = J.next;
         if (ye || Se.length === 0)
           return;
-        Rn({
+        Pn({
           derivedItemConstraints: Se,
-          axis: D,
+          axis: $,
           layout: Je,
           prevLayout: J.prev?.layout,
           requestedLayout: Ze
@@ -2869,7 +2872,7 @@ function Eo({
       })
     );
     return () => {
-      V.current = [], K.forEach((D) => D()), Oe.forEach((D) => D());
+      V.current = [], K.forEach(($) => $()), Oe.forEach(($) => $());
     };
   }, [
     S,
@@ -2879,7 +2882,7 @@ function Eo({
     k,
     R,
     v,
-    w,
+    x,
     M
   ]), je(() => {
     V.current.forEach((C) => {
@@ -2895,13 +2898,13 @@ function Eo({
         }).getLayout(),
         rows: He({ axisId: q }).getLayout()
       };
-    }, $ = (_) => _.map((q) => `"${q}"`).join(", "), B = (_, q) => {
+    }, D = (_) => _.map((q) => `"${q}"`).join(", "), B = (_, q) => {
       const Z = y(_), K = () => {
         const ce = Te(Z);
         return F(ce, `Grid "${f}" has not been mounted`), F(
           ce.items.some((Oe) => Oe.id === q),
-          `Grid "${f}" no longer contains a ${_} with id "${q}"; ${_} ids are ${$(ce.items.map((Oe) => Oe.id))}`
-        ), Mt({ axisId: Z, itemId: q });
+          `Grid "${f}" no longer contains a ${_} with id "${q}"; ${_} ids are ${D(ce.items.map((Oe) => Oe.id))}`
+        ), kt({ axisId: Z, itemId: q });
       };
       return {
         collapse: () => K().collapse(),
@@ -2917,7 +2920,7 @@ function Eo({
         const Z = _ === "column" ? S : v, K = `${q}`;
         return F(
           Z.some((ce) => ce.id === K),
-          `Grid "${f}" does not contain a ${_} with id "${K}"; ${_} ids are ${$(Z.map((ce) => ce.id))}`
+          `Grid "${f}" does not contain a ${_} with id "${K}"; ${_} ids are ${D(Z.map((ce) => ce.id))}`
         ), B(_, K);
       },
       getTrackByIndex: (_, q) => {
@@ -2941,32 +2944,32 @@ function Eo({
   const de = pe(
     () => ({
       getLayout: () => U.current.getLayout(),
-      getTrackById: (C, $) => U.current.getTrackById(C, $),
-      getTrackByIndex: (C, $) => U.current.getTrackByIndex(C, $),
+      getTrackById: (C, D) => U.current.getTrackById(C, D),
+      getTrackByIndex: (C, D) => U.current.getTrackByIndex(C, D),
       id: f,
       setLayout: (C) => U.current.setLayout(C)
     }),
     [f]
-  ), xe = () => ke.map((C) => {
-    const $ = ue(y(C)), B = z(C);
-    return ($ && !$.defaultLayoutDeferred ? B.map((q) => `minmax(0, ${$.layout[q.id] ?? 1}fr)`) : Po(
+  ), we = () => ke.map((C) => {
+    const D = ue(y(C)), B = z(C);
+    return (D && !D.defaultLayoutDeferred ? B.map((q) => `minmax(0, ${D.layout[q.id] ?? 1}fr)`) : Mo(
       B,
       o?.[C === "column" ? "columns" : "rows"]
     )).join(L[C] ? " auto " : " ");
   }).join("|"), Le = se(
     (C) => {
-      const $ = ke.map(
+      const D = ke.map(
         (B) => qe(y(B), C)
       );
-      return () => $.forEach((B) => B());
+      return () => D.forEach((B) => B());
     },
     [y]
   ), Ie = at(
     Le,
-    xe,
-    xe
-  ), [De, ee] = Ie.split("|");
-  return /* @__PURE__ */ X(un.Provider, { value: A, children: /* @__PURE__ */ X(
+    we,
+    we
+  ), [$e, ee] = Ie.split("|");
+  return /* @__PURE__ */ X(dn.Provider, { value: A, children: /* @__PURE__ */ X(
     "div",
     {
       ...m,
@@ -2981,18 +2984,18 @@ function Eo({
         overflow: "hidden",
         ...g,
         display: "grid",
-        gridTemplateColumns: De,
+        gridTemplateColumns: $e,
         gridTemplateRows: ee,
         // Inform the browser that the library is handling touch events for this element
         // NOTE This is not an inherited style
         touchAction: "none"
       },
-      children: /* @__PURE__ */ X(kt.Provider, { value: null, children: /* @__PURE__ */ X(Pn.Provider, { value: de, children: e }) })
+      children: /* @__PURE__ */ X(Tt.Provider, { value: null, children: /* @__PURE__ */ X(Mn.Provider, { value: de, children: e }) })
     }
   ) });
 }
 Eo.displayName = "Grid";
-function sn(e, t) {
+function an(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) => ({
@@ -3005,23 +3008,23 @@ function sn(e, t) {
     ), o;
   }, [n]);
 }
-function Tn(e, t) {
-  Fn.forEach(e, (n) => {
-    if (ln(n))
-      if (n.type === kn) {
+function An(e, t) {
+  _n.forEach(e, (n) => {
+    if (un(n))
+      if (n.type === Tn) {
         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 && Tn(n.props.children, t);
+      typeof n.type == "symbol" && n.props !== null && typeof n.props == "object" && "children" in n.props && An(n.props.children, t);
   });
 }
-function Po(e, t) {
+function Mo(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 : fn(i.defaultSize)
+    (i) => i.defaultSize === void 0 ? void 0 : mn(i.defaultSize)
   );
   let o = 100, r = 0;
   return n.forEach((i) => {
@@ -3033,7 +3036,7 @@ function Po(e, t) {
     return a === "%" ? `minmax(0, ${s}fr)` : `${s}${a}`;
   });
 }
-function Mo({
+function ko({
   cells: e,
   separatorPlacements: t,
   trackCounts: n
@@ -3093,16 +3096,16 @@ function Mo({
       }
   }), o;
 }
-function an(e, t) {
+function cn(e, t) {
   return le(e.columns, t.columns) && le(e.rows, t.rows);
 }
-function Ko({
+function Jo({
   id: e,
   onlySaveAfterUserInteractions: t,
   storage: n = localStorage
 }) {
   const o = `react-resizable-panels:grid:${e}`, r = at(
-    ko,
+    To,
     () => n.getItem(o),
     () => n.getItem(o)
   ), i = pe(() => {
@@ -3138,26 +3141,26 @@ function Ko({
     onLayoutChanged: s
   };
 }
-function ko() {
+function To() {
   return function() {
   };
 }
-function Jo() {
+function Zo() {
   return ve(null);
 }
-function Zo() {
+function Qo() {
   return H(null);
 }
-function Qo() {
-  return We(Pn);
+function er() {
+  return We(Mn);
 }
-function To(e) {
+function Ao(e) {
   for (let t = 1; t < e.length; t++)
-    if (wt(e[t - 1], e[t]) > 0)
+    if (xt(e[t - 1], e[t]) > 0)
       return !1;
   return !0;
 }
-function Ao({
+function Do({
   separator: e
 }) {
   const { element: t } = e, n = H(null);
@@ -3198,22 +3201,22 @@ function Ao({
   );
 }
 function ft() {
-  const e = We(kt);
+  const e = We(Tt);
   return F(
     e,
     "Group Context not found; did you render a Panel or Separator outside of a Group?"
   ), e;
 }
-function An(e) {
+function Dn(e) {
   const { registerOverlay: t } = ft(), n = H(e);
-  zn(n.current, e) || (n.current = e);
+  Ln(n.current, e) || (n.current = e);
   const o = n.current;
   return re(
     () => t(o),
     [t, o]
   ), null;
 }
-An.displayName = "SeparatorOverlay";
+Dn.displayName = "SeparatorOverlay";
 function $o({
   active: e,
   orientation: t,
@@ -3251,20 +3254,20 @@ function $o({
     }
   );
 }
-function Do({
+function Oo({
   overlay: e,
   preview: t
 }) {
   const { axis: n, offset: o, rect: r, separator: i } = t, s = n.orientation === "horizontal";
   let a = i?.preview, u = e;
-  return ln(a) && a.type === An && (u = a.props, a = void 0), a == null && (u ? a = /* @__PURE__ */ X(
+  return un(a) && a.type === Dn && (u = a.props, a = void 0), a == null && (u ? a = /* @__PURE__ */ X(
     $o,
     {
       ...u,
       active: t.active,
       orientation: n.orientation
     }
-  ) : i && (a = /* @__PURE__ */ X(Ao, { separator: i }))), /* @__PURE__ */ X(
+  ) : i && (a = /* @__PURE__ */ X(Do, { separator: i }))), /* @__PURE__ */ X(
     "div",
     {
       "aria-hidden": "true",
@@ -3283,14 +3286,14 @@ function Do({
     }
   );
 }
-function Oo(e) {
-  return Array.from(e).sort(wt);
+function Go(e) {
+  return Array.from(e).sort(xt);
 }
 const $n = Ue(null);
-function Go(e, t) {
+function No(e, t) {
   const n = H({
     getLayout: () => ({}),
-    setLayout: Jn
+    setLayout: Zn
   });
   return St(t, () => n.current, []), re(() => {
     Object.assign(
@@ -3299,7 +3302,7 @@ function Go(e, t) {
     );
   }), n;
 }
-function No({
+function Fo({
   groupId: e,
   resizePreviewMode: t
 }) {
@@ -3317,13 +3320,13 @@ function No({
       i(ae());
       return;
     }
-    const s = xt(
+    const s = wt(
       ({ next: a }) => i(a)
     );
     return i(ae()), s;
   }, [e, t]), n;
 }
-function Fo({
+function _o({
   children: e,
   className: t,
   defaultLayout: n,
@@ -3346,31 +3349,31 @@ function Fo({
   const f = H({
     onLayoutChange: {},
     onLayoutChanged: {}
-  }), y = we((P) => {
-    le(f.current.onLayoutChange, P) || (f.current.onLayoutChange = P, u?.(P));
-  }), S = we(
-    (P, A, V) => {
-      le(f.current.onLayoutChanged, P) || (f.current.onLayoutChanged = P, l?.(P, { isUserInteraction: A, requestedLayout: V }));
+  }), y = xe((E) => {
+    le(f.current.onLayoutChange, E) || (f.current.onLayoutChange = E, u?.(E));
+  }), S = xe(
+    (E, A, V) => {
+      le(f.current.onLayoutChanged, E) || (f.current.onLayoutChanged = E, l?.(E, { isUserInteraction: A, requestedLayout: V }));
     }
-  ), v = Ae(a), [z, x] = ve(), R = No({
+  ), v = Ae(a), [z, w] = ve(), R = Fo({
     groupId: v,
     resizePreviewMode: d
-  }), k = H(null), [O, b] = En(), w = H([]), h = H({
+  }), k = H(null), [O, b] = En(), x = H([]), h = H({
     lastExpandedPanelSizes: {},
     layouts: {},
     panels: [],
     separators: []
-  }), I = Ye(k, i), L = Go(v, s), M = pe(
+  }), I = Ye(k, i), L = No(v, s), M = pe(
     () => ({
       getLayout: () => L.current.getLayout(),
       id: v,
       orientation: c,
-      setLayout: (P) => L.current.setLayout(P)
+      setLayout: (E) => L.current.setLayout(E)
     }),
     [v, L, c]
-  ), T = we(
-    (P, A) => {
-      const V = ue(P);
+  ), T = xe(
+    (E, A) => {
+      const V = ue(E);
       if (V)
         return {
           flexGrow: V.layout[A] ?? 1
@@ -3380,46 +3383,46 @@ function Fo({
           flexGrow: n?.[A]
         };
     }
-  ), E = dt({
+  ), P = dt({
     defaultLayout: n,
     disableCursor: o,
     resizeTargetMinimumSize: p
   }), G = pe(
     () => ({
       get disableCursor() {
-        return !!E.disableCursor;
+        return !!P.disableCursor;
       },
       getPanelStyles: T,
       id: v,
       orientation: c,
-      registerPanel: (P) => {
+      registerPanel: (E) => {
         const A = h.current;
         return A.panels = _e(c, [
           ...A.panels,
-          P
+          E
         ]), b(), () => {
           A.panels = A.panels.filter(
-            (V) => V !== P
+            (V) => V !== E
           ), b();
         };
       },
-      registerOverlay: (P) => (x(P), () => {
-        x(void 0);
+      registerOverlay: (E) => (w(E), () => {
+        w(void 0);
       }),
-      registerSeparator: (P) => {
+      registerSeparator: (E) => {
         const A = h.current;
         return A.separators = _e(c, [
           ...A.separators,
-          P
+          E
         ]), b(), () => {
           A.separators = A.separators.filter(
-            (V) => V !== P
+            (V) => V !== E
           ), b();
         };
       },
-      updatePanelProps: (P, { disabled: A }) => {
+      updatePanelProps: (E, { disabled: A }) => {
         const j = h.current.panels.find(
-          (xe) => xe.id === P
+          (we) => we.id === E
         );
         if (!j || j.constraintProps.disabled === A)
           return;
@@ -3427,24 +3430,24 @@ function Fo({
         const U = Te(v), de = ue(v);
         U && de && ge(U, {
           ...de,
-          derivedItemConstraints: Lt(U)
+          derivedItemConstraints: It(U)
         });
       },
-      updateSeparatorProps: (P, {
+      updateSeparatorProps: (E, {
         disabled: A,
         disableDoubleClick: V
       }) => {
         const U = h.current.separators.find(
-          (de) => de.id === P
+          (de) => de.id === E
         );
         U && (U.disabled = A, U.disableDoubleClick = V);
       }
     }),
-    [T, v, b, c, E]
+    [T, v, b, c, P]
   ), N = H(null);
   return re(() => {
-    const P = k.current;
-    if (P === null)
+    const E = k.current;
+    if (E === null)
       return;
     const A = h.current;
     A.panels = _e(
@@ -3453,25 +3456,25 @@ function Fo({
     ), A.separators = _e(
       c,
       A.separators
-    ), w.current = Oo([
+    ), x.current = Go([
       ...A.panels.map(({ element: ee }) => ee),
       ...A.separators.map(({ element: ee }) => ee)
     ]);
     let V;
-    if (E.defaultLayout !== void 0 && Object.keys(E.defaultLayout).length === A.panels.length) {
+    if (P.defaultLayout !== void 0 && Object.keys(P.defaultLayout).length === A.panels.length) {
       V = {};
       for (const ee of A.panels) {
-        const C = E.defaultLayout[ee.id];
+        const C = P.defaultLayout[ee.id];
         C !== void 0 && (V[ee.id] = C);
       }
     }
     const j = {
       disabled: !!r,
-      element: P,
+      element: E,
       id: v,
       mutableState: {
         defaultLayout: V,
-        disableCursor: !!E.disableCursor,
+        disableCursor: !!P.disableCursor,
         expandedItemSizes: h.current.lastExpandedPanelSizes,
         layouts: h.current.layouts
       },
@@ -3479,18 +3482,18 @@ function Fo({
       items: A.panels,
       resizePreviewMode: d,
       get resizeTargetMinimumSize() {
-        return E.resizeTargetMinimumSize;
+        return P.resizeTargetMinimumSize;
       },
       separators: A.separators
     };
     N.current = j;
-    const U = Cn(j), {
+    const U = Rn(j), {
       defaultLayoutDeferred: de,
-      derivedItemConstraints: xe,
+      derivedItemConstraints: we,
       layout: Le,
       requestedLayout: Ie
     } = ue(j.id, !0);
-    if (!de && xe.length > 0)
+    if (!de && we.length > 0)
       try {
         try {
           y(Le);
@@ -3500,17 +3503,17 @@ function Fo({
       } catch (ee) {
         throw N.current = null, U(), ee;
       }
-    const De = qe(v, (ee) => {
+    const $e = qe(v, (ee) => {
       const {
         defaultLayoutDeferred: C,
-        derivedItemConstraints: $,
+        derivedItemConstraints: D,
         layout: B,
         requestedLayout: _
       } = ee.next;
-      if (C || $.length === 0)
+      if (C || D.length === 0)
         return;
-      Rn({
-        derivedItemConstraints: $,
+      Pn({
+        derivedItemConstraints: D,
         axis: j,
         layout: B,
         prevLayout: ee.prev?.layout,
@@ -3528,7 +3531,7 @@ function Fo({
       }
     });
     return () => {
-      N.current = null, U(), De();
+      N.current = null, U(), $e();
     };
   }, [
     r,
@@ -3538,13 +3541,13 @@ function Fo({
     c,
     O,
     d,
-    E
+    P
   ]), re(() => {
-    To(w.current) || b();
+    Ao(x.current) || b();
   }), je(() => {
-    const P = N.current;
-    P && (P.mutableState.defaultLayout = n, P.mutableState.disableCursor = !!o);
-  }), /* @__PURE__ */ X($n.Provider, { value: M, children: /* @__PURE__ */ X(kt.Provider, { value: G, children: /* @__PURE__ */ Gn(
+    const E = N.current;
+    E && (E.mutableState.defaultLayout = n, E.mutableState.disableCursor = !!o);
+  }), /* @__PURE__ */ X($n.Provider, { value: M, children: /* @__PURE__ */ X(Tt.Provider, { value: G, children: /* @__PURE__ */ Nn(
     "div",
     {
       ...m,
@@ -3570,23 +3573,23 @@ function Fo({
       },
       children: [
         e,
-        R.map((P) => /* @__PURE__ */ X(
-          Do,
+        R.map((E) => /* @__PURE__ */ X(
+          Oo,
           {
             overlay: z,
-            preview: P
+            preview: E
           },
-          P.key
+          E.key
         ))
       ]
     }
   ) }) });
 }
-Fo.displayName = "Group";
+_o.displayName = "Group";
 function rt(e, t) {
   return `react-resizable-panels:${[e, ...t].join(":")}`;
 }
-function _o({
+function Bo({
   id: e,
   panelIds: t,
   storage: n
@@ -3621,7 +3624,7 @@ function _o({
     } catch {
     }
 }
-function er({
+function tr({
   debounceSaveMs: e = 100,
   onlySaveAfterUserInteractions: t,
   panelIds: n,
@@ -3629,7 +3632,7 @@ function er({
   ...r
 }) {
   const i = n !== void 0, s = "id" in r ? r.id : r.groupId, a = rt(s, n ?? []), u = at(
-    Bo,
+    Ho,
     () => o.getItem(a),
     () => o.getItem(a)
   ), l = pe(() => {
@@ -3640,7 +3643,7 @@ function er({
     }
   }, [u]), c = pe(() => {
     if (!l)
-      return _o({
+      return Bo({
         id: s,
         panelIds: n,
         storage: o
@@ -3649,7 +3652,7 @@ function er({
     const y = p.current;
     y && (p.current = null, clearTimeout(y));
   }, []);
-  cn(() => () => {
+  ln(() => () => {
     g();
   }, [g]);
   const m = se(
@@ -3667,8 +3670,8 @@ function er({
       i ? z = rt(s, Object.keys(v)) : z = rt(s, []);
       try {
         o.setItem(z, JSON.stringify(v));
-      } catch (x) {
-        console.error(x);
+      } catch (w) {
+        console.error(w);
       }
     },
     [
@@ -3703,21 +3706,21 @@ function er({
     onLayoutChanged: m
   };
 }
-function Bo() {
+function Ho() {
   return function() {
   };
 }
-function tr() {
+function nr() {
   return ve(null);
 }
-function nr() {
+function or() {
   return H(null);
 }
-function or() {
+function rr() {
   return We($n);
 }
-const Dn = Ue(null);
-function Ho(e, t) {
+const On = Ue(null);
+function qo(e, t) {
   const { id: n } = ft(), o = H({
     collapse: pt,
     expand: pt,
@@ -3731,11 +3734,11 @@ function Ho(e, t) {
   return St(t, () => o.current, []), re(() => {
     Object.assign(
       o.current,
-      Mt({ axisId: n, itemId: e })
+      kt({ axisId: n, itemId: e })
     );
   }), o;
 }
-function qo({
+function Vo({
   children: e,
   className: t,
   collapsedSize: n = "0%",
@@ -3755,21 +3758,21 @@ function qo({
 }) {
   const y = it(l), S = Ae(l), v = dt({
     disabled: s
-  }), z = H(null), x = Ye(z, a), {
+  }), z = H(null), w = Ye(z, a), {
     getPanelStyles: R,
     id: k,
     orientation: O,
     registerPanel: b,
-    updatePanelProps: w
-  } = ft(), h = p !== null, I = we(
-    (N, P, A) => {
+    updatePanelProps: x
+  } = ft(), h = p !== null, I = xe(
+    (N, E, A) => {
       p?.(N, l, A);
     }
   );
   re(() => {
     const N = z.current;
     if (N !== null) {
-      const P = {
+      const E = {
         element: N,
         id: S,
         idIsStable: y,
@@ -3789,7 +3792,7 @@ function qo({
           minSize: d
         }
       };
-      return b(P);
+      return b(E);
     }
   }, [
     u,
@@ -3806,9 +3809,9 @@ function qo({
     b,
     v
   ]), je(() => {
-    w(S, { disabled: s });
-  }, [s, S, w]);
-  const L = Ho(S, g), M = pe(
+    x(S, { disabled: s });
+  }, [s, S, x]);
+  const L = qo(S, g), M = pe(
     () => ({
       collapse: () => L.current.collapse(),
       expand: () => L.current.expand(),
@@ -3823,13 +3826,13 @@ function qo({
     const N = R(k, S);
     if (N)
       return JSON.stringify(N);
-  }, E = at(
+  }, P = at(
     (N) => qe(k, N),
     T,
     T
   );
   let G;
-  return E ? G = JSON.parse(E) : i !== void 0 ? G = {
+  return P ? G = JSON.parse(P) : i !== void 0 ? G = {
     flexGrow: void 0,
     flexShrink: void 0,
     flexBasis: i
@@ -3841,9 +3844,9 @@ function qo({
       "data-panel": !0,
       "data-testid": Xe(f, l),
       id: S,
-      ref: x,
+      ref: w,
       style: {
-        ...Vo,
+        ...jo,
         display: "flex",
         flexBasis: 0,
         flexShrink: 1,
@@ -3866,14 +3869,14 @@ function qo({
             // See github.com/bvaughn/react-resizable-panels/issues/662
             touchAction: O === "horizontal" ? "pan-y" : "pan-x"
           },
-          children: /* @__PURE__ */ X(Dn.Provider, { value: M, children: e })
+          children: /* @__PURE__ */ X(On.Provider, { value: M, children: e })
         }
       )
     }
   );
 }
-qo.displayName = "Panel";
-const Vo = {
+Vo.displayName = "Panel";
+const jo = {
   minHeight: 0,
   maxHeight: "100%",
   height: "auto",
@@ -3885,17 +3888,17 @@ const Vo = {
   padding: 0,
   margin: 0
 };
-function rr() {
+function ir() {
   return ve(null);
 }
-function ir() {
+function sr() {
   return H(null);
 }
-function sr() {
-  return We(Dn);
+function ar() {
+  return We(On);
 }
-const jo = { flexBasis: "auto" }, Uo = { flexGrow: 0, flexShrink: 0 };
-function Wo({
+const Uo = { flexBasis: "auto" }, Wo = { flexGrow: 0, flexShrink: 0 };
+function Yo({
   children: e,
   className: t,
   disabled: n,
@@ -3914,7 +3917,7 @@ function Wo({
     updateSeparatorProps: m
   } = ft();
   return /* @__PURE__ */ X(
-    Mn,
+    kn,
     {
       attributes: u,
       axisId: d,
@@ -3928,34 +3931,34 @@ function Wo({
       id: l,
       preview: s,
       registerSeparator: g,
-      requiredStyle: Uo,
+      requiredStyle: Wo,
       style: a,
-      styleDefaults: jo,
+      styleDefaults: Uo,
       updateSeparatorProps: m,
       children: e
     }
   );
 }
-Wo.displayName = "Separator";
+Yo.displayName = "Separator";
 export {
-  qn as Cell,
+  Vn as Cell,
   Eo as Grid,
-  kn as Gridline,
-  Fo as Group,
-  qo as Panel,
-  Wo as Separator,
-  An as SeparatorOverlay,
-  Vn as isCoarsePointer,
-  Ko as useDefaultGridLayout,
-  er as useDefaultLayout,
-  Jo as useGridCallbackRef,
-  Zo as useGridRef,
-  tr as useGroupCallbackRef,
-  nr as useGroupRef,
-  rr as usePanelCallbackRef,
-  ir as usePanelRef,
-  Qo as useParentGrid,
-  or as useParentGroup,
-  sr as useParentPanel
+  Tn as Gridline,
+  _o as Group,
+  Vo as Panel,
+  Yo as Separator,
+  Dn as SeparatorOverlay,
+  jn as isCoarsePointer,
+  Jo as useDefaultGridLayout,
+  tr as useDefaultLayout,
+  Zo as useGridCallbackRef,
+  Qo as useGridRef,
+  nr as useGroupCallbackRef,
+  or as useGroupRef,
+  ir as usePanelCallbackRef,
+  sr as usePanelRef,
+  er as useParentGrid,
+  rr as useParentGroup,
+  ar as useParentPanel
 };
 //# sourceMappingURL=react-resizable-panels.js.map