react-resizable-panels 4.0.14 → 4.0.16

package/dist/react-resizable-panels.js

@@ -1,11 +1,11 @@
 "use client";
 import { jsx as K } from "react/jsx-runtime";
-import { useId as Ke, useLayoutEffect as Xe, useEffect as Re, useRef as D, useCallback as qe, createContext as Ye, useImperativeHandle as Ee, useState as k, useMemo as ie, useSyncExternalStore as Ze, useContext as Je } from "react";
+import { useId as Ke, useLayoutEffect as Xe, useEffect as Ce, useRef as D, useCallback as qe, createContext as Ye, useImperativeHandle as Ee, useState as I, useMemo as ie, useSyncExternalStore as Ze, useContext as Je } from "react";
 function z(e, t = "Assertion error") {
   if (!e)
     throw Error(t);
 }
-function W({
+function V({
   group: e
 }) {
   const { orientation: t, panels: n } = e;
@@ -27,7 +27,7 @@ function et(e, t) {
 function Me(e) {
   return e !== null && typeof e == "object" && "nodeType" in e && e.nodeType === Node.ELEMENT_NODE;
 }
-function ke(e, t) {
+function Ie(e, t) {
   return {
     x: e.x >= t.left && e.x <= t.right ? 0 : Math.min(
       Math.abs(e.x - t.left),
@@ -50,12 +50,12 @@ function tt({
   };
   let i, s = Number.MAX_VALUE;
   for (const l of t) {
-    const { x: r, y: a } = ke(o, l), u = e === "horizontal" ? r : a;
+    const { x: r, y: a } = Ie(o, l), u = e === "horizontal" ? r : a;
     u < s && (s = u, i = l);
   }
   return z(i, "No rect found"), i;
 }
-function Ie(e) {
+function ke(e) {
   const { element: t, orientation: n, panels: o, separators: i } = e, s = se(
     n,
     Array.from(t.children).filter(Me).map((f) => ({ element: f }))
@@ -64,19 +64,19 @@ function Ie(e) {
   for (const f of s)
     if (f.hasAttribute("data-panel")) {
       const p = o.find(
-        (m) => m.element === f
+        (h) => h.element === f
       );
       if (p) {
         if (a) {
-          const m = a.element.getBoundingClientRect(), h = f.getBoundingClientRect();
+          const h = a.element.getBoundingClientRect(), m = f.getBoundingClientRect();
           let c;
           if (r) {
-            const d = n === "horizontal" ? new DOMRect(m.right, m.top, 0, m.height) : new DOMRect(
-              m.left,
-              m.bottom,
-              m.width,
+            const d = n === "horizontal" ? new DOMRect(h.right, h.top, 0, h.height) : new DOMRect(
+              h.left,
+              h.bottom,
+              h.width,
               0
-            ), y = n === "horizontal" ? new DOMRect(h.left, h.top, 0, h.height) : new DOMRect(h.left, h.top, h.width, 0);
+            ), y = n === "horizontal" ? new DOMRect(m.left, m.top, 0, m.height) : new DOMRect(m.left, m.top, m.width, 0);
             switch (u.length) {
               case 0: {
                 c = [
@@ -88,12 +88,12 @@ function Ie(e) {
               case 1: {
                 const v = u[0], S = tt({
                   orientation: n,
-                  rects: [m, h],
+                  rects: [h, m],
                   targetRect: v.element.getBoundingClientRect()
                 });
                 c = [
                   v,
-                  S === m ? y : d
+                  S === h ? y : d
                 ];
                 break;
               }
@@ -105,21 +105,21 @@ function Ie(e) {
           } else
             u.length ? c = u : c = [
               n === "horizontal" ? new DOMRect(
-                m.right,
-                h.top,
-                h.left - m.right,
-                h.height
+                h.right,
+                m.top,
+                m.left - h.right,
+                m.height
               ) : new DOMRect(
-                h.left,
-                m.bottom,
-                h.width,
-                h.top - m.bottom
+                m.left,
+                h.bottom,
+                m.width,
+                m.top - h.bottom
               )
             ];
           for (const d of c)
             l.push({
               group: e,
-              groupSize: W({ group: e }),
+              groupSize: V({ group: e }),
               panels: [a, p],
               separator: "width" in d ? void 0 : d,
               rect: "width" in d ? d : d.element.getBoundingClientRect()
@@ -129,7 +129,7 @@ function Ie(e) {
       }
     } else if (f.hasAttribute("data-separator")) {
       const p = i.find(
-        (m) => m.element === f
+        (h) => h.element === f
       );
       p ? u.push(p) : (a = void 0, u = []);
     } else
@@ -195,11 +195,11 @@ function te({
   }
   return o;
 }
-function I(e) {
+function k(e) {
   return parseFloat(e.toFixed(3));
 }
 function me(e) {
-  const { panels: t } = e, n = W({ group: e });
+  const { panels: t } = e, n = V({ group: e });
   return n === 0 ? t.map((o) => ({
     collapsedSize: 0,
     collapsible: o.panelConstraints.collapsible === !0,
@@ -216,7 +216,7 @@ function me(e) {
         panelElement: i,
         styleProp: s.collapsedSize
       });
-      l = I(f / n * 100);
+      l = k(f / n * 100);
     }
     let r;
     if (s.defaultSize) {
@@ -225,7 +225,7 @@ function me(e) {
         panelElement: i,
         styleProp: s.defaultSize
       });
-      r = I(f / n * 100);
+      r = k(f / n * 100);
     }
     let a = 0;
     if (s.minSize) {
@@ -234,7 +234,7 @@ function me(e) {
         panelElement: i,
         styleProp: s.minSize
       });
-      a = I(f / n * 100);
+      a = k(f / n * 100);
     }
     let u = 100;
     if (s.maxSize) {
@@ -243,7 +243,7 @@ function me(e) {
         panelElement: i,
         styleProp: s.maxSize
       });
-      u = I(f / n * 100);
+      u = k(f / n * 100);
     }
     return {
       collapsedSize: l,
@@ -294,37 +294,37 @@ class at {
     }
   }
 }
-function C(e, t, n = 0) {
-  return Math.abs(I(e) - I(t)) <= n;
+function R(e, t, n = 0) {
+  return Math.abs(k(e) - k(t)) <= n;
 }
-let R = {
+let C = {
   cursorFlags: 0,
   interactionState: {
     state: "inactive"
   },
   mountedGroups: /* @__PURE__ */ new Map()
 };
-const T = new at();
+const O = new at();
 function G() {
-  return R;
+  return C;
 }
 function E(e) {
-  const t = typeof e == "function" ? e(R) : e;
-  if (R === t)
-    return R;
-  const n = R;
-  return R = {
-    ...R,
+  const t = typeof e == "function" ? e(C) : e;
+  if (C === t)
+    return C;
+  const n = C;
+  return C = {
+    ...C,
     ...t
-  }, t.cursorFlags !== void 0 && T.emit("cursorFlagsChange", R.cursorFlags), t.interactionState !== void 0 && T.emit("interactionStateChange", R.interactionState), t.mountedGroups !== void 0 && (R.mountedGroups.forEach((o, i) => {
+  }, t.cursorFlags !== void 0 && O.emit("cursorFlagsChange", C.cursorFlags), t.interactionState !== void 0 && O.emit("interactionStateChange", C.interactionState), t.mountedGroups !== void 0 && (C.mountedGroups.forEach((o, i) => {
     o.derivedPanelConstraints.forEach((s) => {
       if (s.collapsible) {
         const { layout: l } = n.mountedGroups.get(i) ?? {};
         if (l) {
-          const r = C(
+          const r = R(
             s.collapsedSize,
             o.layout[s.panelId]
-          ), a = C(
+          ), a = R(
             s.collapsedSize,
             l[s.panelId]
           );
@@ -332,7 +332,7 @@ function E(e) {
         }
       }
     });
-  }), T.emit("mountedGroupsChange", R.mountedGroups)), R;
+  }), O.emit("mountedGroupsChange", C.mountedGroups)), C;
 }
 function lt(e, t) {
   if (e.length !== t.length)
@@ -343,7 +343,7 @@ function lt(e, t) {
   return !0;
 }
 function X(e, t) {
-  return C(e, t) ? 0 : e > t ? 1 : -1;
+  return R(e, t) ? 0 : e > t ? 1 : -1;
 }
 function B({
   panelConstraints: e,
@@ -361,7 +361,7 @@ function B({
       X(t, l) < 0 ? t = n : t = s;
     } else
       t = s;
-  return t = Math.min(i, t), t = I(t), t;
+  return t = Math.min(i, t), t = k(t), t;
 }
 function q({
   delta: e,
@@ -371,7 +371,7 @@ function q({
   prevLayout: i,
   trigger: s
 }) {
-  if (C(e, 0))
+  if (R(e, 0))
     return t;
   const l = Object.values(t), r = Object.values(i), a = [...l], [u, f] = o;
   z(u != null, "Invalid first pivot index"), z(f != null, "Invalid second pivot index");
@@ -393,7 +393,7 @@ function q({
         if (z(
           x != null,
           `Previous layout not found for panel index ${c}`
-        ), C(x, y)) {
+        ), R(x, y)) {
           const g = S - x;
           X(g, Math.abs(e)) > 0 && (e = e < 0 ? 0 - g : g);
         }
@@ -415,7 +415,7 @@ function q({
         if (z(
           x != null,
           `Previous layout not found for panel index ${c}`
-        ), C(x, S)) {
+        ), R(x, S)) {
           const g = x - y;
           X(g, Math.abs(e)) > 0 && (e = e < 0 ? 0 - g : g);
         }
@@ -453,7 +453,7 @@ function q({
         panelConstraints: n[d],
         size: S
       });
-      if (!C(v, x) && (p += v - x, a[d] = x, p.toFixed(3).localeCompare(Math.abs(e).toFixed(3), void 0, {
+      if (!R(v, x) && (p += v - x, a[d] = x, p.toFixed(3).localeCompare(Math.abs(e).toFixed(3), void 0, {
         numeric: !0
       }) >= 0))
         break;
@@ -472,7 +472,7 @@ function q({
       panelConstraints: n[c],
       size: y
     });
-    if (a[c] = v, !C(v, y)) {
+    if (a[c] = v, !R(v, y)) {
       let S = y - v, g = e < 0 ? f : u;
       for (; g >= 0 && g < n.length; ) {
         const w = a[g];
@@ -484,20 +484,20 @@ function q({
           panelConstraints: n[g],
           size: L
         });
-        if (C(w, P) || (S -= P - w, a[g] = P), C(S, 0))
+        if (R(w, P) || (S -= P - w, a[g] = P), R(S, 0))
           break;
         e > 0 ? g-- : g++;
       }
     }
   }
-  const m = Object.values(a).reduce(
+  const h = Object.values(a).reduce(
     (c, d) => d + c,
     0
   );
-  if (!C(m, 100, 0.1))
+  if (!R(h, 100, 0.1))
     return i;
-  const h = Object.keys(i);
-  return a.reduce((c, d, y) => (c[h[y]] = d, c), {});
+  const m = Object.keys(i);
+  return a.reduce((c, d, y) => (c[m[y]] = d, c), {});
 }
 function oe(e) {
   const t = e.parentElement;
@@ -508,7 +508,7 @@ function oe(e) {
       return o;
   throw Error("Could not find parent Group for separator element");
 }
-function V(e, t) {
+function W(e, t) {
   if (Object.keys(e).length !== Object.keys(t).length)
     return !1;
   for (const n in e)
@@ -528,7 +528,7 @@ function _({
     throw Error(
       `Invalid ${t.length} panel layout: ${o.map((r) => `${r}%`).join(", ")}`
     );
-  if (!C(i, 100) && o.length > 0)
+  if (!R(i, 100) && o.length > 0)
     for (let r = 0; r < t.length; r++) {
       const a = o[r];
       z(a != null, `No layout data found for index ${r}`);
@@ -545,7 +545,7 @@ function _({
     });
     a != u && (s += a - u, o[r] = u);
   }
-  if (!C(s, 0))
+  if (!R(s, 0))
     for (let r = 0; r < t.length; r++) {
       const a = o[r];
       z(a != null, `No layout data found for index ${r}`);
@@ -553,7 +553,7 @@ function _({
         panelConstraints: t[r],
         size: u
       });
-      if (a !== f && (s -= f - a, o[r] = f, C(s, 0)))
+      if (a !== f && (s -= f - a, o[r] = f, R(s, 0)))
         break;
     }
   const l = Object.keys(e);
@@ -585,7 +585,7 @@ function Ge({
         layout: n,
         panelConstraints: i
       });
-      return o ? l : (V(l, a) || E((u) => ({
+      return o ? l : (W(l, a) || E((u) => ({
         mountedGroups: new Map(u.mountedGroups).set(s, {
           defaultLayoutDeferred: o,
           derivedPanelConstraints: i,
@@ -600,7 +600,7 @@ function De(e) {
   const { mountedGroups: t } = G(), n = t.get(e);
   return z(n, `Mounted Group ${e.id} not found`), n;
 }
-function O(e, t) {
+function T(e, t) {
   const n = oe(e), o = De(n), i = n.separators.find(
     (p) => p.element === e
   );
@@ -618,7 +618,7 @@ function O(e, t) {
     layout: u,
     panelConstraints: o.derivedPanelConstraints
   });
-  V(a, f) || E((p) => ({
+  W(a, f) || E((p) => ({
     mountedGroups: new Map(p.mountedGroups).set(n, {
       defaultLayoutDeferred: o.defaultLayoutDeferred,
       derivedPanelConstraints: o.derivedPanelConstraints,
@@ -634,23 +634,23 @@ function ye(e) {
   if (!n.disabled)
     switch (e.key) {
       case "ArrowDown": {
-        e.preventDefault(), n.orientation === "vertical" && O(t, 5);
+        e.preventDefault(), n.orientation === "vertical" && T(t, 5);
         break;
       }
       case "ArrowLeft": {
-        e.preventDefault(), n.orientation === "horizontal" && O(t, -5);
+        e.preventDefault(), n.orientation === "horizontal" && T(t, -5);
         break;
       }
       case "ArrowRight": {
-        e.preventDefault(), n.orientation === "horizontal" && O(t, 5);
+        e.preventDefault(), n.orientation === "horizontal" && T(t, 5);
         break;
       }
       case "ArrowUp": {
-        e.preventDefault(), n.orientation === "vertical" && O(t, -5);
+        e.preventDefault(), n.orientation === "vertical" && T(t, -5);
         break;
       }
       case "End": {
-        e.preventDefault(), O(t, 100);
+        e.preventDefault(), T(t, 100);
         break;
       }
       case "Enter": {
@@ -665,8 +665,8 @@ function ye(e) {
           (p) => p.panelId === u.id
         );
         if (z(f, "Panel metadata not found"), f.collapsible) {
-          const p = s[u.id], m = f.collapsedSize === p ? o.inMemoryLastExpandedPanelSizes[u.id] ?? f.minSize : f.collapsedSize;
-          O(t, m - p);
+          const p = s[u.id], h = f.collapsedSize === p ? o.inMemoryLastExpandedPanelSizes[u.id] ?? f.minSize : f.collapsedSize;
+          T(t, h - p);
         }
         break;
       }
@@ -683,13 +683,13 @@ function ye(e) {
         break;
       }
       case "Home": {
-        e.preventDefault(), O(t, -100);
+        e.preventDefault(), T(t, -100);
         break;
       }
     }
 }
 const ut = (e) => e, re = () => {
-}, Oe = 1, Te = 2, _e = 4, Ne = 8, ge = {
+}, Te = 1, Oe = 2, _e = 4, Ne = 8, ge = {
   coarse: 10,
   precise: 5
 };
@@ -699,7 +699,7 @@ function ct(e, t, n) {
     y: 1 / 0
   };
   for (const s of t) {
-    const l = ke(n, s.rect);
+    const l = Ie(n, s.rect);
     switch (e) {
       case "horizontal": {
         l.x <= i.x && (o = s, i = l);
@@ -811,7 +811,7 @@ function $e(e, t) {
   return t.forEach((o, i) => {
     if (i.disabled)
       return;
-    const s = ft() ? ge.coarse : ge.precise, l = Ie(i), r = ct(i.orientation, l, {
+    const s = ft() ? ge.coarse : ge.precise, l = ke(i), r = ct(i.orientation, l, {
       x: e.clientX,
       y: e.clientY
     });
@@ -869,7 +869,7 @@ function St({
     return null;
   switch (n) {
     case "active": {
-      const s = (e & Oe) !== 0, l = (e & Te) !== 0, r = (e & _e) !== 0, a = (e & Ne) !== 0;
+      const s = (e & Te) !== 0, l = (e & Oe) !== 0, r = (e & _e) !== 0, a = (e & Ne) !== 0;
       if (e) {
         if (s)
           return r ? "se-resize" : a ? "ne-resize" : "e-resize";
@@ -887,7 +887,7 @@ function St({
 }
 const be = /* @__PURE__ */ new WeakMap();
 function ae(e) {
-  if (e.defaultView === null)
+  if (e.defaultView === null || e.defaultView === void 0)
     return;
   let { prevStyle: t, styleSheet: n } = be.get(e) ?? {};
   n === void 0 && (n = new e.defaultView.CSSStyleSheet(), e.adoptedStyleSheets = [n]);
@@ -926,9 +926,9 @@ function Fe({
   let l = 0;
   const r = new Map(i);
   n.forEach((a) => {
-    const { group: u, groupSize: f } = a, { disableCursor: p, orientation: m, panels: h } = u;
+    const { group: u, groupSize: f } = a, { disableCursor: p, orientation: h, panels: m } = u;
     let c = 0;
-    s ? m === "horizontal" ? c = (t.clientX - s.x) / f * 100 : c = (t.clientY - s.y) / f * 100 : m === "horizontal" ? c = t.clientX < 0 ? -100 : 100 : c = t.clientY < 0 ? -100 : 100;
+    s ? h === "horizontal" ? c = (t.clientX - s.x) / f * 100 : c = (t.clientY - s.y) / f * 100 : h === "horizontal" ? c = t.clientX < 0 ? -100 : 100 : c = t.clientY < 0 ? -100 : 100;
     const d = o.get(u), {
       defaultLayoutDeferred: y,
       derivedPanelConstraints: v,
@@ -940,15 +940,15 @@ function Fe({
         delta: c,
         initialLayout: d,
         panelConstraints: v,
-        pivotIndices: a.panels.map((w) => h.indexOf(w)),
+        pivotIndices: a.panels.map((w) => m.indexOf(w)),
         prevLayout: S,
         trigger: "mouse-or-touch"
       });
-      if (V(g, S)) {
+      if (W(g, S)) {
         if (c !== 0 && !p)
-          switch (m) {
+          switch (h) {
             case "horizontal": {
-              l |= c < 0 ? Oe : Te;
+              l |= c < 0 ? Te : Oe;
               break;
             }
             case "vertical": {
@@ -1044,19 +1044,19 @@ function Pe(e) {
       }), ae(e.currentTarget);
   }
 }
-function Ce(e) {
+function Re(e) {
   let t = 0, n = 0;
   const o = {};
   for (const s of e)
     if (s.defaultSize !== void 0) {
       t++;
-      const l = I(s.defaultSize);
+      const l = k(s.defaultSize);
       n += l, o[s.panelId] = l;
     } else
       o[s.panelId] = void 0;
   const i = e.length - t;
   if (i !== 0) {
-    const s = I((100 - n) / i);
+    const s = k((100 - n) / i);
     for (const l of e)
       l.defaultSize === void 0 && (o[l.panelId] = s);
   }
@@ -1069,10 +1069,10 @@ function xt(e, t, n) {
   const i = e.panels.find((l) => l.element === t);
   if (!i || !i.onResize)
     return;
-  const s = W({ group: e });
+  const s = V({ group: e });
   i.onResize(
     {
-      asPercentage: I(
+      asPercentage: k(
         o.inlineSize / s * 100
       ),
       inPixels: o.inlineSize
@@ -1088,8 +1088,17 @@ function zt(e, t) {
       return !1;
   return !0;
 }
+function bt(e, t) {
+  const n = e.map((i) => i.id), o = Object.keys(t);
+  if (n.length !== o.length)
+    return !1;
+  for (const i of n)
+    if (!o.includes(i))
+      return !1;
+  return !0;
+}
 const j = /* @__PURE__ */ new Map();
-function bt(e) {
+function wt(e) {
   let t = !0;
   z(
     e.element.ownerDocument.defaultView,
@@ -1100,16 +1109,16 @@ function bt(e) {
       const { borderBoxSize: y, target: v } = d;
       if (v === e.element) {
         if (t) {
-          if (W({ group: e }) === 0)
+          if (V({ group: e }) === 0)
             return;
           E((x) => {
             const g = x.mountedGroups.get(e);
             if (g) {
-              const w = me(e), L = g.defaultLayoutDeferred ? Ce(w) : g.layout, P = _({
+              const w = me(e), L = g.defaultLayoutDeferred ? Re(w) : g.layout, P = _({
                 layout: L,
                 panelConstraints: w
               });
-              return !g.defaultLayoutDeferred && V(L, P) && zt(
+              return !g.defaultLayoutDeferred && W(L, P) && zt(
                 g.derivedPanelConstraints,
                 w
               ) ? x : {
@@ -1134,19 +1143,19 @@ function bt(e) {
       `Panel ids must be unique; id "${c.id}" was used more than once`
     ), o.add(c.id), c.onResize && s.observe(c.element);
   });
-  const l = W({ group: e }), r = me(e), a = e.panels.map(({ id: c }) => c).join(",");
+  const l = V({ group: e }), r = me(e), a = e.panels.map(({ id: c }) => c).join(",");
   let u = e.defaultLayout;
-  u && e.panels.length !== Object.keys(u).length && (u = void 0);
-  const f = e.inMemoryLayouts[a] ?? u ?? Ce(r), p = _({
+  u && (bt(e.panels, u) || (u = void 0));
+  const f = e.inMemoryLayouts[a] ?? u ?? Re(r), p = _({
     layout: f,
     panelConstraints: r
-  }), m = Ie(e), h = e.element.ownerDocument;
+  }), h = ke(e), m = e.element.ownerDocument;
   return E((c) => {
     const d = /* @__PURE__ */ new Map();
     return j.set(
-      h,
-      (j.get(h) ?? 0) + 1
-    ), m.forEach((y) => {
+      m,
+      (j.get(m) ?? 0) + 1
+    ), h.forEach((y) => {
       y.separator && d.set(y.separator, y.panels);
     }), {
       mountedGroups: new Map(c.mountedGroups).set(e, {
@@ -1161,23 +1170,23 @@ function bt(e) {
       !i.has(c.id),
       `Separator ids must be unique; id "${c.id}" was used more than once`
     ), i.add(c.id), c.element.addEventListener("keydown", ye);
-  }), j.get(h) === 1 && (h.addEventListener("pointerdown", ze), h.addEventListener("pointerleave", we), h.addEventListener("pointermove", Le), h.addEventListener("pointerup", Pe)), function() {
+  }), j.get(m) === 1 && (m.addEventListener("pointerdown", ze), m.addEventListener("pointerleave", we), m.addEventListener("pointermove", Le), m.addEventListener("pointerup", Pe)), function() {
     t = !1, j.set(
-      h,
-      Math.max(0, (j.get(h) ?? 0) - 1)
+      m,
+      Math.max(0, (j.get(m) ?? 0) - 1)
     ), E((d) => {
       const y = new Map(d.mountedGroups);
       return y.delete(e), { mountedGroups: y };
     }), e.separators.forEach((d) => {
       d.element.removeEventListener("keydown", ye);
-    }), j.get(h) || (h.removeEventListener("pointerdown", ze), h.removeEventListener("pointerleave", we), h.removeEventListener("pointermove", Le), h.removeEventListener("pointerup", Pe)), s.disconnect();
+    }), j.get(m) || (m.removeEventListener("pointerdown", ze), m.removeEventListener("pointerleave", we), m.removeEventListener("pointermove", Le), m.removeEventListener("pointerup", Pe)), s.disconnect();
   };
 }
 function le(e) {
   const t = Ke();
   return `${e ?? t}`;
 }
-const N = typeof window < "u" ? Xe : Re;
+const N = typeof window < "u" ? Xe : Ce;
 function ue(e) {
   const t = D(e);
   return N(() => {
@@ -1201,7 +1210,7 @@ function ce(...e) {
     });
   });
 }
-function wt(e) {
+function Lt(e) {
   const t = D({ ...e });
   return N(() => {
     for (const n in e)
@@ -1214,7 +1223,7 @@ function je(e, t) {
   return `--react-resizable-panels--${n}--${o}`;
 }
 const Be = Ye(null);
-function Lt(e, t) {
+function Pt(e, t) {
   const n = D({
     getLayout: () => ({}),
     setLayout: ut
@@ -1240,13 +1249,13 @@ function Ot({
   style: f,
   ...p
 }) {
-  const m = D({}), h = ue((b) => {
-    V(m.current, b) || (m.current = b, a?.(b));
-  }), c = le(r), [d, y] = k(!1), [v, S] = k(null), [x, g] = k(n ?? {}), [w, L] = k([]), [P, Y] = k([]), Z = D({
+  const h = D({}), m = ue((b) => {
+    W(h.current, b) || (h.current = b, a?.(b));
+  }), c = le(r), [d, y] = I(!1), [v, S] = I(null), [x, g] = I(n ?? {}), [w, L] = I([]), [P, Y] = I([]), Z = D({
     lastExpandedPanelSizes: {},
     layouts: {}
   }), J = ce(S, s);
-  Lt(c, l);
+  Pt(c, l);
   const Q = ie(
     () => ({
       id: c,
@@ -1263,7 +1272,7 @@ function Ot({
       })
     }),
     [c, u]
-  ), A = wt({
+  ), A = Lt({
     defaultLayout: n,
     disableCursor: o
   }), U = D(null);
@@ -1283,12 +1292,12 @@ function Ot({
       separators: P
     };
     U.current = b;
-    const M = bt(b), pe = G().mountedGroups.get(b);
+    const M = wt(b), pe = G().mountedGroups.get(b);
     if (pe) {
       const { defaultLayoutDeferred: F, derivedPanelConstraints: H, layout: ee } = pe;
-      !F && H.length > 0 && (g(ee), h?.(ee));
+      !F && H.length > 0 && (g(ee), m?.(ee));
     }
-    const We = T.addListener(
+    const Ve = O.addListener(
       "interactionStateChange",
       (F) => {
         switch (F.state) {
@@ -1306,7 +1315,7 @@ function Ot({
           }
         }
       }
-    ), Ve = T.addListener(
+    ), We = O.addListener(
       "mountedGroupsChange",
       (F) => {
         const H = F.get(b);
@@ -1314,23 +1323,23 @@ function Ot({
           const { defaultLayoutDeferred: ee, derivedPanelConstraints: Ue, layout: he } = H;
           if (ee || Ue.length === 0)
             return;
-          g(he), h?.(he);
+          g(he), m?.(he);
         }
       }
     );
     return () => {
-      U.current = null, M(), We(), Ve();
+      U.current = null, M(), Ve(), We();
     };
   }, [
     i,
     v,
     c,
-    h,
+    m,
     u,
     w,
     P,
     A
-  ]), Re(() => {
+  ]), Ce(() => {
     const b = U.current;
     b && (b.defaultLayout = n, b.disableCursor = !!o);
   });
@@ -1362,7 +1371,7 @@ function Ot({
     }
   ) });
 }
-function Pt(e, t = 10) {
+function Rt(e, t = 10) {
   let n = null;
   return (o) => {
     n !== null && clearTimeout(n), n = setTimeout(() => {
@@ -1373,13 +1382,13 @@ function Pt(e, t = 10) {
 function Ct(e) {
   return `react-resizable-panels:${e}`;
 }
-function Tt({
+function _t({
   debounceSaveMs: e = 100,
   storage: t,
   ...n
 }) {
   const o = "id" in n ? n.id : n.groupId, i = Ct(o), s = Ze(
-    Rt,
+    Et,
     () => t.getItem(i),
     () => t.getItem(i)
   ), l = ie(
@@ -1393,21 +1402,21 @@ function Tt({
         console.error(f);
       }
     };
-    return e > 0 ? Pt(a, e) : a;
+    return e > 0 ? Rt(a, e) : a;
   }, [e, t, i]);
   return {
     defaultLayout: l,
     onLayoutChange: r
   };
 }
-function Rt() {
+function Et() {
   return function() {
   };
 }
-function _t() {
-  return k(null);
-}
 function Nt() {
+  return I(null);
+}
+function At() {
   return D(null);
 }
 function fe() {
@@ -1417,7 +1426,7 @@ function fe() {
     "Group Context not found; did you render a Panel or Separator outside of a Group?"
   ), e;
 }
-function Et({
+function Mt({
   groupId: e,
   panelId: t
 }) {
@@ -1429,7 +1438,7 @@ function Et({
         defaultLayoutDeferred: u,
         derivedPanelConstraints: f,
         layout: p,
-        separatorToPanels: m
+        separatorToPanels: h
       }
     ] of r)
       if (a.id === e)
@@ -1438,7 +1447,7 @@ function Et({
           derivedPanelConstraints: f,
           group: a,
           layout: p,
-          separatorToPanels: m
+          separatorToPanels: h
         };
     throw Error(`Group ${e} not found`);
   }, o = () => {
@@ -1466,36 +1475,39 @@ function Et({
       defaultLayoutDeferred: u,
       derivedPanelConstraints: f,
       group: p,
-      layout: m,
-      separatorToPanels: h
+      layout: h,
+      separatorToPanels: m
     } = n(), c = p.panels.findIndex((S) => S.id === t), d = c === p.panels.length - 1, y = q({
       delta: d ? a - r : r - a,
-      initialLayout: m,
+      initialLayout: h,
       panelConstraints: f,
       pivotIndices: d ? [c - 1, c] : [c, c + 1],
-      prevLayout: m,
+      prevLayout: h,
       trigger: "imperative-api"
     }), v = _({
       layout: y,
       panelConstraints: f
     });
-    V(m, v) || E((S) => ({
+    W(h, v) || E((S) => ({
       mountedGroups: new Map(S.mountedGroups).set(p, {
         defaultLayoutDeferred: u,
         derivedPanelConstraints: f,
         layout: v,
-        separatorToPanels: h
+        separatorToPanels: m
       })
     }));
   };
   return {
     collapse: () => {
-      const { collapsible: r, collapsedSize: a } = o(), u = s();
-      r && u !== a && l(a);
+      const { collapsible: r, collapsedSize: a } = o(), { expandToSizeRef: u } = i(), f = s();
+      r && f !== a && (u.current = f, l(a));
     },
     expand: () => {
-      const { collapsible: r, collapsedSize: a, minSize: u } = o(), f = s();
-      r && f === a && l(u);
+      const { collapsible: r, collapsedSize: a, minSize: u } = o(), { expandToSizeRef: f } = i(), p = s();
+      if (r && p === a) {
+        let h = f.current ?? u;
+        h === 0 && (h = 1), l(h);
+      }
     },
     getSize: () => {
       const { group: r } = n(), a = s(), { element: u } = i(), f = r.orientation === "horizontal" ? u.offsetWidth : u.offsetHeight;
@@ -1506,15 +1518,15 @@ function Et({
     },
     isCollapsed: () => {
       const { collapsible: r, collapsedSize: a } = o(), u = s();
-      return r && C(a, u);
+      return r && R(a, u);
     },
     resize: (r) => {
       if (s() !== r) {
         let u;
         switch (typeof r) {
           case "number": {
-            const { group: f } = n(), p = W({ group: f });
-            u = I(r / p * 100);
+            const { group: f } = n(), p = V({ group: f });
+            u = k(r / p * 100);
             break;
           }
           case "string": {
@@ -1527,7 +1539,7 @@ function Et({
     }
   };
 }
-function Mt(e, t) {
+function It(e, t) {
   const { id: n } = fe(), o = D({
     collapse: re,
     expand: re,
@@ -1541,11 +1553,11 @@ function Mt(e, t) {
   Ee(t, () => o.current, []), N(() => {
     Object.assign(
       o.current,
-      Et({ groupId: n, panelId: e })
+      Mt({ groupId: n, panelId: e })
     );
   });
 }
-function At({
+function $t({
   children: e,
   className: t,
   collapsedSize: n = "0%",
@@ -1558,17 +1570,18 @@ function At({
   onResize: u,
   panelRef: f,
   style: p,
-  ...m
+  ...h
 }) {
-  const h = !!l, c = le(l), [d, y] = k(null), v = ce(y, s), { id: S, registerPanel: x } = fe(), g = u !== null, w = ue((P) => {
+  const m = !!l, c = le(l), [d, y] = I(null), v = ce(y, s), { id: S, registerPanel: x } = fe(), g = u !== null, w = ue((P) => {
     u?.(P, l);
   });
   N(() => {
     if (d !== null)
       return x({
         element: d,
+        expandToSizeRef: { current: void 0 },
         id: c,
-        idIsStable: h,
+        idIsStable: m,
         onResize: g ? w : void 0,
         panelConstraints: {
           collapsedSize: n,
@@ -1585,17 +1598,17 @@ function At({
     d,
     g,
     c,
-    h,
+    m,
     r,
     a,
     w,
     x
-  ]), Mt(c, f);
+  ]), It(c, f);
   const L = je(S, c);
   return /* @__PURE__ */ K(
     "div",
     {
-      ...m,
+      ...h,
       "data-panel": !0,
       "data-testid": c,
       id: c,
@@ -1642,13 +1655,13 @@ const kt = {
   padding: "unset",
   margin: "unset"
 };
-function $t() {
-  return k(null);
-}
 function Ft() {
+  return I(null);
+}
+function Ht() {
   return D(null);
 }
-function It({
+function Gt({
   layout: e,
   panelConstraints: t,
   panelId: n,
@@ -1689,7 +1702,7 @@ function It({
     valueNow: l
   };
 }
-function Ht({
+function jt({
   children: e,
   className: t,
   elementRef: n,
@@ -1697,7 +1710,7 @@ function Ht({
   style: i,
   ...s
 }) {
-  const l = le(o), [r, a] = k({}), [u, f] = k("inactive"), [p, m] = k(null), h = ce(m, n), {
+  const l = le(o), [r, a] = I({}), [u, f] = I("inactive"), [p, h] = I(null), m = ce(h, n), {
     id: c,
     orientation: d,
     registerSeparator: y
@@ -1707,7 +1720,7 @@ function Ht({
       const S = {
         element: p,
         id: l
-      }, x = y(S), g = T.addListener(
+      }, x = y(S), g = O.addListener(
         "interactionStateChange",
         (L) => {
           f(
@@ -1716,7 +1729,7 @@ function Ht({
             ) ? L.state : "inactive"
           );
         }
-      ), w = T.addListener(
+      ), w = O.addListener(
         "mountedGroupsChange",
         (L) => {
           L.forEach(
@@ -1726,7 +1739,7 @@ function Ht({
                 if (Q) {
                   const A = Q[0], U = J.panels.indexOf(A);
                   a(
-                    It({
+                    Gt({
                       layout: Y,
                       panelConstraints: P,
                       panelId: A.id,
@@ -1757,7 +1770,7 @@ function Ht({
       "data-separator": u,
       "data-testid": l,
       id: l,
-      ref: h,
+      ref: m,
       role: "separator",
       style: {
         flexBasis: "auto",
@@ -1771,12 +1784,12 @@ function Ht({
 }
 export {
   Ot as Group,
-  At as Panel,
-  Ht as Separator,
-  Tt as useDefaultLayout,
-  _t as useGroupCallbackRef,
-  Nt as useGroupRef,
-  $t as usePanelCallbackRef,
-  Ft as usePanelRef
+  $t as Panel,
+  jt as Separator,
+  _t as useDefaultLayout,
+  Nt as useGroupCallbackRef,
+  At as useGroupRef,
+  Ft as usePanelCallbackRef,
+  Ht as usePanelRef
 };
 //# sourceMappingURL=react-resizable-panels.js.map