react-resizable-panels 4.0.8 → 4.0.9

package/dist/react-resizable-panels.js

@@ -1,47 +1,47 @@
 "use client";
-import { jsx as B } from "react/jsx-runtime";
-import { useId as Ne, useLayoutEffect as _e, useEffect as Fe, useRef as T, useCallback as ze, createContext as He, useImperativeHandle as be, useState as G, useMemo as Le, useSyncExternalStore as We, useContext as je } from "react";
+import { jsx as K } from "react/jsx-runtime";
+import { useId as Ke, useLayoutEffect as Xe, useEffect as Re, useRef as O, useCallback as Ee, createContext as Ye, useImperativeHandle as Me, useState as G, useMemo as Ge, useSyncExternalStore as qe, useContext as Ze } from "react";
 function z(e, t = "Assertion error") {
   if (!e)
     throw Error(t);
 }
-function H({
+function B({
   group: e
 }) {
   const { orientation: t, panels: n } = e;
-  return n.reduce((o, r) => (o += t === "horizontal" ? r.element.offsetWidth : r.element.offsetHeight, o), 0);
+  return n.reduce((o, s) => (o += t === "horizontal" ? s.element.offsetWidth : s.element.offsetHeight, o), 0);
 }
-function re(e, t) {
+function se(e, t) {
   return t.sort(
-    e === "horizontal" ? Be : Ue
+    e === "horizontal" ? Je : Qe
   );
 }
-function Be(e, t) {
+function Je(e, t) {
   const n = e.element.offsetLeft - t.element.offsetLeft;
   return n !== 0 ? n : e.element.offsetWidth - t.element.offsetWidth;
 }
-function Ue(e, t) {
+function Qe(e, t) {
   const n = e.element.offsetTop - t.element.offsetTop;
   return n !== 0 ? n : e.element.offsetHeight - t.element.offsetHeight;
 }
-function we(e) {
-  const { element: t, orientation: n, panels: o, separators: r } = e, a = re(
+function Ie(e) {
+  const { element: t, orientation: n, panels: o, separators: s } = e, a = se(
     n,
-    Array.from(t.children).filter((l) => l instanceof HTMLElement).map((l) => ({ element: l }))
-  ).map(({ element: l }) => l), u = [];
-  let i, s;
-  for (const l of a) {
+    Array.from(t.children).filter((u) => u instanceof HTMLElement).map((u) => ({ element: u }))
+  ).map(({ element: u }) => u), l = [];
+  let i, r;
+  for (const u of a) {
     const c = o.find(
-      (d) => d.element === l
+      (d) => d.element === u
     );
     if (c) {
       if (i) {
-        const d = i.element.getBoundingClientRect(), x = l.getBoundingClientRect();
-        u.push({
+        const d = i.element.getBoundingClientRect(), x = u.getBoundingClientRect();
+        l.push({
           group: e,
-          groupSize: H({ group: e }),
+          groupSize: B({ group: e }),
           panels: [i, c],
-          separator: s,
+          separator: r,
           rect: n === "horizontal" ? new DOMRect(
             d.right,
             x.top,
@@ -55,31 +55,31 @@ function we(e) {
           )
         });
       }
-      i = c, s = void 0;
+      i = c, r = void 0;
     } else {
-      const d = r.find(
-        (x) => x.element === l
+      const d = s.find(
+        (x) => x.element === u
       );
-      d ? s = d : (i = void 0, s = void 0);
+      d ? r = d : (i = void 0, r = void 0);
     }
   }
-  return u;
+  return l;
 }
-function Ke(e, t) {
+function et(e, t) {
   const n = getComputedStyle(e), o = parseFloat(n.fontSize);
   return t * o;
 }
-function Ve(e, t) {
+function tt(e, t) {
   const n = getComputedStyle(e.ownerDocument.body), o = parseFloat(n.fontSize);
   return t * o;
 }
-function Xe(e) {
+function nt(e) {
   return e / 100 * window.innerHeight;
 }
-function Ye(e) {
+function ot(e) {
   return e / 100 * window.innerWidth;
 }
-function qe(e) {
+function it(e) {
   switch (typeof e) {
     case "number":
       return [e, "px"];
@@ -89,36 +89,36 @@ function qe(e) {
     }
   }
 }
-function Q({
+function te({
   groupSize: e,
   panelElement: t,
   styleProp: n
 }) {
   let o;
-  const [r, a] = qe(n);
+  const [s, a] = it(n);
   switch (a) {
     case "%": {
-      o = r / 100 * e;
+      o = s / 100 * e;
       break;
     }
     case "px": {
-      o = r;
+      o = s;
       break;
     }
     case "rem": {
-      o = Ve(t, r);
+      o = tt(t, s);
       break;
     }
     case "em": {
-      o = Ke(t, r);
+      o = et(t, s);
       break;
     }
     case "vh": {
-      o = Xe(r);
+      o = nt(s);
       break;
     }
     case "vw": {
-      o = Ye(r);
+      o = ot(s);
       break;
     }
   }
@@ -127,8 +127,8 @@ function Q({
 function I(e) {
   return parseFloat(e.toFixed(3));
 }
-function pe(e) {
-  const { panels: t } = e, n = H({ group: e });
+function ye(e) {
+  const { panels: t } = e, n = B({ group: e });
   return n === 0 ? t.map((o) => ({
     collapsedSize: 0,
     collapsible: o.panelConstraints.collapsible === !0,
@@ -137,54 +137,54 @@ function pe(e) {
     maxSize: 100,
     panelId: o.id
   })) : t.map((o) => {
-    const { element: r, panelConstraints: a } = o;
-    let u = 0;
+    const { element: s, panelConstraints: a } = o;
+    let l = 0;
     if (a.collapsedSize) {
-      const c = Q({
+      const c = te({
         groupSize: n,
-        panelElement: r,
+        panelElement: s,
         styleProp: a.collapsedSize
       });
-      u = I(c / n * 100);
+      l = I(c / n * 100);
     }
     let i;
     if (a.defaultSize) {
-      const c = Q({
+      const c = te({
         groupSize: n,
-        panelElement: r,
+        panelElement: s,
         styleProp: a.defaultSize
       });
       i = I(c / n * 100);
     }
-    let s = 0;
+    let r = 0;
     if (a.minSize) {
-      const c = Q({
+      const c = te({
         groupSize: n,
-        panelElement: r,
+        panelElement: s,
         styleProp: a.minSize
       });
-      s = I(c / n * 100);
+      r = I(c / n * 100);
     }
-    let l = 100;
+    let u = 100;
     if (a.maxSize) {
-      const c = Q({
+      const c = te({
         groupSize: n,
-        panelElement: r,
+        panelElement: s,
         styleProp: a.maxSize
       });
-      l = I(c / n * 100);
+      u = I(c / n * 100);
     }
     return {
-      collapsedSize: u,
+      collapsedSize: l,
       collapsible: a.collapsible === !0,
       defaultSize: i,
-      minSize: s,
-      maxSize: l,
+      minSize: r,
+      maxSize: u,
       panelId: o.id
     };
   });
 }
-class Ze {
+class rt {
   #e = {};
   addListener(t, n) {
     const o = this.#e[t];
@@ -198,17 +198,17 @@ class Ze {
       if (o.length === 1)
         o[0].call(null, n);
       else {
-        let r = !1, a = null;
-        const u = Array.from(o);
-        for (let i = 0; i < u.length; i++) {
-          const s = u[i];
+        let s = !1, a = null;
+        const l = Array.from(o);
+        for (let i = 0; i < l.length; i++) {
+          const r = l[i];
           try {
-            s.call(null, n);
-          } catch (l) {
-            a === null && (r = !0, a = l);
+            r.call(null, n);
+          } catch (u) {
+            a === null && (s = !0, a = u);
           }
         }
-        if (r)
+        if (s)
           throw a;
       }
   }
@@ -218,8 +218,8 @@ class Ze {
   removeListener(t, n) {
     const o = this.#e[t];
     if (o !== void 0) {
-      const r = o.indexOf(n);
-      r >= 0 && o.splice(r, 1);
+      const s = o.indexOf(n);
+      s >= 0 && o.splice(s, 1);
     }
   }
 }
@@ -233,11 +233,11 @@ let R = {
   },
   mountedGroups: /* @__PURE__ */ new Map()
 };
-const A = new Ze();
-function O() {
+const _ = new rt();
+function D() {
   return R;
 }
-function C(e) {
+function E(e) {
   const t = typeof e == "function" ? e(R) : e;
   if (R === t)
     return R;
@@ -245,35 +245,35 @@ function C(e) {
   return R = {
     ...R,
     ...t
-  }, t.cursorFlags !== void 0 && A.emit("cursorFlagsChange", R.cursorFlags), t.interactionState !== void 0 && A.emit("interactionStateChange", R.interactionState), t.mountedGroups !== void 0 && (R.mountedGroups.forEach((o, r) => {
+  }, t.cursorFlags !== void 0 && _.emit("cursorFlagsChange", R.cursorFlags), t.interactionState !== void 0 && _.emit("interactionStateChange", R.interactionState), t.mountedGroups !== void 0 && (R.mountedGroups.forEach((o, s) => {
     o.derivedPanelConstraints.forEach((a) => {
       if (a.collapsible) {
-        const { layout: u } = n.mountedGroups.get(r) ?? {};
-        if (u) {
+        const { layout: l } = n.mountedGroups.get(s) ?? {};
+        if (l) {
           const i = P(
             a.collapsedSize,
             o.layout[a.panelId]
-          ), s = P(
+          ), r = P(
             a.collapsedSize,
-            u[a.panelId]
+            l[a.panelId]
           );
-          i && !s && (r.inMemoryLastExpandedPanelSizes[a.panelId] = u[a.panelId]);
+          i && !r && (s.inMemoryLastExpandedPanelSizes[a.panelId] = l[a.panelId]);
         }
       }
     });
-  }), A.emit("mountedGroupsChange", R.mountedGroups)), R;
+  }), _.emit("mountedGroupsChange", R.mountedGroups)), R;
 }
-const Je = (e) => e, ie = () => {
-}, Pe = 1, Ee = 2, Re = 4, Ce = 8, me = {
+const st = (e) => e, ie = () => {
+}, ke = 1, De = 2, Oe = 4, Te = 8, ge = {
   coarse: 10,
   precise: 5
 };
-function Qe({
+function at({
   cursorFlags: e,
   groups: t,
   state: n
 }) {
-  let o = 0, r = 0;
+  let o = 0, s = 0;
   switch (n) {
     case "active":
     case "hover":
@@ -285,56 +285,56 @@ function Qe({
               break;
             }
             case "vertical": {
-              r++;
+              s++;
               break;
             }
           }
       });
   }
-  if (o === 0 && r === 0)
+  if (o === 0 && s === 0)
     return null;
   switch (n) {
     case "active": {
-      const a = (e & Pe) !== 0, u = (e & Ee) !== 0, i = (e & Re) !== 0, s = (e & Ce) !== 0;
+      const a = (e & ke) !== 0, l = (e & De) !== 0, i = (e & Oe) !== 0, r = (e & Te) !== 0;
       if (e) {
         if (a)
-          return i ? "se-resize" : s ? "ne-resize" : "e-resize";
-        if (u)
-          return i ? "sw-resize" : s ? "nw-resize" : "w-resize";
+          return i ? "se-resize" : r ? "ne-resize" : "e-resize";
+        if (l)
+          return i ? "sw-resize" : r ? "nw-resize" : "w-resize";
         if (i)
           return "s-resize";
-        if (s)
+        if (r)
           return "n-resize";
       }
       break;
     }
   }
-  return o > 0 && r > 0 ? "move" : o > 0 ? "ew-resize" : "ns-resize";
+  return o > 0 && s > 0 ? "move" : o > 0 ? "ew-resize" : "ns-resize";
 }
-let se, k;
+let re, k;
 function le() {
   k === void 0 && (k = new CSSStyleSheet(), document.adoptedStyleSheets = [k]);
-  const { cursorFlags: e, interactionState: t } = O();
+  const { cursorFlags: e, interactionState: t } = D();
   switch (t.state) {
     case "active":
     case "hover": {
-      const n = Qe({
+      const n = at({
         cursorFlags: e,
-        groups: t.hitRegions.map((r) => r.group),
+        groups: t.hitRegions.map((s) => s.group),
         state: t.state
       }), o = `*{cursor: ${n} !important; ${t.state === "active" ? "touch-action: none;" : ""} }`;
-      if (se === o)
+      if (re === o)
         return;
-      se = o, n ? k.cssRules.length === 0 ? k.insertRule(o) : k.replaceSync(o) : k.cssRules.length === 1 && k.deleteRule(0);
+      re = o, n ? k.cssRules.length === 0 ? k.insertRule(o) : k.replaceSync(o) : k.cssRules.length === 1 && k.deleteRule(0);
       break;
     }
     case "inactive": {
-      se = void 0, k.cssRules.length === 1 && k.deleteRule(0);
+      re = void 0, k.cssRules.length === 1 && k.deleteRule(0);
       break;
     }
   }
 }
-function et(e, t) {
+function lt(e, t) {
   if (e.length !== t.length)
     return !1;
   for (let n = 0; n < e.length; n++)
@@ -342,237 +342,239 @@ function et(e, t) {
       return !1;
   return !0;
 }
-function U(e, t) {
+function X(e, t) {
   return P(e, t) ? 0 : e > t ? 1 : -1;
 }
-function F({
+function j({
   panelConstraints: e,
   size: t
 }) {
   const {
     collapsedSize: n = 0,
     collapsible: o,
-    maxSize: r = 100,
+    maxSize: s = 100,
     minSize: a = 0
   } = e;
-  if (U(t, a) < 0)
+  if (X(t, a) < 0)
     if (o) {
-      const u = (n + a) / 2;
-      U(t, u) < 0 ? t = n : t = a;
+      const l = (n + a) / 2;
+      X(t, l) < 0 ? t = n : t = a;
     } else
       t = a;
-  return t = Math.min(r, t), t = I(t), t;
+  return t = Math.min(s, t), t = I(t), t;
 }
-function K({
+function Y({
   delta: e,
   initialLayout: t,
   panelConstraints: n,
   pivotIndices: o,
-  prevLayout: r,
+  prevLayout: s,
   trigger: a
 }) {
   if (P(e, 0))
     return t;
-  const u = Object.values(t), i = Object.values(r), s = [...u], [l, c] = o;
-  z(l != null, "Invalid first pivot index"), z(c != null, "Invalid second pivot index");
+  const l = Object.values(t), i = Object.values(s), r = [...l], [u, c] = o;
+  z(u != null, "Invalid first pivot index"), z(c != null, "Invalid second pivot index");
   let d = 0;
   if (a === "keyboard") {
     {
-      const f = e < 0 ? c : l, p = n[f];
+      const f = e < 0 ? c : u, p = n[f];
       z(
         p,
         `Panel constraints not found for index ${f}`
       );
       const {
         collapsedSize: h = 0,
-        collapsible: g,
-        minSize: S = 0
+        collapsible: v,
+        minSize: g = 0
       } = p;
-      if (g) {
-        const y = u[f];
+      if (v) {
+        const S = l[f];
         if (z(
-          y != null,
+          S != null,
           `Previous layout not found for panel index ${f}`
-        ), P(y, h)) {
-          const v = S - y;
-          U(v, Math.abs(e)) > 0 && (e = e < 0 ? 0 - v : v);
+        ), P(S, h)) {
+          const y = g - S;
+          X(y, Math.abs(e)) > 0 && (e = e < 0 ? 0 - y : y);
         }
       }
     }
     {
-      const f = e < 0 ? l : c, p = n[f];
+      const f = e < 0 ? u : c, p = n[f];
       z(
         p,
         `No panel constraints found for index ${f}`
       );
       const {
         collapsedSize: h = 0,
-        collapsible: g,
-        minSize: S = 0
+        collapsible: v,
+        minSize: g = 0
       } = p;
-      if (g) {
-        const y = u[f];
+      if (v) {
+        const S = l[f];
         if (z(
-          y != null,
+          S != null,
           `Previous layout not found for panel index ${f}`
-        ), P(y, S)) {
-          const v = y - h;
-          U(v, Math.abs(e)) > 0 && (e = e < 0 ? 0 - v : v);
+        ), P(S, g)) {
+          const y = S - h;
+          X(y, Math.abs(e)) > 0 && (e = e < 0 ? 0 - y : y);
         }
       }
     }
   }
   {
     const f = e < 0 ? 1 : -1;
-    let p = e < 0 ? c : l, h = 0;
+    let p = e < 0 ? c : u, h = 0;
     for (; ; ) {
-      const S = u[p];
+      const g = l[p];
       z(
-        S != null,
+        g != null,
         `Previous layout not found for panel index ${p}`
       );
-      const v = F({
+      const y = j({
         panelConstraints: n[p],
         size: 100
-      }) - S;
-      if (h += v, p += f, p < 0 || p >= n.length)
+      }) - g;
+      if (h += y, p += f, p < 0 || p >= n.length)
         break;
     }
-    const g = Math.min(Math.abs(e), Math.abs(h));
-    e = e < 0 ? 0 - g : g;
+    const v = Math.min(Math.abs(e), Math.abs(h));
+    e = e < 0 ? 0 - v : v;
   }
   {
-    let p = e < 0 ? l : c;
+    let p = e < 0 ? u : c;
     for (; p >= 0 && p < n.length; ) {
-      const h = Math.abs(e) - Math.abs(d), g = u[p];
+      const h = Math.abs(e) - Math.abs(d), v = l[p];
       z(
-        g != null,
+        v != null,
         `Previous layout not found for panel index ${p}`
       );
-      const S = g - h, y = F({
+      const g = v - h, S = j({
         panelConstraints: n[p],
-        size: S
+        size: g
       });
-      if (!P(g, y) && (d += g - y, s[p] = y, d.toFixed(3).localeCompare(Math.abs(e).toFixed(3), void 0, {
+      if (!P(v, S) && (d += v - S, r[p] = S, d.toFixed(3).localeCompare(Math.abs(e).toFixed(3), void 0, {
         numeric: !0
       }) >= 0))
         break;
       e < 0 ? p-- : p++;
     }
   }
-  if (et(i, s))
-    return r;
+  if (lt(i, r))
+    return s;
   {
-    const f = e < 0 ? c : l, p = u[f];
+    const f = e < 0 ? c : u, p = l[f];
     z(
       p != null,
       `Previous layout not found for panel index ${f}`
     );
-    const h = p + d, g = F({
+    const h = p + d, v = j({
       panelConstraints: n[f],
       size: h
     });
-    if (s[f] = g, !P(g, h)) {
-      let S = h - g, v = e < 0 ? c : l;
-      for (; v >= 0 && v < n.length; ) {
-        const L = s[v];
+    if (r[f] = v, !P(v, h)) {
+      let g = h - v, y = e < 0 ? c : u;
+      for (; y >= 0 && y < n.length; ) {
+        const b = r[y];
         z(
-          L != null,
-          `Previous layout not found for panel index ${v}`
+          b != null,
+          `Previous layout not found for panel index ${y}`
         );
-        const w = L + S, E = F({
-          panelConstraints: n[v],
-          size: w
+        const L = b + g, C = j({
+          panelConstraints: n[y],
+          size: L
         });
-        if (P(L, E) || (S -= E - L, s[v] = E), P(S, 0))
+        if (P(b, C) || (g -= C - b, r[y] = C), P(g, 0))
           break;
-        e > 0 ? v-- : v++;
+        e > 0 ? y-- : y++;
       }
     }
   }
-  const x = Object.values(s).reduce(
+  const x = Object.values(r).reduce(
     (f, p) => p + f,
     0
   );
   if (!P(x, 100, 0.1))
-    return r;
-  const m = Object.keys(r);
-  return s.reduce((f, p, h) => (f[m[h]] = p, f), {});
+    return s;
+  const m = Object.keys(s);
+  return r.reduce((f, p, h) => (f[m[h]] = p, f), {});
 }
-function W(e, t) {
+function U(e, t) {
   if (Object.keys(e).length !== Object.keys(t).length)
     return !1;
   for (const n in e)
-    if (U(e[n], t[n]) !== 0)
+    if (t[n] === void 0 || X(e[n], t[n]) !== 0)
       return !1;
   return !0;
 }
-function Me({
+function _e({
   event: e,
   hitRegions: t,
   initialLayoutMap: n,
   mountedGroups: o,
-  pointerDownAtPoint: r
+  pointerDownAtPoint: s
 }) {
   let a = 0;
-  const u = new Map(o);
+  const l = new Map(o);
   t.forEach((i) => {
-    const { group: s, groupSize: l } = i, { disableCursor: c, orientation: d, panels: x } = s;
+    const { group: r, groupSize: u } = i, { disableCursor: c, orientation: d, panels: x } = r;
     let m = 0;
-    r ? d === "horizontal" ? m = (e.clientX - r.x) / l * 100 : m = (e.clientY - r.y) / l * 100 : d === "horizontal" ? m = e.clientX < 0 ? -100 : 100 : m = e.clientY < 0 ? -100 : 100;
-    const f = n.get(s), {
-      derivedPanelConstraints: p,
-      layout: h,
+    s ? d === "horizontal" ? m = (e.clientX - s.x) / u * 100 : m = (e.clientY - s.y) / u * 100 : d === "horizontal" ? m = e.clientX < 0 ? -100 : 100 : m = e.clientY < 0 ? -100 : 100;
+    const f = n.get(r), {
+      defaultLayoutDeferred: p,
+      derivedPanelConstraints: h,
+      layout: v,
       separatorToPanels: g
-    } = o.get(s) ?? {};
-    if (p && f && h && g) {
-      const S = K({
+    } = o.get(r) ?? { defaultLayoutDeferred: !1 };
+    if (h && f && v && g) {
+      const S = Y({
         delta: m,
         initialLayout: f,
-        panelConstraints: p,
+        panelConstraints: h,
         pivotIndices: i.panels.map((y) => x.indexOf(y)),
-        prevLayout: h,
+        prevLayout: v,
         trigger: "mouse-or-touch"
       });
-      if (W(S, h)) {
+      if (U(S, v)) {
         if (m !== 0 && !c)
           switch (d) {
             case "horizontal": {
-              a |= m < 0 ? Pe : Ee;
+              a |= m < 0 ? ke : De;
               break;
             }
             case "vertical": {
-              a |= m < 0 ? Re : Ce;
+              a |= m < 0 ? Oe : Te;
               break;
             }
           }
       } else {
-        u.set(i.group, {
-          derivedPanelConstraints: p,
+        l.set(i.group, {
+          defaultLayoutDeferred: p,
+          derivedPanelConstraints: h,
           layout: S,
           separatorToPanels: g
         });
-        const y = i.group.panels.map(({ id: v }) => v).join(",");
+        const y = i.group.panels.map(({ id: b }) => b).join(",");
         i.group.inMemoryLayouts[y] = S;
       }
     }
-  }), C({
+  }), E({
     cursorFlags: a,
-    mountedGroups: u
+    mountedGroups: l
   }), le();
 }
-function he(e) {
+function ve(e) {
   if (e.defaultPrevented)
     return;
   if (e.relatedTarget !== null)
     return;
   if (e.clientX === 0 && e.clientY === 0)
     return;
-  const { interactionState: t, mountedGroups: n } = O();
+  const { interactionState: t, mountedGroups: n } = D();
   switch (t.state) {
     case "active":
       t.hitRegions.forEach((o) => {
-        e.currentTarget === o.group.element && Me({
+        e.currentTarget === o.group.element && _e({
           event: e,
           hitRegions: t.hitRegions,
           initialLayoutMap: t.initialLayoutMap,
@@ -581,185 +583,188 @@ function he(e) {
       });
   }
 }
-function te(e) {
+function oe(e) {
   const t = e.parentElement;
   z(t, "Parent group element not found");
-  const { mountedGroups: n } = O();
+  const { mountedGroups: n } = D();
   for (const [o] of n)
     if (o.element === t)
       return o;
   throw Error("Could not find parent Group for separator element");
 }
-function $({
+function A({
   layout: e,
   panelConstraints: t
 }) {
-  const o = [...Object.values(e)], r = o.reduce(
-    (i, s) => i + s,
+  const o = [...Object.values(e)], s = o.reduce(
+    (i, r) => i + r,
     0
   );
   if (o.length !== t.length)
     throw Error(
       `Invalid ${t.length} panel layout: ${o.map((i) => `${i}%`).join(", ")}`
     );
-  if (!P(r, 100) && o.length > 0)
+  if (!P(s, 100) && o.length > 0)
     for (let i = 0; i < t.length; i++) {
-      const s = o[i];
-      z(s != null, `No layout data found for index ${i}`);
-      const l = 100 / r * s;
-      o[i] = l;
+      const r = o[i];
+      z(r != null, `No layout data found for index ${i}`);
+      const u = 100 / s * r;
+      o[i] = u;
     }
   let a = 0;
   for (let i = 0; i < t.length; i++) {
-    const s = o[i];
-    z(s != null, `No layout data found for index ${i}`);
-    const l = F({
+    const r = o[i];
+    z(r != null, `No layout data found for index ${i}`);
+    const u = j({
       panelConstraints: t[i],
-      size: s
+      size: r
     });
-    s != l && (a += s - l, o[i] = l);
+    r != u && (a += r - u, o[i] = u);
   }
   if (!P(a, 0))
     for (let i = 0; i < t.length; i++) {
-      const s = o[i];
-      z(s != null, `No layout data found for index ${i}`);
-      const l = s + a, c = F({
+      const r = o[i];
+      z(r != null, `No layout data found for index ${i}`);
+      const u = r + a, c = j({
         panelConstraints: t[i],
-        size: l
+        size: u
       });
-      if (s !== c && (a -= c - s, o[i] = c, P(a, 0)))
+      if (r !== c && (a -= c - r, o[i] = c, P(a, 0)))
         break;
     }
-  const u = Object.keys(e);
-  return o.reduce((i, s, l) => (i[u[l]] = s, i), {});
+  const l = Object.keys(e);
+  return o.reduce((i, r, u) => (i[l[u]] = r, i), {});
 }
-function Ge({
+function Ae({
   groupId: e
 }) {
   const t = () => {
-    const { mountedGroups: n } = O();
-    for (const [o, r] of n)
+    const { mountedGroups: n } = D();
+    for (const [o, s] of n)
       if (o.id === e)
-        return { group: o, ...r };
-    throw Error(`Group ${e} not found`);
+        return { group: o, ...s };
+    throw Error(`Could not find Group with id "${e}"`);
   };
   return {
     getLayout() {
-      const { layout: n } = t();
-      return n;
+      const { defaultLayoutDeferred: n, layout: o } = t();
+      return n ? {} : o;
     },
     setLayout(n) {
       const {
-        derivedPanelConstraints: o,
-        group: r,
-        layout: a,
-        separatorToPanels: u
-      } = t(), i = $({
+        defaultLayoutDeferred: o,
+        derivedPanelConstraints: s,
+        group: a,
+        layout: l,
+        separatorToPanels: i
+      } = t(), r = A({
         layout: n,
-        panelConstraints: o
+        panelConstraints: s
       });
-      return W(a, i) || C((s) => ({
-        mountedGroups: new Map(s.mountedGroups).set(r, {
-          derivedPanelConstraints: o,
-          layout: i,
-          separatorToPanels: u
+      return o ? l : (U(l, r) || E((u) => ({
+        mountedGroups: new Map(u.mountedGroups).set(a, {
+          defaultLayoutDeferred: o,
+          derivedPanelConstraints: s,
+          layout: r,
+          separatorToPanels: i
         })
-      })), i;
+      })), r);
     }
   };
 }
-function Ie(e) {
-  const { mountedGroups: t } = O(), n = t.get(e);
+function Ne(e) {
+  const { mountedGroups: t } = D(), n = t.get(e);
   return z(n, `Mounted Group ${e.id} not found`), n;
 }
-function D(e, t) {
-  const n = te(e), o = Ie(n), r = n.separators.find(
+function T(e, t) {
+  const n = oe(e), o = Ne(n), s = n.separators.find(
     (d) => d.element === e
   );
-  z(r, "Matching separator not found");
-  const a = o.separatorToPanels.get(r);
+  z(s, "Matching separator not found");
+  const a = o.separatorToPanels.get(s);
   z(a, "Matching panels not found");
-  const u = a.map((d) => n.panels.indexOf(d)), s = Ge({ groupId: n.id }).getLayout(), l = K({
+  const l = a.map((d) => n.panels.indexOf(d)), r = Ae({ groupId: n.id }).getLayout(), u = Y({
     delta: t,
-    initialLayout: s,
+    initialLayout: r,
     panelConstraints: o.derivedPanelConstraints,
-    pivotIndices: u,
-    prevLayout: s,
+    pivotIndices: l,
+    prevLayout: r,
     trigger: "keyboard"
-  }), c = $({
-    layout: l,
+  }), c = A({
+    layout: u,
     panelConstraints: o.derivedPanelConstraints
   });
-  W(s, c) || C((d) => ({
+  U(r, c) || E((d) => ({
     mountedGroups: new Map(d.mountedGroups).set(n, {
+      defaultLayoutDeferred: o.defaultLayoutDeferred,
       derivedPanelConstraints: o.derivedPanelConstraints,
       layout: c,
       separatorToPanels: o.separatorToPanels
     })
   }));
 }
-function ve(e) {
+function Se(e) {
   if (e.defaultPrevented)
     return;
-  const t = e.currentTarget, n = te(t);
+  const t = e.currentTarget, n = oe(t);
   if (!n.disabled)
     switch (e.key) {
       case "ArrowDown": {
-        e.preventDefault(), n.orientation === "vertical" && D(t, 5);
+        e.preventDefault(), n.orientation === "vertical" && T(t, 5);
         break;
       }
       case "ArrowLeft": {
-        e.preventDefault(), n.orientation === "horizontal" && D(t, -5);
+        e.preventDefault(), n.orientation === "horizontal" && T(t, -5);
         break;
       }
       case "ArrowRight": {
-        e.preventDefault(), n.orientation === "horizontal" && D(t, 5);
+        e.preventDefault(), n.orientation === "horizontal" && T(t, 5);
         break;
       }
       case "ArrowUp": {
-        e.preventDefault(), n.orientation === "vertical" && D(t, -5);
+        e.preventDefault(), n.orientation === "vertical" && T(t, -5);
         break;
       }
       case "End": {
-        e.preventDefault(), D(t, 100);
+        e.preventDefault(), T(t, 100);
         break;
       }
       case "Enter": {
         e.preventDefault();
-        const o = te(t), { derivedPanelConstraints: r, layout: a, separatorToPanels: u } = Ie(o), i = o.separators.find(
+        const o = oe(t), { derivedPanelConstraints: s, layout: a, separatorToPanels: l } = Ne(o), i = o.separators.find(
           (d) => d.element === t
         );
         z(i, "Matching separator not found");
-        const s = u.get(i);
-        z(s, "Matching panels not found");
-        const l = s[0], c = r.find(
-          (d) => d.panelId === l.id
+        const r = l.get(i);
+        z(r, "Matching panels not found");
+        const u = r[0], c = s.find(
+          (d) => d.panelId === u.id
         );
         if (z(c, "Panel metadata not found"), c.collapsible) {
-          const d = a[l.id], x = c.collapsedSize === d ? o.inMemoryLastExpandedPanelSizes[l.id] ?? c.minSize : c.collapsedSize;
-          D(t, x - d);
+          const d = a[u.id], x = c.collapsedSize === d ? o.inMemoryLastExpandedPanelSizes[u.id] ?? c.minSize : c.collapsedSize;
+          T(t, x - d);
         }
         break;
       }
       case "F6": {
         e.preventDefault();
-        const r = te(t).separators.map(
-          (s) => s.element
-        ), a = Array.from(r).findIndex(
-          (s) => s === e.currentTarget
+        const s = oe(t).separators.map(
+          (r) => r.element
+        ), a = Array.from(s).findIndex(
+          (r) => r === e.currentTarget
         );
         z(a !== null, "Index not found");
-        const u = e.shiftKey ? a > 0 ? a - 1 : r.length - 1 : a + 1 < r.length ? a + 1 : 0;
-        r[u].focus();
+        const l = e.shiftKey ? a > 0 ? a - 1 : s.length - 1 : a + 1 < s.length ? a + 1 : 0;
+        s[l].focus();
         break;
       }
       case "Home": {
-        e.preventDefault(), D(t, -100);
+        e.preventDefault(), T(t, -100);
         break;
       }
     }
 }
-function tt(e, t) {
+function ut(e, t) {
   return {
     x: e.x >= t.left && e.x <= t.right ? 0 : Math.min(
       Math.abs(e.x - t.left),
@@ -771,76 +776,163 @@ function tt(e, t) {
     )
   };
 }
-function nt(e, t, n) {
-  let o, r = {
+function ct(e, t, n) {
+  let o, s = {
     x: 1 / 0,
     y: 1 / 0
   };
   for (const a of t) {
-    const u = tt(n, a.rect);
+    const l = ut(n, a.rect);
     switch (e) {
       case "horizontal": {
-        u.x <= r.x && (o = a, r = u);
+        l.x <= s.x && (o = a, s = l);
         break;
       }
       case "vertical": {
-        u.y <= r.y && (o = a, r = u);
+        l.y <= s.y && (o = a, s = l);
         break;
       }
     }
   }
   return o ? {
-    distance: r,
+    distance: s,
     hitRegion: o
   } : void 0;
 }
-let ee;
-function ot() {
-  return ee === void 0 && (typeof matchMedia == "function" ? ee = !!matchMedia("(pointer:coarse)").matches : ee = !1), ee;
+let ne;
+function ft() {
+  return ne === void 0 && (typeof matchMedia == "function" ? ne = !!matchMedia("(pointer:coarse)").matches : ne = !1), ne;
+}
+function dt(e, t) {
+  if (e === t) throw new Error("Cannot compare node with itself");
+  const n = {
+    a: we(e),
+    b: we(t)
+  };
+  let o;
+  for (; n.a.at(-1) === n.b.at(-1); )
+    e = n.a.pop(), t = n.b.pop(), o = e;
+  z(
+    o,
+    "Stacking order can only be calculated for elements with a common ancestor"
+  );
+  const s = {
+    a: ze(xe(n.a)),
+    b: ze(xe(n.b))
+  };
+  if (s.a === s.b) {
+    const a = o.childNodes, l = {
+      a: n.a.at(-1),
+      b: n.b.at(-1)
+    };
+    let i = a.length;
+    for (; i--; ) {
+      const r = a[i];
+      if (r === l.a) return 1;
+      if (r === l.b) return -1;
+    }
+  }
+  return Math.sign(s.a - s.b);
+}
+const pt = /\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;
+function mt(e) {
+  const t = getComputedStyle($e(e) ?? e).display;
+  return t === "flex" || t === "inline-flex";
+}
+function ht(e) {
+  const t = getComputedStyle(e);
+  return !!(t.position === "fixed" || t.zIndex !== "auto" && (t.position !== "static" || mt(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" || pt.test(t.willChange) || t.webkitOverflowScrolling === "touch");
+}
+function xe(e) {
+  let t = e.length;
+  for (; t--; ) {
+    const n = e[t];
+    if (z(n, "Missing node"), ht(n)) return n;
+  }
+  return null;
+}
+function ze(e) {
+  return e && Number(getComputedStyle(e).zIndex) || 0;
+}
+function we(e) {
+  const t = [];
+  for (; e; )
+    t.push(e), e = $e(e);
+  return t;
+}
+function $e(e) {
+  const { parentNode: t } = e;
+  return t && t instanceof ShadowRoot ? t.host : t;
+}
+function yt(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 gt({
+  groupElement: e,
+  hitRegion: t,
+  pointerEventTarget: n
+}) {
+  if (!(n instanceof HTMLElement) || n.contains(e) || e.contains(n))
+    return !0;
+  if (dt(n, e) > 0) {
+    let o = n;
+    for (; o; ) {
+      if (o.contains(e))
+        return !0;
+      if (yt(o.getBoundingClientRect(), t))
+        return !1;
+      o = o.parentElement;
+    }
+  }
+  return !0;
 }
-function ke(e, t) {
+function Fe(e, t) {
   const n = [];
-  return t.forEach((o, r) => {
-    if (r.disabled)
+  return t.forEach((o, s) => {
+    if (s.disabled)
       return;
-    const a = ot() ? me.coarse : me.precise, u = we(r), i = nt(r.orientation, u, {
+    const a = ft() ? ge.coarse : ge.precise, l = Ie(s), i = ct(s.orientation, l, {
       x: e.clientX,
       y: e.clientY
     });
-    i && i.distance.x <= a && i.distance.y <= a && n.push(i.hitRegion);
+    i && i.distance.x <= a && i.distance.y <= a && gt({
+      groupElement: s.element,
+      hitRegion: i.hitRegion.rect,
+      pointerEventTarget: e.target
+    }) && n.push(i.hitRegion);
   }), n;
 }
-function ge(e) {
+function be(e) {
   if (e.defaultPrevented)
     return;
-  const { mountedGroups: t } = O(), n = ke(e, t), o = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Set(), a = /* @__PURE__ */ new Set(), u = /* @__PURE__ */ new Map();
+  const { mountedGroups: t } = D(), n = Fe(e, t), o = /* @__PURE__ */ new Set(), s = /* @__PURE__ */ new Set(), a = /* @__PURE__ */ new Set(), l = /* @__PURE__ */ new Map();
   let i = !1;
-  n.forEach((s) => {
-    o.add(s.group), s.panels.forEach((c) => {
-      r.add(c);
-    }), s.separator && (a.add(s.separator), i || (i = !0, s.separator.element.focus()));
-    const l = t.get(s.group);
-    l && u.set(s.group, l.layout);
-  }), C({
+  n.forEach((r) => {
+    o.add(r.group), r.panels.forEach((c) => {
+      s.add(c);
+    }), r.separator && (a.add(r.separator), i || (i = !0, r.separator.element.focus()));
+    const u = t.get(r.group);
+    u && l.set(r.group, u.layout);
+  }), E({
     interactionState: {
       hitRegions: n,
-      initialLayoutMap: u,
+      initialLayoutMap: l,
       pointerDownAtPoint: { x: e.clientX, y: e.clientY },
       state: "active"
     }
   }), n.length && e.preventDefault();
 }
-function ye(e) {
+function Le(e) {
   if (e.defaultPrevented)
     return;
-  const { interactionState: t, mountedGroups: n } = O();
+  const { interactionState: t, mountedGroups: n } = D();
   switch (t.state) {
     case "active": {
       if (
         // Skip this check for "pointerleave" events, else Firefox triggers a false positive (see #514)
         e.type !== "pointerleave" && e.buttons === 0
       ) {
-        C(
+        E(
           (o) => o.interactionState.state === "inactive" ? o : {
             cursorFlags: 0,
             interactionState: {
@@ -850,7 +942,7 @@ function ye(e) {
         );
         return;
       }
-      Me({
+      _e({
         event: e,
         hitRegions: t.hitRegions,
         initialLayoutMap: t.initialLayoutMap,
@@ -860,10 +952,10 @@ function ye(e) {
       break;
     }
     default: {
-      const o = ke(e, n);
-      o.length === 0 ? t.state !== "inactive" && C({
+      const o = Fe(e, n);
+      o.length === 0 ? t.state !== "inactive" && E({
         interactionState: { state: "inactive" }
-      }) : C({
+      }) : E({
         interactionState: {
           hitRegions: o,
           state: "hover"
@@ -873,14 +965,14 @@ function ye(e) {
     }
   }
 }
-function Se(e) {
+function Pe(e) {
   if (e.defaultPrevented)
     return;
   e.preventDefault();
-  const { interactionState: t } = O();
+  const { interactionState: t } = D();
   switch (t.state) {
     case "active":
-      C({
+      E({
         cursorFlags: 0,
         interactionState: {
           state: "inactive"
@@ -888,125 +980,126 @@ function Se(e) {
       }), le();
   }
 }
-function xe(e) {
+function Ce(e) {
   let t = 0, n = 0;
   const o = {};
   for (const a of e)
     if (a.defaultSize !== void 0) {
       t++;
-      const u = I(a.defaultSize);
-      n += u, o[a.panelId] = u;
+      const l = I(a.defaultSize);
+      n += l, o[a.panelId] = l;
     } else
       o[a.panelId] = void 0;
-  const r = e.length - t;
-  if (r !== 0) {
-    const a = I((100 - n) / r);
-    for (const u of e)
-      u.defaultSize === void 0 && (o[u.panelId] = a);
+  const s = e.length - t;
+  if (s !== 0) {
+    const a = I((100 - n) / s);
+    for (const l of e)
+      l.defaultSize === void 0 && (o[l.panelId] = a);
   }
   return o;
 }
-function it(e, t, n) {
+function vt(e, t, n) {
   const o = n[0];
   if (!o)
     return;
-  const r = e.panels.find((u) => u.element === t);
-  if (!r || !r.onResize)
+  const s = e.panels.find((l) => l.element === t);
+  if (!s || !s.onResize)
     return;
-  const a = H({ group: e });
-  r.onResize(
+  const a = B({ group: e });
+  s.onResize(
     {
       asPercentage: I(
         o.inlineSize / a * 100
       ),
       inPixels: o.inlineSize
     },
-    r.id
+    s.id
   );
 }
-function st(e) {
+function St(e) {
   let t = !0;
   z(
     e.separators.length === 0 || e.separators.length < e.panels.length,
     "Invalid Group configuration; too many Separator components"
   );
-  const n = /* @__PURE__ */ new Set(), o = /* @__PURE__ */ new Set(), r = new ResizeObserver((m) => {
+  const n = /* @__PURE__ */ new Set(), o = /* @__PURE__ */ new Set(), s = new ResizeObserver((m) => {
     for (const f of m) {
       const { borderBoxSize: p, target: h } = f;
       if (h === e.element) {
         if (t) {
-          if (H({ group: e }) === 0)
+          if (B({ group: e }) === 0)
             return;
-          C((S) => {
-            const y = S.mountedGroups.get(e);
-            if (y) {
-              const v = pe(e), L = y.defaultLayoutDeferred ? xe(v) : y.layout, w = $({
-                layout: L,
-                panelConstraints: v
+          E((g) => {
+            const S = g.mountedGroups.get(e);
+            if (S) {
+              const y = ye(e), b = S.defaultLayoutDeferred ? Ce(y) : S.layout, L = A({
+                layout: b,
+                panelConstraints: y
               });
-              return !y.defaultLayoutDeferred && W(L, w) ? S : {
-                mountedGroups: new Map(S.mountedGroups).set(e, {
-                  derivedPanelConstraints: v,
-                  layout: w,
-                  separatorToPanels: y.separatorToPanels
+              return !S.defaultLayoutDeferred && U(b, L) ? g : {
+                mountedGroups: new Map(g.mountedGroups).set(e, {
+                  defaultLayoutDeferred: !1,
+                  derivedPanelConstraints: y,
+                  layout: L,
+                  separatorToPanels: S.separatorToPanels
                 })
               };
             }
-            return S;
+            return g;
           });
         }
       } else
-        it(e, h, p);
+        vt(e, h, p);
     }
   });
-  r.observe(e.element), e.panels.forEach((m) => {
+  s.observe(e.element), e.panels.forEach((m) => {
     z(
       !n.has(m.id),
       `Panel ids must be unique; id "${m.id}" was used more than once`
-    ), n.add(m.id), m.onResize && r.observe(m.element);
+    ), n.add(m.id), m.onResize && s.observe(m.element);
   });
-  const a = H({ group: e }), u = pe(e), i = e.panels.map(({ id: m }) => m).join(",");
-  let s = e.defaultLayout;
-  s && e.panels.length !== Object.keys(s).length && (s = void 0);
-  const l = e.inMemoryLayouts[i] ?? s ?? xe(u), c = $({
-    layout: l,
-    panelConstraints: u
-  }), d = we(e), x = C((m) => ({
+  const a = B({ group: e }), l = ye(e), i = e.panels.map(({ id: m }) => m).join(",");
+  let r = e.defaultLayout;
+  r && e.panels.length !== Object.keys(r).length && (r = void 0);
+  const u = e.inMemoryLayouts[i] ?? r ?? Ce(l), c = A({
+    layout: u,
+    panelConstraints: l
+  }), d = Ie(e), x = E((m) => ({
     mountedGroups: new Map(m.mountedGroups).set(e, {
       defaultLayoutDeferred: a === 0,
-      derivedPanelConstraints: u,
+      derivedPanelConstraints: l,
       layout: c,
       separatorToPanels: new Map(
         d.filter((f) => f.separator).map((f) => [f.separator, f.panels])
       )
     })
   }));
-  return e.element.addEventListener("pointerleave", he), e.separators.forEach((m) => {
+  return e.element.addEventListener("pointerleave", ve), e.separators.forEach((m) => {
     z(
       !o.has(m.id),
       `Separator ids must be unique; id "${m.id}" was used more than once`
-    ), o.add(m.id), m.element.addEventListener("keydown", ve);
-  }), x.mountedGroups.size === 1 && (window.addEventListener("pointerdown", ge), window.addEventListener("pointermove", ye), window.addEventListener("pointerup", Se)), function() {
+    ), o.add(m.id), m.element.addEventListener("keydown", Se);
+  }), x.mountedGroups.size === 1 && (window.addEventListener("pointerdown", be), window.addEventListener("pointermove", Le), window.addEventListener("pointerup", Pe)), function() {
     t = !1;
-    const f = C((p) => {
+    const f = E((p) => {
       const h = new Map(p.mountedGroups);
       return h.delete(e), { mountedGroups: h };
     });
-    e.element.removeEventListener("pointerleave", he), e.separators.forEach((p) => {
-      p.element.removeEventListener("keydown", ve);
-    }), f.mountedGroups.size === 0 && (window.removeEventListener("pointerdown", ge), window.removeEventListener("pointermove", ye), window.removeEventListener("pointerup", Se)), r.disconnect();
+    e.element.removeEventListener("pointerleave", ve), e.separators.forEach((p) => {
+      p.element.removeEventListener("keydown", Se);
+    }), f.mountedGroups.size === 0 && (window.removeEventListener("pointerdown", be), window.removeEventListener("pointermove", Le), window.removeEventListener("pointerup", Pe)), s.disconnect();
   };
 }
 function ue(e) {
-  const t = Ne();
+  const t = Ke();
   return `${e ?? t}`;
 }
-const j = typeof window < "u" ? _e : Fe;
+const N = typeof window < "u" ? Xe : Re;
 function ce(e) {
-  const t = T(e);
-  return j(() => {
+  const t = O(e);
+  return N(() => {
     t.current = e;
-  }, [e]), ze((n) => t.current?.(n), [t]);
+  }, [e]), Ee((n) => t.current?.(n), [t]);
 }
 function fe(...e) {
   return ce((t) => {
@@ -1025,83 +1118,101 @@ function fe(...e) {
     });
   });
 }
-const Oe = "--react-resizable-panels--panel--pointer-events";
-function Te(e, t) {
+function xt(e) {
+  const t = O({ ...e });
+  return N(() => {
+    for (const n in e)
+      t.current[n] = e[n];
+  }, [e]), t.current;
+}
+const He = "--react-resizable-panels--panel--pointer-events";
+function We(e, t) {
   const n = e.replace(/[^a-zA-Z0-9\-_]/g, ""), o = t.replace(/[^a-zA-Z0-9\-_]/g, "");
   return `--react-resizable-panels--${n}--${o}`;
 }
-const De = He(null);
-function rt(e, t) {
-  const n = T({
+const je = Ye(null);
+function zt(e, t) {
+  const n = O({
     getLayout: () => ({}),
-    setLayout: Je
+    setLayout: st
   });
-  be(t, () => n.current, []), j(() => {
+  Me(t, () => n.current, []), N(() => {
     Object.assign(
       n.current,
-      Ge({ groupId: e })
+      Ae({ groupId: e })
     );
   });
 }
-function ht({
+function Gt({
   children: e,
   className: t,
   defaultLayout: n,
   disableCursor: o,
-  disabled: r,
+  disabled: s,
   elementRef: a,
-  groupRef: u,
+  groupRef: l,
   id: i,
-  onLayoutChange: s,
-  orientation: l = "horizontal",
+  onLayoutChange: r,
+  orientation: u = "horizontal",
   style: c,
   ...d
 }) {
-  const x = T({}), m = ce((b) => {
-    W(x.current, b) || (x.current = b, s?.(b));
-  }), f = ue(i), [p, h] = G(!1), [g, S] = G(null), [y, v] = G(n ?? {}), [L, w] = G([]), [E, V] = G([]), ne = T({}), X = T({}), Y = fe(S, a);
-  rt(f, u);
-  const q = Le(
+  const x = O({}), m = ce((w) => {
+    U(x.current, w) || (x.current = w, r?.(w));
+  }), f = ue(i), [p, h] = G(!1), [v, g] = G(null), [S, y] = G(n ?? {}), [b, L] = G([]), [C, q] = G([]), Z = O({
+    lastExpandedPanelSizes: {},
+    layouts: {}
+  }), J = fe(g, a);
+  zt(f, l);
+  const Q = Ge(
     () => ({
       id: f,
-      orientation: l,
-      registerPanel: (b) => (w((M) => re(l, [...M, b])), () => {
-        w((M) => M.filter((N) => N !== b));
+      orientation: u,
+      registerPanel: (w) => (L((M) => se(u, [...M, w])), () => {
+        L((M) => M.filter((F) => F !== w));
       }),
-      registerSeparator: (b) => (V(
-        (M) => re(l, [...M, b])
+      registerSeparator: (w) => (q(
+        (M) => se(u, [...M, w])
       ), () => {
-        V(
-          (M) => M.filter((N) => N !== b)
+        q(
+          (M) => M.filter((F) => F !== w)
         );
       })
     }),
-    [f, l]
-  );
-  j(() => {
-    if (g === null || L.length === 0)
+    [f, u]
+  ), $ = xt({
+    defaultLayout: n,
+    disableCursor: o
+  }), V = O(null);
+  N(() => {
+    if (v === null)
       return;
-    const b = {
-      defaultLayout: n,
-      disableCursor: !!o,
-      disabled: !!r,
-      element: g,
+    const w = {
+      defaultLayout: $.defaultLayout,
+      disableCursor: !!$.disableCursor,
+      disabled: !!s,
+      element: v,
       id: f,
-      inMemoryLastExpandedPanelSizes: ne.current,
-      inMemoryLayouts: X.current,
-      orientation: l,
-      panels: L,
-      separators: E
-    }, M = st(b), oe = O().mountedGroups.get(b);
-    oe && (v(oe.layout), m?.(oe.layout));
-    const Ae = A.addListener(
+      inMemoryLastExpandedPanelSizes: Z.current.lastExpandedPanelSizes,
+      inMemoryLayouts: Z.current.layouts,
+      orientation: u,
+      panels: b,
+      separators: C
+    };
+    V.current = w;
+    const M = St(w), me = D().mountedGroups.get(w);
+    if (me) {
+      const { defaultLayoutDeferred: H, derivedPanelConstraints: W, layout: ee } = me;
+      !H && W.length > 0 && (y(ee), m?.(ee));
+    }
+    const Be = _.addListener(
       "interactionStateChange",
-      (J) => {
-        switch (J.state) {
+      (H) => {
+        switch (H.state) {
           case "active": {
             h(
-              J.hitRegions.some(
-                (_) => _.group === b
+              H.hitRegions.some(
+                (W) => W.group === w
               )
             );
             break;
@@ -1112,49 +1223,56 @@ function ht({
           }
         }
       }
-    ), $e = A.addListener(
+    ), Ue = _.addListener(
       "mountedGroupsChange",
-      (J) => {
-        const _ = J.get(b);
-        _ && _.derivedPanelConstraints.length > 0 && (v(_.layout), m?.(_.layout));
+      (H) => {
+        const W = H.get(w);
+        if (W) {
+          const { defaultLayoutDeferred: ee, derivedPanelConstraints: Ve, layout: he } = W;
+          if (ee || Ve.length === 0)
+            return;
+          y(he), m?.(he);
+        }
       }
     );
     return () => {
-      M(), Ae(), $e();
+      V.current = null, M(), Be(), Ue();
     };
   }, [
-    n,
-    o,
-    r,
-    g,
+    s,
+    v,
     f,
     m,
-    l,
-    L,
-    E
-  ]);
-  const Z = {
-    [Oe]: p ? "none" : void 0
+    u,
+    b,
+    C,
+    $
+  ]), Re(() => {
+    const w = V.current;
+    w && (w.defaultLayout = n, w.disableCursor = !!o);
+  });
+  const pe = {
+    [He]: p ? "none" : void 0
   };
-  for (const b in y) {
-    const M = Te(f, b), N = y[b];
-    Z[M] = N;
+  for (const w in S) {
+    const M = We(f, w), F = S[w];
+    pe[M] = F;
   }
-  return /* @__PURE__ */ B(De.Provider, { value: q, children: /* @__PURE__ */ B(
+  return /* @__PURE__ */ K(je.Provider, { value: Q, children: /* @__PURE__ */ K(
     "div",
     {
       ...d,
-      "aria-orientation": l,
+      "aria-orientation": u,
       className: t,
       "data-group": !0,
       "data-testid": f,
       id: f,
-      ref: Y,
+      ref: J,
       style: {
         ...c,
-        ...Z,
+        ...pe,
         display: "flex",
-        flexDirection: l === "horizontal" ? "row" : "column",
+        flexDirection: u === "horizontal" ? "row" : "column",
         flexWrap: "nowrap"
       },
       children: e
@@ -1164,7 +1282,7 @@ function ht({
 function ae(e) {
   return `react-resizable-panels:${e}`;
 }
-function at({
+function wt({
   id: e,
   layout: t,
   storage: n
@@ -1176,19 +1294,19 @@ function at({
     console.error(o);
   }
 }
-function vt({
+function It({
   groupId: e,
   storage: t
 }) {
-  const n = We(
-    lt,
+  const n = qe(
+    bt,
     () => t.getItem(ae(e)),
     () => t.getItem(ae(e))
-  ), o = Le(
+  ), o = Ge(
     () => n ? JSON.parse(n) : void 0,
     [n]
-  ), r = ze(
-    (a) => at({
+  ), s = Ee(
+    (a) => wt({
       id: e,
       layout: a,
       storage: t
@@ -1197,48 +1315,59 @@ function vt({
   );
   return {
     defaultLayout: o,
-    onLayoutChange: r
+    onLayoutChange: s
   };
 }
-function lt() {
+function bt() {
   return function() {
   };
 }
-function gt() {
+function kt() {
   return G(null);
 }
-function yt() {
-  return T(null);
+function Dt() {
+  return O(null);
 }
 function de() {
-  const e = je(De);
+  const e = Ze(je);
   return z(
     e,
     "Group Context not found; did you render a Panel or Separator outside of a Group?"
   ), e;
 }
-function ut({
+function Lt({
   groupId: e,
   panelId: t
 }) {
   const n = () => {
-    const { mountedGroups: i } = O();
+    const { mountedGroups: i } = D();
     for (const [
-      s,
-      { derivedPanelConstraints: l, layout: c, separatorToPanels: d }
+      r,
+      {
+        defaultLayoutDeferred: u,
+        derivedPanelConstraints: c,
+        layout: d,
+        separatorToPanels: x
+      }
     ] of i)
-      if (s.id === e)
-        return { derivedPanelConstraints: l, group: s, layout: c, separatorToPanels: d };
+      if (r.id === e)
+        return {
+          defaultLayoutDeferred: u,
+          derivedPanelConstraints: c,
+          group: r,
+          layout: d,
+          separatorToPanels: x
+        };
     throw Error(`Group ${e} not found`);
   }, o = () => {
     const i = n().derivedPanelConstraints.find(
-      (s) => s.panelId === t
+      (r) => r.panelId === t
     );
     if (i !== void 0)
       return i;
     throw Error(`Panel constraints not found for Panel ${t}`);
-  }, r = () => {
-    const i = n().group.panels.find((s) => s.id === t);
+  }, s = () => {
+    const i = n().group.panels.find((r) => r.id === t);
     if (i !== void 0)
       return i;
     throw Error(`Layout not found for Panel ${t}`);
@@ -1247,75 +1376,77 @@ function ut({
     if (i !== void 0)
       return i;
     throw Error(`Layout not found for Panel ${t}`);
-  }, u = (i) => {
-    const s = a();
-    if (i === s)
+  }, l = (i) => {
+    const r = a();
+    if (i === r)
       return;
     const {
-      derivedPanelConstraints: l,
-      group: c,
-      layout: d,
-      separatorToPanels: x
-    } = n(), m = c.panels.findIndex((g) => g.id === t), f = m === c.panels.length - 1, p = K({
-      delta: f ? s - i : i - s,
-      initialLayout: d,
-      panelConstraints: l,
-      pivotIndices: f ? [m - 1, m] : [m, m + 1],
-      prevLayout: d,
+      defaultLayoutDeferred: u,
+      derivedPanelConstraints: c,
+      group: d,
+      layout: x,
+      separatorToPanels: m
+    } = n(), f = d.panels.findIndex((g) => g.id === t), p = f === d.panels.length - 1, h = Y({
+      delta: p ? r - i : i - r,
+      initialLayout: x,
+      panelConstraints: c,
+      pivotIndices: p ? [f - 1, f] : [f, f + 1],
+      prevLayout: x,
       trigger: "imperative-api"
-    }), h = $({
-      layout: p,
-      panelConstraints: l
+    }), v = A({
+      layout: h,
+      panelConstraints: c
     });
-    W(d, h) || C((g) => ({
-      mountedGroups: new Map(g.mountedGroups).set(c, {
-        derivedPanelConstraints: l,
-        layout: h,
-        separatorToPanels: x
+    U(x, v) || E((g) => ({
+      mountedGroups: new Map(g.mountedGroups).set(d, {
+        defaultLayoutDeferred: u,
+        derivedPanelConstraints: c,
+        layout: v,
+        separatorToPanels: m
       })
     }));
   };
   return {
     collapse: () => {
-      const { collapsible: i, collapsedSize: s } = o(), l = a();
-      i && l !== s && u(s);
+      const { collapsible: i, collapsedSize: r } = o(), u = a();
+      i && u !== r && l(r);
     },
     expand: () => {
-      const { collapsible: i, collapsedSize: s, minSize: l } = o(), c = a();
-      i && c === s && u(l);
+      const { collapsible: i, collapsedSize: r, minSize: u } = o(), c = a();
+      i && c === r && l(u);
     },
     getSize: () => {
-      const { group: i } = n(), s = a(), { element: l } = r(), c = i.orientation === "horizontal" ? l.offsetWidth : l.offsetHeight;
+      const { group: i } = n(), r = a(), { element: u } = s(), c = i.orientation === "horizontal" ? u.offsetWidth : u.offsetHeight;
       return {
-        asPercentage: s,
+        asPercentage: r,
         inPixels: c
       };
     },
     isCollapsed: () => {
-      const { collapsible: i, collapsedSize: s } = o(), l = a();
-      return i && P(s, l);
+      const { collapsible: i, collapsedSize: r } = o(), u = a();
+      return i && P(r, u);
     },
     resize: (i) => {
       if (a() !== i) {
-        let l;
+        let u;
         switch (typeof i) {
           case "number": {
-            const { group: c } = n(), d = H({ group: c });
-            l = I(i / d * 100);
+            const { group: c } = n(), d = B({ group: c });
+            u = I(i / d * 100);
             break;
           }
           case "string": {
-            l = parseFloat(i);
+            u = parseFloat(i);
             break;
           }
         }
-        u(l);
+        l(u);
       }
     }
   };
 }
-function ct(e, t) {
-  const { id: n } = de(), o = T({
+function Pt(e, t) {
+  const { id: n } = de(), o = O({
     collapse: ie,
     expand: ie,
     getSize: () => ({
@@ -1325,80 +1456,80 @@ function ct(e, t) {
     isCollapsed: () => !1,
     resize: ie
   });
-  be(t, () => o.current, []), j(() => {
+  Me(t, () => o.current, []), N(() => {
     Object.assign(
       o.current,
-      ut({ groupId: n, panelId: e })
+      Lt({ groupId: n, panelId: e })
     );
   });
 }
-function St({
+function Ot({
   children: e,
   className: t,
   collapsedSize: n = "0%",
   collapsible: o = !1,
-  defaultSize: r,
+  defaultSize: s,
   elementRef: a,
-  id: u,
+  id: l,
   maxSize: i = "100%",
-  minSize: s = "0%",
-  onResize: l,
+  minSize: r = "0%",
+  onResize: u,
   panelRef: c,
   style: d,
   ...x
 }) {
-  const m = !!u, f = ue(u), [p, h] = G(null), g = fe(h, a), { id: S, registerPanel: y } = de(), v = l !== null, L = ce((E) => {
-    l?.(E, u);
+  const m = !!l, f = ue(l), [p, h] = G(null), v = fe(h, a), { id: g, registerPanel: S } = de(), y = u !== null, b = ce((C) => {
+    u?.(C, l);
   });
-  j(() => {
+  N(() => {
     if (p !== null)
-      return y({
+      return S({
         element: p,
         id: f,
         idIsStable: m,
-        onResize: v ? L : void 0,
+        onResize: y ? b : void 0,
         panelConstraints: {
           collapsedSize: n,
           collapsible: o,
-          defaultSize: r,
+          defaultSize: s,
           maxSize: i,
-          minSize: s
+          minSize: r
         }
       });
   }, [
     n,
     o,
-    r,
+    s,
     p,
-    v,
+    y,
     f,
     m,
     i,
-    s,
-    L,
-    y
-  ]), ct(f, c);
-  const w = Te(S, f);
-  return /* @__PURE__ */ B(
+    r,
+    b,
+    S
+  ]), Pt(f, c);
+  const L = We(g, f);
+  return /* @__PURE__ */ K(
     "div",
     {
       ...x,
       "data-panel": !0,
       "data-testid": f,
       id: f,
-      ref: g,
+      ref: v,
       style: {
-        ...ft,
+        ...Ct,
         flexBasis: 0,
-        flexGrow: `var(${w}, 1)`,
+        flexGrow: `var(${L}, 1)`,
         flexShrink: 1,
         // Prevent Panel content from interfering with panel size
         overflow: "hidden",
         // Disable pointer events inside of a panel during resize
         // This avoid edge cases like nested iframes
-        pointerEvents: `var(${Oe})`
+        pointerEvents: `var(${He})`
       },
-      children: /* @__PURE__ */ B(
+      children: /* @__PURE__ */ K(
         "div",
         {
           className: t,
@@ -1413,7 +1544,7 @@ function St({
     }
   );
 }
-const ft = {
+const Ct = {
   minHeight: "unset",
   maxHeight: "unset",
   height: "unset",
@@ -1429,27 +1560,27 @@ const ft = {
   padding: "unset",
   margin: "unset"
 };
-function xt() {
+function Tt() {
   return G(null);
 }
-function zt() {
-  return T(null);
+function _t() {
+  return O(null);
 }
-function dt({
+function Rt({
   layout: e,
   panelConstraints: t,
   panelId: n,
   panelIndex: o
 }) {
-  let r, a;
-  const u = e[n], i = t.find(
-    (s) => s.panelId === n
+  let s, a;
+  const l = e[n], i = t.find(
+    (r) => r.panelId === n
   );
   if (i) {
-    const s = i.maxSize, l = a = i.collapsible ? i.collapsedSize : i.minSize, c = [o, o + 1];
-    a = $({
-      layout: K({
-        delta: l - u,
+    const r = i.maxSize, u = a = i.collapsible ? i.collapsedSize : i.minSize, c = [o, o + 1];
+    a = A({
+      layout: Y({
+        delta: u - l,
         initialLayout: e,
         panelConstraints: t,
         pivotIndices: c,
@@ -1457,9 +1588,9 @@ function dt({
         trigger: "keyboard"
       }),
       panelConstraints: t
-    })[n], r = $({
-      layout: K({
-        delta: s - u,
+    })[n], s = A({
+      layout: Y({
+        delta: r - l,
         initialLayout: e,
         panelConstraints: t,
         pivotIndices: c,
@@ -1471,53 +1602,53 @@ function dt({
   }
   return {
     valueControls: n,
-    valueMax: r,
+    valueMax: s,
     valueMin: a,
-    valueNow: u
+    valueNow: l
   };
 }
-function bt({
+function At({
   children: e,
   className: t,
   elementRef: n,
   id: o,
-  style: r,
+  style: s,
   ...a
 }) {
-  const u = ue(o), [i, s] = G({}), [l, c] = G("inactive"), [d, x] = G(null), m = fe(x, n), {
+  const l = ue(o), [i, r] = G({}), [u, c] = G("inactive"), [d, x] = G(null), m = fe(x, n), {
     id: f,
     orientation: p,
     registerSeparator: h
-  } = de(), g = p === "horizontal" ? "vertical" : "horizontal";
-  return j(() => {
+  } = de(), v = p === "horizontal" ? "vertical" : "horizontal";
+  return N(() => {
     if (d !== null) {
-      const S = {
+      const g = {
         element: d,
-        id: u
-      }, y = h(S), v = A.addListener(
+        id: l
+      }, S = h(g), y = _.addListener(
         "interactionStateChange",
-        (w) => {
+        (L) => {
           c(
-            w.state !== "inactive" && w.hitRegions.some(
-              (E) => E.separator === S
-            ) ? w.state : "inactive"
+            L.state !== "inactive" && L.hitRegions.some(
+              (C) => C.separator === g
+            ) ? L.state : "inactive"
           );
         }
-      ), L = A.addListener(
+      ), b = _.addListener(
         "mountedGroupsChange",
-        (w) => {
-          w.forEach(
-            ({ derivedPanelConstraints: E, layout: V, separatorToPanels: ne }, X) => {
-              if (X.id === f) {
-                const Y = ne.get(S);
-                if (Y) {
-                  const q = Y[0], Z = X.panels.indexOf(q);
-                  s(
-                    dt({
-                      layout: V,
-                      panelConstraints: E,
-                      panelId: q.id,
-                      panelIndex: Z
+        (L) => {
+          L.forEach(
+            ({ derivedPanelConstraints: C, layout: q, separatorToPanels: Z }, J) => {
+              if (J.id === f) {
+                const Q = Z.get(g);
+                if (Q) {
+                  const $ = Q[0], V = J.panels.indexOf($);
+                  r(
+                    Rt({
+                      layout: q,
+                      panelConstraints: C,
+                      panelId: $.id,
+                      panelIndex: V
                     })
                   );
                 }
@@ -1527,28 +1658,28 @@ function bt({
         }
       );
       return () => {
-        v(), L(), y();
+        y(), b(), S();
       };
     }
-  }, [d, f, u, h]), /* @__PURE__ */ B(
+  }, [d, f, l, h]), /* @__PURE__ */ K(
     "div",
     {
       ...a,
       "aria-controls": i.valueControls,
-      "aria-orientation": g,
+      "aria-orientation": v,
       "aria-valuemax": i.valueMax,
       "aria-valuemin": i.valueMin,
       "aria-valuenow": i.valueNow,
       children: e,
       className: t,
-      "data-separator": l,
-      "data-testid": u,
-      id: u,
+      "data-separator": u,
+      "data-testid": l,
+      id: l,
       ref: m,
       role: "separator",
       style: {
         flexBasis: "auto",
-        ...r,
+        ...s,
         flexGrow: 0,
         flexShrink: 0
       },
@@ -1557,13 +1688,13 @@ function bt({
   );
 }
 export {
-  ht as Group,
-  St as Panel,
-  bt as Separator,
-  vt as useDefaultLayout,
-  gt as useGroupCallbackRef,
-  yt as useGroupRef,
-  xt as usePanelCallbackRef,
-  zt as usePanelRef
+  Gt as Group,
+  Ot as Panel,
+  At as Separator,
+  It as useDefaultLayout,
+  kt as useGroupCallbackRef,
+  Dt as useGroupRef,
+  Tt as usePanelCallbackRef,
+  _t as usePanelRef
 };
 //# sourceMappingURL=react-resizable-panels.js.map