react-resizable-panels 4.0.9-alpha.0 → 4.0.10

package/dist/react-resizable-panels.js

@@ -1,11 +1,11 @@
 "use client";
-import { jsx as B } from "react/jsx-runtime";
-import { useId as We, useLayoutEffect as je, useEffect as Be, useRef as T, useCallback as Le, createContext as Ue, useImperativeHandle as Pe, useState as I, useMemo as Ce, useSyncExternalStore as Ve, useContext as Ke } from "react";
-function x(e, t = "Assertion error") {
+import { jsx as K } from "react/jsx-runtime";
+import { useId as Xe, useLayoutEffect as Ye, useEffect as Ce, useRef as O, useCallback as Ee, createContext as qe, useImperativeHandle as Me, 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 H({
+function B({
   group: e
 }) {
   const { orientation: t, panels: n } = e;
@@ -13,73 +13,141 @@ function H({
 }
 function se(e, t) {
   return t.sort(
-    e === "horizontal" ? Xe : Ye
+    e === "horizontal" ? Qe : et
   );
 }
-function Xe(e, t) {
+function Qe(e, t) {
   const n = e.element.offsetLeft - t.element.offsetLeft;
   return n !== 0 ? n : e.element.offsetWidth - t.element.offsetWidth;
 }
-function Ye(e, t) {
+function et(e, t) {
   const n = e.element.offsetTop - t.element.offsetTop;
   return n !== 0 ? n : e.element.offsetHeight - t.element.offsetHeight;
 }
-function Re(e) {
+function Ge(e, t) {
+  return {
+    x: e.x >= t.left && e.x <= t.right ? 0 : Math.min(
+      Math.abs(e.x - t.left),
+      Math.abs(e.x - t.right)
+    ),
+    y: e.y >= t.top && e.y <= t.bottom ? 0 : Math.min(
+      Math.abs(e.y - t.top),
+      Math.abs(e.y - t.bottom)
+    )
+  };
+}
+function tt({
+  orientation: e,
+  rects: t,
+  targetRect: n
+}) {
+  const o = {
+    x: n.x + n.width / 2,
+    y: n.y + n.height / 2
+  };
+  let r, a = Number.MAX_VALUE;
+  for (const l of t) {
+    const { x: i, y: s } = Ge(o, l), u = e === "horizontal" ? i : s;
+    u < a && (a = u, r = l);
+  }
+  return z(r, "No rect found"), r;
+}
+function ke(e) {
   const { element: t, orientation: n, panels: o, separators: r } = 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) {
-    const c = o.find(
-      (d) => d.element === l
-    );
-    if (c) {
-      if (i) {
-        const d = i.element.getBoundingClientRect(), z = l.getBoundingClientRect();
-        u.push({
-          group: e,
-          groupSize: H({ group: e }),
-          panels: [i, c],
-          separator: s,
-          rect: n === "horizontal" ? new DOMRect(
-            d.right,
-            z.top,
-            z.left - d.right,
-            z.height
-          ) : new DOMRect(
-            z.left,
-            d.bottom,
-            z.width,
-            z.top - d.bottom
-          )
-        });
+    Array.from(t.children).filter((c) => c instanceof HTMLElement).map((c) => ({ element: c }))
+  ).map(({ element: c }) => c), l = [];
+  let i = !1, s, u = [];
+  for (const c of a)
+    if (c.hasAttribute("data-panel")) {
+      const h = o.find(
+        (m) => m.element === c
+      );
+      if (h) {
+        if (s) {
+          const m = s.element.getBoundingClientRect(), p = c.getBoundingClientRect();
+          let f;
+          if (i) {
+            const d = n === "horizontal" ? new DOMRect(m.right, m.top, 0, m.height) : new DOMRect(
+              m.left,
+              m.bottom,
+              m.width,
+              0
+            ), y = n === "horizontal" ? new DOMRect(p.left, p.top, 0, p.height) : new DOMRect(p.left, p.top, p.width, 0);
+            switch (u.length) {
+              case 0: {
+                f = [
+                  d,
+                  y
+                ];
+                break;
+              }
+              case 1: {
+                const g = u[0], v = tt({
+                  orientation: n,
+                  rects: [m, p],
+                  targetRect: g.element.getBoundingClientRect()
+                });
+                f = [
+                  g,
+                  v === m ? y : d
+                ];
+                break;
+              }
+              default: {
+                f = u;
+                break;
+              }
+            }
+          } else
+            u.length ? f = u : f = [
+              n === "horizontal" ? new DOMRect(
+                m.right,
+                p.top,
+                p.left - m.right,
+                p.height
+              ) : new DOMRect(
+                p.left,
+                m.bottom,
+                p.width,
+                p.top - m.bottom
+              )
+            ];
+          for (const d of f)
+            l.push({
+              group: e,
+              groupSize: B({ group: e }),
+              panels: [s, h],
+              separator: "width" in d ? void 0 : d,
+              rect: "width" in d ? d : d.element.getBoundingClientRect()
+            });
+        }
+        i = !1, s = h, u = [];
       }
-      i = c, s = void 0;
-    } else {
-      const d = r.find(
-        (z) => z.element === l
+    } else if (c.hasAttribute("data-separator")) {
+      const h = r.find(
+        (m) => m.element === c
       );
-      d ? s = d : (i = void 0, s = void 0);
-    }
-  }
-  return u;
+      h ? u.push(h) : (s = void 0, u = []);
+    } else
+      i = !0;
+  return l;
 }
-function qe(e, t) {
+function nt(e, t) {
   const n = getComputedStyle(e), o = parseFloat(n.fontSize);
   return t * o;
 }
-function Ze(e, t) {
+function ot(e, t) {
   const n = getComputedStyle(e.ownerDocument.body), o = parseFloat(n.fontSize);
   return t * o;
 }
-function Je(e) {
+function it(e) {
   return e / 100 * window.innerHeight;
 }
-function Qe(e) {
+function rt(e) {
   return e / 100 * window.innerWidth;
 }
-function et(e) {
+function st(e) {
   switch (typeof e) {
     case "number":
       return [e, "px"];
@@ -89,13 +157,13 @@ function et(e) {
     }
   }
 }
-function Q({
+function te({
   groupSize: e,
   panelElement: t,
   styleProp: n
 }) {
   let o;
-  const [r, a] = et(n);
+  const [r, a] = st(n);
   switch (a) {
     case "%": {
       o = r / 100 * e;
@@ -106,19 +174,19 @@ function Q({
       break;
     }
     case "rem": {
-      o = Ze(t, r);
+      o = ot(t, r);
       break;
     }
     case "em": {
-      o = qe(t, r);
+      o = nt(t, r);
       break;
     }
     case "vh": {
-      o = Je(r);
+      o = it(r);
       break;
     }
     case "vw": {
-      o = Qe(r);
+      o = rt(r);
       break;
     }
   }
@@ -127,8 +195,8 @@ function Q({
 function G(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,
@@ -138,18 +206,18 @@ function pe(e) {
     panelId: o.id
   })) : t.map((o) => {
     const { element: r, panelConstraints: a } = o;
-    let u = 0;
+    let l = 0;
     if (a.collapsedSize) {
-      const c = Q({
+      const c = te({
         groupSize: n,
         panelElement: r,
         styleProp: a.collapsedSize
       });
-      u = G(c / n * 100);
+      l = G(c / n * 100);
     }
     let i;
     if (a.defaultSize) {
-      const c = Q({
+      const c = te({
         groupSize: n,
         panelElement: r,
         styleProp: a.defaultSize
@@ -158,33 +226,33 @@ function pe(e) {
     }
     let s = 0;
     if (a.minSize) {
-      const c = Q({
+      const c = te({
         groupSize: n,
         panelElement: r,
         styleProp: a.minSize
       });
       s = G(c / n * 100);
     }
-    let l = 100;
+    let u = 100;
     if (a.maxSize) {
-      const c = Q({
+      const c = te({
         groupSize: n,
         panelElement: r,
         styleProp: a.maxSize
       });
-      l = G(c / n * 100);
+      u = G(c / n * 100);
     }
     return {
-      collapsedSize: u,
+      collapsedSize: l,
       collapsible: a.collapsible === !0,
       defaultSize: i,
       minSize: s,
-      maxSize: l,
+      maxSize: u,
       panelId: o.id
     };
   });
 }
-class tt {
+class at {
   #e = {};
   addListener(t, n) {
     const o = this.#e[t];
@@ -199,13 +267,13 @@ class tt {
         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];
+        const l = Array.from(o);
+        for (let i = 0; i < l.length; i++) {
+          const s = l[i];
           try {
             s.call(null, n);
-          } catch (l) {
-            a === null && (r = !0, a = l);
+          } catch (u) {
+            a === null && (r = !0, a = u);
           }
         }
         if (r)
@@ -226,49 +294,49 @@ class tt {
 function P(e, t, n = 0) {
   return Math.abs(G(e) - G(t)) <= n;
 }
-let R = {
+let C = {
   cursorFlags: 0,
   interactionState: {
     state: "inactive"
   },
   mountedGroups: /* @__PURE__ */ new Map()
 };
-const D = new tt();
-function O() {
-  return R;
+const _ = new at();
+function D() {
+  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 && D.emit("cursorFlagsChange", R.cursorFlags), t.interactionState !== void 0 && D.emit("interactionStateChange", R.interactionState), t.mountedGroups !== void 0 && (R.mountedGroups.forEach((o, r) => {
+  }, t.cursorFlags !== void 0 && _.emit("cursorFlagsChange", C.cursorFlags), t.interactionState !== void 0 && _.emit("interactionStateChange", C.interactionState), t.mountedGroups !== void 0 && (C.mountedGroups.forEach((o, r) => {
     o.derivedPanelConstraints.forEach((a) => {
       if (a.collapsible) {
-        const { layout: u } = n.mountedGroups.get(r) ?? {};
-        if (u) {
+        const { layout: l } = n.mountedGroups.get(r) ?? {};
+        if (l) {
           const i = P(
             a.collapsedSize,
             o.layout[a.panelId]
           ), s = P(
             a.collapsedSize,
-            u[a.panelId]
+            l[a.panelId]
           );
-          i && !s && (r.inMemoryLastExpandedPanelSizes[a.panelId] = u[a.panelId]);
+          i && !s && (r.inMemoryLastExpandedPanelSizes[a.panelId] = l[a.panelId]);
         }
       }
     });
-  }), D.emit("mountedGroupsChange", R.mountedGroups)), R;
+  }), _.emit("mountedGroupsChange", C.mountedGroups)), C;
 }
-const nt = (e) => e, ie = () => {
-}, Ee = 1, Me = 2, Ie = 4, Ge = 8, me = {
+const lt = (e) => e, ie = () => {
+}, De = 1, Oe = 2, Te = 4, _e = 8, ge = {
   coarse: 10,
   precise: 5
 };
-function ot({
+function ut({
   cursorFlags: e,
   groups: t,
   state: n
@@ -295,11 +363,11 @@ function ot({
     return null;
   switch (n) {
     case "active": {
-      const a = (e & Ee) !== 0, u = (e & Me) !== 0, i = (e & Ie) !== 0, s = (e & Ge) !== 0;
+      const a = (e & De) !== 0, l = (e & Oe) !== 0, i = (e & Te) !== 0, s = (e & _e) !== 0;
       if (e) {
         if (a)
           return i ? "se-resize" : s ? "ne-resize" : "e-resize";
-        if (u)
+        if (l)
           return i ? "sw-resize" : s ? "nw-resize" : "w-resize";
         if (i)
           return "s-resize";
@@ -314,11 +382,11 @@ function ot({
 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 = ot({
+      const n = ut({
         cursorFlags: e,
         groups: t.hitRegions.map((r) => r.group),
         state: t.state
@@ -334,7 +402,7 @@ function le() {
     }
   }
 }
-function it(e, t) {
+function ct(e, t) {
   if (e.length !== t.length)
     return !1;
   for (let n = 0; n < e.length; n++)
@@ -342,10 +410,10 @@ function it(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
 }) {
@@ -355,15 +423,15 @@ function F({
     maxSize: r = 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 = G(t), t;
 }
-function V({
+function Y({
   delta: e,
   initialLayout: t,
   panelConstraints: n,
@@ -373,141 +441,141 @@ function V({
 }) {
   if (P(e, 0))
     return t;
-  const u = Object.values(t), i = Object.values(r), s = [...u], [l, c] = o;
-  x(l != null, "Invalid first pivot index"), x(c != null, "Invalid second pivot index");
-  let d = 0;
+  const l = Object.values(t), i = Object.values(r), s = [...l], [u, c] = o;
+  z(u != null, "Invalid first pivot index"), z(c != null, "Invalid second pivot index");
+  let h = 0;
   if (a === "keyboard") {
     {
-      const f = e < 0 ? c : l, p = n[f];
-      x(
-        p,
+      const f = e < 0 ? c : u, d = n[f];
+      z(
+        d,
         `Panel constraints not found for index ${f}`
       );
       const {
-        collapsedSize: h = 0,
-        collapsible: y,
-        minSize: S = 0
-      } = p;
-      if (y) {
-        const v = u[f];
-        if (x(
-          v != null,
+        collapsedSize: y = 0,
+        collapsible: g,
+        minSize: v = 0
+      } = d;
+      if (g) {
+        const x = l[f];
+        if (z(
+          x != null,
           `Previous layout not found for panel index ${f}`
-        ), P(v, h)) {
-          const g = S - v;
-          U(g, Math.abs(e)) > 0 && (e = e < 0 ? 0 - g : g);
+        ), P(x, y)) {
+          const S = v - x;
+          X(S, Math.abs(e)) > 0 && (e = e < 0 ? 0 - S : S);
         }
       }
     }
     {
-      const f = e < 0 ? l : c, p = n[f];
-      x(
-        p,
+      const f = e < 0 ? u : c, d = n[f];
+      z(
+        d,
         `No panel constraints found for index ${f}`
       );
       const {
-        collapsedSize: h = 0,
-        collapsible: y,
-        minSize: S = 0
-      } = p;
-      if (y) {
-        const v = u[f];
-        if (x(
-          v != null,
+        collapsedSize: y = 0,
+        collapsible: g,
+        minSize: v = 0
+      } = d;
+      if (g) {
+        const x = l[f];
+        if (z(
+          x != null,
           `Previous layout not found for panel index ${f}`
-        ), P(v, S)) {
-          const g = v - h;
-          U(g, Math.abs(e)) > 0 && (e = e < 0 ? 0 - g : g);
+        ), P(x, v)) {
+          const S = x - y;
+          X(S, Math.abs(e)) > 0 && (e = e < 0 ? 0 - S : S);
         }
       }
     }
   }
   {
     const f = e < 0 ? 1 : -1;
-    let p = e < 0 ? c : l, h = 0;
+    let d = e < 0 ? c : u, y = 0;
     for (; ; ) {
-      const S = u[p];
-      x(
-        S != null,
-        `Previous layout not found for panel index ${p}`
+      const v = l[d];
+      z(
+        v != null,
+        `Previous layout not found for panel index ${d}`
       );
-      const g = F({
-        panelConstraints: n[p],
+      const S = j({
+        panelConstraints: n[d],
         size: 100
-      }) - S;
-      if (h += g, p += f, p < 0 || p >= n.length)
+      }) - v;
+      if (y += S, d += f, d < 0 || d >= n.length)
         break;
     }
-    const y = Math.min(Math.abs(e), Math.abs(h));
-    e = e < 0 ? 0 - y : y;
+    const g = Math.min(Math.abs(e), Math.abs(y));
+    e = e < 0 ? 0 - g : g;
   }
   {
-    let p = e < 0 ? l : c;
-    for (; p >= 0 && p < n.length; ) {
-      const h = Math.abs(e) - Math.abs(d), y = u[p];
-      x(
-        y != null,
-        `Previous layout not found for panel index ${p}`
+    let d = e < 0 ? u : c;
+    for (; d >= 0 && d < n.length; ) {
+      const y = Math.abs(e) - Math.abs(h), g = l[d];
+      z(
+        g != null,
+        `Previous layout not found for panel index ${d}`
       );
-      const S = y - h, v = F({
-        panelConstraints: n[p],
-        size: S
+      const v = g - y, x = j({
+        panelConstraints: n[d],
+        size: v
       });
-      if (!P(y, v) && (d += y - v, s[p] = v, d.toFixed(3).localeCompare(Math.abs(e).toFixed(3), void 0, {
+      if (!P(g, x) && (h += g - x, s[d] = x, h.toFixed(3).localeCompare(Math.abs(e).toFixed(3), void 0, {
         numeric: !0
       }) >= 0))
         break;
-      e < 0 ? p-- : p++;
+      e < 0 ? d-- : d++;
     }
   }
-  if (it(i, s))
+  if (ct(i, s))
     return r;
   {
-    const f = e < 0 ? c : l, p = u[f];
-    x(
-      p != null,
+    const f = e < 0 ? c : u, d = l[f];
+    z(
+      d != null,
       `Previous layout not found for panel index ${f}`
     );
-    const h = p + d, y = F({
+    const y = d + h, g = j({
       panelConstraints: n[f],
-      size: h
+      size: y
     });
-    if (s[f] = y, !P(y, h)) {
-      let S = h - y, g = e < 0 ? c : l;
-      for (; g >= 0 && g < n.length; ) {
-        const w = s[g];
-        x(
-          w != null,
-          `Previous layout not found for panel index ${g}`
+    if (s[f] = g, !P(g, y)) {
+      let v = y - g, S = e < 0 ? c : u;
+      for (; S >= 0 && S < n.length; ) {
+        const b = s[S];
+        z(
+          b != null,
+          `Previous layout not found for panel index ${S}`
         );
-        const L = w + S, C = F({
-          panelConstraints: n[g],
+        const L = b + v, R = j({
+          panelConstraints: n[S],
           size: L
         });
-        if (P(w, C) || (S -= C - w, s[g] = C), P(S, 0))
+        if (P(b, R) || (v -= R - b, s[S] = R), P(v, 0))
           break;
-        e > 0 ? g-- : g++;
+        e > 0 ? S-- : S++;
       }
     }
   }
-  const z = Object.values(s).reduce(
-    (f, p) => p + f,
+  const m = Object.values(s).reduce(
+    (f, d) => d + f,
     0
   );
-  if (!P(z, 100, 0.1))
+  if (!P(m, 100, 0.1))
     return r;
-  const m = Object.keys(r);
-  return s.reduce((f, p, h) => (f[m[h]] = p, f), {});
+  const p = Object.keys(r);
+  return s.reduce((f, d, y) => (f[p[y]] = d, 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 ke({
+function Ae({
   event: e,
   hitRegions: t,
   initialLayoutMap: n,
@@ -515,64 +583,66 @@ function ke({
   pointerDownAtPoint: r
 }) {
   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: z } = s;
-    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 { group: s, groupSize: u } = i, { disableCursor: c, orientation: h, panels: m } = s;
+    let p = 0;
+    r ? h === "horizontal" ? p = (e.clientX - r.x) / u * 100 : p = (e.clientY - r.y) / u * 100 : h === "horizontal" ? p = e.clientX < 0 ? -100 : 100 : p = e.clientY < 0 ? -100 : 100;
     const f = n.get(s), {
-      derivedPanelConstraints: p,
-      layout: h,
-      separatorToPanels: y
-    } = o.get(s) ?? {};
-    if (p && f && h && y) {
-      const S = V({
-        delta: m,
+      defaultLayoutDeferred: d,
+      derivedPanelConstraints: y,
+      layout: g,
+      separatorToPanels: v
+    } = o.get(s) ?? { defaultLayoutDeferred: !1 };
+    if (y && f && g && v) {
+      const x = Y({
+        delta: p,
         initialLayout: f,
-        panelConstraints: p,
-        pivotIndices: i.panels.map((v) => z.indexOf(v)),
-        prevLayout: h,
+        panelConstraints: y,
+        pivotIndices: i.panels.map((S) => m.indexOf(S)),
+        prevLayout: g,
         trigger: "mouse-or-touch"
       });
-      if (W(S, h)) {
-        if (m !== 0 && !c)
-          switch (d) {
+      if (U(x, g)) {
+        if (p !== 0 && !c)
+          switch (h) {
             case "horizontal": {
-              a |= m < 0 ? Ee : Me;
+              a |= p < 0 ? De : Oe;
               break;
             }
             case "vertical": {
-              a |= m < 0 ? Ie : Ge;
+              a |= p < 0 ? Te : _e;
               break;
             }
           }
       } else {
-        u.set(i.group, {
-          derivedPanelConstraints: p,
-          layout: S,
-          separatorToPanels: y
+        l.set(i.group, {
+          defaultLayoutDeferred: d,
+          derivedPanelConstraints: y,
+          layout: x,
+          separatorToPanels: v
         });
-        const v = i.group.panels.map(({ id: g }) => g).join(",");
-        i.group.inMemoryLayouts[v] = S;
+        const S = i.group.panels.map(({ id: b }) => b).join(",");
+        i.group.inMemoryLayouts[S] = x;
       }
     }
   }), 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 && ke({
+        e.currentTarget === o.group.element && Ae({
           event: e,
           hitRegions: t.hitRegions,
           initialLayoutMap: t.initialLayoutMap,
@@ -581,10 +651,10 @@ function he(e) {
       });
   }
 }
-function te(e) {
+function oe(e) {
   const t = e.parentElement;
-  x(t, "Parent group element not found");
-  const { mountedGroups: n } = O();
+  z(t, "Parent group element not found");
+  const { mountedGroups: n } = D();
   for (const [o] of n)
     if (o.element === t)
       return o;
@@ -605,186 +675,177 @@ function A({
   if (!P(r, 100) && o.length > 0)
     for (let i = 0; i < t.length; i++) {
       const s = o[i];
-      x(s != null, `No layout data found for index ${i}`);
-      const l = 100 / r * s;
-      o[i] = l;
+      z(s != null, `No layout data found for index ${i}`);
+      const u = 100 / r * s;
+      o[i] = u;
     }
   let a = 0;
   for (let i = 0; i < t.length; i++) {
     const s = o[i];
-    x(s != null, `No layout data found for index ${i}`);
-    const l = F({
+    z(s != null, `No layout data found for index ${i}`);
+    const u = j({
       panelConstraints: t[i],
       size: s
     });
-    s != l && (a += s - l, o[i] = l);
+    s != u && (a += s - u, o[i] = u);
   }
   if (!P(a, 0))
     for (let i = 0; i < t.length; i++) {
       const s = o[i];
-      x(s != null, `No layout data found for index ${i}`);
-      const l = s + a, c = F({
+      z(s != null, `No layout data found for index ${i}`);
+      const u = s + a, c = j({
         panelConstraints: t[i],
-        size: l
+        size: u
       });
       if (s !== c && (a -= c - s, 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, s, u) => (i[l[u]] = s, i), {});
 }
-function Oe({
+function Ne({
   groupId: e
 }) {
   const t = () => {
-    const { mountedGroups: n } = O();
+    const { mountedGroups: n } = D();
     for (const [o, r] of n)
       if (o.id === e)
         return { group: o, ...r };
-    throw Error(`Group ${e} not found`);
+    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 = A({
+        defaultLayoutDeferred: o,
+        derivedPanelConstraints: r,
+        group: a,
+        layout: l,
+        separatorToPanels: i
+      } = t(), s = A({
         layout: n,
-        panelConstraints: o
+        panelConstraints: r
       });
-      return W(a, i) || E((s) => ({
-        mountedGroups: new Map(s.mountedGroups).set(r, {
-          derivedPanelConstraints: o,
-          layout: i,
-          separatorToPanels: u
+      return o ? l : (U(l, s) || E((u) => ({
+        mountedGroups: new Map(u.mountedGroups).set(a, {
+          defaultLayoutDeferred: o,
+          derivedPanelConstraints: r,
+          layout: s,
+          separatorToPanels: i
         })
-      })), i;
+      })), s);
     }
   };
 }
-function Te(e) {
-  const { mountedGroups: t } = O(), n = t.get(e);
-  return x(n, `Mounted Group ${e.id} not found`), n;
+function $e(e) {
+  const { mountedGroups: t } = D(), n = t.get(e);
+  return z(n, `Mounted Group ${e.id} not found`), n;
 }
-function _(e, t) {
-  const n = te(e), o = Te(n), r = n.separators.find(
-    (d) => d.element === e
+function T(e, t) {
+  const n = oe(e), o = $e(n), r = n.separators.find(
+    (h) => h.element === e
   );
-  x(r, "Matching separator not found");
+  z(r, "Matching separator not found");
   const a = o.separatorToPanels.get(r);
-  x(a, "Matching panels not found");
-  const u = a.map((d) => n.panels.indexOf(d)), s = Oe({ groupId: n.id }).getLayout(), l = V({
+  z(a, "Matching panels not found");
+  const l = a.map((h) => n.panels.indexOf(h)), s = Ne({ groupId: n.id }).getLayout(), u = Y({
     delta: t,
     initialLayout: s,
     panelConstraints: o.derivedPanelConstraints,
-    pivotIndices: u,
+    pivotIndices: l,
     prevLayout: s,
     trigger: "keyboard"
   }), c = A({
-    layout: l,
+    layout: u,
     panelConstraints: o.derivedPanelConstraints
   });
-  W(s, c) || E((d) => ({
-    mountedGroups: new Map(d.mountedGroups).set(n, {
+  U(s, c) || E((h) => ({
+    mountedGroups: new Map(h.mountedGroups).set(n, {
+      defaultLayoutDeferred: o.defaultLayoutDeferred,
       derivedPanelConstraints: o.derivedPanelConstraints,
       layout: c,
       separatorToPanels: o.separatorToPanels
     })
   }));
 }
-function ge(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" && _(t, 5);
+        e.preventDefault(), n.orientation === "vertical" && T(t, 5);
         break;
       }
       case "ArrowLeft": {
-        e.preventDefault(), n.orientation === "horizontal" && _(t, -5);
+        e.preventDefault(), n.orientation === "horizontal" && T(t, -5);
         break;
       }
       case "ArrowRight": {
-        e.preventDefault(), n.orientation === "horizontal" && _(t, 5);
+        e.preventDefault(), n.orientation === "horizontal" && T(t, 5);
         break;
       }
       case "ArrowUp": {
-        e.preventDefault(), n.orientation === "vertical" && _(t, -5);
+        e.preventDefault(), n.orientation === "vertical" && T(t, -5);
         break;
       }
       case "End": {
-        e.preventDefault(), _(t, 100);
+        e.preventDefault(), T(t, 100);
         break;
       }
       case "Enter": {
         e.preventDefault();
-        const o = te(t), { derivedPanelConstraints: r, layout: a, separatorToPanels: u } = Te(o), i = o.separators.find(
-          (d) => d.element === t
+        const o = oe(t), { derivedPanelConstraints: r, layout: a, separatorToPanels: l } = $e(o), i = o.separators.find(
+          (h) => h.element === t
         );
-        x(i, "Matching separator not found");
-        const s = u.get(i);
-        x(s, "Matching panels not found");
-        const l = s[0], c = r.find(
-          (d) => d.panelId === l.id
+        z(i, "Matching separator not found");
+        const s = l.get(i);
+        z(s, "Matching panels not found");
+        const u = s[0], c = r.find(
+          (h) => h.panelId === u.id
         );
-        if (x(c, "Panel metadata not found"), c.collapsible) {
-          const d = a[l.id], z = c.collapsedSize === d ? o.inMemoryLastExpandedPanelSizes[l.id] ?? c.minSize : c.collapsedSize;
-          _(t, z - d);
+        if (z(c, "Panel metadata not found"), c.collapsible) {
+          const h = a[u.id], m = c.collapsedSize === h ? o.inMemoryLastExpandedPanelSizes[u.id] ?? c.minSize : c.collapsedSize;
+          T(t, m - h);
         }
         break;
       }
       case "F6": {
         e.preventDefault();
-        const r = te(t).separators.map(
+        const r = oe(t).separators.map(
           (s) => s.element
         ), a = Array.from(r).findIndex(
           (s) => s === e.currentTarget
         );
-        x(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();
+        z(a !== null, "Index not found");
+        const l = e.shiftKey ? a > 0 ? a - 1 : r.length - 1 : a + 1 < r.length ? a + 1 : 0;
+        r[l].focus();
         break;
       }
       case "Home": {
-        e.preventDefault(), _(t, -100);
+        e.preventDefault(), T(t, -100);
         break;
       }
     }
 }
-function rt(e, t) {
-  return {
-    x: e.x >= t.left && e.x <= t.right ? 0 : Math.min(
-      Math.abs(e.x - t.left),
-      Math.abs(e.x - t.right)
-    ),
-    y: e.y >= t.top && e.y <= t.bottom ? 0 : Math.min(
-      Math.abs(e.y - t.top),
-      Math.abs(e.y - t.bottom)
-    )
-  };
-}
-function st(e, t, n) {
+function ft(e, t, n) {
   let o, r = {
     x: 1 / 0,
     y: 1 / 0
   };
   for (const a of t) {
-    const u = rt(n, a.rect);
+    const l = Ge(n, a.rect);
     switch (e) {
       case "horizontal": {
-        u.x <= r.x && (o = a, r = u);
+        l.x <= r.x && (o = a, r = l);
         break;
       }
       case "vertical": {
-        u.y <= r.y && (o = a, r = u);
+        l.y <= r.y && (o = a, r = l);
         break;
       }
     }
@@ -794,133 +855,133 @@ function st(e, t, n) {
     hitRegion: o
   } : void 0;
 }
-let ee;
-function at() {
-  return ee === void 0 && (typeof matchMedia == "function" ? ee = !!matchMedia("(pointer:coarse)").matches : ee = !1), ee;
+let ne;
+function dt() {
+  return ne === void 0 && (typeof matchMedia == "function" ? ne = !!matchMedia("(pointer:coarse)").matches : ne = !1), ne;
 }
-function lt(e, t) {
+function pt(e, t) {
   if (e === t) throw new Error("Cannot compare node with itself");
   const n = {
-    a: Se(e),
-    b: Se(t)
+    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;
-  x(
+  z(
     o,
     "Stacking order can only be calculated for elements with a common ancestor"
   );
   const r = {
-    a: ve(ye(n.a)),
-    b: ve(ye(n.b))
+    a: ze(xe(n.a)),
+    b: ze(xe(n.b))
   };
   if (r.a === r.b) {
-    const a = o.childNodes, u = {
+    const a = o.childNodes, l = {
       a: n.a.at(-1),
       b: n.b.at(-1)
     };
     let i = a.length;
     for (; i--; ) {
       const s = a[i];
-      if (s === u.a) return 1;
-      if (s === u.b) return -1;
+      if (s === l.a) return 1;
+      if (s === l.b) return -1;
     }
   }
   return Math.sign(r.a - r.b);
 }
-const ut = /\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;
-function ct(e) {
-  const t = getComputedStyle(_e(e) ?? e).display;
+const ht = /\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;
+function mt(e) {
+  const t = getComputedStyle(Fe(e) ?? e).display;
   return t === "flex" || t === "inline-flex";
 }
-function ft(e) {
+function yt(e) {
   const t = getComputedStyle(e);
-  return !!(t.position === "fixed" || t.zIndex !== "auto" && (t.position !== "static" || ct(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" || ut.test(t.willChange) || t.webkitOverflowScrolling === "touch");
+  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" || ht.test(t.willChange) || t.webkitOverflowScrolling === "touch");
 }
-function ye(e) {
+function xe(e) {
   let t = e.length;
   for (; t--; ) {
     const n = e[t];
-    if (x(n, "Missing node"), ft(n)) return n;
+    if (z(n, "Missing node"), yt(n)) return n;
   }
   return null;
 }
-function ve(e) {
+function ze(e) {
   return e && Number(getComputedStyle(e).zIndex) || 0;
 }
-function Se(e) {
+function we(e) {
   const t = [];
   for (; e; )
-    t.push(e), e = _e(e);
+    t.push(e), e = Fe(e);
   return t;
 }
-function _e(e) {
+function Fe(e) {
   const { parentNode: t } = e;
   return t && t instanceof ShadowRoot ? t.host : t;
 }
-function dt(e, t) {
+function gt(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 pt({
+function vt({
   groupElement: e,
   hitRegion: t,
   pointerEventTarget: n
 }) {
   if (!(n instanceof HTMLElement) || n.contains(e) || e.contains(n))
     return !0;
-  if (lt(n, e) > 0) {
+  if (pt(n, e) > 0) {
     let o = n;
     for (; o; ) {
       if (o.contains(e))
         return !0;
-      if (dt(o.getBoundingClientRect(), t))
+      if (gt(o.getBoundingClientRect(), t))
         return !1;
       o = o.parentElement;
     }
   }
   return !0;
 }
-function De(e, t) {
+function He(e, t) {
   const n = [];
   return t.forEach((o, r) => {
     if (r.disabled)
       return;
-    const a = at() ? me.coarse : me.precise, u = Re(r), i = st(r.orientation, u, {
+    const a = dt() ? ge.coarse : ge.precise, l = ke(r), i = ft(r.orientation, l, {
       x: e.clientX,
       y: e.clientY
     });
-    i && i.distance.x <= a && i.distance.y <= a && pt({
+    i && i.distance.x <= a && i.distance.y <= a && vt({
       groupElement: r.element,
       hitRegion: i.hitRegion.rect,
       pointerEventTarget: e.target
     }) && n.push(i.hitRegion);
   }), n;
 }
-function xe(e) {
+function be(e) {
   if (e.defaultPrevented)
     return;
-  const { mountedGroups: t } = O(), n = De(e, t), o = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Set(), a = /* @__PURE__ */ new Set(), u = /* @__PURE__ */ new Map();
+  const { mountedGroups: t } = D(), n = He(e, t), o = /* @__PURE__ */ new Set(), r = /* @__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);
+    const u = t.get(s.group);
+    u && l.set(s.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 ze(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 (
@@ -937,7 +998,7 @@ function ze(e) {
         );
         return;
       }
-      ke({
+      Ae({
         event: e,
         hitRegions: t.hitRegions,
         initialLayoutMap: t.initialLayoutMap,
@@ -947,7 +1008,7 @@ function ze(e) {
       break;
     }
     default: {
-      const o = De(e, n);
+      const o = He(e, n);
       o.length === 0 ? t.state !== "inactive" && E({
         interactionState: { state: "inactive" }
       }) : E({
@@ -960,11 +1021,11 @@ function ze(e) {
     }
   }
 }
-function be(e) {
+function Pe(e) {
   if (e.defaultPrevented)
     return;
   e.preventDefault();
-  const { interactionState: t } = O();
+  const { interactionState: t } = D();
   switch (t.state) {
     case "active":
       E({
@@ -975,32 +1036,32 @@ function be(e) {
       }), le();
   }
 }
-function we(e) {
+function Re(e) {
   let t = 0, n = 0;
   const o = {};
   for (const a of e)
     if (a.defaultSize !== void 0) {
       t++;
-      const u = G(a.defaultSize);
-      n += u, o[a.panelId] = u;
+      const l = G(a.defaultSize);
+      n += l, o[a.panelId] = l;
     } else
       o[a.panelId] = void 0;
   const r = e.length - t;
   if (r !== 0) {
     const a = G((100 - n) / r);
-    for (const u of e)
-      u.defaultSize === void 0 && (o[u.panelId] = a);
+    for (const l of e)
+      l.defaultSize === void 0 && (o[l.panelId] = a);
   }
   return o;
 }
-function mt(e, t, n) {
+function St(e, t, n) {
   const o = n[0];
   if (!o)
     return;
-  const r = e.panels.find((u) => u.element === t);
+  const r = e.panels.find((l) => l.element === t);
   if (!r || !r.onResize)
     return;
-  const a = H({ group: e });
+  const a = B({ group: e });
   r.onResize(
     {
       asPercentage: G(
@@ -1011,89 +1072,89 @@ function mt(e, t, n) {
     r.id
   );
 }
-function ht(e) {
+function xt(e) {
   let t = !0;
-  x(
-    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) => {
-    for (const f of m) {
-      const { borderBoxSize: p, target: h } = f;
-      if (h === e.element) {
+  const n = /* @__PURE__ */ new Set(), o = /* @__PURE__ */ new Set(), r = new ResizeObserver((p) => {
+    for (const f of p) {
+      const { borderBoxSize: d, target: y } = f;
+      if (y === e.element) {
         if (t) {
-          if (H({ group: e }) === 0)
+          if (B({ group: e }) === 0)
             return;
-          E((S) => {
-            const v = S.mountedGroups.get(e);
-            if (v) {
-              const g = pe(e), w = v.defaultLayoutDeferred ? we(g) : v.layout, L = A({
-                layout: w,
-                panelConstraints: g
+          E((v) => {
+            const x = v.mountedGroups.get(e);
+            if (x) {
+              const S = ye(e), b = x.defaultLayoutDeferred ? Re(S) : x.layout, L = A({
+                layout: b,
+                panelConstraints: S
               });
-              return !v.defaultLayoutDeferred && W(w, L) ? S : {
-                mountedGroups: new Map(S.mountedGroups).set(e, {
-                  derivedPanelConstraints: g,
+              return !x.defaultLayoutDeferred && U(b, L) ? v : {
+                mountedGroups: new Map(v.mountedGroups).set(e, {
+                  defaultLayoutDeferred: !1,
+                  derivedPanelConstraints: S,
                   layout: L,
-                  separatorToPanels: v.separatorToPanels
+                  separatorToPanels: x.separatorToPanels
                 })
               };
             }
-            return S;
+            return v;
           });
         }
       } else
-        mt(e, h, p);
+        St(e, y, d);
     }
   });
-  r.observe(e.element), e.panels.forEach((m) => {
-    x(
-      !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);
+  r.observe(e.element), e.panels.forEach((p) => {
+    z(
+      !n.has(p.id),
+      `Panel ids must be unique; id "${p.id}" was used more than once`
+    ), n.add(p.id), p.onResize && r.observe(p.element);
   });
-  const a = H({ group: e }), u = pe(e), i = e.panels.map(({ id: m }) => m).join(",");
+  const a = B({ group: e }), l = ye(e), i = e.panels.map(({ id: p }) => p).join(",");
   let s = e.defaultLayout;
   s && e.panels.length !== Object.keys(s).length && (s = void 0);
-  const l = e.inMemoryLayouts[i] ?? s ?? we(u), c = A({
-    layout: l,
-    panelConstraints: u
-  }), d = Re(e), z = E((m) => ({
-    mountedGroups: new Map(m.mountedGroups).set(e, {
-      defaultLayoutDeferred: a === 0,
-      derivedPanelConstraints: u,
-      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) => {
-    x(
-      !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", ge);
-  }), z.mountedGroups.size === 1 && (window.addEventListener("pointerdown", xe), window.addEventListener("pointermove", ze), window.addEventListener("pointerup", be)), function() {
+  const u = e.inMemoryLayouts[i] ?? s ?? Re(l), c = A({
+    layout: u,
+    panelConstraints: l
+  }), h = ke(e), m = E((p) => {
+    const f = /* @__PURE__ */ new Map();
+    return h.forEach((d) => {
+      d.separator && f.set(d.separator, d.panels);
+    }), {
+      mountedGroups: new Map(p.mountedGroups).set(e, {
+        defaultLayoutDeferred: a === 0,
+        derivedPanelConstraints: l,
+        layout: c,
+        separatorToPanels: f
+      })
+    };
+  });
+  return e.element.addEventListener("pointerleave", ve), e.separators.forEach((p) => {
+    z(
+      !o.has(p.id),
+      `Separator ids must be unique; id "${p.id}" was used more than once`
+    ), o.add(p.id), p.element.addEventListener("keydown", Se);
+  }), m.mountedGroups.size === 1 && (window.addEventListener("pointerdown", be), window.addEventListener("pointermove", Le), window.addEventListener("pointerup", Pe)), function() {
     t = !1;
-    const f = E((p) => {
-      const h = new Map(p.mountedGroups);
-      return h.delete(e), { mountedGroups: h };
+    const f = E((d) => {
+      const y = new Map(d.mountedGroups);
+      return y.delete(e), { mountedGroups: y };
     });
-    e.element.removeEventListener("pointerleave", he), e.separators.forEach((p) => {
-      p.element.removeEventListener("keydown", ge);
-    }), f.mountedGroups.size === 0 && (window.removeEventListener("pointerdown", xe), window.removeEventListener("pointermove", ze), window.removeEventListener("pointerup", be)), r.disconnect();
+    e.element.removeEventListener("pointerleave", ve), e.separators.forEach((d) => {
+      d.element.removeEventListener("keydown", Se);
+    }), f.mountedGroups.size === 0 && (window.removeEventListener("pointerdown", be), window.removeEventListener("pointermove", Le), window.removeEventListener("pointerup", Pe)), r.disconnect();
   };
 }
 function ue(e) {
-  const t = We();
+  const t = Xe();
   return `${e ?? t}`;
 }
-const j = typeof window < "u" ? je : Be;
+const N = typeof window < "u" ? Ye : Ce;
 function ce(e) {
-  const t = T(e);
-  return j(() => {
+  const t = O(e);
+  return N(() => {
     t.current = e;
-  }, [e]), Le((n) => t.current?.(n), [t]);
+  }, [e]), Ee((n) => t.current?.(n), [t]);
 }
 function fe(...e) {
   return ce((t) => {
@@ -1112,136 +1173,161 @@ function fe(...e) {
     });
   });
 }
-const Ae = "--react-resizable-panels--panel--pointer-events";
-function Ne(e, t) {
+function zt(e) {
+  const t = O({ ...e });
+  return N(() => {
+    for (const n in e)
+      t.current[n] = e[n];
+  }, [e]), t.current;
+}
+const We = "--react-resizable-panels--panel--pointer-events";
+function je(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 $e = Ue(null);
-function gt(e, t) {
-  const n = T({
+const Be = qe(null);
+function wt(e, t) {
+  const n = O({
     getLayout: () => ({}),
-    setLayout: nt
+    setLayout: lt
   });
-  Pe(t, () => n.current, []), j(() => {
+  Me(t, () => n.current, []), N(() => {
     Object.assign(
       n.current,
-      Oe({ groupId: e })
+      Ne({ groupId: e })
     );
   });
 }
-function Pt({
+function Gt({
   children: e,
   className: t,
   defaultLayout: n,
   disableCursor: o,
   disabled: r,
   elementRef: a,
-  groupRef: u,
+  groupRef: l,
   id: i,
   onLayoutChange: s,
-  orientation: l = "horizontal",
+  orientation: u = "horizontal",
   style: c,
-  ...d
+  ...h
 }) {
-  const z = T({}), m = ce((b) => {
-    W(z.current, b) || (z.current = b, s?.(b));
-  }), f = ue(i), [p, h] = I(!1), [y, S] = I(null), [v, g] = I(n ?? {}), [w, L] = I([]), [C, K] = I([]), ne = T({}), X = T({}), Y = fe(S, a);
-  gt(f, u);
-  const q = Ce(
+  const m = O({}), p = ce((w) => {
+    U(m.current, w) || (m.current = w, s?.(w));
+  }), f = ue(i), [d, y] = I(!1), [g, v] = I(null), [x, S] = I(n ?? {}), [b, L] = I([]), [R, q] = I([]), Z = O({
+    lastExpandedPanelSizes: {},
+    layouts: {}
+  }), J = fe(v, a);
+  wt(f, l);
+  const Q = Ie(
     () => ({
       id: f,
-      orientation: l,
-      registerPanel: (b) => (L((M) => se(l, [...M, b])), () => {
-        L((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) => (K(
-        (M) => se(l, [...M, b])
+      registerSeparator: (w) => (q(
+        (M) => se(u, [...M, w])
       ), () => {
-        K(
-          (M) => M.filter((N) => N !== b)
+        q(
+          (M) => M.filter((F) => F !== w)
         );
       })
     }),
-    [f, l]
-  );
-  j(() => {
-    if (y === null || w.length === 0)
+    [f, u]
+  ), $ = zt({
+    defaultLayout: n,
+    disableCursor: o
+  }), V = O(null);
+  N(() => {
+    if (g === null)
       return;
-    const b = {
-      defaultLayout: n,
-      disableCursor: !!o,
+    const w = {
+      defaultLayout: $.defaultLayout,
+      disableCursor: !!$.disableCursor,
       disabled: !!r,
-      element: y,
+      element: g,
       id: f,
-      inMemoryLastExpandedPanelSizes: ne.current,
-      inMemoryLayouts: X.current,
-      orientation: l,
-      panels: w,
-      separators: C
-    }, M = ht(b), oe = O().mountedGroups.get(b);
-    oe && (g(oe.layout), m?.(oe.layout));
-    const Fe = D.addListener(
+      inMemoryLastExpandedPanelSizes: Z.current.lastExpandedPanelSizes,
+      inMemoryLayouts: Z.current.layouts,
+      orientation: u,
+      panels: b,
+      separators: R
+    };
+    V.current = w;
+    const M = xt(w), he = D().mountedGroups.get(w);
+    if (he) {
+      const { defaultLayoutDeferred: H, derivedPanelConstraints: W, layout: ee } = he;
+      !H && W.length > 0 && (S(ee), p?.(ee));
+    }
+    const Ue = _.addListener(
       "interactionStateChange",
-      (J) => {
-        switch (J.state) {
+      (H) => {
+        switch (H.state) {
           case "active": {
-            h(
-              J.hitRegions.some(
-                ($) => $.group === b
+            y(
+              H.hitRegions.some(
+                (W) => W.group === w
               )
             );
             break;
           }
           default: {
-            h(!1);
+            y(!1);
             break;
           }
         }
       }
-    ), He = D.addListener(
+    ), Ve = _.addListener(
       "mountedGroupsChange",
-      (J) => {
-        const $ = J.get(b);
-        $ && $.derivedPanelConstraints.length > 0 && (g($.layout), m?.($.layout));
+      (H) => {
+        const W = H.get(w);
+        if (W) {
+          const { defaultLayoutDeferred: ee, derivedPanelConstraints: Ke, layout: me } = W;
+          if (ee || Ke.length === 0)
+            return;
+          S(me), p?.(me);
+        }
       }
     );
     return () => {
-      M(), Fe(), He();
+      V.current = null, M(), Ue(), Ve();
     };
   }, [
-    n,
-    o,
     r,
-    y,
+    g,
     f,
-    m,
-    l,
-    w,
-    C
-  ]);
-  const Z = {
-    [Ae]: p ? "none" : void 0
+    p,
+    u,
+    b,
+    R,
+    $
+  ]), Ce(() => {
+    const w = V.current;
+    w && (w.defaultLayout = n, w.disableCursor = !!o);
+  });
+  const pe = {
+    [We]: d ? "none" : void 0
   };
-  for (const b in v) {
-    const M = Ne(f, b), N = v[b];
-    Z[M] = N;
+  for (const w in x) {
+    const M = je(f, w), F = x[w];
+    pe[M] = F;
   }
-  return /* @__PURE__ */ B($e.Provider, { value: q, children: /* @__PURE__ */ B(
+  return /* @__PURE__ */ K(Be.Provider, { value: Q, children: /* @__PURE__ */ K(
     "div",
     {
-      ...d,
-      "aria-orientation": l,
+      ...h,
+      "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
@@ -1251,7 +1337,7 @@ function Pt({
 function ae(e) {
   return `react-resizable-panels:${e}`;
 }
-function yt({
+function bt({
   id: e,
   layout: t,
   storage: n
@@ -1263,19 +1349,19 @@ function yt({
     console.error(o);
   }
 }
-function Ct({
+function kt({
   groupId: e,
   storage: t
 }) {
-  const n = Ve(
-    vt,
+  const n = Ze(
+    Lt,
     () => t.getItem(ae(e)),
     () => t.getItem(ae(e))
-  ), o = Ce(
+  ), o = Ie(
     () => n ? JSON.parse(n) : void 0,
     [n]
-  ), r = Le(
-    (a) => yt({
+  ), r = Ee(
+    (a) => bt({
       id: e,
       layout: a,
       storage: t
@@ -1287,35 +1373,46 @@ function Ct({
     onLayoutChange: r
   };
 }
-function vt() {
+function Lt() {
   return function() {
   };
 }
-function Rt() {
+function Dt() {
   return I(null);
 }
-function Et() {
-  return T(null);
+function Ot() {
+  return O(null);
 }
 function de() {
-  const e = Ke($e);
-  return x(
+  const e = Je(Be);
+  return z(
     e,
     "Group Context not found; did you render a Panel or Separator outside of a Group?"
   ), e;
 }
-function St({
+function Pt({
   groupId: e,
   panelId: t
 }) {
   const n = () => {
-    const { mountedGroups: i } = O();
+    const { mountedGroups: i } = D();
     for (const [
       s,
-      { derivedPanelConstraints: l, layout: c, separatorToPanels: d }
+      {
+        defaultLayoutDeferred: u,
+        derivedPanelConstraints: c,
+        layout: h,
+        separatorToPanels: m
+      }
     ] of i)
       if (s.id === e)
-        return { derivedPanelConstraints: l, group: s, layout: c, separatorToPanels: d };
+        return {
+          defaultLayoutDeferred: u,
+          derivedPanelConstraints: c,
+          group: s,
+          layout: h,
+          separatorToPanels: m
+        };
     throw Error(`Group ${e} not found`);
   }, o = () => {
     const i = n().derivedPanelConstraints.find(
@@ -1334,75 +1431,77 @@ function St({
     if (i !== void 0)
       return i;
     throw Error(`Layout not found for Panel ${t}`);
-  }, u = (i) => {
+  }, l = (i) => {
     const s = a();
     if (i === s)
       return;
     const {
-      derivedPanelConstraints: l,
-      group: c,
-      layout: d,
-      separatorToPanels: z
-    } = n(), m = c.panels.findIndex((y) => y.id === t), f = m === c.panels.length - 1, p = V({
-      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: h,
+      layout: m,
+      separatorToPanels: p
+    } = n(), f = h.panels.findIndex((v) => v.id === t), d = f === h.panels.length - 1, y = Y({
+      delta: d ? s - i : i - s,
+      initialLayout: m,
+      panelConstraints: c,
+      pivotIndices: d ? [f - 1, f] : [f, f + 1],
+      prevLayout: m,
       trigger: "imperative-api"
-    }), h = A({
-      layout: p,
-      panelConstraints: l
+    }), g = A({
+      layout: y,
+      panelConstraints: c
     });
-    W(d, h) || E((y) => ({
-      mountedGroups: new Map(y.mountedGroups).set(c, {
-        derivedPanelConstraints: l,
-        layout: h,
-        separatorToPanels: z
+    U(m, g) || E((v) => ({
+      mountedGroups: new Map(v.mountedGroups).set(h, {
+        defaultLayoutDeferred: u,
+        derivedPanelConstraints: c,
+        layout: g,
+        separatorToPanels: p
       })
     }));
   };
   return {
     collapse: () => {
-      const { collapsible: i, collapsedSize: s } = o(), l = a();
-      i && l !== s && u(s);
+      const { collapsible: i, collapsedSize: s } = o(), u = a();
+      i && u !== s && l(s);
     },
     expand: () => {
-      const { collapsible: i, collapsedSize: s, minSize: l } = o(), c = a();
-      i && c === s && u(l);
+      const { collapsible: i, collapsedSize: s, minSize: u } = o(), c = a();
+      i && c === s && l(u);
     },
     getSize: () => {
-      const { group: i } = n(), s = a(), { element: l } = r(), c = i.orientation === "horizontal" ? l.offsetWidth : l.offsetHeight;
+      const { group: i } = n(), s = a(), { element: u } = r(), c = i.orientation === "horizontal" ? u.offsetWidth : u.offsetHeight;
       return {
         asPercentage: s,
         inPixels: c
       };
     },
     isCollapsed: () => {
-      const { collapsible: i, collapsedSize: s } = o(), l = a();
-      return i && P(s, l);
+      const { collapsible: i, collapsedSize: s } = o(), u = a();
+      return i && P(s, u);
     },
     resize: (i) => {
       if (a() !== i) {
-        let l;
+        let u;
         switch (typeof i) {
           case "number": {
-            const { group: c } = n(), d = H({ group: c });
-            l = G(i / d * 100);
+            const { group: c } = n(), h = B({ group: c });
+            u = G(i / h * 100);
             break;
           }
           case "string": {
-            l = parseFloat(i);
+            u = parseFloat(i);
             break;
           }
         }
-        u(l);
+        l(u);
       }
     }
   };
 }
-function xt(e, t) {
-  const { id: n } = de(), o = T({
+function Rt(e, t) {
+  const { id: n } = de(), o = O({
     collapse: ie,
     expand: ie,
     getSize: () => ({
@@ -1412,38 +1511,38 @@ function xt(e, t) {
     isCollapsed: () => !1,
     resize: ie
   });
-  Pe(t, () => o.current, []), j(() => {
+  Me(t, () => o.current, []), N(() => {
     Object.assign(
       o.current,
-      St({ groupId: n, panelId: e })
+      Pt({ groupId: n, panelId: e })
     );
   });
 }
-function Mt({
+function Tt({
   children: e,
   className: t,
   collapsedSize: n = "0%",
   collapsible: o = !1,
   defaultSize: r,
   elementRef: a,
-  id: u,
+  id: l,
   maxSize: i = "100%",
   minSize: s = "0%",
-  onResize: l,
+  onResize: u,
   panelRef: c,
-  style: d,
-  ...z
+  style: h,
+  ...m
 }) {
-  const m = !!u, f = ue(u), [p, h] = I(null), y = fe(h, a), { id: S, registerPanel: v } = de(), g = l !== null, w = ce((C) => {
-    l?.(C, u);
+  const p = !!l, f = ue(l), [d, y] = I(null), g = fe(y, a), { id: v, registerPanel: x } = de(), S = u !== null, b = ce((R) => {
+    u?.(R, l);
   });
-  j(() => {
-    if (p !== null)
-      return v({
-        element: p,
+  N(() => {
+    if (d !== null)
+      return x({
+        element: d,
         id: f,
-        idIsStable: m,
-        onResize: g ? w : void 0,
+        idIsStable: p,
+        onResize: S ? b : void 0,
         panelConstraints: {
           collapsedSize: n,
           collapsible: o,
@@ -1456,26 +1555,26 @@ function Mt({
     n,
     o,
     r,
-    p,
-    g,
+    d,
+    S,
     f,
-    m,
+    p,
     i,
     s,
-    w,
-    v
-  ]), xt(f, c);
-  const L = Ne(S, f);
-  return /* @__PURE__ */ B(
+    b,
+    x
+  ]), Rt(f, c);
+  const L = je(v, f);
+  return /* @__PURE__ */ K(
     "div",
     {
-      ...z,
+      ...m,
       "data-panel": !0,
       "data-testid": f,
       id: f,
-      ref: y,
+      ref: g,
       style: {
-        ...zt,
+        ...Ct,
         flexBasis: 0,
         flexGrow: `var(${L}, 1)`,
         flexShrink: 1,
@@ -1483,16 +1582,16 @@ function Mt({
         overflow: "hidden",
         // Disable pointer events inside of a panel during resize
         // This avoid edge cases like nested iframes
-        pointerEvents: `var(${Ae})`
+        pointerEvents: `var(${We})`
       },
-      children: /* @__PURE__ */ B(
+      children: /* @__PURE__ */ K(
         "div",
         {
           className: t,
           style: {
             width: "100%",
             height: "100%",
-            ...d
+            ...h
           },
           children: e
         }
@@ -1500,7 +1599,7 @@ function Mt({
     }
   );
 }
-const zt = {
+const Ct = {
   minHeight: "unset",
   maxHeight: "unset",
   height: "unset",
@@ -1516,27 +1615,27 @@ const zt = {
   padding: "unset",
   margin: "unset"
 };
-function It() {
+function _t() {
   return I(null);
 }
-function Gt() {
-  return T(null);
+function At() {
+  return O(null);
 }
-function bt({
+function Et({
   layout: e,
   panelConstraints: t,
   panelId: n,
   panelIndex: o
 }) {
   let r, a;
-  const u = e[n], i = t.find(
+  const l = e[n], i = t.find(
     (s) => s.panelId === n
   );
   if (i) {
-    const s = i.maxSize, l = a = i.collapsible ? i.collapsedSize : i.minSize, c = [o, o + 1];
+    const s = i.maxSize, u = a = i.collapsible ? i.collapsedSize : i.minSize, c = [o, o + 1];
     a = A({
-      layout: V({
-        delta: l - u,
+      layout: Y({
+        delta: u - l,
         initialLayout: e,
         panelConstraints: t,
         pivotIndices: c,
@@ -1545,8 +1644,8 @@ function bt({
       }),
       panelConstraints: t
     })[n], r = A({
-      layout: V({
-        delta: s - u,
+      layout: Y({
+        delta: s - l,
         initialLayout: e,
         panelConstraints: t,
         pivotIndices: c,
@@ -1560,10 +1659,10 @@ function bt({
     valueControls: n,
     valueMax: r,
     valueMin: a,
-    valueNow: u
+    valueNow: l
   };
 }
-function kt({
+function Nt({
   children: e,
   className: t,
   elementRef: n,
@@ -1571,40 +1670,40 @@ function kt({
   style: r,
   ...a
 }) {
-  const u = ue(o), [i, s] = I({}), [l, c] = I("inactive"), [d, z] = I(null), m = fe(z, n), {
+  const l = ue(o), [i, s] = I({}), [u, c] = I("inactive"), [h, m] = I(null), p = fe(m, n), {
     id: f,
-    orientation: p,
-    registerSeparator: h
-  } = de(), y = p === "horizontal" ? "vertical" : "horizontal";
-  return j(() => {
-    if (d !== null) {
-      const S = {
-        element: d,
-        id: u
-      }, v = h(S), g = D.addListener(
+    orientation: d,
+    registerSeparator: y
+  } = de(), g = d === "horizontal" ? "vertical" : "horizontal";
+  return N(() => {
+    if (h !== null) {
+      const v = {
+        element: h,
+        id: l
+      }, x = y(v), S = _.addListener(
         "interactionStateChange",
         (L) => {
           c(
             L.state !== "inactive" && L.hitRegions.some(
-              (C) => C.separator === S
+              (R) => R.separator === v
             ) ? L.state : "inactive"
           );
         }
-      ), w = D.addListener(
+      ), b = _.addListener(
         "mountedGroupsChange",
         (L) => {
           L.forEach(
-            ({ derivedPanelConstraints: C, layout: K, separatorToPanels: ne }, X) => {
-              if (X.id === f) {
-                const Y = ne.get(S);
-                if (Y) {
-                  const q = Y[0], Z = X.panels.indexOf(q);
+            ({ derivedPanelConstraints: R, layout: q, separatorToPanels: Z }, J) => {
+              if (J.id === f) {
+                const Q = Z.get(v);
+                if (Q) {
+                  const $ = Q[0], V = J.panels.indexOf($);
                   s(
-                    bt({
-                      layout: K,
-                      panelConstraints: C,
-                      panelId: q.id,
-                      panelIndex: Z
+                    Et({
+                      layout: q,
+                      panelConstraints: R,
+                      panelId: $.id,
+                      panelIndex: V
                     })
                   );
                 }
@@ -1614,24 +1713,24 @@ function kt({
         }
       );
       return () => {
-        g(), w(), v();
+        S(), b(), x();
       };
     }
-  }, [d, f, u, h]), /* @__PURE__ */ B(
+  }, [h, f, l, y]), /* @__PURE__ */ K(
     "div",
     {
       ...a,
       "aria-controls": i.valueControls,
-      "aria-orientation": y,
+      "aria-orientation": g,
       "aria-valuemax": i.valueMax,
       "aria-valuemin": i.valueMin,
       "aria-valuenow": i.valueNow,
       children: e,
       className: t,
-      "data-separator": l,
-      "data-testid": u,
-      id: u,
-      ref: m,
+      "data-separator": u,
+      "data-testid": l,
+      id: l,
+      ref: p,
       role: "separator",
       style: {
         flexBasis: "auto",
@@ -1644,13 +1743,13 @@ function kt({
   );
 }
 export {
-  Pt as Group,
-  Mt as Panel,
-  kt as Separator,
-  Ct as useDefaultLayout,
-  Rt as useGroupCallbackRef,
-  Et as useGroupRef,
-  It as usePanelCallbackRef,
-  Gt as usePanelRef
+  Gt as Group,
+  Tt as Panel,
+  Nt as Separator,
+  kt as useDefaultLayout,
+  Dt as useGroupCallbackRef,
+  Ot as useGroupRef,
+  _t as usePanelCallbackRef,
+  At as usePanelRef
 };
 //# sourceMappingURL=react-resizable-panels.js.map