react-resizable-panels 4.14.1 → 4.14.3

package/dist/react-resizable-panels.js

@@ -1,21 +1,21 @@
 "use client";
-import { jsx as W, jsxs as un } from "react/jsx-runtime";
-import { useId as dn, useLayoutEffect as Ot, useEffect as qe, useRef as q, useCallback as te, createContext as Nt, useContext as Gt, useState as he, useMemo as Ee, useImperativeHandle as it, useSyncExternalStore as Ke, Children as fn, isValidElement as _t } from "react";
-function ke(e) {
-  const t = dn();
+import { jsx as K, jsxs as hn } from "react/jsx-runtime";
+import { useId as gn, useLayoutEffect as Bt, useEffect as Be, useRef as B, useCallback as re, createContext as qt, useContext as Vt, useState as pe, useMemo as Pe, useImperativeHandle as st, useSyncExternalStore as Xe, Children as yn, isValidElement as Ht } from "react";
+function Te(e) {
+  const t = gn();
   return `${e ?? t}`;
 }
-const ne = typeof window < "u" ? Ot : qe;
+const ne = typeof window < "u" ? Bt : Be;
 function ge(e) {
-  const t = q(e);
+  const t = B(e);
   return ne(() => {
     t.current = e;
-  }, [e]), te(
+  }, [e]), re(
     (...n) => t.current?.(...n),
     [t]
   );
 }
-function Be(...e) {
+function qe(...e) {
   return ge((t) => {
     e.forEach((n) => {
       if (n)
@@ -32,20 +32,20 @@ function Be(...e) {
     });
   });
 }
-function et(e, t) {
+function nt(e, t) {
   return t ? e * 2 + 1 : e + 1;
 }
-function mn(e, t) {
+function Sn(e, t) {
   return t ? e * 2 - 1 : e;
 }
-function mt(e, t, n) {
-  const o = et(e, n);
-  return t === void 0 ? `${o} / -1` : `${o} / span ${mn(t, n)}`;
+function ht(e, t, n) {
+  const o = nt(e, n);
+  return t === void 0 ? `${o} / -1` : `${o} / span ${Sn(t, n)}`;
 }
-function pn(e) {
+function vn(e) {
   return `${e * 2} / span 1`;
 }
-function hn({
+function bn({
   crossCount: e,
   crossSpan: t,
   crossStart: n,
@@ -54,25 +54,25 @@ function hn({
   const r = t === void 0 ? e : n + t;
   if (n === 0 && r === e)
     return "1 / -1";
-  let i = et(n, o), s = et(r - 1, o) + 1;
+  let i = nt(n, o), s = nt(r - 1, o) + 1;
   return o && (n > 0 && i--, r < e && s++), `${i} / ${s}`;
 }
-function st(e, t) {
+function at(e, t) {
   return Number.isInteger(e) && e >= 1 && e < t;
 }
-function A(e, t = "Assertion error") {
+function D(e, t = "Assertion error") {
   if (!e)
     throw Error(t);
 }
-const Ft = Nt(null);
-function qt() {
-  const e = Gt(Ft);
-  return A(
+const jt = qt(null);
+function Ut() {
+  const e = Vt(jt);
+  return D(
     e,
     "Grid Context not found; did you render a Cell or Gridline outside of a Grid?"
   ), e;
 }
-function gn({
+function xn({
   children: e,
   className: t,
   column: n,
@@ -84,11 +84,11 @@ function gn({
   style: a,
   ...c
 }) {
-  const u = ke(i), { gutters: d, registerCell: g } = qt(), m = q(null), y = Be(m, r);
+  const u = Te(i), { gutters: d, registerCell: p } = Ut(), y = B(null), m = qe(y, r);
   return ne(() => {
-    const f = m.current;
+    const f = y.current;
     if (f !== null)
-      return g({
+      return p({
         column: n,
         columnSpan: o,
         element: f,
@@ -96,7 +96,7 @@ function gn({
         row: s,
         rowSpan: l
       });
-  }, [n, o, u, g, s, l]), /* @__PURE__ */ W(
+  }, [n, o, u, p, s, l]), /* @__PURE__ */ K(
     "div",
     {
       ...c,
@@ -104,31 +104,31 @@ function gn({
       "data-cell": !0,
       "data-testid": u,
       id: u,
-      ref: y,
+      ref: m,
       style: {
         overflow: "auto",
         ...a,
         // Allow cells to shrink smaller than their content
         minHeight: 0,
         minWidth: 0,
-        gridColumn: mt(n, o, d.column),
-        gridRow: mt(s, l, d.row)
+        gridColumn: ht(n, o, d.column),
+        gridRow: ht(s, l, d.row)
       },
       children: e
     }
   );
 }
-gn.displayName = "Cell";
-let Ue;
-function yn() {
-  return Ue === void 0 && (typeof matchMedia == "function" ? Ue = !!matchMedia("(pointer:coarse)").matches : Ue = !1), Ue;
+xn.displayName = "Cell";
+let We;
+function wn() {
+  return We === void 0 && (typeof matchMedia == "function" ? We = !!matchMedia("(pointer:coarse)").matches : We = !1), We;
 }
-function tt({
+function ot({
   expandHitTargets: e,
   axis: t,
   rect: n
 }) {
-  const o = e ? yn() ? t.resizeTargetMinimumSize.coarse : t.resizeTargetMinimumSize.fine : 0;
+  const o = e ? wn() ? t.resizeTargetMinimumSize.coarse : t.resizeTargetMinimumSize.fine : 0;
   if (n.width < o) {
     const r = o - n.width;
     n = new DOMRect(
@@ -149,7 +149,7 @@ function tt({
   }
   return n;
 }
-function pt({
+function gt({
   axis: e,
   cells: t,
   index: n,
@@ -162,20 +162,20 @@ function pt({
       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 p = e === "column" ? d.top : d.left, y = e === "column" ? d.bottom : d.right;
+      if (c >= y || u <= p)
         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 = (S, h) => {
+        m.push(
+          e === "column" ? new DOMRect(d.x, S, d.width, h - S) : new DOMRect(S, d.y, h - S, d.height)
         );
       };
-      return g < c && f(g, c), m > u && f(u, m), y;
+      return p < c && f(p, c), y > u && f(u, y), m;
     }));
   }
   return r;
 }
-function Sn({
+function zn({
   axis: e,
   cells: t,
   crossTrackCount: n,
@@ -186,82 +186,82 @@ function Sn({
   separatorPlacements: l
 }) {
   const { items: a, separators: c } = r, u = a.length;
-  let d = -1, g = -1, m = 0;
-  if (a.forEach((b, x) => {
-    b.constraintProps.disabled || (m++, d === -1 && (d = x), g = x);
-  }), !s && m < 2)
+  let d = -1, p = -1, y = 0;
+  if (a.forEach((b, w) => {
+    b.constraintProps.disabled || (y++, d === -1 && (d = w), p = w);
+  }), !s && y < 2)
     return [];
-  const y = (b) => s || b > d && b <= g, f = [], S = (b, x, v) => ({
+  const m = (b) => s || b > d && b <= p, f = [], S = (b, w, v) => ({
     axis: r,
     axisSize: i,
     items: [a[b - 1], a[b]],
-    rect: x,
+    rect: w,
     separator: v
-  }), p = (b, x) => {
+  }), h = (b, w) => {
     let v;
-    for (const E of t) {
-      const P = e === "column" ? E.row : E.column, k = e === "column" ? E.rowSpan : E.columnSpan;
-      if (x === "start" ? P === b : P + k - 1 === b) {
-        const M = E.element.getBoundingClientRect();
-        if (x === "start") {
-          const z = e === "column" ? M.top : M.left;
-          v = v === void 0 ? z : Math.min(v, z);
+    for (const T of t) {
+      const O = e === "column" ? T.row : T.column, R = e === "column" ? T.rowSpan : T.columnSpan;
+      if (w === "start" ? O === b : O + R - 1 === b) {
+        const E = T.element.getBoundingClientRect();
+        if (w === "start") {
+          const P = e === "column" ? E.top : E.left;
+          v = v === void 0 ? P : Math.min(v, P);
         } else {
-          const z = e === "column" ? M.bottom : M.right;
-          v = v === void 0 ? z : Math.max(v, z);
+          const P = e === "column" ? E.bottom : E.right;
+          v = v === void 0 ? P : Math.max(v, P);
         }
       }
     }
     return v;
-  }, h = /* @__PURE__ */ new Set();
+  }, g = /* @__PURE__ */ new Set();
   for (const b of c) {
-    const x = l.get(b);
-    if (!x || x.index < 1 || x.index >= u || (h.add(x.index), !s && (b.disabled || b.element.hasAttribute("aria-disabled"))) || !y(x.index))
+    const w = l.get(b);
+    if (!w || w.index < 1 || w.index >= u || (g.add(w.index), !s && (b.disabled || b.element.hasAttribute("aria-disabled"))) || !m(w.index))
       continue;
     let v = b.element.getBoundingClientRect();
-    const { crossSpan: E, crossStart: P } = x, k = E === void 0 ? n : P + E;
-    let M = e === "column" ? v.top : v.left, z = e === "column" ? v.bottom : v.right;
-    if (P > 0) {
-      const I = p(P - 1, "end");
-      I !== void 0 && I < M && (M = I);
+    const { crossSpan: T, crossStart: O } = w, R = T === void 0 ? n : O + T;
+    let E = e === "column" ? v.top : v.left, P = e === "column" ? v.bottom : v.right;
+    if (O > 0) {
+      const z = h(O - 1, "end");
+      z !== void 0 && z < E && (E = z);
     }
-    if (k < n) {
-      const I = p(k, "start");
-      I !== void 0 && I > z && (z = I);
+    if (R < n) {
+      const z = h(R, "start");
+      z !== void 0 && z > P && (P = z);
     }
-    v = e === "column" ? new DOMRect(v.x, M, v.width, z - M) : new DOMRect(M, v.y, z - M, v.height), v = tt({ expandHitTargets: o, axis: r, rect: v }), s ? f.push(S(x.index, v, b)) : pt({
+    v = e === "column" ? new DOMRect(v.x, E, v.width, P - E) : new DOMRect(E, v.y, P - E, v.height), v = ot({ expandHitTargets: o, axis: r, rect: v }), s ? f.push(S(w.index, v, b)) : gt({
       axis: e,
       cells: t,
-      index: x.index,
+      index: w.index,
       rect: v
-    }).forEach((I) => {
-      f.push(S(x.index, I, b));
+    }).forEach((z) => {
+      f.push(S(w.index, z, b));
     });
   }
-  const L = (b, x) => {
-    pt({
+  const I = (b, w) => {
+    gt({
       axis: e,
       cells: t,
       index: b,
-      rect: tt({ expandHitTargets: o, axis: r, rect: x })
+      rect: ot({ expandHitTargets: o, axis: r, rect: w })
     }).forEach((v) => {
       f.push(S(b, v));
     });
-  }, w = Array.from(
+  }, x = Array.from(
     { length: n },
     () => new Array(u)
   );
   for (const b of t) {
-    const [x, v, E, P] = e === "column" ? [b.column, b.columnSpan, b.row, b.rowSpan] : [b.row, b.rowSpan, b.column, b.columnSpan];
-    for (let k = Math.max(0, E); k < Math.min(n, E + P); k++)
-      for (let M = Math.max(0, x); M < Math.min(u, x + v); M++)
-        w[k][M] ??= b;
+    const [w, v, T, 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, T); R < Math.min(n, T + O); R++)
+      for (let E = Math.max(0, w); E < Math.min(u, w + v); E++)
+        x[R][E] ??= b;
   }
-  const C = /* @__PURE__ */ new Map(), O = (b) => {
-    let x = C.get(b);
-    if (!x) {
+  const C = /* @__PURE__ */ new Map(), A = (b) => {
+    let w = C.get(b);
+    if (!w) {
       const v = b.element.getBoundingClientRect();
-      x = e === "column" ? {
+      w = e === "column" ? {
         crossEnd: v.bottom,
         crossStart: v.top,
         end: v.right,
@@ -271,40 +271,40 @@ function Sn({
         crossStart: v.left,
         end: v.bottom,
         start: v.top
-      }, C.set(b, x);
+      }, C.set(b, w);
     }
-    return x;
-  }, D = ({ crossEnd: b, crossStart: x, end: v, start: E }) => e === "column" ? new DOMRect(E, x, v - E, b - x) : new DOMRect(x, E, b - x, v - E);
+    return w;
+  }, N = ({ 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 < u; b++) {
-    if (h.has(b) || !y(b))
+    if (g.has(b) || !m(b))
       continue;
-    let x;
+    let w;
     for (let v = 0; v < n; v++) {
-      const E = w[v][b - 1], P = w[v][b];
-      let k;
-      if ((E || P) && E !== P) {
-        const M = E ? O(E) : void 0, z = P ? O(P) : void 0, I = M?.end ?? z.start, _ = z?.start ?? M.end, Y = Math.max(
-          M?.crossStart ?? -1 / 0,
-          z?.crossStart ?? -1 / 0
+      const T = x[v][b - 1], O = x[v][b];
+      let R;
+      if ((T || O) && T !== O) {
+        const E = T ? A(T) : void 0, P = O ? A(O) : void 0, z = E?.end ?? P.start, M = P?.start ?? E.end, q = Math.max(
+          E?.crossStart ?? -1 / 0,
+          P?.crossStart ?? -1 / 0
         ), J = Math.min(
-          M?.crossEnd ?? 1 / 0,
-          z?.crossEnd ?? 1 / 0
+          E?.crossEnd ?? 1 / 0,
+          P?.crossEnd ?? 1 / 0
         );
-        k = {
-          crossEnd: Math.max(Y, J),
-          crossStart: Y,
-          end: Math.max(I, _),
-          start: Math.min(I, _)
+        R = {
+          crossEnd: Math.max(q, J),
+          crossStart: q,
+          end: Math.max(z, M),
+          start: Math.min(z, M)
         };
       }
-      k ? x = x ? {
-        crossEnd: Math.max(x.crossEnd, k.crossEnd),
-        crossStart: Math.min(x.crossStart, k.crossStart),
-        end: Math.max(x.end, k.end),
-        start: Math.min(x.start, k.start)
-      } : k : x && (L(b, D(x)), x = void 0);
-    }
-    x && L(b, D(x));
+      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, N(w)), w = void 0);
+    }
+    w && I(b, N(w));
   }
   return f;
 }
@@ -312,7 +312,7 @@ function le(e) {
   const t = parseFloat(e ?? "");
   return Number.isFinite(t) ? t : 0;
 }
-function vn({
+function In({
   axis: e,
   element: t,
   gutterSizes: n,
@@ -325,26 +325,26 @@ function vn({
     const f = c.trim().split(/\s+/);
     if (f.length === l && f.every((S) => /^-?[\d.]+px$/.test(S))) {
       const S = i.map(
-        (p, h) => le(f[o ? h * 2 : h])
+        (h, g) => le(f[o ? g * 2 : g])
       );
       return {
-        availableSize: S.reduce((p, h) => p + h, 0),
+        availableSize: S.reduce((h, g) => h + g, 0),
         trackSizes: S
       };
     }
   }
-  const u = e === "column" ? t.offsetWidth : t.offsetHeight, d = e === "column" ? le(a?.paddingLeft) + le(a?.paddingRight) + le(a?.borderLeftWidth) + le(a?.borderRightWidth) : le(a?.paddingTop) + le(a?.paddingBottom) + le(a?.borderTopWidth) + le(a?.borderBottomWidth), g = le(e === "column" ? a?.columnGap : a?.rowGap), m = n.reduce((f, S) => f + S, 0), y = Math.max(
+  const u = e === "column" ? t.offsetWidth : t.offsetHeight, d = e === "column" ? le(a?.paddingLeft) + le(a?.paddingRight) + le(a?.borderLeftWidth) + le(a?.borderRightWidth) : le(a?.paddingTop) + le(a?.paddingBottom) + le(a?.borderTopWidth) + le(a?.borderBottomWidth), p = le(e === "column" ? a?.columnGap : a?.rowGap), y = n.reduce((f, S) => f + S, 0), m = Math.max(
     0,
-    u - d - g * Math.max(0, l - 1) - m
+    u - d - p * Math.max(0, l - 1) - y
   );
   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 Bt(e) {
+function Wt(e) {
   switch (typeof e) {
     case "number":
       return [e, "px"];
@@ -354,7 +354,7 @@ function Bt(e) {
     }
   }
 }
-class Vt {
+class Yt {
   #e = {};
   addListener(t, n) {
     const o = this.#e[t];
@@ -393,70 +393,70 @@ class Vt {
     }
   }
 }
-let B = {
+let V = {
   cursorFlags: 0,
   state: "inactive"
 };
-const at = new Vt();
-function fe() {
-  return B;
+const lt = new Yt();
+function se() {
+  return V;
 }
-function Ht(e) {
-  return at.addListener("change", e);
+function Kt(e) {
+  return lt.addListener("change", e);
 }
-function bn(e, t = [], n, o = !1) {
-  const r = B, i = { ...B };
-  i.cursorFlags = e, i.state === "active" && (i.didPointerMove ||= o, i.previews = t, n && (i.previewLayoutMap = n)), B = i, at.emit("change", {
+function Ln(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, lt.emit("change", {
     prev: r,
     next: i
   });
 }
 function de(e) {
-  const t = B;
-  B = e, t.state === "active" && e.state !== "active" && t.didPointerMove && t.hitRegions.forEach(({ separator: n }) => {
+  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", {
+  }), lt.emit("change", {
     prev: t,
     next: e
   });
 }
-function xn(e) {
-  B.state !== "active" || !B.previews.some((t) => t.separator === e) || de({
-    ...B,
-    previews: B.previews.map(
+function Cn(e) {
+  V.state !== "active" || !V.previews.some((t) => t.separator === e) || de({
+    ...V,
+    previews: V.previews.map(
       (t) => t.separator === e ? { ...t } : t
     )
   });
 }
-function wn(e) {
-  if (B.state === "inactive")
+function Rn(e) {
+  if (V.state === "inactive")
     return !1;
-  const t = B.hitRegions.filter((o) => o.axis !== e), n = B.state === "active" && B.previews.some((o) => o.axis === e);
-  if (t.length === B.hitRegions.length && !n)
+  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)
     de({ cursorFlags: 0, state: "inactive" });
-  else if (B.state === "active") {
-    const o = new Map(B.initialLayoutMap), r = new Map(B.previewLayoutMap);
+  else if (V.state === "active") {
+    const o = new Map(V.initialLayoutMap), r = new Map(V.previewLayoutMap);
     o.delete(e), r.delete(e), de({
-      ...B,
+      ...V,
       cursorFlags: 0,
       hitRegions: t,
       initialLayoutMap: o,
       previewLayoutMap: r,
-      previews: B.previews.filter((i) => i.axis !== e)
+      previews: V.previews.filter((i) => i.axis !== e)
     });
   } else
-    de({ ...B, hitRegions: t });
+    de({ ...V, hitRegions: t });
   return !0;
 }
-const zn = (e) => e, Qe = () => {
-}, jt = 1, Ut = 2, Wt = 4, Yt = 8, ht = 3, gt = 12;
-let We;
-function yt() {
-  return We === void 0 && (We = !1, typeof window < "u" && (window.navigator.userAgent.includes("Chrome") || window.navigator.userAgent.includes("Firefox")) && (We = !0)), We;
+const Mn = (e) => e, tt = () => {
+}, Xt = 1, Jt = 2, Zt = 4, Qt = 8, yt = 3, St = 12;
+let Ye;
+function vt() {
+  return Ye === void 0 && (Ye = !1, typeof window < "u" && (window.navigator.userAgent.includes("Chrome") || window.navigator.userAgent.includes("Firefox")) && (Ye = !0)), Ye;
 }
-function In({
+function En({
   cursorFlags: e,
   axes: t,
   state: n
@@ -482,8 +482,8 @@ function In({
   if (!(o === 0 && r === 0)) {
     switch (n) {
       case "active": {
-        if (e && yt()) {
-          const i = (e & jt) !== 0, s = (e & Ut) !== 0, l = (e & Wt) !== 0, a = (e & Yt) !== 0;
+        if (e && vt()) {
+          const i = (e & Xt) !== 0, s = (e & Jt) !== 0, l = (e & Zt) !== 0, a = (e & Qt) !== 0;
           if (i)
             return l ? "se-resize" : a ? "ne-resize" : "e-resize";
           if (s)
@@ -496,23 +496,23 @@ function In({
         break;
       }
     }
-    return yt() ? o > 0 && r > 0 ? "move" : o > 0 ? "ew-resize" : "ns-resize" : o > 0 && r > 0 ? "grab" : o > 0 ? "col-resize" : "row-resize";
+    return vt() ? o > 0 && r > 0 ? "move" : o > 0 ? "ew-resize" : "ns-resize" : o > 0 && r > 0 ? "grab" : o > 0 ? "col-resize" : "row-resize";
   }
 }
-const St = /* @__PURE__ */ new WeakMap();
-function Ge(e) {
+const bt = /* @__PURE__ */ new WeakMap();
+function Ve(e) {
   if (!e.defaultView || !e.adoptedStyleSheets)
     return;
-  let { prevStyle: t, styleSheet: n } = St.get(e) ?? {};
+  let { prevStyle: t, styleSheet: n } = bt.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 = fe();
+  const o = se();
   switch (o.state) {
     case "active":
     case "hover": {
-      const r = In({
+      const r = En({
         cursorFlags: o.cursorFlags,
         axes: o.hitRegions.map((s) => s.axis),
         state: o.state
@@ -527,38 +527,39 @@ function Ge(e) {
       break;
     }
   }
-  St.set(e, {
+  bt.set(e, {
     prevStyle: t,
     styleSheet: n
   });
 }
-function Pe({
+function ke({
   axis: e
 }) {
   const { layoutStrategy: t, orientation: n, items: o } = e;
   return t ? t.calculateAvailableSize() : o.reduce((r, i) => (r += n === "horizontal" ? i.element.offsetWidth : i.element.offsetHeight, r), 0);
 }
-function nt(e, t) {
+function ct(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) {
   return Array.from(t).sort((n, o) => {
-    const r = e === "horizontal" ? Ln(n, o) : Cn(n, o);
-    if (r !== 0)
-      return r;
-    const i = n.element.compareDocumentPosition(o.element);
-    return i & Node.DOCUMENT_POSITION_DISCONNECTED ? 0 : i & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : i & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;
+    const r = e === "horizontal" ? Pn(n, o) : kn(n, o);
+    return r !== 0 ? r : ct(n.element, o.element);
   });
 }
-function Ln(e, t) {
+function Pn(e, t) {
   const n = e.element.offsetLeft - t.element.offsetLeft;
   return n !== 0 ? n : e.element.offsetWidth - t.element.offsetWidth;
 }
-function Cn(e, t) {
+function kn(e, t) {
   const n = e.element.offsetTop - t.element.offsetTop;
   return n !== 0 ? n : e.element.offsetHeight - t.element.offsetHeight;
 }
-function ot(e) {
+function rt(e) {
   return e !== null && typeof e == "object" && "nodeType" in e && e.nodeType === Node.ELEMENT_NODE;
 }
-function Kt(e, t) {
+function en(e, t) {
   return {
     x: e.x >= t.left && e.x <= t.right ? 0 : Math.min(
       Math.abs(e.x - t.left),
@@ -570,7 +571,7 @@ function Kt(e, t) {
     )
   };
 }
-function Rn({
+function Tn({
   orientation: e,
   rects: t,
   targetRect: n
@@ -581,12 +582,12 @@ function Rn({
   };
   let r, i = Number.MAX_VALUE;
   for (const s of t) {
-    const { x: l, y: a } = Kt(o, s), c = e === "horizontal" ? l : a;
+    const { x: l, y: a } = en(o, s), c = e === "horizontal" ? l : a;
     c < i && (i = c, r = s);
   }
-  return A(r, "No rect found"), r;
+  return D(r, "No rect found"), r;
 }
-function lt({
+function ut({
   expandHitTargets: e = !0,
   axis: t,
   includeDisabled: n = !1
@@ -597,128 +598,128 @@ function lt({
       axis: t,
       includeDisabled: n
     });
-  const { element: o, orientation: r, items: i, separators: s } = t, l = nt(
+  const { element: o, orientation: r, items: i, separators: s } = t, l = Ne(
     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(rt).filter((h) => !h.hasAttribute("data-resize-preview")).map((h) => ({ element: h }))
+  ).map(({ element: h }) => h), a = [];
+  let c = !1, u = !1, d = -1, p, y = -1, m = 0, f, S = [];
   {
-    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 g of l)
+      g.hasAttribute("data-panel") && (h++, g.hasAttribute("data-disabled") || (m++, d === -1 && (d = h), y = h));
   }
-  if (n || y > 1) {
-    let p = -1;
-    for (const h of l)
-      if (h.hasAttribute("data-panel")) {
-        p++;
-        const L = i.find(
-          (w) => w.element === h
+  if (n || m > 1) {
+    let h = -1;
+    for (const g of l)
+      if (g.hasAttribute("data-panel")) {
+        h++;
+        const I = i.find(
+          (x) => x.element === g
         );
-        if (L) {
+        if (I) {
           if (f) {
-            const w = f.element.getBoundingClientRect(), C = h.getBoundingClientRect();
-            let O;
+            const x = f.element.getBoundingClientRect(), C = g.getBoundingClientRect();
+            let A;
             if (u) {
-              const D = r === "horizontal" ? new DOMRect(
-                w.right,
-                w.top,
+              const N = r === "horizontal" ? new DOMRect(
+                x.right,
+                x.top,
                 0,
-                w.height
+                x.height
               ) : new DOMRect(
-                w.left,
-                w.bottom,
-                w.width,
+                x.left,
+                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) {
                 case 0: {
-                  O = [
-                    D,
+                  A = [
+                    N,
                     b
                   ];
                   break;
                 }
                 case 1: {
-                  const x = S[0], v = Rn({
+                  const w = S[0], v = Tn({
                     orientation: r,
-                    rects: [w, C],
-                    targetRect: x.element.getBoundingClientRect()
+                    rects: [x, C],
+                    targetRect: w.element.getBoundingClientRect()
                   });
-                  O = [
-                    x,
-                    v === w ? b : D
+                  A = [
+                    w,
+                    v === x ? b : N
                   ];
                   break;
                 }
                 default: {
-                  O = S;
+                  A = S;
                   break;
                 }
               }
             } else
-              S.length ? O = S : O = [
+              S.length ? A = S : A = [
                 r === "horizontal" ? new DOMRect(
-                  w.right,
+                  x.right,
                   C.top,
-                  C.left - w.right,
+                  C.left - x.right,
                   C.height
                 ) : new DOMRect(
                   C.left,
-                  w.bottom,
+                  x.bottom,
                   C.width,
-                  C.top - w.bottom
+                  C.top - x.bottom
                 )
               ];
-            for (const D of O) {
-              const b = tt({
+            for (const N of A) {
+              const b = ot({
                 expandHitTargets: e,
                 axis: t,
-                rect: "width" in D ? D : D.element.getBoundingClientRect()
-              }), x = p <= d || p > m;
-              (n || !c && !x) && (g ??= Pe({ axis: t }), a.push({
+                rect: "width" in N ? N : N.element.getBoundingClientRect()
+              }), w = h <= d || h > y;
+              (n || !c && !w) && (p ??= ke({ axis: t }), a.push({
                 axis: t,
-                axisSize: g,
-                items: [f, L],
-                separator: "width" in D ? void 0 : D,
+                axisSize: p,
+                items: [f, I],
+                separator: "width" in N ? void 0 : N,
                 rect: b
               })), c = !1;
             }
           }
-          u = !1, f = L, S = [];
+          u = !1, f = I, S = [];
         }
-      } else if (h.hasAttribute("data-separator")) {
-        h.ariaDisabled !== null && (c = !0);
-        const L = s.find(
-          (w) => w.element === h
+      } else if (g.hasAttribute("data-separator")) {
+        g.ariaDisabled !== null && (c = !0);
+        const I = s.find(
+          (x) => x.element === g
         );
-        L ? S.push(L) : (f = void 0, S = []);
+        I ? S.push(I) : (f = void 0, S = []);
       } else
         u = !0;
   }
   return a;
 }
-function Mn(e, t) {
+function $n(e, t) {
   const n = getComputedStyle(e), o = parseFloat(n.fontSize);
   return t * o;
 }
-function En(e, t) {
+function An(e, t) {
   const n = getComputedStyle(e.ownerDocument.documentElement), o = parseFloat(n.fontSize);
   return t * o;
 }
-function Pn(e) {
+function Dn(e) {
   return e / 100 * window.innerHeight;
 }
-function kn(e) {
+function On(e) {
   return e / 100 * window.innerWidth;
 }
-function Le({
+function Ce({
   axisSize: e,
   itemElement: t,
   styleProp: n
 }) {
   let o;
-  const [r, i] = Bt(n);
+  const [r, i] = Wt(n);
   switch (i) {
     case "%": {
       o = r / 100 * e;
@@ -729,19 +730,19 @@ function Le({
       break;
     }
     case "rem": {
-      o = En(t, r);
+      o = An(t, r);
       break;
     }
     case "em": {
-      o = Mn(t, r);
+      o = $n(t, r);
       break;
     }
     case "vh": {
-      o = Pn(r);
+      o = Dn(r);
       break;
     }
     case "vw": {
-      o = kn(r);
+      o = On(r);
       break;
     }
   }
@@ -750,8 +751,8 @@ function Le({
 function X(e) {
   return parseFloat(e.toFixed(3));
 }
-function rt(e) {
-  const { items: t } = e, n = Pe({ axis: e });
+function it(e) {
+  const { items: t } = e, n = ke({ axis: e });
   return n === 0 ? t.map((o) => ({
     groupResizeBehavior: o.constraintProps.groupResizeBehavior,
     collapsedSize: 0,
@@ -765,7 +766,7 @@ function rt(e) {
     const { element: r, constraintProps: i } = o;
     let s = 0;
     if (i.collapsedSize !== void 0) {
-      const d = Le({
+      const d = Ce({
         axisSize: n,
         itemElement: r,
         styleProp: i.collapsedSize
@@ -774,7 +775,7 @@ function rt(e) {
     }
     let l;
     if (i.collapsedThreshold !== void 0) {
-      const d = Le({
+      const d = Ce({
         axisSize: n,
         itemElement: r,
         styleProp: i.collapsedThreshold
@@ -783,7 +784,7 @@ function rt(e) {
     }
     let a;
     if (i.defaultSize !== void 0) {
-      const d = Le({
+      const d = Ce({
         axisSize: n,
         itemElement: r,
         styleProp: i.defaultSize
@@ -792,7 +793,7 @@ function rt(e) {
     }
     let c = 0;
     if (i.minSize !== void 0) {
-      const d = Le({
+      const d = Ce({
         axisSize: n,
         itemElement: r,
         styleProp: i.minSize
@@ -801,7 +802,7 @@ function rt(e) {
     }
     let u = 100;
     if (i.maxSize !== void 0) {
-      const d = Le({
+      const d = Ce({
         axisSize: n,
         itemElement: r,
         styleProp: i.maxSize
@@ -822,11 +823,11 @@ function rt(e) {
   });
 }
 let ue = /* @__PURE__ */ new Map();
-const Xt = new Vt();
-function $n(e) {
+const tn = new Yt();
+function Nn(e) {
   ue = new Map(ue), ue.delete(e);
 }
-function Re(e, t) {
+function Me(e, t) {
   for (const [n] of ue)
     if (n.id === e)
       return n;
@@ -838,24 +839,24 @@ function ae(e, t) {
   if (t)
     throw Error(`Could not find data for Group with id ${e}`);
 }
-function Se() {
+function he() {
   return ue;
 }
 function _e(e, t) {
-  return Xt.addListener("axisChange", (n) => {
+  return tn.addListener("axisChange", (n) => {
     n.axis.id === e && t(n);
   });
 }
-function me(e, t, n) {
+function fe(e, t, n) {
   const o = ue.get(e);
-  ue = new Map(ue), ue.set(e, t), Xt.emit("axisChange", {
+  ue = new Map(ue), ue.set(e, t), tn.emit("axisChange", {
     axis: e,
     isUserInteraction: n?.isUserInteraction === !0,
     prev: o,
     next: t
   });
 }
-function Tn(e, t) {
+function Gn(e, t) {
   if (e.length !== t.length)
     return !1;
   for (let n = 0; n < e.length; n++)
@@ -863,13 +864,13 @@ function Tn(e, t) {
       return !1;
   return !0;
 }
-function U(e, t, n = 0) {
+function Y(e, t, n = 0) {
   return Math.abs(X(e) - X(t)) <= n;
 }
 function ce(e, t) {
-  return U(e, t) ? 0 : e > t ? 1 : -1;
+  return Y(e, t) ? 0 : e > t ? 1 : -1;
 }
-function Me({
+function Ee({
   overrideDisabledItems: e,
   itemConstraints: t,
   prevSize: n,
@@ -887,8 +888,8 @@ function Me({
     return n;
   if (ce(o, c) < 0)
     if (s) {
-      const u = i ?? (c - r) / 2, d = ce(n, r) <= 0, g = d ? r + u : c - u, m = ce(o, g);
-      ce(o, r) <= 0 || m < 0 || i !== void 0 && d && m === 0 ? o = r : o = c;
+      const u = i ?? (c - r) / 2, d = ce(n, r) <= 0, p = d ? r + u : c - u, y = ce(o, p);
+      ce(o, r) <= 0 || y < 0 || i !== void 0 && d && y === 0 ? o = r : o = c;
     } else
       o = c;
   return o = Math.min(a, o), o = X(o), o;
@@ -901,163 +902,163 @@ function Fe({
   prevLayout: r,
   trigger: i
 }) {
-  if (U(e, 0))
+  if (Y(e, 0))
     return t;
   const s = i === "imperative-api", l = n.map(
-    ({ itemId: y }) => t[y]
+    ({ itemId: m }) => t[m]
   ), a = n.map(
-    ({ itemId: y }) => r[y]
+    ({ itemId: m }) => r[m]
   ), c = [...l], [u, d] = o;
-  A(u != null, "Invalid first pivot index"), A(d != null, "Invalid second pivot index");
-  let g = 0;
+  D(u != null, "Invalid first pivot index"), D(d != null, "Invalid second pivot index");
+  let p = 0;
   switch (i) {
     case "keyboard": {
       {
-        const y = e < 0 ? d : u, f = n[y];
-        A(
+        const m = e < 0 ? d : u, f = n[m];
+        D(
           f,
-          `Panel constraints not found for index ${y}`
+          `Panel constraints not found for index ${m}`
         );
         const {
           collapsedSize: S = 0,
-          collapsible: p,
-          minSize: h = 0
+          collapsible: h,
+          minSize: g = 0
         } = f;
-        if (p) {
-          const L = l[y];
-          if (A(
-            L != null,
-            `Previous layout not found for panel index ${y}`
-          ), U(L, S)) {
-            const w = h - L;
-            ce(w, Math.abs(e)) > 0 && (e = e < 0 ? 0 - w : w);
+        if (h) {
+          const I = l[m];
+          if (D(
+            I != null,
+            `Previous layout not found for panel index ${m}`
+          ), Y(I, S)) {
+            const x = g - I;
+            ce(x, Math.abs(e)) > 0 && (e = e < 0 ? 0 - x : x);
           }
         }
       }
       {
-        const y = e < 0 ? u : d, f = n[y];
-        A(
+        const m = e < 0 ? u : d, f = n[m];
+        D(
           f,
-          `No panel constraints found for index ${y}`
+          `No panel constraints found for index ${m}`
         );
         const {
           collapsedSize: S = 0,
-          collapsible: p,
-          minSize: h = 0
+          collapsible: h,
+          minSize: g = 0
         } = f;
-        if (p) {
-          const L = l[y];
-          if (A(
-            L != null,
-            `Previous layout not found for panel index ${y}`
-          ), U(L, h)) {
-            const w = L - S;
-            ce(w, Math.abs(e)) > 0 && (e = e < 0 ? 0 - w : w);
+        if (h) {
+          const I = l[m];
+          if (D(
+            I != null,
+            `Previous layout not found for panel index ${m}`
+          ), Y(I, g)) {
+            const x = I - S;
+            ce(x, Math.abs(e)) > 0 && (e = e < 0 ? 0 - x : x);
           }
         }
       }
       break;
     }
     default: {
-      const y = e < 0 ? d : u, f = n[y];
-      A(
+      const m = e < 0 ? d : u, f = n[m];
+      D(
         f,
-        `Panel constraints not found for index ${y}`
+        `Panel constraints not found for index ${m}`
       );
-      const S = l[y], { collapsedSize: p, collapsedThreshold: h, collapsible: L, minSize: w } = f;
-      if (L && ce(S, w) < 0) {
-        const C = w - p, O = h ?? C / 2, D = S + Math.abs(e);
-        if (ce(D, w) < 0) {
-          const b = ce(Math.abs(e), O), x = h === void 0 && e < 0;
-          b > 0 || b === 0 && x ? e = e < 0 ? -C : C : e = 0;
+      const S = l[m], { collapsedSize: h, collapsedThreshold: g, collapsible: I, minSize: x } = f;
+      if (I && ce(S, x) < 0) {
+        const C = x - h, A = g ?? C / 2, N = S + Math.abs(e);
+        if (ce(N, x) < 0) {
+          const b = ce(Math.abs(e), A), w = g === void 0 && e < 0;
+          b > 0 || b === 0 && w ? e = e < 0 ? -C : C : e = 0;
         }
       }
       break;
     }
   }
   {
-    const y = e < 0 ? 1 : -1;
+    const m = e < 0 ? 1 : -1;
     let f = e < 0 ? d : u, S = 0;
     for (; ; ) {
-      const h = l[f];
-      A(
-        h != null,
+      const g = l[f];
+      D(
+        g != null,
         `Previous layout not found for panel index ${f}`
       );
-      const w = Me({
+      const x = Ee({
         overrideDisabledItems: s,
         itemConstraints: n[f],
-        prevSize: h,
+        prevSize: g,
         size: 100
-      }) - h;
-      if (S += w, f += y, f < 0 || f >= n.length)
+      }) - g;
+      if (S += 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(S));
+    e = e < 0 ? 0 - h : h;
   }
   {
     let f = e < 0 ? u : d;
     for (; f >= 0 && f < n.length; ) {
-      const S = Math.abs(e) - Math.abs(g), p = l[f];
-      A(
-        p != null,
+      const S = Math.abs(e) - Math.abs(p), h = l[f];
+      D(
+        h != null,
         `Previous layout not found for panel index ${f}`
       );
-      const h = p - S, L = Me({
+      const g = h - S, I = Ee({
         overrideDisabledItems: s,
         itemConstraints: n[f],
-        prevSize: p,
-        size: h
+        prevSize: h,
+        size: g
       });
-      if (!U(p, L) && (g += p - L, c[f] = L, g.toFixed(3).localeCompare(Math.abs(e).toFixed(3), void 0, {
+      if (!Y(h, I) && (p += h - I, c[f] = I, p.toFixed(3).localeCompare(Math.abs(e).toFixed(3), void 0, {
         numeric: !0
       }) >= 0))
         break;
       e < 0 ? f-- : f++;
     }
   }
-  if (Tn(a, c))
+  if (Gn(a, c))
     return r;
   {
-    const y = e < 0 ? d : u, f = l[y];
-    A(
+    const m = e < 0 ? d : u, f = l[m];
+    D(
       f != null,
-      `Previous layout not found for panel index ${y}`
+      `Previous layout not found for panel index ${m}`
     );
-    const S = f + g, p = Me({
+    const S = f + p, h = Ee({
       overrideDisabledItems: s,
-      itemConstraints: n[y],
+      itemConstraints: n[m],
       prevSize: f,
       size: S
     });
-    if (c[y] = p, !U(p, S)) {
-      let h = S - p, w = e < 0 ? d : u;
-      for (; w >= 0 && w < n.length; ) {
-        const C = c[w];
-        A(
+    if (c[m] = h, !Y(h, S)) {
+      let g = S - h, x = e < 0 ? d : u;
+      for (; x >= 0 && x < n.length; ) {
+        const C = c[x];
+        D(
           C != null,
-          `Previous layout not found for panel index ${w}`
+          `Previous layout not found for panel index ${x}`
         );
-        const O = C + h, D = Me({
+        const A = C + g, N = Ee({
           overrideDisabledItems: s,
-          itemConstraints: n[w],
+          itemConstraints: n[x],
           prevSize: C,
-          size: O
+          size: A
         });
-        if (U(C, D) || (h -= D - C, c[w] = D), U(h, 0))
+        if (Y(C, N) || (g -= N - C, c[x] = N), Y(g, 0))
           break;
-        e > 0 ? w-- : w++;
+        e > 0 ? x-- : x++;
       }
     }
   }
-  const m = Object.values(c).reduce(
-    (y, f) => f + y,
+  const y = Object.values(c).reduce(
+    (m, f) => f + m,
     0
   );
-  return U(m, 100, 0.1) ? c.reduce((y, f, S) => (y[n[S].itemId] = f, y), {}) : r;
+  return Y(y, 100, 0.1) ? c.reduce((m, f, S) => (m[n[S].itemId] = f, m), {}) : r;
 }
-function se(e, t) {
+function ie(e, t) {
   if (Object.keys(e).length !== Object.keys(t).length)
     return !1;
   for (const n in e)
@@ -1065,7 +1066,7 @@ function se(e, t) {
       return !1;
   return !0;
 }
-function ct({
+function dt({
   commit: e,
   document: t,
   event: n,
@@ -1076,81 +1077,81 @@ function ct({
   prevCursorFlags: l
 }) {
   let a = 0;
-  const c = fe();
+  const c = se();
   let u = c.state === "active" ? c.previews : [];
   const d = new Map(
     c.state === "active" ? c.previewLayoutMap : void 0
   );
-  o.forEach((y) => {
-    const { axis: f, axisSize: S } = y, { orientation: p, items: h } = f;
+  o.forEach((m) => {
+    const { axis: f, axisSize: S } = m, { orientation: h, items: g } = f;
     if (e && f.resizePreviewMode !== "separator")
       return;
-    const { disableCursor: L } = f.mutableState;
-    let w = 0;
-    s ? p === "horizontal" ? w = (n.clientX - s.x) / S * 100 : w = (n.clientY - s.y) / S * 100 : p === "horizontal" ? w = n.clientX < 0 ? -100 : 100 : w = n.clientY < 0 ? -100 : 100;
-    const C = r.get(f), O = i.get(f);
-    if (!C || !O)
+    const { disableCursor: I } = f.mutableState;
+    let x = 0;
+    s ? h === "horizontal" ? x = (n.clientX - s.x) / S * 100 : x = (n.clientY - s.y) / S * 100 : h === "horizontal" ? x = n.clientX < 0 ? -100 : 100 : x = n.clientY < 0 ? -100 : 100;
+    const C = r.get(f), A = i.get(f);
+    if (!C || !A)
       return;
     const {
-      defaultLayoutDeferred: D,
+      defaultLayoutDeferred: N,
       derivedItemConstraints: b,
-      axisSize: x,
+      axisSize: w,
       layout: v,
-      separatorToItems: E
-    } = O;
-    if (b && v && E) {
-      const P = f.resizePreviewMode === "separator" ? d.get(f) ?? v : v, k = Fe({
-        delta: w,
+      separatorToItems: T
+    } = A;
+    if (b && v && T) {
+      const O = f.resizePreviewMode === "separator" ? d.get(f) ?? v : v, R = Fe({
+        delta: x,
         initialLayout: C,
         itemConstraints: b,
-        pivotIndices: y.items.map((M) => h.indexOf(M)),
-        prevLayout: P,
+        pivotIndices: m.items.map((E) => g.indexOf(E)),
+        prevLayout: O,
         trigger: "mouse-or-touch"
       });
-      if (f.resizePreviewMode === "separator" && !e && !se(k, P)) {
-        d.set(f, k);
-        let M = 0;
-        const z = h.map((I) => (M += k[I.id] - C[I.id], M * (S / 100)));
-        u = u.map((I) => {
-          if (I.axis !== f)
-            return I;
-          const _ = z[I.itemIndex];
-          return _ === I.offset ? I : { ...I, offset: _ };
+      if (f.resizePreviewMode === "separator" && !e && !ie(R, O)) {
+        d.set(f, R);
+        let E = 0;
+        const P = g.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 };
         });
       }
-      if (se(k, P) && w !== 0 && !L)
-        switch (p) {
+      if (ie(R, O) && x !== 0 && !I)
+        switch (h) {
           case "horizontal": {
-            a |= w < 0 ? jt : Ut;
+            a |= x < 0 ? Xt : Jt;
             break;
           }
           case "vertical": {
-            a |= w < 0 ? Wt : Yt;
+            a |= x < 0 ? Zt : Qt;
             break;
           }
         }
-      (f.resizePreviewMode !== "separator" || e) && !se(k, v) && me(y.axis, {
-        defaultLayoutDeferred: D,
+      (f.resizePreviewMode !== "separator" || e) && !ie(R, v) && fe(m.axis, {
+        defaultLayoutDeferred: N,
         derivedItemConstraints: b,
-        axisSize: x,
-        layout: k,
-        requestedAxisSize: x,
-        requestedLayout: k,
-        separatorToItems: E
+        axisSize: w,
+        layout: R,
+        requestedAxisSize: w,
+        requestedLayout: R,
+        separatorToItems: T
       });
     }
   });
-  let g = 0;
-  n.movementX === 0 ? g |= l & ht : g |= a & ht, n.movementY === 0 ? g |= l & gt : g |= a & gt;
-  const m = c.state === "active" && (n.clientX !== c.pointerDownAtPoint.x || n.clientY !== c.pointerDownAtPoint.y);
-  bn(g, u, d, m), Ge(t);
+  let p = 0;
+  n.movementX === 0 ? p |= l & yt : p |= a & yt, n.movementY === 0 ? p |= l & St : p |= a & St;
+  const y = c.state === "active" && (n.clientX !== c.pointerDownAtPoint.x || n.clientY !== c.pointerDownAtPoint.y);
+  Ln(p, u, d, y), Ve(t);
 }
-function Jt(e, t) {
-  const n = fe(), o = Se();
+function nn(e, t) {
+  const n = se(), o = he();
   let r = !1;
   switch (n.state) {
     case "active":
-      ct({
+      dt({
         commit: !0,
         document: e,
         event: t,
@@ -1162,27 +1163,27 @@ function Jt(e, t) {
       }), de({
         cursorFlags: 0,
         state: "inactive"
-      }), n.hitRegions.length > 0 && (Ge(e), r = !0, n.hitRegions.forEach((i) => {
+      }), n.hitRegions.length > 0 && (Ve(e), r = !0, n.hitRegions.forEach((i) => {
         if (!o.has(i.axis))
           return;
         const s = ae(i.axis.id, !0);
-        me(i.axis, s, {
+        fe(i.axis, s, {
           isUserInteraction: !0
         });
       }));
   }
   return r;
 }
-function vt(e) {
-  e.defaultPrevented || Jt(e.currentTarget, e);
+function xt(e) {
+  e.defaultPrevented || nn(e.currentTarget, e);
 }
-function An(e, t, n) {
+function _n(e, t, n) {
   let o, r = {
     x: 1 / 0,
     y: 1 / 0
   };
   for (const i of t) {
-    const s = Kt(n, i.rect);
+    const s = en(n, i.rect);
     switch (e) {
       case "horizontal": {
         (s.x < r.x || s.x === r.x && s.y <= r.y) && (o = i, r = s);
@@ -1199,25 +1200,25 @@ function An(e, t, n) {
     hitRegion: o
   } : void 0;
 }
-function Dn(e) {
+function Fn(e) {
   return e !== null && typeof e == "object" && "nodeType" in e && e.nodeType === Node.DOCUMENT_FRAGMENT_NODE;
 }
-function On(e, t) {
+function Bn(e, t) {
   if (e === t) throw new Error("Cannot compare node with itself");
   const n = {
-    a: wt(e),
-    b: wt(t)
+    a: It(e),
+    b: It(t)
   };
   let o;
   for (; n.a.at(-1) === n.b.at(-1); )
     o = n.a.pop(), n.b.pop();
-  A(
+  D(
     o,
     "Stacking order can only be calculated for elements with a common ancestor"
   );
   const r = {
-    a: xt(bt(n.a)),
-    b: xt(bt(n.b))
+    a: zt(wt(n.a)),
+    b: zt(wt(n.b))
   };
   if (r.a === r.b) {
     const i = o.childNodes, s = {
@@ -1233,80 +1234,80 @@ function On(e, t) {
   }
   return Math.sign(r.a - r.b);
 }
-const Nn = /\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;
-function Gn(e) {
-  const t = getComputedStyle(Zt(e) ?? e).display;
+const qn = /\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;
+function Vn(e) {
+  const t = getComputedStyle(on(e) ?? e).display;
   return t === "flex" || t === "inline-flex";
 }
-function _n(e) {
+function Hn(e) {
   const t = getComputedStyle(e);
-  return !!(t.position === "fixed" || t.zIndex !== "auto" && (t.position !== "static" || Gn(e)) || +t.opacity < 1 || "transform" in t && t.transform !== "none" || "webkitTransform" in t && t.webkitTransform !== "none" || "mixBlendMode" in t && t.mixBlendMode !== "normal" || "filter" in t && t.filter !== "none" || "webkitFilter" in t && t.webkitFilter !== "none" || "isolation" in t && t.isolation === "isolate" || Nn.test(t.willChange) || t.webkitOverflowScrolling === "touch");
+  return !!(t.position === "fixed" || t.zIndex !== "auto" && (t.position !== "static" || Vn(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" || qn.test(t.willChange) || t.webkitOverflowScrolling === "touch");
 }
-function bt(e) {
+function wt(e) {
   let t = e.length;
   for (; t--; ) {
     const n = e[t];
-    if (A(n, "Missing node"), _n(n)) return n;
+    if (D(n, "Missing node"), Hn(n)) return n;
   }
   return null;
 }
-function xt(e) {
+function zt(e) {
   return e && Number(getComputedStyle(e).zIndex) || 0;
 }
-function wt(e) {
+function It(e) {
   const t = [];
   for (; e; )
-    t.push(e), e = Zt(e);
+    t.push(e), e = on(e);
   return t;
 }
-function Zt(e) {
+function on(e) {
   const { parentNode: t } = e;
-  return Dn(t) ? t.host : t;
+  return Fn(t) ? t.host : t;
 }
-function Fn(e, t) {
+function jn(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 qn(e) {
+function Un(e) {
   try {
     return e.matches(":modal");
   } catch {
     return !1;
   }
 }
-function Bn({
+function Wn({
   axisElement: e,
   hitRegion: t,
   pointerEventTarget: n
 }) {
-  if (ot(n)) {
+  if (rt(n)) {
     const o = n.closest("dialog");
-    if (o && !o.contains(e) && qn(o))
+    if (o && !o.contains(e) && Un(o))
       return !1;
   }
-  if (!ot(n) || n.contains(e) || e.contains(n))
+  if (!rt(n) || n.contains(e) || e.contains(n))
     return !0;
-  if (On(n, e) > 0) {
+  if (Bn(n, e) > 0) {
     let o = n;
     for (; o; ) {
       if (o.contains(e))
         return !0;
-      if (Fn(o.getBoundingClientRect(), t))
+      if (jn(o.getBoundingClientRect(), t))
         return !1;
       o = o.parentElement;
     }
   }
   return !0;
 }
-function ut(e, t) {
+function ft(e, t) {
   const n = [];
   return t.forEach((o, r) => {
     if (r.disabled)
       return;
-    const i = lt({ axis: r }), s = An(r.orientation, i, {
+    const i = ut({ axis: r }), s = _n(r.orientation, i, {
       x: e.clientX,
       y: e.clientY
     });
-    s && s.distance.x <= 0 && s.distance.y <= 0 && Bn({
+    s && s.distance.x <= 0 && s.distance.y <= 0 && Wn({
       axisElement: r.element,
       hitRegion: s.hitRegion.rect,
       pointerEventTarget: e.target
@@ -1325,20 +1326,20 @@ function ye({
     throw Error(
       `Invalid ${t.length} panel layout: ${Object.values(e).map((s) => `${s}%`).join(", ")}`
     );
-  if (!U(r, 100) && o.length > 0)
+  if (!Y(r, 100) && o.length > 0)
     for (let s = 0; s < t.length; s++) {
       const l = o[s];
-      A(l != null, `No layout data found for index ${s}`);
+      D(l != null, `No layout data found for index ${s}`);
       const a = 100 / r * l;
       o[s] = a;
     }
   let i = 0;
   for (let s = 0; s < t.length; s++) {
     const l = n[s];
-    A(l != null, `No layout data found for index ${s}`);
+    D(l != null, `No layout data found for index ${s}`);
     const a = o[s];
-    A(a != null, `No layout data found for index ${s}`);
-    const c = Me({
+    D(a != null, `No layout data found for index ${s}`);
+    const c = Ee({
       overrideDisabledItems: !0,
       itemConstraints: t[s],
       prevSize: l,
@@ -1346,35 +1347,35 @@ function ye({
     });
     a != c && (i += a - c, o[s] = c);
   }
-  if (!U(i, 0))
+  if (!Y(i, 0))
     for (let s = 0; s < t.length; s++) {
       const l = o[s];
-      A(l != null, `No layout data found for index ${s}`);
-      const a = l + i, c = Me({
+      D(l != null, `No layout data found for index ${s}`);
+      const a = l + i, c = Ee({
         overrideDisabledItems: !0,
         itemConstraints: t[s],
         prevSize: l,
         size: a
       });
-      if (l !== c && (i -= c - l, o[s] = c, U(i, 0)))
+      if (l !== c && (i -= c - l, o[s] = c, Y(i, 0)))
         break;
     }
   return o.reduce((s, l, a) => (s[t[a].itemId] = l, s), {});
 }
-function dt({
+function mt({
   axisId: e,
   itemId: t
 }) {
   const n = () => {
-    const a = Se();
+    const a = he();
     for (const [
       c,
       {
         defaultLayoutDeferred: u,
         derivedItemConstraints: d,
-        layout: g,
-        axisSize: m,
-        separatorToItems: y
+        layout: p,
+        axisSize: y,
+        separatorToItems: m
       }
     ] of a)
       if (c.id === e)
@@ -1382,9 +1383,9 @@ function dt({
           defaultLayoutDeferred: u,
           derivedItemConstraints: d,
           axis: c,
-          axisSize: m,
-          layout: g,
-          separatorToItems: y
+          axisSize: y,
+          layout: p,
+          separatorToItems: m
         };
     throw Error(`Group ${e} not found`);
   }, o = () => {
@@ -1410,22 +1411,22 @@ function dt({
     prevLayout: u,
     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 L = d[h];
-      return L?.collapsible && U(L.collapsedSize, u[L.itemId]);
+    const p = i(), y = c.findIndex((h) => h.id === t), m = y === 0, f = y === c.length - 1;
+    if (f && a < p && (m || c.slice(0, y).every((h, g) => {
+      const I = d[g];
+      return I?.collapsible && Y(I.collapsedSize, u[I.itemId]);
     }))) {
-      const p = c.slice(0, m).reduce((h, L) => h + u[L.id], 0);
+      const h = c.slice(0, y).reduce((g, I) => g + u[I.id], 0);
       return {
         ...u,
-        [t]: X(100 - p)
+        [t]: X(100 - h)
       };
     }
     return Fe({
-      delta: f ? g - a : a - g,
+      delta: f ? p - a : a - p,
       initialLayout: u,
       itemConstraints: d,
-      pivotIndices: f ? [m - 1, m] : [m, m + 1],
+      pivotIndices: f ? [y - 1, y] : [y, y + 1],
       prevLayout: u,
       trigger: "imperative-api"
     });
@@ -1436,26 +1437,26 @@ function dt({
     const {
       defaultLayoutDeferred: u,
       derivedItemConstraints: d,
-      axis: g,
-      axisSize: m,
-      layout: y,
+      axis: p,
+      axisSize: y,
+      layout: m,
       separatorToItems: f
     } = n(), S = s({
       nextSize: a,
-      items: g.items,
-      prevLayout: y,
+      items: p.items,
+      prevLayout: m,
       derivedItemConstraints: d
-    }), p = ye({
+    }), h = ye({
       layout: S,
       itemConstraints: d
     });
-    se(y, p) || me(g, {
+    ie(m, h) || fe(p, {
       defaultLayoutDeferred: u,
       derivedItemConstraints: d,
-      axisSize: m,
-      layout: p,
-      requestedAxisSize: m,
-      requestedLayout: p,
+      axisSize: y,
+      layout: h,
+      requestedAxisSize: y,
+      requestedLayout: h,
       separatorToItems: f
     });
   };
@@ -1465,10 +1466,10 @@ function dt({
       a && d !== c && (u.expandToSize = d, l(c));
     },
     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: c, minSize: u } = o(), { mutableValues: d } = r(), p = i();
+      if (a && p === c) {
+        let y = d.expandToSize ?? u;
+        y === 0 && (y = 1), l(y);
       }
     },
     getSize: () => {
@@ -1480,29 +1481,29 @@ function dt({
     },
     isCollapsed: () => {
       const { collapsible: a, collapsedSize: c } = o(), u = i();
-      return a && U(c, u);
+      return a && Y(c, u);
     },
     resize: (a) => {
-      const { axis: c } = n(), { element: u } = r(), d = Pe({ axis: c }), g = Le({
+      const { axis: c } = n(), { element: u } = r(), d = ke({ axis: c }), p = Ce({
         axisSize: d,
         itemElement: u,
         styleProp: a
-      }), m = X(g / d * 100);
-      l(m);
+      }), y = X(p / d * 100);
+      l(y);
     }
   };
 }
-function zt(e) {
+function Lt(e) {
   if (e.defaultPrevented)
     return;
-  const t = Se();
-  ut(e, t).forEach((o) => {
+  const t = he();
+  ft(e, t).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 = dt({
+        const i = r.constraintProps.defaultSize, s = mt({
           axisId: o.axis.id,
           itemId: r.id
         });
@@ -1511,8 +1512,8 @@ function zt(e) {
     }
   });
 }
-function Qt(e) {
-  const t = Se();
+function rn(e) {
+  const t = he();
   for (const [n] of t)
     if (n.separators.some(
       (o) => o.element === e
@@ -1520,11 +1521,11 @@ function Qt(e) {
       return n;
   throw Error("Could not find parent Group for separator element");
 }
-function Ne({
+function Ge({
   axisId: e
 }) {
   const t = () => {
-    const n = Se();
+    const n = he();
     for (const [o, r] of n)
       if (o.id === e)
         return { axis: o, ...r };
@@ -1547,7 +1548,7 @@ function Ne({
         layout: n,
         itemConstraints: r
       });
-      return o ? l : (se(l, c) || me(i, {
+      return o ? l : (ie(l, c) || fe(i, {
         defaultLayoutDeferred: o,
         derivedItemConstraints: r,
         axisSize: s,
@@ -1559,14 +1560,14 @@ function Ne({
     }
   };
 }
-function xe(e, t) {
-  const n = Qt(e), o = ae(n.id, !0), r = n.separators.find(
+function we(e, t) {
+  const n = rn(e), o = ae(n.id, !0), r = n.separators.find(
     (d) => d.element === e
   );
-  A(r, "Matching separator not found");
+  D(r, "Matching separator not found");
   const i = o.separatorToItems.get(r);
-  A(i, "Matching panels not found");
-  const s = i.map((d) => n.items.indexOf(d)), a = Ne({ axisId: n.id }).getLayout(), c = Fe({
+  D(i, "Matching panels not found");
+  const s = i.map((d) => n.items.indexOf(d)), a = Ge({ axisId: n.id }).getLayout(), c = Fe({
     delta: t,
     initialLayout: a,
     itemConstraints: o.derivedItemConstraints,
@@ -1577,7 +1578,7 @@ function xe(e, t) {
     layout: c,
     itemConstraints: o.derivedItemConstraints
   });
-  se(a, u) || me(
+  ie(a, u) || fe(
     n,
     {
       defaultLayoutDeferred: o.defaultLayoutDeferred,
@@ -1595,48 +1596,48 @@ function xe(e, t) {
     { isUserInteraction: !0 }
   );
 }
-function It(e) {
+function Ct(e) {
   if (e.defaultPrevented)
     return;
-  const t = e.currentTarget, n = Qt(t);
+  const t = e.currentTarget, n = rn(t);
   if (!(n.disabled || n.separators.find(
     (r) => r.element === t
   )?.disabled))
     switch (e.key) {
       case "ArrowDown": {
-        e.preventDefault(), n.orientation === "vertical" && xe(t, 5);
+        e.preventDefault(), n.orientation === "vertical" && we(t, 5);
         break;
       }
       case "ArrowLeft": {
-        e.preventDefault(), n.orientation === "horizontal" && xe(t, -5);
+        e.preventDefault(), n.orientation === "horizontal" && we(t, -5);
         break;
       }
       case "ArrowRight": {
-        e.preventDefault(), n.orientation === "horizontal" && xe(t, 5);
+        e.preventDefault(), n.orientation === "horizontal" && we(t, 5);
         break;
       }
       case "ArrowUp": {
-        e.preventDefault(), n.orientation === "vertical" && xe(t, -5);
+        e.preventDefault(), n.orientation === "vertical" && we(t, -5);
         break;
       }
       case "End": {
-        e.preventDefault(), xe(t, 100);
+        e.preventDefault(), we(t, 100);
         break;
       }
       case "Enter": {
         e.preventDefault();
         const r = ae(n.id, !0), { derivedItemConstraints: i, layout: s, separatorToItems: l } = r, a = n.separators.find(
-          (g) => g.element === t
+          (p) => p.element === t
         );
-        A(a, "Matching separator not found");
+        D(a, "Matching separator not found");
         const c = l.get(a);
-        A(c, "Matching panels not found");
+        D(c, "Matching panels not found");
         const u = c[0], d = i.find(
-          (g) => g.itemId === u.id
+          (p) => p.itemId === u.id
         );
-        if (A(d, "Panel metadata not found"), d.collapsible) {
-          const g = s[u.id], m = d.collapsedSize === g ? n.mutableState.expandedItemSizes[u.id] ?? d.minSize : d.collapsedSize;
-          xe(t, m - g);
+        if (D(d, "Panel metadata not found"), d.collapsible) {
+          const p = s[u.id], y = d.collapsedSize === p ? n.mutableState.expandedItemSizes[u.id] ?? d.minSize : d.collapsedSize;
+          we(t, y - p);
         }
         break;
       }
@@ -1647,7 +1648,7 @@ function It(e) {
         ), i = Array.from(r).findIndex(
           (a) => a === e.currentTarget
         );
-        A(i !== null, "Index not found");
+        D(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
@@ -1655,19 +1656,58 @@ function It(e) {
         break;
       }
       case "Home": {
-        e.preventDefault(), xe(t, -100);
+        e.preventDefault(), we(t, -100);
         break;
       }
     }
 }
-function Vn(e, t) {
+function Je(e) {
+  const t = se();
+  if (t.state !== "active")
+    return !1;
+  const n = he();
+  return 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
+    });
+  }), de({
+    cursorFlags: 0,
+    state: "inactive"
+  }), t.hitRegions.forEach((o) => {
+    if (!n.has(o.axis))
+      return;
+    const r = ae(o.axis.id, !0);
+    fe(o.axis, r, {
+      isUserInteraction: !0
+    });
+  }), Ve(e), !0;
+}
+function Rt(e) {
+  const t = se();
+  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)
+  ) || Je(e.currentTarget);
+}
+function Mt(e) {
+  Je(e.currentTarget);
+}
+function Yn(e, t) {
   const { element: n, orientation: o, items: r } = e, i = n.getBoundingClientRect(), s = o === "horizontal";
-  return lt({
+  return ut({
     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;
+    const p = r.indexOf(a[0]), y = s ? c.left + c.width / 2 : c.top + c.height / 2;
     return {
       active: t.some((f) => {
         if (f.axis !== e || f.items[0] !== a[0])
@@ -1675,15 +1715,15 @@ function Vn(e, t) {
         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 U(m, S);
+        return Y(y, S);
       }),
       axis: e,
       key: u ? `separator-${u.id}` : `panel-${a[0].id}-${d}`,
       offset: 0,
-      itemIndex: g,
+      itemIndex: p,
       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 ? y : c.left) - i.left - n.clientLeft + n.scrollLeft,
+        (!s && !u ? y : c.top) - i.top - n.clientTop + n.scrollTop,
         s && !u ? 0 : c.width,
         !s && !u ? 0 : c.height
       ),
@@ -1691,12 +1731,12 @@ function Vn(e, t) {
     };
   });
 }
-function Lt(e) {
+function Et(e) {
   if (e.defaultPrevented)
     return;
   if (e.pointerType === "mouse" && e.button > 0)
     return;
-  const t = Se(), n = ut(e, t);
+  const t = he(), n = ft(e, t);
   if (n.length === 0)
     return;
   const o = /* @__PURE__ */ new Map();
@@ -1711,7 +1751,7 @@ function Lt(e) {
     l && o.set(s.axis, l.layout);
   });
   const i = Array.from(o.keys()).flatMap(
-    (s) => s.resizePreviewMode === "separator" ? Vn(s, n) : []
+    (s) => s.resizePreviewMode === "separator" ? Yn(s, n) : []
   );
   de({
     cursorFlags: 0,
@@ -1724,11 +1764,11 @@ function Lt(e) {
     state: "active"
   }), e.preventDefault();
 }
-function Ct(e) {
-  const t = Se(), n = fe();
+function Pt(e) {
+  const t = he(), n = se();
   switch (n.state) {
     case "active":
-      ct({
+      dt({
         commit: !1,
         document: e.currentTarget,
         event: e,
@@ -1739,35 +1779,17 @@ function Ct(e) {
       });
   }
 }
-function Rt(e) {
+function kt(e) {
   if (e.defaultPrevented)
     return;
-  const t = fe(), n = Se();
+  const t = se(), n = he();
   switch (t.state) {
     case "active": {
       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 && !se(o, i.layout) && me(r, {
-            ...i,
-            layout: o,
-            requestedAxisSize: i.axisSize,
-            requestedLayout: o
-          });
-        }), de({
-          cursorFlags: 0,
-          state: "inactive"
-        }), t.hitRegions.forEach((o) => {
-          if (!n.has(o.axis))
-            return;
-          const r = ae(o.axis.id, !0);
-          me(o.axis, r, {
-            isUserInteraction: !0
-          });
-        }), Ge(e.currentTarget);
+        Je(e.currentTarget);
         return;
       }
       for (const o of t.hitRegions)
@@ -1775,7 +1797,7 @@ function Rt(e) {
           const { element: r } = o.separator;
           r.isConnected && !r.hasPointerCapture?.(e.pointerId) && r.setPointerCapture?.(e.pointerId);
         }
-      ct({
+      dt({
         commit: !1,
         document: e.currentTarget,
         event: e,
@@ -1788,7 +1810,7 @@ function Rt(e) {
       break;
     }
     default: {
-      const o = ut(e, n);
+      const o = ft(e, n);
       o.length === 0 ? t.state !== "inactive" && de({
         cursorFlags: 0,
         state: "inactive"
@@ -1796,14 +1818,14 @@ function Rt(e) {
         cursorFlags: 0,
         hitRegions: o,
         state: "hover"
-      }), Ge(e.currentTarget);
+      }), Ve(e.currentTarget);
       break;
     }
   }
 }
-function Mt(e) {
+function Tt(e) {
   if (e.relatedTarget instanceof HTMLIFrameElement)
-    switch (fe().state) {
+    switch (se().state) {
       case "hover":
         de({
           cursorFlags: 0,
@@ -1811,17 +1833,20 @@ function Mt(e) {
         });
     }
 }
-function Et(e) {
+function $t(e) {
   if (e.defaultPrevented)
     return;
   if (e.pointerType === "mouse" && e.button > 0)
     return;
-  Jt(
+  nn(
     e.currentTarget,
     e
   ) && e.preventDefault();
 }
-function Hn(e) {
+function At(e) {
+  e.target === e.currentTarget && Je(e.currentTarget.document);
+}
+function Kn(e) {
   let t = 0, n = 0;
   const o = {};
   for (const i of e)
@@ -1839,7 +1864,7 @@ function Hn(e) {
   }
   return o;
 }
-function jn(e, t) {
+function Xn(e, t) {
   const n = e.map((r) => r.id), o = Object.keys(t);
   if (n.length !== o.length)
     return !1;
@@ -1848,14 +1873,14 @@ function jn(e, t) {
       return !1;
   return !0;
 }
-function Pt({
+function Dt({
   axis: e,
   itemConstraints: t
 }) {
   const n = e.items.map(({ id: r }) => r).join(","), o = e.mutableState.defaultLayout;
-  return e.mutableState.layouts[n] ?? (o && jn(e.items, o) ? o : Hn(t));
+  return e.mutableState.layouts[n] ?? (o && Xn(e.items, o) ? o : Kn(t));
 }
-function kt({
+function Ot({
   itemIds: e,
   layout: t
 }) {
@@ -1872,19 +1897,19 @@ function kt({
     }))
   });
 }
-function Un(e, t, n) {
+function Jn(e, t, n) {
   if (!n[0])
     return;
   const r = e.items.find((c) => c.element === t);
   if (!r || !r.onResize)
     return;
-  const i = Pe({ axis: e }), s = e.orientation === "horizontal" ? r.element.offsetWidth : r.element.offsetHeight, l = r.mutableValues.prevSize, a = {
+  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),
     inPixels: s
   };
   r.mutableValues.prevSize = a, r.onResize(a, r.id, l);
 }
-function en(e, t) {
+function sn(e, t) {
   if (Object.keys(e).length !== Object.keys(t).length)
     return !1;
   for (const o in e)
@@ -1892,10 +1917,10 @@ function en(e, t) {
       return !1;
   return !0;
 }
-function Wn(e, t) {
-  return e.length !== t.length ? !1 : e.every((n, o) => en(n, t[o]));
+function Zn(e, t) {
+  return e.length !== t.length ? !1 : e.every((n, o) => sn(n, t[o]));
 }
-function Yn({
+function Qn({
   axis: e,
   nextAxisSize: t,
   prevAxisSize: n,
@@ -1906,19 +1931,19 @@ function Yn({
   let r = 0, i = 0, s = !1;
   const l = /* @__PURE__ */ new Map(), a = [];
   for (const d of e.items) {
-    const g = o[d.id] ?? 0;
+    const p = 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 y = p / 100 * n, m = X(
+          y / t * 100
         );
-        l.set(d.id, y), r += y;
+        l.set(d.id, m), r += m;
         break;
       }
       case "preserve-relative-size":
       default: {
-        a.push(d.id), i += g;
+        a.push(d.id), i += p;
         break;
       }
     }
@@ -1926,135 +1951,151 @@ function Yn({
   if (!s || a.length === 0)
     return o;
   const c = 100 - r, u = { ...o };
-  if (l.forEach((d, g) => {
-    u[g] = d;
+  if (l.forEach((d, p) => {
+    u[p] = d;
   }), i > 0)
     for (const d of a) {
-      const g = o[d] ?? 0;
+      const p = o[d] ?? 0;
       u[d] = X(
-        g / i * c
+        p / i * c
       );
     }
   else {
     const d = X(c / a.length);
-    for (const g of a)
-      u[g] = d;
+    for (const p of a)
+      u[p] = d;
   }
   return u;
 }
-const Ie = /* @__PURE__ */ new Map();
-function tn(e) {
+const Le = /* @__PURE__ */ new Map();
+function an(e) {
   let t = !0;
-  A(
+  D(
     e.element.ownerDocument.defaultView,
     "Cannot register an unmounted Group"
   );
   const n = e.element.ownerDocument.defaultView.ResizeObserver, o = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Set(), i = new n((m) => {
-    for (const y of m) {
-      const { borderBoxSize: f, target: S } = y;
-      if (S === e.element) {
+    for (const f of m) {
+      const { borderBoxSize: S, target: h } = f;
+      if (h === e.element) {
         if (t) {
-          const p = Pe({ axis: e });
-          if (p === 0)
+          const g = ke({ axis: e });
+          if (g === 0)
             return;
-          const h = ae(e.id);
-          if (!h)
+          const I = ae(e.id);
+          if (!I)
             return;
-          const L = rt(e);
-          let w = h.requestedAxisSize, C = h.requestedLayout;
-          h.defaultLayoutDeferred && (w = p, C = kt({
-            itemIds: e.items.map(({ id: b }) => b),
-            layout: Pt({
+          const x = it(e);
+          let C = I.requestedAxisSize, A = I.requestedLayout;
+          I.defaultLayoutDeferred && (C = g, A = Ot({
+            itemIds: e.items.map(({ id: w }) => w),
+            layout: Dt({
               axis: e,
-              itemConstraints: L
+              itemConstraints: x
             })
           }));
-          const O = Yn({
+          const N = Qn({
             axis: e,
-            nextAxisSize: p,
-            prevAxisSize: w,
-            prevLayout: C
-          }), D = ye({
-            layout: O,
-            itemConstraints: L
+            nextAxisSize: g,
+            prevAxisSize: C,
+            prevLayout: A
+          }), b = ye({
+            layout: N,
+            itemConstraints: x
           });
-          if (!h.defaultLayoutDeferred && se(h.layout, D) && Wn(
-            h.derivedItemConstraints,
-            L
-          ) && h.axisSize === p)
+          if (!I.defaultLayoutDeferred && ie(I.layout, b) && Zn(
+            I.derivedItemConstraints,
+            x
+          ) && I.axisSize === g)
             continue;
-          me(e, {
+          fe(e, {
             defaultLayoutDeferred: !1,
-            derivedItemConstraints: L,
-            axisSize: p,
-            layout: D,
-            requestedAxisSize: w,
-            requestedLayout: C,
-            separatorToItems: h.separatorToItems
+            derivedItemConstraints: x,
+            axisSize: g,
+            layout: b,
+            requestedAxisSize: C,
+            requestedLayout: A,
+            separatorToItems: I.separatorToItems
           });
         }
       } else
-        Un(e, S, f);
+        Jn(e, h, S);
     }
   });
   i.observe(e.element), e.items.forEach((m) => {
-    A(
+    D(
       !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 = Pe({ axis: e }), l = rt(e), a = Pt({
+  const s = ke({ axis: e }), l = it(e), a = Dt({
     axis: e,
     itemConstraints: l
   }), c = ye({
     layout: a,
     itemConstraints: l
-  }), u = e.element.ownerDocument;
-  Ie.set(
+  }), u = e.element.ownerDocument, d = u.defaultView;
+  Le.set(
     u,
-    (Ie.get(u) ?? 0) + 1
+    (Le.get(u) ?? 0) + 1
   );
-  const d = /* @__PURE__ */ new Map();
-  return lt({ axis: e, includeDisabled: !0 }).forEach((m) => {
-    m.separator && d.set(m.separator, m.items);
-  }), me(e, {
+  const p = /* @__PURE__ */ new Map();
+  return ut({ axis: e, includeDisabled: !0 }).forEach((m) => {
+    m.separator && p.set(m.separator, m.items);
+  }), fe(e, {
     defaultLayoutDeferred: s === 0,
     derivedItemConstraints: l,
     axisSize: s,
     layout: c,
     requestedAxisSize: s,
-    requestedLayout: kt({
+    requestedLayout: Ot({
       itemIds: e.items.map(({ id: m }) => m),
       layout: a
     }),
-    separatorToItems: d
+    separatorToItems: p
   }), e.separators.forEach((m) => {
-    A(
+    D(
       !r.has(m.id),
       `Separator ids must be unique; id "${m.id}" was used more than once`
-    ), r.add(m.id), m.element.addEventListener("keydown", It);
-  }), Ie.get(u) === 1 && (u.addEventListener("contextmenu", vt, !0), u.addEventListener("dblclick", zt, !0), u.addEventListener("pointerdown", Lt, !0), u.addEventListener("pointerleave", Ct), u.addEventListener("pointermove", Rt), u.addEventListener("pointerout", Mt), u.addEventListener("pointerup", Et, !0)), function() {
-    t = !1, Ie.set(
+    ), r.add(m.id), m.element.addEventListener("keydown", Ct);
+  }), Le.get(u) === 1 && (u.addEventListener("contextmenu", xt, !0), u.addEventListener("dblclick", Lt, !0), u.addEventListener(
+    "lostpointercapture",
+    Rt,
+    !0
+  ), u.addEventListener(
+    "pointercancel",
+    Mt,
+    !0
+  ), u.addEventListener("pointerdown", Et, !0), u.addEventListener("pointerleave", Pt), u.addEventListener("pointermove", kt), u.addEventListener("pointerout", Tt), u.addEventListener("pointerup", $t, !0), d?.addEventListener("blur", At)), function() {
+    t = !1, Le.set(
       u,
-      Math.max(0, (Ie.get(u) ?? 0) - 1)
-    ), $n(e), wn(e) && Ge(u), e.separators.forEach((y) => {
-      y.element.removeEventListener("keydown", It);
-    }), Ie.get(u) || (u.removeEventListener(
+      Math.max(0, (Le.get(u) ?? 0) - 1)
+    ), Nn(e), Rn(e) && Ve(u), e.separators.forEach((f) => {
+      f.element.removeEventListener("keydown", Ct);
+    }), Le.get(u) || (u.removeEventListener(
       "contextmenu",
-      vt,
+      xt,
       !0
     ), u.removeEventListener(
       "dblclick",
-      zt,
+      Lt,
+      !0
+    ), u.removeEventListener(
+      "lostpointercapture",
+      Rt,
+      !0
+    ), u.removeEventListener(
+      "pointercancel",
+      Mt,
       !0
     ), u.removeEventListener(
       "pointerdown",
-      Lt,
+      Et,
       !0
-    ), u.removeEventListener("pointerleave", Ct), u.removeEventListener("pointermove", Rt), u.removeEventListener("pointerout", Mt), u.removeEventListener("pointerup", Et, !0)), i.disconnect();
+    ), u.removeEventListener("pointerleave", Pt), u.removeEventListener("pointermove", kt), u.removeEventListener("pointerout", Tt), u.removeEventListener("pointerup", $t, !0), d?.removeEventListener("blur", At)), i.disconnect();
   };
 }
-function nn({
+function ln({
   derivedItemConstraints: e,
   axis: t,
   layout: n,
@@ -2064,10 +2105,10 @@ function nn({
   const i = t.items.map(({ id: s }) => s).join(",");
   t.mutableState.layouts[i] = r, o && e.forEach((s) => {
     if (s.collapsible) {
-      const l = U(
+      const l = Y(
         s.collapsedSize,
         n[s.itemId]
-      ), a = U(
+      ), a = Y(
         s.collapsedSize,
         o[s.itemId]
       );
@@ -2075,19 +2116,19 @@ function nn({
     }
   });
 }
-function on() {
-  const [e, t] = he({}), n = te(() => t({}), []);
+function cn() {
+  const [e, t] = pe({}), n = re(() => t({}), []);
   return [e, n];
 }
-function Xe(e) {
-  const t = q({ ...e });
+function Ze(e) {
+  const t = B({ ...e });
   return ne(() => {
     for (const n in e)
       t.current[n] = e[n];
   }, [e]), t.current;
 }
-const ft = Nt(null);
-function Kn({
+const pt = qt(null);
+function eo({
   layout: e,
   itemConstraints: t,
   itemId: n,
@@ -2126,7 +2167,7 @@ function Kn({
     valueNow: s
   };
 }
-function rn({
+function un({
   attributes: e,
   axisId: t,
   axisOrientation: n,
@@ -2139,70 +2180,70 @@ function rn({
   id: c,
   isSharedHitRegion: u,
   preview: d,
-  registerSeparator: g,
-  requiredStyle: m,
-  style: y,
+  registerSeparator: p,
+  requiredStyle: y,
+  style: m,
   styleDefaults: f,
   tabIndex: S = 0,
-  updateSeparatorProps: p
+  updateSeparatorProps: h
 }) {
-  const h = Xe({
+  const g = Ze({
     disabled: s,
     disableDoubleClick: l,
     children: o,
     className: r,
     preview: d,
-    style: y
-  }), [L, w] = he({}), [C, O] = he("inactive"), [D, b] = he(!1), x = q(null), v = q(null), E = Be(x, a), P = n === "horizontal" ? "vertical" : "horizontal";
+    style: m
+  }), [I, x] = pe({}), [C, A] = pe("inactive"), [N, b] = pe(!1), w = B(null), v = B(null), T = qe(w, a), O = n === "horizontal" ? "vertical" : "horizontal";
   ne(() => {
-    const z = x.current;
-    if (z !== null) {
-      const I = {
-        disabled: h.disabled,
-        disableDoubleClick: h.disableDoubleClick,
-        element: z,
+    const P = w.current;
+    if (P !== null) {
+      const z = {
+        disabled: g.disabled,
+        disableDoubleClick: g.disableDoubleClick,
+        element: P,
         id: c,
         get children() {
-          return h.children;
+          return g.children;
         },
         get className() {
-          return h.className;
+          return g.className;
         },
         get preview() {
-          return h.preview;
+          return g.preview;
         },
         get style() {
-          return h.style;
+          return g.style;
         }
       };
-      v.current = I;
-      const _ = g(I), Y = Ht(
-        (K) => {
-          O(
-            K.next.state !== "inactive" && K.next.hitRegions.some(
-              (oe) => oe.separator === I || (u?.(oe) ?? !1)
-            ) ? K.next.state : "inactive"
+      v.current = z;
+      const M = p(z), q = Kt(
+        (H) => {
+          A(
+            H.next.state !== "inactive" && H.next.hitRegions.some(
+              (Z) => Z.separator === z || (u?.(Z) ?? !1)
+            ) ? H.next.state : "inactive"
           );
         }
       ), J = _e(
         t,
-        (K) => {
-          const { derivedItemConstraints: oe, layout: we, separatorToItems: $e } = K.next, ze = $e.get(I);
-          if (ze) {
-            const re = ze[0], R = oe.findIndex(
-              (N) => N.itemId === re.id
-            ), { layoutStrategy: $ } = K.axis;
-            w({
-              ...Kn({
-                layout: we,
-                itemConstraints: oe,
-                itemId: re.id,
-                itemIndex: R
+        (H) => {
+          const { derivedItemConstraints: Z, layout: Se, separatorToItems: ze } = H.next, Ie = ze.get(z);
+          if (Ie) {
+            const ve = Ie[0], L = Z.findIndex(
+              (_) => _.itemId === ve.id
+            ), { layoutStrategy: k } = H.axis;
+            x({
+              ...eo({
+                layout: Se,
+                itemConstraints: Z,
+                itemId: ve.id,
+                itemIndex: L
               }),
               // Items without DOM elements of their own (e.g. Grid tracks) control other elements
-              ...$?.getItemAriaControls && {
-                valueControls: $.getItemAriaControls(
-                  re.id
+              ...k?.getItemAriaControls && {
+                valueControls: k.getItemAriaControls(
+                  ve.id
                 )
               }
             });
@@ -2210,53 +2251,53 @@ function rn({
         }
       );
       return () => {
-        v.current = null, Y(), J(), _();
+        v.current = null, q(), J(), M();
       };
     }
-  }, [t, c, u, g, h]), ne(() => {
-    const z = v.current;
-    z && xn(z);
-  }, [d]), qe(() => {
-    p(c, { disabled: s, disableDoubleClick: l });
-  }, [s, l, c, p]);
-  let k;
-  s && !i && (k = "not-allowed");
-  let M;
+  }, [t, c, u, p, g]), ne(() => {
+    const P = v.current;
+    P && Cn(P);
+  }, [d]), Be(() => {
+    h(c, { disabled: s, disableDoubleClick: l });
+  }, [s, l, c, h]);
+  let R;
+  s && !i && (R = "not-allowed");
+  let E;
   if (s)
-    M = "disabled";
+    E = "disabled";
   else
     switch (C) {
       case "active": {
-        M = "active";
+        E = "active";
         break;
       }
       default:
-        D ? M = "focus" : M = C;
+        N ? E = "focus" : E = C;
     }
-  return /* @__PURE__ */ W(
+  return /* @__PURE__ */ K(
     "div",
     {
       ...e,
-      "aria-controls": L.valueControls,
+      "aria-controls": I.valueControls,
       "aria-disabled": s || void 0,
-      "aria-orientation": P,
-      "aria-valuemax": L.valueMax,
-      "aria-valuemin": L.valueMin,
-      "aria-valuenow": L.valueNow,
+      "aria-orientation": O,
+      "aria-valuemax": I.valueMax,
+      "aria-valuemin": I.valueMin,
+      "aria-valuenow": I.valueNow,
       children: o,
       className: r,
-      "data-separator": M,
+      "data-separator": E,
       "data-testid": c,
       id: c,
       onBlur: () => b(!1),
       onFocus: () => b(!0),
-      ref: E,
+      ref: T,
       role: "separator",
       style: {
         ...f,
-        cursor: k,
-        ...y,
+        cursor: R,
         ...m,
+        ...y,
         // Inform the browser that the library is handling touch events for this element
         // See github.com/bvaughn/react-resizable-panels/issues/662
         touchAction: "none"
@@ -2265,7 +2306,7 @@ function rn({
     }
   );
 }
-function $t({
+function Nt({
   axis: e,
   children: t,
   className: n,
@@ -2276,26 +2317,26 @@ function $t({
   index: l,
   style: a
 }) {
-  const c = ke(void 0), {
+  const c = Te(void 0), {
     getDisableCursor: u,
     getResizeAxisId: d,
-    gutters: g,
-    registerSeparator: m,
-    separatorPlacements: y,
+    gutters: p,
+    registerSeparator: y,
+    separatorPlacements: m,
     trackCounts: f,
     updateSeparatorProps: S
-  } = qt(), p = d(e), h = e === "column" ? "row" : "column", L = f[h], w = !!i || !st(l, f[e]);
+  } = Ut(), h = d(e), g = e === "column" ? "row" : "column", I = f[g], x = !!i || !at(l, f[e]);
   let C = !0;
-  for (const v of y.values())
+  for (const v of m.values())
     if (v.axis === e && v.index === l && !v.disabled && v.crossStart < r) {
       C = !1;
       break;
     }
-  const O = te(
-    (v) => v.axis.id === p && v.axis.items.indexOf(v.items[1]) === l,
-    [p, l]
-  ), D = te(
-    (v) => m(
+  const A = re(
+    (v) => v.axis.id === h && v.axis.items.indexOf(v.items[1]) === l,
+    [h, l]
+  ), N = re(
+    (v) => y(
       {
         axis: e,
         crossSpan: o,
@@ -2305,29 +2346,29 @@ function $t({
       },
       v
     ),
-    [e, o, r, i, l, m]
-  ), b = pn(l), x = hn({
-    crossCount: L,
+    [e, o, r, i, l, y]
+  ), b = vn(l), w = bn({
+    crossCount: I,
     crossSpan: o,
     crossStart: r,
-    hasGutters: g[h]
+    hasGutters: p[g]
   });
-  return /* @__PURE__ */ W(
-    rn,
+  return /* @__PURE__ */ K(
+    un,
     {
-      axisId: p,
+      axisId: h,
       axisOrientation: e === "column" ? "horizontal" : "vertical",
       className: n,
       disableCursor: u(),
-      disabled: w,
+      disabled: x,
       disableDoubleClick: void 0,
       elementRef: s,
       id: c,
-      isSharedHitRegion: O,
-      registerSeparator: D,
+      isSharedHitRegion: A,
+      registerSeparator: N,
       requiredStyle: {
-        gridColumn: e === "column" ? b : x,
-        gridRow: e === "row" ? b : x
+        gridColumn: e === "column" ? b : w,
+        gridRow: e === "row" ? b : w
       },
       style: a,
       tabIndex: C ? 0 : -1,
@@ -2336,10 +2377,10 @@ function $t({
     }
   );
 }
-function sn(e) {
+function dn(e) {
   const { children: t, className: n, disabled: o, elementRef: r, style: i } = e;
-  return e.type === "column" ? /* @__PURE__ */ W(
-    $t,
+  return e.type === "column" ? /* @__PURE__ */ K(
+    Nt,
     {
       axis: "column",
       className: n,
@@ -2351,8 +2392,8 @@ function sn(e) {
       style: i,
       children: t
     }
-  ) : /* @__PURE__ */ W(
-    $t,
+  ) : /* @__PURE__ */ K(
+    Nt,
     {
       axis: "row",
       className: n,
@@ -2366,9 +2407,9 @@ function sn(e) {
     }
   );
 }
-sn.displayName = "Gridline";
-const Ce = ["column", "row"], Tt = { columns: {}, rows: {} };
-function Xn({
+dn.displayName = "Gridline";
+const Re = ["column", "row"], Gt = { columns: {}, rows: {} };
+function to({
   children: e,
   className: t,
   columns: n,
@@ -2384,331 +2425,331 @@ function Xn({
     coarse: 20,
     fine: 10
   },
-  rows: g,
-  style: m,
-  ...y
+  rows: p,
+  style: y,
+  ...m
 }) {
-  const f = ke(a), S = te(
-    (R) => R === "column" ? `${f}:columns` : `${f}:rows`,
+  const f = Te(a), S = re(
+    (L) => L === "column" ? `${f}:columns` : `${f}:rows`,
     [f]
-  ), p = At(n, "columns"), h = At(g, "rows"), L = (R) => R === "column" ? p : h, w = q({
-    onLayoutChange: Tt,
-    onLayoutChanged: Tt
-  }), C = ge((R) => {
-    Dt(w.current.onLayoutChange, R) || (w.current.onLayoutChange = R, c?.(R));
-  }), O = ge(
-    (R, $, N) => {
-      Dt(w.current.onLayoutChanged, R) || (w.current.onLayoutChanged = R, u?.(R, { isUserInteraction: $, requestedLayout: N }));
-    }
-  ), D = q(null), b = Be(D, s), [x, v] = on(), E = q({
+  ), h = _t(n, "columns"), g = _t(p, "rows"), I = (L) => L === "column" ? h : g, x = B({
+    onLayoutChange: Gt,
+    onLayoutChanged: Gt
+  }), C = ge((L) => {
+    Ft(x.current.onLayoutChange, L) || (x.current.onLayoutChange = L, c?.(L));
+  }), A = ge(
+    (L, k, _) => {
+      Ft(x.current.onLayoutChanged, L) || (x.current.onLayoutChanged = L, u?.(L, { isUserInteraction: k, requestedLayout: _ }));
+    }
+  ), N = B(null), b = qe(N, s), [w, v] = cn(), T = B({
     cells: [],
     column: { expandedItemSizes: {}, layouts: {} },
     loggedErrors: /* @__PURE__ */ new Set(),
     row: { expandedItemSizes: {}, layouts: {} },
     separators: /* @__PURE__ */ new Map()
-  }), P = { column: !1, row: !1 };
-  for (const R of E.current.separators.values())
-    P[R.axis] = !0;
-  an(e, P);
-  const k = Xe({
+  }), O = { column: !1, row: !1 };
+  for (const L of T.current.separators.values())
+    O[L.axis] = !0;
+  fn(e, O);
+  const R = Ze({
     defaultLayout: o,
     disableCursor: r,
     resizeTargetMinimumSize: d
-  }), M = ge(() => !!k.disableCursor), z = te(
-    (R) => {
-      const $ = E.current;
-      return $.cells = [...$.cells, R], v(), () => {
-        $.cells = $.cells.filter(
-          (N) => N !== R
+  }), E = ge(() => !!R.disableCursor), P = re(
+    (L) => {
+      const k = T.current;
+      return k.cells = [...k.cells, L], v(), () => {
+        k.cells = k.cells.filter(
+          (_) => _ !== L
         ), v();
       };
     },
     [v]
-  ), I = te(
-    (R, $) => {
-      const N = E.current;
-      return N.separators = new Map(N.separators), N.separators.set($, R), v(), () => {
-        N.separators = new Map(N.separators), N.separators.delete($), v();
+  ), z = re(
+    (L, k) => {
+      const _ = T.current;
+      return _.separators = new Map(_.separators), _.separators.set(k, L), v(), () => {
+        _.separators = new Map(_.separators), _.separators.delete(k), v();
       };
     },
     [v]
-  ), _ = te(
-    (R, {
-      disabled: $,
-      disableDoubleClick: N
+  ), M = re(
+    (L, {
+      disabled: k,
+      disableDoubleClick: _
     }) => {
-      for (const G of E.current.separators.keys())
-        G.id === R && (G.disabled = $, G.disableDoubleClick = N);
+      for (const G of T.current.separators.keys())
+        G.id === L && (G.disabled = k, G.disableDoubleClick = _);
     },
     []
-  ), Y = E.current.separators, J = Ee(
+  ), q = T.current.separators, J = Pe(
     () => ({
-      getDisableCursor: M,
+      getDisableCursor: E,
       getResizeAxisId: S,
       gutters: {
-        column: P.column,
-        row: P.row
+        column: O.column,
+        row: O.row
       },
       id: f,
-      registerCell: z,
-      registerSeparator: I,
-      separatorPlacements: Y,
+      registerCell: P,
+      registerSeparator: z,
+      separatorPlacements: q,
       trackCounts: {
-        column: p.length,
-        row: h.length
+        column: h.length,
+        row: g.length
       },
-      updateSeparatorProps: _
+      updateSeparatorProps: M
     }),
     [
-      p.length,
-      M,
+      h.length,
+      E,
       S,
-      P.column,
-      P.row,
+      O.column,
+      O.row,
       f,
+      P,
       z,
-      I,
-      h.length,
-      Y,
-      _
+      g.length,
+      q,
+      M
     ]
-  ), K = q([]);
+  ), H = B([]);
   ne(() => {
-    const R = D.current;
-    if (R === null)
+    const L = N.current;
+    if (L === null)
       return;
-    const $ = E.current, N = Zn({
-      cells: $.cells,
-      separatorPlacements: $.separators,
-      trackCounts: { column: p.length, row: h.length }
+    const k = T.current, _ = oo({
+      cells: k.cells,
+      separatorPlacements: k.separators,
+      trackCounts: { column: h.length, row: g.length }
     });
-    N.forEach((T) => {
-      $.loggedErrors.has(T) || console.error(T);
-    }), $.loggedErrors = new Set(N);
-    const G = (T) => Array.from($.separators.entries()).filter(([, j]) => j.axis === T).sort(([, j], [, ve]) => j.index - ve.index).map(([j]) => j), F = (T) => {
-      const j = T === "column" ? p : h, ve = T === "column" ? h : p, pe = j.map((Z) => Z.id), Ve = S(T), He = G(T), be = He.length > 0, je = j.map(
-        ({ id: Z, ...ee }, Q) => ({
+    _.forEach(($) => {
+      k.loggedErrors.has($) || console.error($);
+    }), k.loggedErrors = new Set(_);
+    const G = ($) => Array.from(k.separators.entries()).filter(([, W]) => W.axis === $).sort(([, W], [, be]) => W.index - be.index).map(([W]) => W), F = ($) => {
+      const W = $ === "column" ? h : g, be = $ === "column" ? g : h, me = W.map((Q) => Q.id), He = S($), je = G($), xe = je.length > 0, Ue = 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: R,
-          id: pe[Q],
+          element: L,
+          id: me[ee],
           idIsStable: !0,
           mutableValues: {
             expandToSize: void 0,
             prevSize: void 0
           },
           onResize: void 0,
-          constraintProps: ee
+          constraintProps: oe
         })
       ), Ae = () => {
-        const Z = [];
-        if (be) {
-          for (const [ee, Q] of $.separators)
-            if (Q.axis === T && st(Q.index, j.length)) {
-              const Oe = ee.element.getBoundingClientRect();
-              Z[Q.index] = Math.max(
-                Z[Q.index] ?? 0,
-                T === "column" ? Oe.width : Oe.height
+        const Q = [];
+        if (xe) {
+          for (const [oe, ee] of k.separators)
+            if (ee.axis === $ && at(ee.index, W.length)) {
+              const Oe = oe.element.getBoundingClientRect();
+              Q[ee.index] = Math.max(
+                Q[ee.index] ?? 0,
+                $ === "column" ? Oe.width : Oe.height
               );
             }
         }
-        return vn({
-          axis: T,
-          element: R,
-          gutterSizes: Z.filter((ee) => ee !== void 0),
-          hasGutters: be,
-          layout: ae(Ve)?.layout,
-          trackIds: pe
+        return In({
+          axis: $,
+          element: L,
+          gutterSizes: Q.filter((oe) => oe !== void 0),
+          hasGutters: xe,
+          layout: ae(He)?.layout,
+          trackIds: me
         });
       };
       let De;
-      const Ze = k.defaultLayout?.[T === "column" ? "columns" : "rows"];
-      if (Ze !== void 0 && Object.keys(Ze).length === pe.length) {
+      const et = R.defaultLayout?.[$ === "column" ? "columns" : "rows"];
+      if (et !== void 0 && Object.keys(et).length === me.length) {
         De = {};
-        for (const Z of pe) {
-          const ee = Ze[Z];
-          ee !== void 0 && (De[Z] = ee);
+        for (const Q of me) {
+          const oe = et[Q];
+          oe !== void 0 && (De[Q] = oe);
         }
       }
       return {
         disabled: !!i,
-        element: R,
-        id: Ve,
+        element: L,
+        id: He,
         layoutStrategy: {
-          getItemAriaControls: (Z) => {
-            const ee = pe.indexOf(Z);
-            return $.cells.filter((Q) => {
-              const Oe = T === "column" ? Q.column : Q.row, cn = T === "column" ? Q.columnSpan : Q.rowSpan;
-              return Oe <= ee && ee < Oe + cn;
-            }).map((Q) => Q.element.id).filter(Boolean).join(" ") || void 0;
+          getItemAriaControls: (Q) => {
+            const oe = me.indexOf(Q);
+            return k.cells.filter((ee) => {
+              const Oe = $ === "column" ? ee.column : ee.row, pn = $ === "column" ? ee.columnSpan : ee.rowSpan;
+              return Oe <= oe && oe < Oe + pn;
+            }).map((ee) => ee.element.id).filter(Boolean).join(" ") || void 0;
           },
           calculateAvailableSize: () => Ae().availableSize,
           calculateHitRegions: ({
-            expandHitTargets: Z,
-            axis: ee,
-            includeDisabled: Q
-          }) => Sn({
-            axis: T,
-            cells: $.cells,
-            crossTrackCount: ve.length,
-            expandHitTargets: Z,
-            resizeAxis: ee,
+            expandHitTargets: Q,
+            axis: oe,
+            includeDisabled: ee
+          }) => zn({
+            axis: $,
+            cells: k.cells,
+            crossTrackCount: be.length,
+            expandHitTargets: Q,
+            resizeAxis: oe,
             axisSize: Ae().availableSize,
-            includeDisabled: Q,
-            separatorPlacements: $.separators
+            includeDisabled: ee,
+            separatorPlacements: k.separators
           }),
-          getItemSizeInPixels: (Z) => Ae().trackSizes[pe.indexOf(Z)] ?? 0
+          getItemSizeInPixels: (Q) => Ae().trackSizes[me.indexOf(Q)] ?? 0
         },
         mutableState: {
           defaultLayout: De,
-          disableCursor: !!k.disableCursor,
-          expandedItemSizes: $[T].expandedItemSizes,
-          layouts: $[T].layouts
+          disableCursor: !!R.disableCursor,
+          expandedItemSizes: k[$].expandedItemSizes,
+          layouts: k[$].layouts
         },
-        orientation: T === "column" ? "horizontal" : "vertical",
-        items: je,
+        orientation: $ === "column" ? "horizontal" : "vertical",
+        items: Ue,
         resizePreviewMode: "panel",
         get resizeTargetMinimumSize() {
-          return k.resizeTargetMinimumSize;
+          return R.resizeTargetMinimumSize;
         },
-        separators: He
+        separators: je
       };
-    }, V = Ce.map(F);
-    K.current = V;
-    const H = V.map((T) => tn(T)), ie = () => {
-      const [T, j] = V.map(
-        (ve) => ae(ve.id)
+    }, j = Re.map(F);
+    H.current = j;
+    const U = j.map(($) => an($)), te = () => {
+      const [$, W] = j.map(
+        (be) => ae(be.id)
       );
-      if (!(!T || !j || T.defaultLayoutDeferred || j.defaultLayoutDeferred))
+      if (!(!$ || !W || $.defaultLayoutDeferred || W.defaultLayoutDeferred))
         return {
-          layout: { columns: T.layout, rows: j.layout },
+          layout: { columns: $.layout, rows: W.layout },
           requestedLayout: {
-            columns: T.requestedLayout,
-            rows: j.requestedLayout
+            columns: $.requestedLayout,
+            rows: W.requestedLayout
           }
         };
     };
     {
-      const T = ie();
-      T && (C(T.layout), O(T.layout, !1, T.requestedLayout));
+      const $ = te();
+      $ && (C($.layout), A($.layout, !1, $.requestedLayout));
     }
-    const Te = V.map(
-      (T) => _e(T.id, (j) => {
+    const $e = j.map(
+      ($) => _e($.id, (W) => {
         const {
-          defaultLayoutDeferred: ve,
-          derivedItemConstraints: pe,
-          layout: Ve,
-          requestedLayout: He
-        } = j.next;
-        if (ve || pe.length === 0)
+          defaultLayoutDeferred: be,
+          derivedItemConstraints: me,
+          layout: He,
+          requestedLayout: je
+        } = W.next;
+        if (be || me.length === 0)
           return;
-        nn({
-          derivedItemConstraints: pe,
-          axis: T,
-          layout: Ve,
-          prevLayout: j.prev?.layout,
-          requestedLayout: He
+        ln({
+          derivedItemConstraints: me,
+          axis: $,
+          layout: He,
+          prevLayout: W.prev?.layout,
+          requestedLayout: je
         });
-        const be = ie();
-        if (be) {
-          const je = fe(), Ae = je.state !== "active" || !je.hitRegions.some(
-            (De) => V.includes(De.axis)
+        const xe = te();
+        if (xe) {
+          const Ue = se(), Ae = Ue.state !== "active" || !Ue.hitRegions.some(
+            (De) => j.includes(De.axis)
           );
-          C(be.layout), Ae && O(
-            be.layout,
-            j.isUserInteraction,
-            be.requestedLayout
+          C(xe.layout), Ae && A(
+            xe.layout,
+            W.isUserInteraction,
+            xe.requestedLayout
           );
         }
       })
     );
     return () => {
-      K.current = [], H.forEach((T) => T()), Te.forEach((T) => T());
+      H.current = [], U.forEach(($) => $()), $e.forEach(($) => $());
     };
   }, [
-    p,
+    h,
     i,
     S,
     f,
-    O,
+    A,
     C,
-    h,
-    x,
-    k
-  ]), qe(() => {
-    K.current.forEach((R) => {
-      R.mutableState.defaultLayout = o?.[R.orientation === "horizontal" ? "columns" : "rows"], R.mutableState.disableCursor = !!r;
+    g,
+    w,
+    R
+  ]), Be(() => {
+    H.current.forEach((L) => {
+      L.mutableState.defaultLayout = o?.[L.orientation === "horizontal" ? "columns" : "rows"], L.mutableState.disableCursor = !!r;
     });
-  }), it(l, () => {
-    const R = () => {
-      const [G, F] = Ce.map(S);
-      return !Re(G) || !Re(F) ? { columns: {}, rows: {} } : {
-        columns: Ne({
+  }), st(l, () => {
+    const L = () => {
+      const [G, F] = Re.map(S);
+      return !Me(G) || !Me(F) ? { columns: {}, rows: {} } : {
+        columns: Ge({
           axisId: G
         }).getLayout(),
-        rows: Ne({ axisId: F }).getLayout()
+        rows: Ge({ axisId: F }).getLayout()
       };
-    }, $ = (G) => G.map((F) => `"${F}"`).join(", "), N = (G, F) => {
-      const V = S(G), H = () => {
-        const ie = Re(V);
-        return A(ie, `Grid "${f}" has not been mounted`), A(
-          ie.items.some((Te) => Te.id === F),
-          `Grid "${f}" no longer contains a ${G} with id "${F}"; ${G} ids are ${$(ie.items.map((Te) => Te.id))}`
-        ), dt({ axisId: V, itemId: F });
+    }, k = (G) => G.map((F) => `"${F}"`).join(", "), _ = (G, F) => {
+      const j = S(G), U = () => {
+        const te = Me(j);
+        return D(te, `Grid "${f}" has not been mounted`), D(
+          te.items.some(($e) => $e.id === F),
+          `Grid "${f}" no longer contains a ${G} with id "${F}"; ${G} ids are ${k(te.items.map(($e) => $e.id))}`
+        ), mt({ axisId: j, itemId: F });
       };
       return {
-        collapse: () => H().collapse(),
-        expand: () => H().expand(),
-        getSize: () => H().getSize(),
-        isCollapsed: () => H().isCollapsed(),
-        resize: (ie) => H().resize(ie)
+        collapse: () => U().collapse(),
+        expand: () => U().expand(),
+        getSize: () => U().getSize(),
+        isCollapsed: () => U().isCollapsed(),
+        resize: (te) => U().resize(te)
       };
     };
     return {
-      getLayout: R,
+      getLayout: L,
       getTrackById: (G, F) => {
-        const V = G === "column" ? p : h, H = `${F}`;
-        return A(
-          V.some((ie) => ie.id === H),
-          `Grid "${f}" does not contain a ${G} with id "${H}"; ${G} ids are ${$(V.map((ie) => ie.id))}`
-        ), N(G, H);
+        const j = G === "column" ? h : g, U = `${F}`;
+        return D(
+          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);
       },
       getTrackByIndex: (G, F) => {
-        const V = G === "column" ? p : h, H = Number.isInteger(F) ? V[F] : void 0;
-        return A(
-          H,
-          `Grid "${f}" does not contain a ${G} at index ${F}; it has ${V.length} ${G}s`
-        ), N(G, H.id);
+        const j = G === "column" ? h : g, U = Number.isInteger(F) ? j[F] : void 0;
+        return D(
+          U,
+          `Grid "${f}" does not contain a ${G} at index ${F}; it has ${j.length} ${G}s`
+        ), _(G, U.id);
       },
-      setLayout: (G) => (Ce.forEach((F) => {
-        const V = G[F === "column" ? "columns" : "rows"], H = S(F);
-        V && Re(H) && Ne({ axisId: H }).setLayout(V);
-      }), R())
+      setLayout: (G) => (Re.forEach((F) => {
+        const j = G[F === "column" ? "columns" : "rows"], U = S(F);
+        j && Me(U) && Ge({ axisId: U }).setLayout(j);
+      }), L())
     };
-  }, [p, S, f, h]);
-  const oe = () => Ce.map((R) => {
-    const $ = ae(S(R)), N = L(R);
-    return ($ && !$.defaultLayoutDeferred ? N.map((F) => `minmax(0, ${$.layout[F.id] ?? 1}fr)`) : Jn(
-      N,
-      o?.[R === "column" ? "columns" : "rows"]
-    )).join(P[R] ? " auto " : " ");
-  }).join("|"), we = te(
-    (R) => {
-      const $ = Ce.map(
-        (N) => _e(S(N), R)
+  }, [h, S, f, g]);
+  const Z = () => Re.map((L) => {
+    const k = ae(S(L)), _ = I(L);
+    return (k && !k.defaultLayoutDeferred ? _.map((F) => `minmax(0, ${k.layout[F.id] ?? 1}fr)`) : no(
+      _,
+      o?.[L === "column" ? "columns" : "rows"]
+    )).join(O[L] ? " auto " : " ");
+  }).join("|"), Se = re(
+    (L) => {
+      const k = Re.map(
+        (_) => _e(S(_), L)
       );
-      return () => $.forEach((N) => N());
+      return () => k.forEach((_) => _());
     },
     [S]
-  ), $e = Ke(
-    we,
-    oe,
-    oe
-  ), [ze, re] = $e.split("|");
-  return /* @__PURE__ */ W(Ft.Provider, { value: J, children: /* @__PURE__ */ W(
+  ), ze = Xe(
+    Se,
+    Z,
+    Z
+  ), [Ie, ve] = ze.split("|");
+  return /* @__PURE__ */ K(jt.Provider, { value: J, children: /* @__PURE__ */ K(
     "div",
     {
-      ...y,
+      ...m,
       className: t,
       "data-grid": !0,
       "data-testid": f,
@@ -2718,49 +2759,49 @@ function Xn({
         height: "100%",
         width: "100%",
         overflow: "hidden",
-        ...m,
+        ...y,
         display: "grid",
-        gridTemplateColumns: ze,
-        gridTemplateRows: re,
+        gridTemplateColumns: Ie,
+        gridTemplateRows: ve,
         // Inform the browser that the library is handling touch events for this element
         // NOTE This is not an inherited style
         touchAction: "none"
       },
-      children: /* @__PURE__ */ W(ft.Provider, { value: null, children: e })
+      children: /* @__PURE__ */ K(pt.Provider, { value: null, children: e })
     }
   ) });
 }
-Xn.displayName = "Grid";
-function At(e, t) {
+to.displayName = "Grid";
+function _t(e, t) {
   const n = JSON.stringify(e);
-  return Ee(() => {
+  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 A(
+    return D(
       o.length > 0,
       `Grid must have at least one track; "${t}" is ${n}`
     ), o;
   }, [n]);
 }
-function an(e, t) {
-  fn.forEach(e, (n) => {
-    if (_t(n))
-      if (n.type === sn) {
+function fn(e, t) {
+  yn.forEach(e, (n) => {
+    if (Ht(n))
+      if (n.type === dn) {
         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 && an(n.props.children, t);
+      typeof n.type == "symbol" && n.props !== null && typeof n.props == "object" && "children" in n.props && fn(n.props.children, t);
   });
 }
-function Jn(e, t) {
+function no(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 : Bt(i.defaultSize)
+    (i) => i.defaultSize === void 0 ? void 0 : Wt(i.defaultSize)
   );
   let o = 100, r = 0;
   return n.forEach((i) => {
@@ -2772,14 +2813,14 @@ function Jn(e, t) {
     return l === "%" ? `minmax(0, ${s}fr)` : `${s}${l}`;
   });
 }
-function Zn({
+function oo({
   cells: e,
   separatorPlacements: t,
   trackCounts: n
 }) {
   const o = [];
   for (const l of e)
-    Ce.forEach((a) => {
+    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`
@@ -2792,19 +2833,19 @@ function Zn({
     disabled: u,
     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 p = l === "column" ? "row" : "column";
+    let y = `type="${l}" ${l}={${d}}`;
+    return (c !== 0 || a !== void 0) && (y += ` ${p}={${c}}`), a !== void 0 && (y += ` ${p}Span={${a}}`), u && (y += " disabled"), `<Gridline ${y} />`;
   }, 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];
+      const { axis: a, crossSpan: c, crossStart: u, index: d } = l, p = a === "column" ? "row" : "column", y = n[a], m = n[p];
       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 at(d, y) || (o.push(
+        `Invalid ${a} Gridline ${a} (${d}); must be between 1 and ${y - 1}`
+      ), f = !1), !Number.isInteger(u) || u < 0 || u >= m ? (o.push(
+        `Invalid ${a} Gridline ${p} (${u}); must be between 0 and ${m - 1}`
+      ), f = !1) : c !== void 0 && (!Number.isInteger(c) || c < 1 || u + c > m) && (o.push(
+        `Invalid ${a} Gridline ${p}Span (${c}); Grid has ${m} ${p}s`
       ), f = !1), f;
     }
   ), s = (l) => {
@@ -2815,36 +2856,36 @@ function Zn({
     ];
   };
   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";
+    const { axis: c, index: u } = l, [d, p] = s(l);
+    for (const y of e) {
+      const [m, f, S, h] = c === "column" ? [y.column, y.columnSpan, y.row, y.rowSpan] : [y.row, y.rowSpan, y.column, y.columnSpan];
+      if (m < u && u < m + f && S < p && d < S + h) {
+        const g = c === "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(l)} overlaps a Cell that spans across it (${c}: ${m}, ${c}Span: ${f}, ${g}: ${S}, ${g}Span: ${h}); use the ${g} and ${g}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 y of i.slice(a + 1))
+      if (y.axis === c && y.index === u) {
+        const [m, f] = s(y);
+        m < p && d < f && o.push(`${r(l)} overlaps ${r(y)}`);
       }
   }), o;
 }
-function Dt(e, t) {
-  return se(e.columns, t.columns) && se(e.rows, t.rows);
+function Ft(e, t) {
+  return ie(e.columns, t.columns) && ie(e.rows, t.rows);
 }
-function yo({
+function Io({
   id: e,
   onlySaveAfterUserInteractions: t,
   storage: n = localStorage
 }) {
-  const o = `react-resizable-panels:grid:${e}`, r = Ke(
-    Qn,
+  const o = `react-resizable-panels:grid:${e}`, r = Xe(
+    ro,
     () => n.getItem(o),
     () => n.getItem(o)
-  ), i = Ee(() => {
+  ), i = Pe(() => {
     if (r)
       try {
         const l = JSON.parse(r);
@@ -2852,7 +2893,7 @@ function yo({
           return l;
       } catch {
       }
-  }, [r]), s = te(
+  }, [r]), s = re(
     (l, a) => {
       if (!(t && !a.isUserInteraction))
         try {
@@ -2877,20 +2918,26 @@ function yo({
     onLayoutChanged: s
   };
 }
-function Qn() {
+function ro() {
   return function() {
   };
 }
-function So() {
-  return he(null);
+function Lo() {
+  return pe(null);
 }
-function vo() {
-  return q(null);
+function Co() {
+  return B(null);
 }
-function eo({
+function io(e) {
+  for (let t = 1; t < e.length; t++)
+    if (ct(e[t - 1], e[t]) > 0)
+      return !1;
+  return !0;
+}
+function so({
   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) => {
@@ -2898,10 +2945,10 @@ function eo({
       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);
+          const p = u.item(d);
           c.style.setProperty(
-            g,
-            u.getPropertyValue(g)
+            p,
+            u.getPropertyValue(p)
           );
         }
       }
@@ -2914,7 +2961,7 @@ function eo({
       transform: "none",
       width: "100%"
     }), n.current.appendChild(o), () => o.remove();
-  }, [t]), /* @__PURE__ */ W(
+  }, [t]), /* @__PURE__ */ K(
     "div",
     {
       ref: n,
@@ -2927,24 +2974,24 @@ function eo({
     }
   );
 }
-function Je() {
-  const e = Gt(ft);
-  return A(
+function Qe() {
+  const e = Vt(pt);
+  return D(
     e,
     "Group Context not found; did you render a Panel or Separator outside of a Group?"
   ), e;
 }
-function ln(e) {
-  const { registerOverlay: t } = Je(), n = q(e);
-  en(n.current, e) || (n.current = e);
+function mn(e) {
+  const { registerOverlay: t } = Qe(), n = B(e);
+  sn(n.current, e) || (n.current = e);
   const o = n.current;
   return ne(
     () => t(o),
     [t, o]
   ), null;
 }
-ln.displayName = "SeparatorOverlay";
-function to({
+mn.displayName = "SeparatorOverlay";
+function ao({
   active: e,
   orientation: t,
   style: n,
@@ -2967,7 +3014,7 @@ function to({
       break;
     }
   }
-  return /* @__PURE__ */ W(
+  return /* @__PURE__ */ K(
     "div",
     {
       ...o,
@@ -2981,20 +3028,20 @@ function to({
     }
   );
 }
-function no({
+function lo({
   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 _t(l) && l.type === ln && (a = l.props, l = void 0), l == null && (a ? l = /* @__PURE__ */ W(
-    to,
+  return Ht(l) && l.type === mn && (a = l.props, l = void 0), l == null && (a ? l = /* @__PURE__ */ K(
+    ao,
     {
       ...a,
       active: t.active,
       orientation: n.orientation
     }
-  ) : i && (l = /* @__PURE__ */ W(eo, { separator: i }))), /* @__PURE__ */ W(
+  ) : i && (l = /* @__PURE__ */ K(so, { separator: i }))), /* @__PURE__ */ K(
     "div",
     {
       "aria-hidden": "true",
@@ -3013,43 +3060,46 @@ function no({
     }
   );
 }
-function oo(e, t) {
-  const n = q({
+function co(e) {
+  return Array.from(e).sort(ct);
+}
+function uo(e, t) {
+  const n = B({
     getLayout: () => ({}),
-    setLayout: zn
+    setLayout: Mn
   });
-  it(t, () => n.current, []), ne(() => {
+  st(t, () => n.current, []), ne(() => {
     Object.assign(
       n.current,
-      Ne({ axisId: e })
+      Ge({ axisId: e })
     );
   });
 }
-function ro({
+function fo({
   groupId: e,
   resizePreviewMode: t
 }) {
-  const [n, o] = he([]), r = q(n);
+  const [n, o] = pe([]), r = B(n);
   return ne(() => {
     const i = (l) => {
-      const a = Re(e), c = t === "separator" && l.state === "active" ? l.previews.filter(
-        (d) => d.axis === a && (d.active || !U(d.offset, 0))
+      const a = Me(e), c = t === "separator" && l.state === "active" ? l.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]
+        (d, p) => d === u[p]
       ) || (r.current = c, o(c));
     };
     if (t !== "separator") {
-      i(fe());
+      i(se());
       return;
     }
-    const s = Ht(
+    const s = Kt(
       ({ next: l }) => i(l)
     );
-    return i(fe()), s;
+    return i(se()), s;
   }, [e, t]), n;
 }
-function io({
+function mo({
   children: e,
   className: t,
   defaultLayout: n,
@@ -3062,192 +3112,204 @@ function io({
   onLayoutChanged: c,
   orientation: u = "horizontal",
   resizePreviewMode: d = "panel",
-  resizeTargetMinimumSize: g = {
+  resizeTargetMinimumSize: p = {
     coarse: 20,
     fine: 10
   },
-  style: m,
-  ...y
+  style: y,
+  ...m
 }) {
-  const f = q({
+  const f = B({
     onLayoutChange: {},
     onLayoutChanged: {}
   }), S = ge((z) => {
-    se(f.current.onLayoutChange, z) || (f.current.onLayoutChange = z, a?.(z));
-  }), p = ge(
-    (z, I, _) => {
-      se(f.current.onLayoutChanged, z) || (f.current.onLayoutChanged = z, c?.(z, { isUserInteraction: I, requestedLayout: _ }));
+    ie(f.current.onLayoutChange, z) || (f.current.onLayoutChange = z, a?.(z));
+  }), h = ge(
+    (z, M, q) => {
+      ie(f.current.onLayoutChanged, z) || (f.current.onLayoutChanged = z, c?.(z, { isUserInteraction: M, requestedLayout: q }));
     }
-  ), h = ke(l), [L, w] = he(), C = ro({
-    groupId: h,
+  ), g = Te(l), [I, x] = pe(), C = fo({
+    groupId: g,
     resizePreviewMode: d
-  }), O = q(null), [D, b] = on(), x = q({
+  }), A = B(null), [N, b] = cn(), w = B([]), v = B({
     lastExpandedPanelSizes: {},
     layouts: {},
     panels: [],
     separators: []
-  }), v = Be(O, i);
-  oo(h, s);
-  const E = ge(
-    (z, I) => {
-      const _ = ae(z);
-      if (_)
+  }), T = qe(A, i);
+  uo(g, s);
+  const O = ge(
+    (z, M) => {
+      const q = ae(z);
+      if (q)
         return {
-          flexGrow: _.layout[I] ?? 1
+          flexGrow: q.layout[M] ?? 1
         };
-      if (n?.[I])
+      if (n?.[M])
         return {
-          flexGrow: n?.[I]
+          flexGrow: n?.[M]
         };
     }
-  ), P = Xe({
+  ), R = Ze({
     defaultLayout: n,
     disableCursor: o,
-    resizeTargetMinimumSize: g
-  }), k = Ee(
+    resizeTargetMinimumSize: p
+  }), E = Pe(
     () => ({
       get disableCursor() {
-        return !!P.disableCursor;
+        return !!R.disableCursor;
       },
-      getPanelStyles: E,
-      id: h,
+      getPanelStyles: O,
+      id: g,
       orientation: u,
       registerPanel: (z) => {
-        const I = x.current;
-        return I.panels = nt(u, [
-          ...I.panels,
+        const M = v.current;
+        return M.panels = Ne(u, [
+          ...M.panels,
           z
         ]), b(), () => {
-          I.panels = I.panels.filter(
-            (_) => _ !== z
+          M.panels = M.panels.filter(
+            (q) => q !== z
           ), b();
         };
       },
-      registerOverlay: (z) => (w(z), () => {
-        w(void 0);
+      registerOverlay: (z) => (x(z), () => {
+        x(void 0);
       }),
       registerSeparator: (z) => {
-        const I = x.current;
-        return I.separators = nt(u, [
-          ...I.separators,
+        const M = v.current;
+        return M.separators = Ne(u, [
+          ...M.separators,
           z
         ]), b(), () => {
-          I.separators = I.separators.filter(
-            (_) => _ !== z
+          M.separators = M.separators.filter(
+            (q) => q !== z
           ), b();
         };
       },
-      updatePanelProps: (z, { disabled: I }) => {
-        const Y = x.current.panels.find(
-          (oe) => oe.id === z
+      updatePanelProps: (z, { disabled: M }) => {
+        const J = v.current.panels.find(
+          (Se) => Se.id === z
         );
-        Y && (Y.constraintProps.disabled = I);
-        const J = Re(h), K = ae(h);
-        J && K && me(J, {
-          ...K,
-          derivedItemConstraints: rt(J)
+        J && (J.constraintProps.disabled = M);
+        const H = Me(g), Z = ae(g);
+        H && Z && fe(H, {
+          ...Z,
+          derivedItemConstraints: it(H)
         });
       },
       updateSeparatorProps: (z, {
-        disabled: I,
-        disableDoubleClick: _
+        disabled: M,
+        disableDoubleClick: q
       }) => {
-        const J = x.current.separators.find(
-          (K) => K.id === z
+        const H = v.current.separators.find(
+          (Z) => Z.id === z
         );
-        J && (J.disabled = I, J.disableDoubleClick = _);
+        H && (H.disabled = M, H.disableDoubleClick = q);
       }
     }),
-    [E, h, b, u, P]
-  ), M = q(null);
+    [O, g, b, u, R]
+  ), P = B(null);
   return ne(() => {
-    const z = O.current;
+    const z = A.current;
     if (z === null)
       return;
-    const I = x.current;
-    let _;
-    if (P.defaultLayout !== void 0 && Object.keys(P.defaultLayout).length === I.panels.length) {
-      _ = {};
-      for (const re of I.panels) {
-        const R = P.defaultLayout[re.id];
-        R !== void 0 && (_[re.id] = R);
+    const M = v.current;
+    M.panels = Ne(
+      u,
+      M.panels
+    ), M.separators = Ne(
+      u,
+      M.separators
+    ), w.current = co([
+      ...M.panels.map(({ element: L }) => L),
+      ...M.separators.map(({ element: L }) => L)
+    ]);
+    let q;
+    if (R.defaultLayout !== void 0 && Object.keys(R.defaultLayout).length === M.panels.length) {
+      q = {};
+      for (const L of M.panels) {
+        const k = R.defaultLayout[L.id];
+        k !== void 0 && (q[L.id] = k);
       }
     }
-    const Y = {
+    const J = {
       disabled: !!r,
       element: z,
-      id: h,
+      id: g,
       mutableState: {
-        defaultLayout: _,
-        disableCursor: !!P.disableCursor,
-        expandedItemSizes: x.current.lastExpandedPanelSizes,
-        layouts: x.current.layouts
+        defaultLayout: q,
+        disableCursor: !!R.disableCursor,
+        expandedItemSizes: v.current.lastExpandedPanelSizes,
+        layouts: v.current.layouts
       },
       orientation: u,
-      items: I.panels,
+      items: M.panels,
       resizePreviewMode: d,
       get resizeTargetMinimumSize() {
-        return P.resizeTargetMinimumSize;
+        return R.resizeTargetMinimumSize;
       },
-      separators: I.separators
+      separators: M.separators
     };
-    M.current = Y;
-    const J = tn(Y), {
-      defaultLayoutDeferred: K,
-      derivedItemConstraints: oe,
-      layout: we,
-      requestedLayout: $e
-    } = ae(Y.id, !0);
-    !K && oe.length > 0 && (S(we), p(we, !1, $e));
-    const ze = _e(h, (re) => {
+    P.current = J;
+    const H = an(J), {
+      defaultLayoutDeferred: Z,
+      derivedItemConstraints: Se,
+      layout: ze,
+      requestedLayout: Ie
+    } = ae(J.id, !0);
+    !Z && Se.length > 0 && (S(ze), h(ze, !1, Ie));
+    const ve = _e(g, (L) => {
       const {
-        defaultLayoutDeferred: R,
-        derivedItemConstraints: $,
-        layout: N,
-        requestedLayout: G
-      } = re.next;
-      if (R || $.length === 0)
+        defaultLayoutDeferred: k,
+        derivedItemConstraints: _,
+        layout: G,
+        requestedLayout: F
+      } = L.next;
+      if (k || _.length === 0)
         return;
-      nn({
-        derivedItemConstraints: $,
-        axis: Y,
-        layout: N,
-        prevLayout: re.prev?.layout,
-        requestedLayout: G
+      ln({
+        derivedItemConstraints: _,
+        axis: J,
+        layout: G,
+        prevLayout: L.prev?.layout,
+        requestedLayout: F
       });
-      const F = fe(), V = F.state !== "active" || !F.hitRegions.some((H) => H.axis === Y);
-      S(N), V && p(N, re.isUserInteraction, G);
+      const j = se(), U = j.state !== "active" || !j.hitRegions.some((te) => te.axis === J);
+      S(G), U && h(G, L.isUserInteraction, F);
     });
     return () => {
-      M.current = null, J(), ze();
+      P.current = null, H(), ve();
     };
   }, [
     r,
+    g,
     h,
-    p,
     S,
     u,
-    D,
+    N,
     d,
-    P
-  ]), qe(() => {
-    const z = M.current;
+    R
+  ]), ne(() => {
+    io(w.current) || b();
+  }), Be(() => {
+    const z = P.current;
     z && (z.mutableState.defaultLayout = n, z.mutableState.disableCursor = !!o);
-  }), /* @__PURE__ */ W(ft.Provider, { value: k, children: /* @__PURE__ */ un(
+  }), /* @__PURE__ */ K(pt.Provider, { value: E, children: /* @__PURE__ */ hn(
     "div",
     {
-      ...y,
+      ...m,
       className: t,
       "data-group": !0,
-      "data-testid": h,
-      id: h,
-      ref: v,
+      "data-testid": g,
+      id: g,
+      ref: T,
       style: {
         height: "100%",
         width: "100%",
         overflow: "hidden",
         position: d === "separator" ? "relative" : void 0,
-        ...m,
+        ...y,
         display: "flex",
         flexDirection: u === "horizontal" ? "row" : "column",
         flexWrap: "nowrap",
@@ -3259,10 +3321,10 @@ function io({
       },
       children: [
         e,
-        C.map((z) => /* @__PURE__ */ W(
-          no,
+        C.map((z) => /* @__PURE__ */ K(
+          lo,
           {
-            overlay: L,
+            overlay: I,
             preview: z
           },
           z.key
@@ -3271,16 +3333,16 @@ function io({
     }
   ) });
 }
-io.displayName = "Group";
-function Ye(e, t) {
+mo.displayName = "Group";
+function Ke(e, t) {
   return `react-resizable-panels:${[e, ...t].join(":")}`;
 }
-function so({
+function po({
   id: e,
   panelIds: t,
   storage: n
 }) {
-  const o = Ye(e, []), r = n.getItem(o);
+  const o = Ke(e, []), r = n.getItem(o);
   if (r)
     try {
       const i = JSON.parse(r);
@@ -3310,70 +3372,70 @@ function so({
     } catch {
     }
 }
-function bo({
+function Ro({
   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 = Ye(s, n ?? []), a = Ke(
-    ao,
+  const i = n !== void 0, s = "id" in r ? r.id : r.groupId, l = Ke(s, n ?? []), a = Xe(
+    ho,
     () => o.getItem(l),
     () => o.getItem(l)
-  ), c = Ee(() => {
+  ), c = Pe(() => {
     if (a) {
-      const S = JSON.parse(a), p = Object.values(S);
-      if (Array.from(p).every((h) => typeof h == "number"))
+      const S = JSON.parse(a), h = Object.values(S);
+      if (Array.from(h).every((g) => typeof g == "number"))
         return S;
     }
-  }, [a]), u = Ee(() => {
+  }, [a]), u = Pe(() => {
     if (!c)
-      return so({
+      return po({
         id: s,
         panelIds: n,
         storage: o
       });
-  }, [c, s, n, o]), d = c ?? u, g = q(null), m = te(() => {
-    const S = g.current;
-    S && (g.current = null, clearTimeout(S));
+  }, [c, s, n, o]), d = c ?? u, p = B(null), y = re(() => {
+    const S = p.current;
+    S && (p.current = null, clearTimeout(S));
   }, []);
-  Ot(() => () => {
-    m();
-  }, [m]);
-  const y = te(
+  Bt(() => () => {
+    y();
+  }, [y]);
+  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)
+    (S, h) => {
+      if (t && !h.isUserInteraction)
         return;
-      m();
-      const h = p.requestedLayout ?? S;
-      let L;
-      i ? L = Ye(s, Object.keys(h)) : L = Ye(s, []);
+      y();
+      const g = h.requestedLayout ?? S;
+      let I;
+      i ? I = Ke(s, Object.keys(g)) : I = Ke(s, []);
       try {
-        o.setItem(L, JSON.stringify(h));
-      } catch (w) {
-        console.error(w);
+        o.setItem(I, JSON.stringify(g));
+      } catch (x) {
+        console.error(x);
       }
     },
     [
-      m,
+      y,
       i,
       s,
       t,
       o
     ]
-  ), f = te(
+  ), f = re(
     (S) => {
-      m(), e === 0 ? y(S, { isUserInteraction: !1 }) : g.current = setTimeout(() => {
-        y(S, { isUserInteraction: !1 });
+      y(), e === 0 ? m(S, { isUserInteraction: !1 }) : p.current = setTimeout(() => {
+        m(S, { isUserInteraction: !1 });
       }, e);
     },
-    [m, e, y]
+    [y, e, m]
   );
   return {
     /**
@@ -3389,38 +3451,38 @@ function bo({
     /**
      * Attach this callback on the `Group` as the `onLayoutChanged` prop.
      */
-    onLayoutChanged: y
+    onLayoutChanged: m
   };
 }
-function ao() {
+function ho() {
   return function() {
   };
 }
-function xo() {
-  return he(null);
+function Mo() {
+  return pe(null);
 }
-function wo() {
-  return q(null);
+function Eo() {
+  return B(null);
 }
-function lo(e, t) {
-  const { id: n } = Je(), o = q({
-    collapse: Qe,
-    expand: Qe,
+function go(e, t) {
+  const { id: n } = Qe(), o = B({
+    collapse: tt,
+    expand: tt,
     getSize: () => ({
       asPercentage: 0,
       inPixels: 0
     }),
     isCollapsed: () => !1,
-    resize: Qe
+    resize: tt
   });
-  it(t, () => o.current, []), ne(() => {
+  st(t, () => o.current, []), ne(() => {
     Object.assign(
       o.current,
-      dt({ axisId: n, itemId: e })
+      mt({ axisId: n, itemId: e })
     );
   });
 }
-function co({
+function yo({
   children: e,
   className: t,
   collapsedSize: n = "0%",
@@ -3433,48 +3495,48 @@ function co({
   id: c,
   maxSize: u = "100%",
   minSize: d = "0%",
-  onResize: g,
-  panelRef: m,
-  style: y,
+  onResize: p,
+  panelRef: y,
+  style: m,
   ...f
 }) {
-  const S = !!c, p = ke(c), h = Xe({
+  const S = !!c, h = Te(c), g = Ze({
     disabled: s
-  }), L = q(null), w = Be(L, l), {
+  }), I = B(null), x = qe(I, l), {
     getPanelStyles: C,
-    id: O,
-    orientation: D,
+    id: A,
+    orientation: N,
     registerPanel: b,
-    updatePanelProps: x
-  } = Je(), v = g !== null, E = ge(
-    (z, I, _) => {
-      g?.(z, c, _);
+    updatePanelProps: w
+  } = Qe(), v = p !== null, T = ge(
+    (P, z, M) => {
+      p?.(P, c, M);
     }
   );
   ne(() => {
-    const z = L.current;
-    if (z !== null) {
-      const I = {
-        element: z,
-        id: p,
+    const P = I.current;
+    if (P !== null) {
+      const z = {
+        element: P,
+        id: h,
         idIsStable: S,
         mutableValues: {
           expandToSize: void 0,
           prevSize: void 0
         },
-        onResize: v ? E : void 0,
+        onResize: v ? T : void 0,
         constraintProps: {
           groupResizeBehavior: a,
           collapsedSize: n,
           collapsedThreshold: o,
           collapsible: r,
           defaultSize: i,
-          disabled: h.disabled,
+          disabled: g.disabled,
           maxSize: u,
           minSize: d
         }
       };
-      return b(I);
+      return b(z);
     }
   }, [
     a,
@@ -3483,48 +3545,48 @@ function co({
     r,
     i,
     v,
-    p,
+    h,
     S,
     u,
     d,
-    E,
+    T,
     b,
-    h
-  ]), qe(() => {
-    x(p, { disabled: s });
-  }, [s, p, x]), lo(p, m);
-  const P = () => {
-    const z = C(O, p);
-    if (z)
-      return JSON.stringify(z);
-  }, k = Ke(
-    (z) => _e(O, z),
-    P,
-    P
+    g
+  ]), Be(() => {
+    w(h, { disabled: s });
+  }, [s, h, w]), go(h, y);
+  const O = () => {
+    const P = C(A, h);
+    if (P)
+      return JSON.stringify(P);
+  }, R = Xe(
+    (P) => _e(A, P),
+    O,
+    O
   );
-  let M;
-  return k ? M = JSON.parse(k) : i !== void 0 ? M = {
+  let E;
+  return R ? E = JSON.parse(R) : i !== void 0 ? E = {
     flexGrow: void 0,
     flexShrink: void 0,
     flexBasis: i
-  } : M = { flexGrow: 1 }, /* @__PURE__ */ W(
+  } : E = { flexGrow: 1 }, /* @__PURE__ */ K(
     "div",
     {
       ...f,
       "data-disabled": s || void 0,
       "data-panel": !0,
-      "data-testid": p,
-      id: p,
-      ref: w,
+      "data-testid": h,
+      id: h,
+      ref: x,
       style: {
-        ...uo,
+        ...So,
         display: "flex",
         flexBasis: 0,
         flexShrink: 1,
         overflow: "visible",
-        ...M
+        ...E
       },
-      children: /* @__PURE__ */ W(
+      children: /* @__PURE__ */ K(
         "div",
         {
           className: t,
@@ -3533,12 +3595,12 @@ function co({
             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: N === "horizontal" ? "pan-y" : "pan-x"
           },
           children: e
         }
@@ -3546,8 +3608,8 @@ function co({
     }
   );
 }
-co.displayName = "Panel";
-const uo = {
+yo.displayName = "Panel";
+const So = {
   minHeight: 0,
   maxHeight: "100%",
   height: "auto",
@@ -3559,14 +3621,14 @@ const uo = {
   padding: 0,
   margin: 0
 };
-function zo() {
-  return he(null);
+function Po() {
+  return pe(null);
 }
-function Io() {
-  return q(null);
+function ko() {
+  return B(null);
 }
-const fo = { flexBasis: "auto" }, mo = { flexGrow: 0, flexShrink: 0 };
-function po({
+const vo = { flexBasis: "auto" }, bo = { flexGrow: 0, flexShrink: 0 };
+function xo({
   children: e,
   className: t,
   disabled: n,
@@ -3577,19 +3639,19 @@ function po({
   style: l,
   ...a
 }) {
-  const c = ke(i), {
+  const c = Te(i), {
     disableCursor: u,
     id: d,
-    orientation: g,
-    registerSeparator: m,
-    updateSeparatorProps: y
-  } = Je();
-  return /* @__PURE__ */ W(
-    rn,
+    orientation: p,
+    registerSeparator: y,
+    updateSeparatorProps: m
+  } = Qe();
+  return /* @__PURE__ */ K(
+    un,
     {
       attributes: a,
       axisId: d,
-      axisOrientation: g,
+      axisOrientation: p,
       className: t,
       disableCursor: u,
       disabled: n,
@@ -3597,32 +3659,32 @@ function po({
       elementRef: r,
       id: c,
       preview: s,
-      registerSeparator: m,
-      requiredStyle: mo,
+      registerSeparator: y,
+      requiredStyle: bo,
       style: l,
-      styleDefaults: fo,
-      updateSeparatorProps: y,
+      styleDefaults: vo,
+      updateSeparatorProps: m,
       children: e
     }
   );
 }
-po.displayName = "Separator";
+xo.displayName = "Separator";
 export {
-  gn as Cell,
-  Xn as Grid,
-  sn as Gridline,
-  io as Group,
-  co as Panel,
-  po as Separator,
-  ln as SeparatorOverlay,
-  yn as isCoarsePointer,
-  yo as useDefaultGridLayout,
-  bo as useDefaultLayout,
-  So as useGridCallbackRef,
-  vo as useGridRef,
-  xo as useGroupCallbackRef,
-  wo as useGroupRef,
-  zo as usePanelCallbackRef,
-  Io as usePanelRef
+  xn as Cell,
+  to as Grid,
+  dn as Gridline,
+  mo as Group,
+  yo as Panel,
+  xo as Separator,
+  mn as SeparatorOverlay,
+  wn as isCoarsePointer,
+  Io as useDefaultGridLayout,
+  Ro as useDefaultLayout,
+  Lo as useGridCallbackRef,
+  Co as useGridRef,
+  Mo as useGroupCallbackRef,
+  Eo as useGroupRef,
+  Po as usePanelCallbackRef,
+  ko as usePanelRef
 };
 //# sourceMappingURL=react-resizable-panels.js.map