react-resizable-panels 4.5.2 → 4.5.3

package/dist/react-resizable-panels.js

@@ -1,11 +1,11 @@
 "use client";
-import { jsx as q } from "react/jsx-runtime";
-import { useState as Y, useCallback as K, useId as tt, useLayoutEffect as Te, useEffect as Oe, useRef as k, createContext as nt, useImperativeHandle as _e, useMemo as Ae, useSyncExternalStore as ot, useContext as it } from "react";
+import { jsx as Y } from "react/jsx-runtime";
+import { useState as Z, useCallback as X, useId as tt, useLayoutEffect as Te, useEffect as Oe, useRef as k, createContext as nt, useImperativeHandle as _e, useMemo as Ae, useSyncExternalStore as ot, useContext as it } from "react";
 function x(e, t = "Assertion error") {
   if (!e)
     throw Error(t);
 }
-function U({
+function W({
   group: e
 }) {
   const { orientation: t, panels: n } = e;
@@ -143,7 +143,7 @@ function $e(e) {
             }
             l.push({
               group: e,
-              groupSize: U({ group: e }),
+              groupSize: W({ group: e }),
               panels: [a, h],
               separator: "width" in d ? void 0 : d,
               rect: p
@@ -224,7 +224,7 @@ function D(e) {
   return parseFloat(e.toFixed(3));
 }
 function ve(e) {
-  const { panels: t } = e, n = U({ group: e });
+  const { panels: t } = e, n = W({ group: e });
   return n === 0 ? t.map((o) => ({
     collapsedSize: 0,
     collapsible: o.panelConstraints.collapsible === !0,
@@ -329,7 +329,7 @@ let I = {
   },
   mountedGroups: /* @__PURE__ */ new Map()
 };
-const A = new ht();
+const N = new ht();
 function G() {
   return I;
 }
@@ -341,7 +341,7 @@ function M(e) {
   return I = {
     ...I,
     ...t
-  }, t.cursorFlags !== void 0 && A.emit("cursorFlagsChange", I.cursorFlags), t.interactionState !== void 0 && A.emit("interactionStateChange", I.interactionState), t.mountedGroups !== void 0 && (I.mountedGroups.forEach((o, i) => {
+  }, t.cursorFlags !== void 0 && N.emit("cursorFlagsChange", I.cursorFlags), t.interactionState !== void 0 && N.emit("interactionStateChange", I.interactionState), t.mountedGroups !== void 0 && (I.mountedGroups.forEach((o, i) => {
     o.derivedPanelConstraints.forEach((s) => {
       if (s.collapsible) {
         const { layout: l } = n.mountedGroups.get(i) ?? {};
@@ -357,7 +357,7 @@ function M(e) {
         }
       }
     });
-  }), A.emit("mountedGroupsChange", I.mountedGroups)), I;
+  }), N.emit("mountedGroupsChange", I.mountedGroups)), I;
 }
 function mt(e, t, n) {
   let o, i = {
@@ -388,8 +388,8 @@ function gt(e) {
 function yt(e, t) {
   if (e === t) throw new Error("Cannot compare node with itself");
   const n = {
-    a: be(e),
-    b: be(t)
+    a: we(e),
+    b: we(t)
   };
   let o;
   for (; n.a.at(-1) === n.b.at(-1); )
@@ -436,7 +436,7 @@ function ze(e) {
 function xe(e) {
   return e && Number(getComputedStyle(e).zIndex) || 0;
 }
-function be(e) {
+function we(e) {
   const t = [];
   for (; e; )
     t.push(e), e = He(e);
@@ -449,7 +449,7 @@ function He(e) {
 function xt(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 bt({
+function wt({
   groupElement: e,
   hitRegion: t,
   pointerEventTarget: n
@@ -477,14 +477,14 @@ function pe(e, t) {
       x: e.clientX,
       y: e.clientY
     });
-    l && l.distance.x <= 0 && l.distance.y <= 0 && bt({
+    l && l.distance.x <= 0 && l.distance.y <= 0 && wt({
       groupElement: i.element,
       hitRegion: l.hitRegion.rect,
       pointerEventTarget: e.target
     }) && n.push(l.hitRegion);
   }), n;
 }
-function wt(e, t) {
+function bt(e, t) {
   if (e.length !== t.length)
     return !1;
   for (let n = 0; n < e.length; n++)
@@ -492,10 +492,10 @@ function wt(e, t) {
       return !1;
   return !0;
 }
-function Z(e, t) {
+function O(e, t) {
   return R(e, t) ? 0 : e > t ? 1 : -1;
 }
-function V({
+function U({
   panelConstraints: e,
   size: t
 }) {
@@ -505,10 +505,10 @@ function V({
     maxSize: i = 100,
     minSize: s = 0
   } = e;
-  if (Z(t, s) < 0)
+  if (O(t, s) < 0)
     if (o) {
       const l = (n + s) / 2;
-      Z(t, l) < 0 ? t = n : t = s;
+      O(t, l) < 0 ? t = n : t = s;
     } else
       t = s;
   return t = Math.min(i, t), t = D(t), t;
@@ -526,50 +526,70 @@ function J({
   const l = Object.values(t), r = Object.values(i), a = [...l], [u, c] = o;
   x(u != null, "Invalid first pivot index"), x(c != null, "Invalid second pivot index");
   let h = 0;
-  if (s === "keyboard") {
-    {
-      const f = e < 0 ? c : u, d = n[f];
-      x(
-        d,
-        `Panel constraints not found for index ${f}`
-      );
-      const {
-        collapsedSize: p = 0,
-        collapsible: g,
-        minSize: v = 0
-      } = d;
-      if (g) {
-        const z = l[f];
-        if (x(
-          z != null,
-          `Previous layout not found for panel index ${f}`
-        ), R(z, p)) {
-          const S = v - z;
-          Z(S, Math.abs(e)) > 0 && (e = e < 0 ? 0 - S : S);
+  switch (s) {
+    case "keyboard": {
+      {
+        const f = e < 0 ? c : u, d = n[f];
+        x(
+          d,
+          `Panel constraints not found for index ${f}`
+        );
+        const {
+          collapsedSize: p = 0,
+          collapsible: g,
+          minSize: v = 0
+        } = d;
+        if (g) {
+          const z = l[f];
+          if (x(
+            z != null,
+            `Previous layout not found for panel index ${f}`
+          ), R(z, p)) {
+            const S = v - z;
+            O(S, Math.abs(e)) > 0 && (e = e < 0 ? 0 - S : S);
+          }
         }
       }
+      {
+        const f = e < 0 ? u : c, d = n[f];
+        x(
+          d,
+          `No panel constraints found for index ${f}`
+        );
+        const {
+          collapsedSize: p = 0,
+          collapsible: g,
+          minSize: v = 0
+        } = d;
+        if (g) {
+          const z = l[f];
+          if (x(
+            z != null,
+            `Previous layout not found for panel index ${f}`
+          ), R(z, v)) {
+            const S = z - p;
+            O(S, Math.abs(e)) > 0 && (e = e < 0 ? 0 - S : S);
+          }
+        }
+      }
+      break;
     }
-    {
-      const f = e < 0 ? u : c, d = n[f];
+    default: {
+      const f = e < 0 ? c : u, d = n[f];
       x(
         d,
-        `No panel constraints found for index ${f}`
+        `Panel constraints not found for index ${f}`
       );
-      const {
-        collapsedSize: p = 0,
-        collapsible: g,
-        minSize: v = 0
-      } = d;
-      if (g) {
-        const z = l[f];
-        if (x(
-          z != null,
-          `Previous layout not found for panel index ${f}`
-        ), R(z, v)) {
-          const S = z - p;
-          Z(S, Math.abs(e)) > 0 && (e = e < 0 ? 0 - S : S);
+      const { collapsible: p, collapsedSize: g, minSize: v } = d;
+      if (p)
+        if (e > 0) {
+          const z = v - g, S = z / 2;
+          O(e, v) < 0 && (e = O(e, S) <= 0 ? 0 : z);
+        } else {
+          const z = v - g, S = 100 - z / 2;
+          O(100 + e, v) > 0 && (e = O(100 + e, S) > 0 ? 0 : -z);
         }
-      }
+      break;
     }
   }
   {
@@ -581,7 +601,7 @@ function J({
         v != null,
         `Previous layout not found for panel index ${d}`
       );
-      const S = V({
+      const S = U({
         panelConstraints: n[d],
         size: 100
       }) - v;
@@ -599,7 +619,7 @@ function J({
         g != null,
         `Previous layout not found for panel index ${d}`
       );
-      const v = g - p, z = V({
+      const v = g - p, z = U({
         panelConstraints: n[d],
         size: v
       });
@@ -610,7 +630,7 @@ function J({
       e < 0 ? d-- : d++;
     }
   }
-  if (wt(r, a))
+  if (bt(r, a))
     return i;
   {
     const f = e < 0 ? c : u, d = l[f];
@@ -618,23 +638,23 @@ function J({
       d != null,
       `Previous layout not found for panel index ${f}`
     );
-    const p = d + h, g = V({
+    const p = d + h, g = U({
       panelConstraints: n[f],
       size: p
     });
     if (a[f] = g, !R(g, p)) {
       let v = p - g, S = e < 0 ? c : u;
       for (; S >= 0 && S < n.length; ) {
-        const w = a[S];
+        const b = a[S];
         x(
-          w != null,
+          b != null,
           `Previous layout not found for panel index ${S}`
         );
-        const C = w + v, P = V({
+        const C = b + v, P = U({
           panelConstraints: n[S],
           size: C
         });
-        if (R(w, P) || (v -= P - w, a[S] = P), R(v, 0))
+        if (R(b, P) || (v -= P - b, a[S] = P), R(v, 0))
           break;
         e > 0 ? S-- : S++;
       }
@@ -649,15 +669,15 @@ function J({
   const m = Object.keys(i);
   return a.reduce((f, d, p) => (f[m[p]] = d, f), {});
 }
-function N(e, t) {
+function F(e, t) {
   if (Object.keys(e).length !== Object.keys(t).length)
     return !1;
   for (const n in e)
-    if (t[n] === void 0 || Z(e[n], t[n]) !== 0)
+    if (t[n] === void 0 || O(e[n], t[n]) !== 0)
       return !1;
   return !0;
 }
-function F({
+function $({
   layout: e,
   panelConstraints: t
 }) {
@@ -680,7 +700,7 @@ function F({
   for (let r = 0; r < t.length; r++) {
     const a = o[r];
     x(a != null, `No layout data found for index ${r}`);
-    const u = V({
+    const u = U({
       panelConstraints: t[r],
       size: a
     });
@@ -690,7 +710,7 @@ function F({
     for (let r = 0; r < t.length; r++) {
       const a = o[r];
       x(a != null, `No layout data found for index ${r}`);
-      const u = a + s, c = V({
+      const u = a + s, c = U({
         panelConstraints: t[r],
         size: u
       });
@@ -758,11 +778,11 @@ function je({
       pivotIndices: d ? [f - 1, f] : [f, f + 1],
       prevLayout: y,
       trigger: "imperative-api"
-    }), g = F({
+    }), g = $({
       layout: p,
       panelConstraints: c
     });
-    N(y, g) || M((v) => ({
+    F(y, g) || M((v) => ({
       mountedGroups: new Map(v.mountedGroups).set(h, {
         defaultLayoutDeferred: u,
         derivedPanelConstraints: c,
@@ -799,7 +819,7 @@ function je({
         let u;
         switch (typeof r) {
           case "number": {
-            const { group: c } = n(), h = U({ group: c });
+            const { group: c } = n(), h = W({ group: c });
             u = D(r / h * 100);
             break;
           }
@@ -813,7 +833,7 @@ function je({
     }
   };
 }
-function we(e) {
+function be(e) {
   if (e.defaultPrevented)
     return;
   const { mountedGroups: t } = G();
@@ -863,11 +883,11 @@ function Ve({
         group: s,
         layout: l,
         separatorToPanels: r
-      } = t(), a = F({
+      } = t(), a = $({
         layout: n,
         panelConstraints: i
       });
-      return o ? l : (N(l, a) || M((u) => ({
+      return o ? l : (F(l, a) || M((u) => ({
         mountedGroups: new Map(u.mountedGroups).set(s, {
           defaultLayoutDeferred: o,
           derivedPanelConstraints: i,
@@ -882,7 +902,7 @@ function Ue(e) {
   const { mountedGroups: t } = G(), n = t.get(e);
   return x(n, `Mounted Group ${e.id} not found`), n;
 }
-function _(e, t) {
+function A(e, t) {
   const n = ae(e), o = Ue(n), i = n.separators.find(
     (h) => h.element === e
   );
@@ -896,11 +916,11 @@ function _(e, t) {
     pivotIndices: l,
     prevLayout: a,
     trigger: "keyboard"
-  }), c = F({
+  }), c = $({
     layout: u,
     panelConstraints: o.derivedPanelConstraints
   });
-  N(a, c) || M((h) => ({
+  F(a, c) || M((h) => ({
     mountedGroups: new Map(h.mountedGroups).set(n, {
       defaultLayoutDeferred: o.defaultLayoutDeferred,
       derivedPanelConstraints: o.derivedPanelConstraints,
@@ -916,23 +936,23 @@ function Le(e) {
   if (!n.disabled)
     switch (e.key) {
       case "ArrowDown": {
-        e.preventDefault(), n.orientation === "vertical" && _(t, 5);
+        e.preventDefault(), n.orientation === "vertical" && A(t, 5);
         break;
       }
       case "ArrowLeft": {
-        e.preventDefault(), n.orientation === "horizontal" && _(t, -5);
+        e.preventDefault(), n.orientation === "horizontal" && A(t, -5);
         break;
       }
       case "ArrowRight": {
-        e.preventDefault(), n.orientation === "horizontal" && _(t, 5);
+        e.preventDefault(), n.orientation === "horizontal" && A(t, 5);
         break;
       }
       case "ArrowUp": {
-        e.preventDefault(), n.orientation === "vertical" && _(t, -5);
+        e.preventDefault(), n.orientation === "vertical" && A(t, -5);
         break;
       }
       case "End": {
-        e.preventDefault(), _(t, 100);
+        e.preventDefault(), A(t, 100);
         break;
       }
       case "Enter": {
@@ -948,7 +968,7 @@ function Le(e) {
         );
         if (x(c, "Panel metadata not found"), c.collapsible) {
           const h = s[u.id], y = c.collapsedSize === h ? o.inMemoryLastExpandedPanelSizes[u.id] ?? c.minSize : c.collapsedSize;
-          _(t, y - h);
+          A(t, y - h);
         }
         break;
       }
@@ -965,7 +985,7 @@ function Le(e) {
         break;
       }
       case "Home": {
-        e.preventDefault(), _(t, -100);
+        e.preventDefault(), A(t, -100);
         break;
       }
     }
@@ -1090,9 +1110,9 @@ function qe({
       defaultLayoutDeferred: v,
       derivedPanelConstraints: z,
       layout: S,
-      separatorToPanels: w
+      separatorToPanels: b
     } = i.get(h) ?? { defaultLayoutDeferred: !1 };
-    if (z && g && S && w) {
+    if (z && g && S && b) {
       const C = J({
         delta: p,
         initialLayout: g,
@@ -1101,7 +1121,7 @@ function qe({
         prevLayout: S,
         trigger: "mouse-or-touch"
       });
-      if (N(C, S)) {
+      if (F(C, S)) {
         if (p !== 0 && !m)
           switch (f) {
             case "horizontal": {
@@ -1118,7 +1138,7 @@ function qe({
           defaultLayoutDeferred: v,
           derivedPanelConstraints: z,
           layout: C,
-          separatorToPanels: w
+          separatorToPanels: b
         });
         const P = c.group.panels.map(({ id: T }) => T).join(",");
         c.group.inMemoryLayouts[P] = C;
@@ -1234,7 +1254,7 @@ function Pt(e, t, n) {
   const i = e.panels.find((u) => u.element === t);
   if (!i || !i.onResize)
     return;
-  const s = U({ group: e }), l = e.orientation === "horizontal" ? i.element.offsetWidth : i.element.offsetHeight, r = i.mutableValues.prevSize, a = {
+  const s = W({ group: e }), l = e.orientation === "horizontal" ? i.element.offsetWidth : i.element.offsetHeight, r = i.mutableValues.prevSize, a = {
     asPercentage: D(l / s * 100),
     inPixels: l
   };
@@ -1257,7 +1277,7 @@ function Mt(e, t) {
       return !1;
   return !0;
 }
-const j = /* @__PURE__ */ new Map();
+const V = /* @__PURE__ */ new Map();
 function Et(e) {
   let t = !0;
   x(
@@ -1269,22 +1289,22 @@ function Et(e) {
       const { borderBoxSize: p, target: g } = d;
       if (g === e.element) {
         if (t) {
-          if (U({ group: e }) === 0)
+          if (W({ group: e }) === 0)
             return;
           M((z) => {
             const S = z.mountedGroups.get(e);
             if (S) {
-              const w = ve(e), C = S.defaultLayoutDeferred ? De(w) : S.layout, P = F({
+              const b = ve(e), C = S.defaultLayoutDeferred ? De(b) : S.layout, P = $({
                 layout: C,
-                panelConstraints: w
+                panelConstraints: b
               });
-              return !S.defaultLayoutDeferred && N(C, P) && Rt(
+              return !S.defaultLayoutDeferred && F(C, P) && Rt(
                 S.derivedPanelConstraints,
-                w
+                b
               ) ? z : {
                 mountedGroups: new Map(z.mountedGroups).set(e, {
                   defaultLayoutDeferred: !1,
-                  derivedPanelConstraints: w,
+                  derivedPanelConstraints: b,
                   layout: P,
                   separatorToPanels: S.separatorToPanels
                 })
@@ -1303,18 +1323,18 @@ function Et(e) {
       `Panel ids must be unique; id "${f.id}" was used more than once`
     ), o.add(f.id), f.onResize && s.observe(f.element);
   });
-  const l = U({ group: e }), r = ve(e), a = e.panels.map(({ id: f }) => f).join(",");
+  const l = W({ group: e }), r = ve(e), a = e.panels.map(({ id: f }) => f).join(",");
   let u = e.defaultLayout;
   u && (Mt(e.panels, u) || (u = void 0));
-  const c = e.inMemoryLayouts[a] ?? u ?? De(r), h = F({
+  const c = e.inMemoryLayouts[a] ?? u ?? De(r), h = $({
     layout: c,
     panelConstraints: r
   }), y = $e(e), m = e.element.ownerDocument;
   return M((f) => {
     const d = /* @__PURE__ */ new Map();
-    return j.set(
+    return V.set(
       m,
-      (j.get(m) ?? 0) + 1
+      (V.get(m) ?? 0) + 1
     ), y.forEach((p) => {
       p.separator && d.set(p.separator, p.panels);
     }), {
@@ -1330,18 +1350,18 @@ function Et(e) {
       !i.has(f.id),
       `Separator ids must be unique; id "${f.id}" was used more than once`
     ), i.add(f.id), f.element.addEventListener("keydown", Le);
-  }), j.get(m) === 1 && (m.addEventListener("dblclick", we, !0), m.addEventListener("pointerdown", Ce, !0), m.addEventListener("pointerleave", ke), m.addEventListener("pointermove", Ge), m.addEventListener("pointerup", Ie, !0)), function() {
-    t = !1, j.set(
+  }), V.get(m) === 1 && (m.addEventListener("dblclick", be, !0), m.addEventListener("pointerdown", Ce, !0), m.addEventListener("pointerleave", ke), m.addEventListener("pointermove", Ge), m.addEventListener("pointerup", Ie, !0)), function() {
+    t = !1, V.set(
       m,
-      Math.max(0, (j.get(m) ?? 0) - 1)
+      Math.max(0, (V.get(m) ?? 0) - 1)
     ), M((d) => {
       const p = new Map(d.mountedGroups);
       return p.delete(e), { mountedGroups: p };
     }), e.separators.forEach((d) => {
       d.element.removeEventListener("keydown", Le);
-    }), j.get(m) || (m.removeEventListener(
+    }), V.get(m) || (m.removeEventListener(
       "dblclick",
-      we,
+      be,
       !0
     ), m.removeEventListener(
       "pointerdown",
@@ -1351,25 +1371,25 @@ function Et(e) {
   };
 }
 function Ye() {
-  const [e, t] = Y({}), n = K(() => t({}), []);
+  const [e, t] = Z({}), n = X(() => t({}), []);
   return [e, n];
 }
 function me(e) {
   const t = tt();
   return `${e ?? t}`;
 }
-const $ = typeof window < "u" ? Te : Oe;
-function X(e) {
+const H = typeof window < "u" ? Te : Oe;
+function q(e) {
   const t = k(e);
-  return $(() => {
+  return H(() => {
     t.current = e;
-  }, [e]), K(
+  }, [e]), X(
     (...n) => t.current?.(...n),
     [t]
   );
 }
 function ge(...e) {
-  return X((t) => {
+  return q((t) => {
     e.forEach((n) => {
       if (n)
         switch (typeof n) {
@@ -1387,7 +1407,7 @@ function ge(...e) {
 }
 function kt(e) {
   const t = k({ ...e });
-  return $(() => {
+  return H(() => {
     for (const n in e)
       t.current[n] = e[n];
   }, [e]), t.current;
@@ -1398,7 +1418,7 @@ function Gt(e, t) {
     getLayout: () => ({}),
     setLayout: Lt
   });
-  _e(t, () => n.current, []), $(() => {
+  _e(t, () => n.current, []), H(() => {
     Object.assign(
       n.current,
       Ve({ groupId: e })
@@ -1427,11 +1447,11 @@ function It({
   const f = k({
     onLayoutChange: {},
     onLayoutChanged: {}
-  }), d = X((b) => {
-    N(f.current.onLayoutChange, b) || (f.current.onLayoutChange = b, a?.(b));
-  }), p = X((b) => {
-    N(f.current.onLayoutChanged, b) || (f.current.onLayoutChanged = b, u?.(b));
-  }), g = me(r), v = k(null), [z, S] = Ye(), w = k({
+  }), d = q((w) => {
+    F(f.current.onLayoutChange, w) || (f.current.onLayoutChange = w, a?.(w));
+  }), p = q((w) => {
+    F(f.current.onLayoutChanged, w) || (f.current.onLayoutChanged = w, u?.(w));
+  }), g = me(r), v = k(null), [z, S] = Ye(), b = k({
     lastExpandedPanelSizes: {},
     layouts: {},
     panels: [],
@@ -1439,13 +1459,13 @@ function It({
     separators: []
   }), C = ge(v, s);
   Gt(g, l);
-  const P = X(
-    (b, L) => {
+  const P = q(
+    (w, L) => {
       const { interactionState: E, mountedGroups: Q } = G();
       for (const ee of Q.keys())
-        if (ee.id === b) {
-          const W = Q.get(ee);
-          if (W) {
+        if (ee.id === w) {
+          const B = Q.get(ee);
+          if (B) {
             let te = !1;
             switch (E.state) {
               case "active": {
@@ -1456,7 +1476,7 @@ function It({
               }
             }
             return {
-              flexGrow: W.layout[L] ?? 1,
+              flexGrow: B.layout[L] ?? 1,
               pointerEvents: te ? "none" : void 0
             };
           }
@@ -1470,70 +1490,70 @@ function It({
       getPanelStyles: P,
       id: g,
       orientation: c,
-      registerPanel: (b) => {
-        const L = w.current;
+      registerPanel: (w) => {
+        const L = b.current;
         return L.panels = de(c, [
           ...L.panels,
-          b
+          w
         ]), S(), () => {
           L.panels = L.panels.filter(
-            (E) => E !== b
+            (E) => E !== w
           ), S();
         };
       },
-      registerSeparator: (b) => {
-        const L = w.current;
+      registerSeparator: (w) => {
+        const L = b.current;
         return L.separators = de(c, [
           ...L.separators,
-          b
+          w
         ]), S(), () => {
           L.separators = L.separators.filter(
-            (E) => E !== b
+            (E) => E !== w
           ), S();
         };
       }
     }),
     [P, g, S, c]
-  ), H = kt({
+  ), j = kt({
     defaultLayout: n,
     disableCursor: o
-  }), O = k(null);
-  return $(() => {
-    const b = v.current;
-    if (b === null)
+  }), _ = k(null);
+  return H(() => {
+    const w = v.current;
+    if (w === null)
       return;
-    const L = w.current, E = {
-      defaultLayout: H.defaultLayout,
-      disableCursor: !!H.disableCursor,
+    const L = b.current, E = {
+      defaultLayout: j.defaultLayout,
+      disableCursor: !!j.disableCursor,
       disabled: !!i,
-      element: b,
+      element: w,
       id: g,
-      inMemoryLastExpandedPanelSizes: w.current.lastExpandedPanelSizes,
-      inMemoryLayouts: w.current.layouts,
+      inMemoryLastExpandedPanelSizes: b.current.lastExpandedPanelSizes,
+      inMemoryLayouts: b.current.layouts,
       orientation: c,
       panels: L.panels,
       resizeTargetMinimumSize: L.resizeTargetMinimumSize,
       separators: L.separators
     };
-    O.current = E;
-    const Q = Et(E), W = G().mountedGroups.get(E);
-    if (W) {
-      const { defaultLayoutDeferred: B, derivedPanelConstraints: ne, layout: oe } = W;
-      !B && ne.length > 0 && (d(oe), p(oe), L.panels.forEach((ue) => {
+    _.current = E;
+    const Q = Et(E), B = G().mountedGroups.get(E);
+    if (B) {
+      const { defaultLayoutDeferred: K, derivedPanelConstraints: ne, layout: oe } = B;
+      !K && ne.length > 0 && (d(oe), p(oe), L.panels.forEach((ue) => {
         ue.scheduleUpdate();
       }));
     }
-    const te = A.addListener(
+    const te = N.addListener(
       "interactionStateChange",
       () => {
-        L.panels.forEach((B) => {
-          B.scheduleUpdate();
+        L.panels.forEach((K) => {
+          K.scheduleUpdate();
         });
       }
-    ), le = A.addListener(
+    ), le = N.addListener(
       "mountedGroupsChange",
-      (B) => {
-        const ne = B.get(E);
+      (K) => {
+        const ne = K.get(E);
         if (ne) {
           const { defaultLayoutDeferred: oe, derivedPanelConstraints: ue, layout: Se } = ne;
           if (oe || ue.length === 0)
@@ -1546,7 +1566,7 @@ function It({
       }
     );
     return () => {
-      O.current = null, Q(), te(), le();
+      _.current = null, Q(), te(), le();
     };
   }, [
     i,
@@ -1555,11 +1575,11 @@ function It({
     d,
     c,
     z,
-    H
+    j
   ]), Oe(() => {
-    const b = O.current;
-    b && (b.defaultLayout = n, b.disableCursor = !!o);
-  }), /* @__PURE__ */ q(Ze.Provider, { value: T, children: /* @__PURE__ */ q(
+    const w = _.current;
+    w && (w.defaultLayout = n, w.disableCursor = !!o);
+  }), /* @__PURE__ */ Y(Ze.Provider, { value: T, children: /* @__PURE__ */ Y(
     "div",
     {
       ...m,
@@ -1599,14 +1619,14 @@ function Ht({
   ), a = Ae(
     () => r ? JSON.parse(r) : void 0,
     [r]
-  ), u = k(null), c = K(() => {
+  ), u = k(null), c = X(() => {
     const m = u.current;
     m && (u.current = null, clearTimeout(m));
   }, []);
   Te(() => () => {
     c();
   }, [c]);
-  const h = K(
+  const h = X(
     (m) => {
       c();
       let f;
@@ -1618,7 +1638,7 @@ function Ht({
       }
     },
     [c, i, s, n]
-  ), y = K(
+  ), y = X(
     (m) => {
       c(), e === 0 ? h(m) : u.current = setTimeout(() => {
         h(m);
@@ -1648,7 +1668,7 @@ function Dt() {
   };
 }
 function jt() {
-  return Y(null);
+  return Z(null);
 }
 function Vt() {
   return k(null);
@@ -1671,7 +1691,7 @@ function Tt(e, t) {
     isCollapsed: () => !1,
     resize: ce
   });
-  _e(t, () => o.current, []), $(() => {
+  _e(t, () => o.current, []), H(() => {
     Object.assign(
       o.current,
       je({ groupId: n, panelId: e })
@@ -1693,12 +1713,12 @@ function Ot({
   style: h,
   ...y
 }) {
-  const m = !!l, f = me(l), d = k(null), p = ge(d, s), [, g] = Ye(), { getPanelStyles: v, id: z, registerPanel: S } = ye(), w = u !== null, C = X(
-    (T, H, O) => {
-      u?.(T, l, O);
+  const m = !!l, f = me(l), d = k(null), p = ge(d, s), [, g] = Ye(), { getPanelStyles: v, id: z, registerPanel: S } = ye(), b = u !== null, C = q(
+    (T, j, _) => {
+      u?.(T, l, _);
     }
   );
-  $(() => {
+  H(() => {
     const T = d.current;
     if (T !== null)
       return S({
@@ -1709,7 +1729,7 @@ function Ot({
           expandToSize: void 0,
           prevSize: void 0
         },
-        onResize: w ? C : void 0,
+        onResize: b ? C : void 0,
         panelConstraints: {
           collapsedSize: n,
           collapsible: o,
@@ -1724,7 +1744,7 @@ function Ot({
     o,
     i,
     g,
-    w,
+    b,
     f,
     m,
     r,
@@ -1733,7 +1753,7 @@ function Ot({
     S
   ]), Tt(f, c);
   const P = v(z, f);
-  return /* @__PURE__ */ q(
+  return /* @__PURE__ */ Y(
     "div",
     {
       ...y,
@@ -1750,11 +1770,13 @@ function Ot({
         overflow: "hidden",
         ...P
       },
-      children: /* @__PURE__ */ q(
+      children: /* @__PURE__ */ Y(
         "div",
         {
           className: t,
           style: {
+            maxHeight: "100%",
+            maxWidth: "100%",
             flexGrow: 1,
             ...h
           },
@@ -1778,7 +1800,7 @@ const _t = {
   margin: 0
 };
 function Ut() {
-  return Y(null);
+  return Z(null);
 }
 function Wt() {
   return k(null);
@@ -1795,24 +1817,22 @@ function At({
   );
   if (r) {
     const a = r.maxSize, u = s = r.collapsible ? r.collapsedSize : r.minSize, c = [o, o + 1];
-    s = F({
+    s = $({
       layout: J({
         delta: u - l,
         initialLayout: e,
         panelConstraints: t,
         pivotIndices: c,
-        prevLayout: e,
-        trigger: "keyboard"
+        prevLayout: e
       }),
       panelConstraints: t
-    })[n], i = F({
+    })[n], i = $({
       layout: J({
         delta: a - l,
         initialLayout: e,
         panelConstraints: t,
         pivotIndices: c,
-        prevLayout: e,
-        trigger: "keyboard"
+        prevLayout: e
       }),
       panelConstraints: t
     })[n];
@@ -1832,18 +1852,18 @@ function Nt({
   style: i,
   ...s
 }) {
-  const l = me(o), [r, a] = Y({}), [u, c] = Y("inactive"), h = k(null), y = ge(h, n), {
+  const l = me(o), [r, a] = Z({}), [u, c] = Z("inactive"), h = k(null), y = ge(h, n), {
     id: m,
     orientation: f,
     registerSeparator: d
   } = ye(), p = f === "horizontal" ? "vertical" : "horizontal";
-  return $(() => {
+  return H(() => {
     const g = h.current;
     if (g !== null) {
       const v = {
         element: g,
         id: l
-      }, z = d(v), S = A.addListener(
+      }, z = d(v), S = N.addListener(
         "interactionStateChange",
         (C) => {
           c(
@@ -1852,15 +1872,15 @@ function Nt({
             ) ? C.state : "inactive"
           );
         }
-      ), w = A.addListener(
+      ), b = N.addListener(
         "mountedGroupsChange",
         (C) => {
           C.forEach(
-            ({ derivedPanelConstraints: P, layout: T, separatorToPanels: H }, O) => {
-              if (O.id === m) {
-                const b = H.get(v);
-                if (b) {
-                  const L = b[0], E = O.panels.indexOf(L);
+            ({ derivedPanelConstraints: P, layout: T, separatorToPanels: j }, _) => {
+              if (_.id === m) {
+                const w = j.get(v);
+                if (w) {
+                  const L = w[0], E = _.panels.indexOf(L);
                   a(
                     At({
                       layout: T,
@@ -1876,10 +1896,10 @@ function Nt({
         }
       );
       return () => {
-        S(), w(), z();
+        S(), b(), z();
       };
     }
-  }, [m, l, d]), /* @__PURE__ */ q(
+  }, [m, l, d]), /* @__PURE__ */ Y(
     "div",
     {
       ...s,