react-resizable-panels 4.6.1 → 4.6.3

package/dist/react-resizable-panels.js

@@ -1,21 +1,21 @@
 "use client";
-import { jsx as ee } from "react/jsx-runtime";
-import { useState as te, useCallback as Z, useId as nt, useLayoutEffect as Ne, useEffect as ue, useRef as O, createContext as ot, useImperativeHandle as Ae, useMemo as _e, useSyncExternalStore as Fe, useContext as it } from "react";
-function rt(e, t) {
+import { jsx as te } from "react/jsx-runtime";
+import { useState as ne, useCallback as Q, useId as ot, useLayoutEffect as Ne, useEffect as ue, useRef as T, createContext as it, useImperativeHandle as Ae, useMemo as _e, useSyncExternalStore as Fe, useContext as rt } from "react";
+function st(e, t) {
   const n = getComputedStyle(e), o = parseFloat(n.fontSize);
   return t * o;
 }
-function st(e, t) {
+function at(e, t) {
   const n = getComputedStyle(e.ownerDocument.body), o = parseFloat(n.fontSize);
   return t * o;
 }
-function at(e) {
+function lt(e) {
   return e / 100 * window.innerHeight;
 }
-function lt(e) {
+function ut(e) {
   return e / 100 * window.innerWidth;
 }
-function ut(e) {
+function ct(e) {
   switch (typeof e) {
     case "number":
       return [e, "px"];
@@ -31,7 +31,7 @@ function re({
   styleProp: n
 }) {
   let o;
-  const [i, s] = ut(n);
+  const [i, s] = ct(n);
   switch (s) {
     case "%": {
       o = i / 100 * e;
@@ -42,35 +42,35 @@ function re({
       break;
     }
     case "rem": {
-      o = st(t, i);
+      o = at(t, i);
       break;
     }
     case "em": {
-      o = rt(t, i);
+      o = st(t, i);
       break;
     }
     case "vh": {
-      o = at(i);
+      o = lt(i);
       break;
     }
     case "vw": {
-      o = lt(i);
+      o = ut(i);
       break;
     }
   }
   return o;
 }
-function _(e) {
+function F(e) {
   return parseFloat(e.toFixed(3));
 }
-function X({
+function Y({
   group: e
 }) {
   const { orientation: t, panels: n } = e;
   return n.reduce((o, i) => (o += t === "horizontal" ? i.element.offsetWidth : i.element.offsetHeight, o), 0);
 }
 function de(e) {
-  const { panels: t } = e, n = X({ group: e });
+  const { panels: t } = e, n = Y({ group: e });
   return n === 0 ? t.map((o) => ({
     collapsedSize: 0,
     collapsible: o.panelConstraints.collapsible === !0,
@@ -88,7 +88,7 @@ function de(e) {
         panelElement: i,
         styleProp: s.collapsedSize
       });
-      l = _(c / n * 100);
+      l = F(c / n * 100);
     }
     let r;
     if (s.defaultSize !== void 0) {
@@ -97,7 +97,7 @@ function de(e) {
         panelElement: i,
         styleProp: s.defaultSize
       });
-      r = _(c / n * 100);
+      r = F(c / n * 100);
     }
     let a = 0;
     if (s.minSize !== void 0) {
@@ -106,7 +106,7 @@ function de(e) {
         panelElement: i,
         styleProp: s.minSize
       });
-      a = _(c / n * 100);
+      a = F(c / n * 100);
     }
     let u = 100;
     if (s.maxSize !== void 0) {
@@ -115,7 +115,7 @@ function de(e) {
         panelElement: i,
         styleProp: s.maxSize
       });
-      u = _(c / n * 100);
+      u = F(c / n * 100);
     }
     return {
       collapsedSize: l,
@@ -134,14 +134,14 @@ function L(e, t = "Assertion error") {
 }
 function pe(e, t) {
   return Array.from(t).sort(
-    e === "horizontal" ? ct : ft
+    e === "horizontal" ? ft : dt
   );
 }
-function ct(e, t) {
+function ft(e, t) {
   const n = e.element.offsetLeft - t.element.offsetLeft;
   return n !== 0 ? n : e.element.offsetWidth - t.element.offsetWidth;
 }
-function ft(e, t) {
+function dt(e, t) {
   const n = e.element.offsetTop - t.element.offsetTop;
   return n !== 0 ? n : e.element.offsetHeight - t.element.offsetHeight;
 }
@@ -160,7 +160,7 @@ function He(e, t) {
     )
   };
 }
-function dt({
+function pt({
   orientation: e,
   rects: t,
   targetRect: n
@@ -177,7 +177,7 @@ function dt({
   return L(i, "No rect found"), i;
 }
 let se;
-function pt() {
+function mt() {
   return se === void 0 && (typeof matchMedia == "function" ? se = !!matchMedia("(pointer:coarse)").matches : se = !1), se;
 }
 function Ve(e) {
@@ -224,14 +224,14 @@ function Ve(e) {
                   break;
                 }
                 case 1: {
-                  const w = S[0], P = dt({
+                  const w = S[0], C = pt({
                     orientation: n,
                     rects: [m, v],
                     targetRect: w.element.getBoundingClientRect()
                   });
                   x = [
                     w,
-                    P === m ? p : y
+                    C === m ? p : y
                   ];
                   break;
                 }
@@ -256,7 +256,7 @@ function Ve(e) {
               ];
             for (const y of x) {
               let p = "width" in y ? y : y.element.getBoundingClientRect();
-              const w = pt() ? e.resizeTargetMinimumSize.coarse : e.resizeTargetMinimumSize.fine;
+              const w = mt() ? e.resizeTargetMinimumSize.coarse : e.resizeTargetMinimumSize.fine;
               if (p.width < w) {
                 const R = w - p.width;
                 p = new DOMRect(
@@ -275,10 +275,10 @@ function Ve(e) {
                   p.height + R
                 );
               }
-              const P = h <= u || h > c;
-              !r && !P && l.push({
+              const C = h <= u || h > c;
+              !r && !C && l.push({
                 group: e,
-                groupSize: X({ group: e }),
+                groupSize: Y({ group: e }),
                 panels: [z, f],
                 separator: "width" in y ? void 0 : y,
                 rect: p
@@ -298,7 +298,7 @@ function Ve(e) {
   }
   return l;
 }
-class mt {
+class ht {
   #e = {};
   addListener(t, n) {
     const o = this.#e[t];
@@ -338,7 +338,7 @@ class mt {
   }
 }
 function E(e, t, n = 0) {
-  return Math.abs(_(e) - _(t)) <= n;
+  return Math.abs(F(e) - F(t)) <= n;
 }
 let A = {
   cursorFlags: 0,
@@ -347,7 +347,7 @@ let A = {
   },
   mountedGroups: /* @__PURE__ */ new Map()
 };
-const H = new mt();
+const H = new ht();
 function k() {
   return A;
 }
@@ -377,7 +377,7 @@ function G(e) {
     });
   }), H.emit("mountedGroupsChange", A.mountedGroups)), A;
 }
-function ht(e, t, n) {
+function gt(e, t, n) {
   let o, i = {
     x: 1 / 0,
     y: 1 / 0
@@ -400,10 +400,10 @@ function ht(e, t, n) {
     hitRegion: o
   } : void 0;
 }
-function gt(e) {
+function yt(e) {
   return e !== null && typeof e == "object" && "nodeType" in e && e.nodeType === Node.DOCUMENT_FRAGMENT_NODE;
 }
-function yt(e, t) {
+function St(e, t) {
   if (e === t) throw new Error("Cannot compare node with itself");
   const n = {
     a: we(e),
@@ -434,20 +434,20 @@ function yt(e, t) {
   }
   return Math.sign(i.a - i.b);
 }
-const St = /\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;
-function vt(e) {
+const vt = /\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;
+function xt(e) {
   const t = getComputedStyle(je(e) ?? e).display;
   return t === "flex" || t === "inline-flex";
 }
-function xt(e) {
+function zt(e) {
   const t = getComputedStyle(e);
-  return !!(t.position === "fixed" || t.zIndex !== "auto" && (t.position !== "static" || vt(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" || St.test(t.willChange) || t.webkitOverflowScrolling === "touch");
+  return !!(t.position === "fixed" || t.zIndex !== "auto" && (t.position !== "static" || xt(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" || vt.test(t.willChange) || t.webkitOverflowScrolling === "touch");
 }
 function ze(e) {
   let t = e.length;
   for (; t--; ) {
     const n = e[t];
-    if (L(n, "Missing node"), xt(n)) return n;
+    if (L(n, "Missing node"), zt(n)) return n;
   }
   return null;
 }
@@ -462,24 +462,24 @@ function we(e) {
 }
 function je(e) {
   const { parentNode: t } = e;
-  return gt(t) ? t.host : t;
+  return yt(t) ? t.host : t;
 }
-function zt(e, t) {
+function bt(e, t) {
   return e.x < t.x + t.width && e.x + e.width > t.x && e.y < t.y + t.height && e.y + e.height > t.y;
 }
-function bt({
+function wt({
   groupElement: e,
   hitRegion: t,
   pointerEventTarget: n
 }) {
   if (!$e(n) || n.contains(e) || e.contains(n))
     return !0;
-  if (yt(n, e) > 0) {
+  if (St(n, e) > 0) {
     let o = n;
     for (; o; ) {
       if (o.contains(e))
         return !0;
-      if (zt(o.getBoundingClientRect(), t))
+      if (bt(o.getBoundingClientRect(), t))
         return !1;
       o = o.parentElement;
     }
@@ -491,18 +491,18 @@ function me(e, t) {
   return t.forEach((o, i) => {
     if (i.disabled)
       return;
-    const s = Ve(i), l = ht(i.orientation, s, {
+    const s = Ve(i), l = gt(i.orientation, s, {
       x: e.clientX,
       y: e.clientY
     });
-    l && l.distance.x <= 0 && l.distance.y <= 0 && bt({
+    l && l.distance.x <= 0 && l.distance.y <= 0 && wt({
       groupElement: i.element,
       hitRegion: l.hitRegion.rect,
       pointerEventTarget: e.target
     }) && n.push(l.hitRegion);
   }), n;
 }
-function wt(e, t) {
+function Lt(e, t) {
   if (e.length !== t.length)
     return !1;
   for (let n = 0; n < e.length; n++)
@@ -513,7 +513,7 @@ function wt(e, t) {
 function $(e, t) {
   return E(e, t) ? 0 : e > t ? 1 : -1;
 }
-function K({
+function q({
   overrideDisabledPanels: e,
   panelConstraints: t,
   prevSize: n,
@@ -534,9 +534,9 @@ function K({
       $(o, u) < 0 ? o = i : o = a;
     } else
       o = a;
-  return o = Math.min(r, o), o = _(o), o;
+  return o = Math.min(r, o), o = F(o), o;
 }
-function ne({
+function oe({
   delta: e,
   initialLayout: t,
   panelConstraints: n,
@@ -606,11 +606,11 @@ function ne({
       const m = r[d], { collapsible: v, collapsedSize: x, minSize: y } = f;
       if (v && $(m, y) < 0)
         if (e > 0) {
-          const p = y - x, w = p / 2, P = m + e;
-          $(P, y) < 0 && (e = $(e, w) <= 0 ? 0 : p);
+          const p = y - x, w = p / 2, C = m + e;
+          $(C, y) < 0 && (e = $(e, w) <= 0 ? 0 : p);
         } else {
-          const p = y - x, w = 100 - p / 2, P = m - e;
-          $(P, y) < 0 && (e = $(100 + e, w) > 0 ? 0 : -p);
+          const p = y - x, w = 100 - p / 2, C = m - e;
+          $(C, y) < 0 && (e = $(100 + e, w) > 0 ? 0 : -p);
         }
       break;
     }
@@ -624,7 +624,7 @@ function ne({
         x != null,
         `Previous layout not found for panel index ${f}`
       );
-      const p = K({
+      const p = q({
         overrideDisabledPanels: l,
         panelConstraints: n[f],
         prevSize: x,
@@ -644,7 +644,7 @@ function ne({
         v != null,
         `Previous layout not found for panel index ${f}`
       );
-      const x = v - m, y = K({
+      const x = v - m, y = q({
         overrideDisabledPanels: l,
         panelConstraints: n[f],
         prevSize: v,
@@ -657,7 +657,7 @@ function ne({
       e < 0 ? f-- : f++;
     }
   }
-  if (wt(a, u))
+  if (Lt(a, u))
     return i;
   {
     const d = e < 0 ? g : c, f = r[d];
@@ -665,7 +665,7 @@ function ne({
       f != null,
       `Previous layout not found for panel index ${d}`
     );
-    const m = f + z, v = K({
+    const m = f + z, v = q({
       overrideDisabledPanels: l,
       panelConstraints: n[d],
       prevSize: f,
@@ -679,11 +679,11 @@ function ne({
           w != null,
           `Previous layout not found for panel index ${p}`
         );
-        const P = w + x, R = K({
+        const C = w + x, R = q({
           overrideDisabledPanels: l,
           panelConstraints: n[p],
           prevSize: w,
-          size: P
+          size: C
         });
         if (E(w, R) || (x -= R - w, u[p] = R), E(x, 0))
           break;
@@ -700,7 +700,7 @@ function ne({
   const h = Object.keys(i);
   return u.reduce((d, f, m) => (d[h[m]] = f, d), {});
 }
-function j(e, t) {
+function U(e, t) {
   if (Object.keys(e).length !== Object.keys(t).length)
     return !1;
   for (const n in e)
@@ -708,7 +708,7 @@ function j(e, t) {
       return !1;
   return !0;
 }
-function W({
+function B({
   layout: e,
   panelConstraints: t
 }) {
@@ -733,7 +733,7 @@ function W({
     L(a != null, `No layout data found for index ${r}`);
     const u = o[r];
     L(u != null, `No layout data found for index ${r}`);
-    const c = K({
+    const c = q({
       overrideDisabledPanels: !0,
       panelConstraints: t[r],
       prevSize: a,
@@ -745,7 +745,7 @@ function W({
     for (let r = 0; r < t.length; r++) {
       const a = o[r];
       L(a != null, `No layout data found for index ${r}`);
-      const u = a + s, c = K({
+      const u = a + s, c = q({
         overrideDisabledPanels: !0,
         panelConstraints: t[r],
         prevSize: a,
@@ -808,18 +808,18 @@ function We({
       group: g,
       layout: z,
       separatorToPanels: S
-    } = n(), h = g.panels.findIndex((v) => v.id === t), d = h === g.panels.length - 1, f = ne({
+    } = n(), h = g.panels.findIndex((v) => v.id === t), d = h === g.panels.length - 1, f = oe({
       delta: d ? a - r : r - a,
       initialLayout: z,
       panelConstraints: c,
       pivotIndices: d ? [h - 1, h] : [h, h + 1],
       prevLayout: z,
       trigger: "imperative-api"
-    }), m = W({
+    }), m = B({
       layout: f,
       panelConstraints: c
     });
-    j(z, m) || G((v) => ({
+    U(z, m) || G((v) => ({
       mountedGroups: new Map(v.mountedGroups).set(g, {
         defaultLayoutDeferred: u,
         derivedPanelConstraints: c,
@@ -856,8 +856,8 @@ function We({
         let u;
         switch (typeof r) {
           case "number": {
-            const { group: c } = n(), g = X({ group: c });
-            u = _(r / g * 100);
+            const { group: c } = n(), g = Y({ group: c });
+            u = F(r / g * 100);
             break;
           }
           case "string": {
@@ -920,13 +920,13 @@ function Ue({
         group: s,
         layout: l,
         separatorToPanels: r
-      } = t(), a = W({
+      } = t(), a = B({
         layout: n,
         panelConstraints: i
       });
       if (o)
         return l;
-      if (!j(l, a)) {
+      if (!U(l, a)) {
         G((c) => ({
           mountedGroups: new Map(c.mountedGroups).set(s, {
             defaultLayoutDeferred: o,
@@ -946,25 +946,25 @@ function Be(e) {
   const { mountedGroups: t } = k(), n = t.get(e);
   return L(n, `Mounted Group ${e.id} not found`), n;
 }
-function V(e, t) {
+function W(e, t) {
   const n = le(e), o = Be(n), i = n.separators.find(
     (g) => g.element === e
   );
   L(i, "Matching separator not found");
   const s = o.separatorToPanels.get(i);
   L(s, "Matching panels not found");
-  const l = s.map((g) => n.panels.indexOf(g)), a = Ue({ groupId: n.id }).getLayout(), u = ne({
+  const l = s.map((g) => n.panels.indexOf(g)), a = Ue({ groupId: n.id }).getLayout(), u = oe({
     delta: t,
     initialLayout: a,
     panelConstraints: o.derivedPanelConstraints,
     pivotIndices: l,
     prevLayout: a,
     trigger: "keyboard"
-  }), c = W({
+  }), c = B({
     layout: u,
     panelConstraints: o.derivedPanelConstraints
   });
-  j(a, c) || G((g) => ({
+  U(a, c) || G((g) => ({
     mountedGroups: new Map(g.mountedGroups).set(n, {
       defaultLayoutDeferred: o.defaultLayoutDeferred,
       derivedPanelConstraints: o.derivedPanelConstraints,
@@ -980,23 +980,23 @@ function Pe(e) {
   if (!n.disabled)
     switch (e.key) {
       case "ArrowDown": {
-        e.preventDefault(), n.orientation === "vertical" && V(t, 5);
+        e.preventDefault(), n.orientation === "vertical" && W(t, 5);
         break;
       }
       case "ArrowLeft": {
-        e.preventDefault(), n.orientation === "horizontal" && V(t, -5);
+        e.preventDefault(), n.orientation === "horizontal" && W(t, -5);
         break;
       }
       case "ArrowRight": {
-        e.preventDefault(), n.orientation === "horizontal" && V(t, 5);
+        e.preventDefault(), n.orientation === "horizontal" && W(t, 5);
         break;
       }
       case "ArrowUp": {
-        e.preventDefault(), n.orientation === "vertical" && V(t, -5);
+        e.preventDefault(), n.orientation === "vertical" && W(t, -5);
         break;
       }
       case "End": {
-        e.preventDefault(), V(t, 100);
+        e.preventDefault(), W(t, 100);
         break;
       }
       case "Enter": {
@@ -1012,7 +1012,7 @@ function Pe(e) {
         );
         if (L(c, "Panel metadata not found"), c.collapsible) {
           const g = s[u.id], z = c.collapsedSize === g ? o.inMemoryLastExpandedPanelSizes[u.id] ?? c.minSize : c.collapsedSize;
-          V(t, z - g);
+          W(t, z - g);
         }
         break;
       }
@@ -1029,7 +1029,7 @@ function Pe(e) {
         break;
       }
       case "Home": {
-        e.preventDefault(), V(t, -100);
+        e.preventDefault(), W(t, -100);
         break;
       }
     }
@@ -1054,13 +1054,13 @@ function Ce(e) {
     }
   }), n.length && e.preventDefault();
 }
-const Lt = (e) => e, ce = () => {
+const Pt = (e) => e, ce = () => {
 }, Ke = 1, Xe = 2, qe = 4, Ye = 8, Re = 3, Me = 12;
 let ae;
 function Ee() {
   return ae === void 0 && (ae = !1, typeof window < "u" && (window.navigator.userAgent.includes("Chrome") || window.navigator.userAgent.includes("Firefox")) && (ae = !0)), ae;
 }
-function Pt({
+function Ct({
   cursorFlags: e,
   groups: t,
   state: n
@@ -1113,7 +1113,7 @@ function he(e) {
   switch (i.state) {
     case "active":
     case "hover": {
-      const s = Pt({
+      const s = Ct({
         cursorFlags: o,
         groups: i.hitRegions.map((r) => r.group),
         state: i.state
@@ -1155,15 +1155,15 @@ function Je({
       separatorToPanels: p
     } = i.get(g) ?? { defaultLayoutDeferred: !1 };
     if (x && m && y && p) {
-      const w = ne({
+      const w = oe({
         delta: f,
         initialLayout: m,
         panelConstraints: x,
-        pivotIndices: c.panels.map((P) => d.indexOf(P)),
+        pivotIndices: c.panels.map((C) => d.indexOf(C)),
         prevLayout: y,
         trigger: "mouse-or-touch"
       });
-      if (j(w, y)) {
+      if (U(w, y)) {
         if (f !== 0 && !S)
           switch (h) {
             case "horizontal": {
@@ -1182,8 +1182,8 @@ function Je({
           layout: w,
           separatorToPanels: p
         });
-        const P = c.group.panels.map(({ id: R }) => R).join(",");
-        c.group.inMemoryLayouts[P] = w;
+        const C = c.group.panels.map(({ id: R }) => R).join(",");
+        c.group.inMemoryLayouts[C] = w;
       }
     }
   });
@@ -1291,31 +1291,31 @@ function Te(e) {
   for (const s of e)
     if (s.defaultSize !== void 0) {
       t++;
-      const l = _(s.defaultSize);
+      const l = F(s.defaultSize);
       n += l, o[s.panelId] = l;
     } else
       o[s.panelId] = void 0;
   const i = e.length - t;
   if (i !== 0) {
-    const s = _((100 - n) / i);
+    const s = F((100 - n) / i);
     for (const l of e)
       l.defaultSize === void 0 && (o[l.panelId] = s);
   }
   return o;
 }
-function Ct(e, t, n) {
+function Rt(e, t, n) {
   if (!n[0])
     return;
   const i = e.panels.find((u) => u.element === t);
   if (!i || !i.onResize)
     return;
-  const s = X({ group: e }), l = e.orientation === "horizontal" ? i.element.offsetWidth : i.element.offsetHeight, r = i.mutableValues.prevSize, a = {
-    asPercentage: _(l / s * 100),
+  const s = Y({ group: e }), l = e.orientation === "horizontal" ? i.element.offsetWidth : i.element.offsetHeight, r = i.mutableValues.prevSize, a = {
+    asPercentage: F(l / s * 100),
     inPixels: l
   };
   i.mutableValues.prevSize = a, i.onResize(a, i.id, r);
 }
-function Rt(e, t) {
+function Mt(e, t) {
   if (Object.keys(e).length !== Object.keys(t).length)
     return !1;
   for (const o in e)
@@ -1323,7 +1323,7 @@ function Rt(e, t) {
       return !1;
   return !0;
 }
-function Mt(e, t) {
+function Et(e, t) {
   const n = e.map((i) => i.id), o = Object.keys(t);
   if (n.length !== o.length)
     return !1;
@@ -1332,8 +1332,8 @@ function Mt(e, t) {
       return !1;
   return !0;
 }
-const B = /* @__PURE__ */ new Map();
-function Et(e) {
+const X = /* @__PURE__ */ new Map();
+function kt(e) {
   let t = !0;
   L(
     e.element.ownerDocument.defaultView,
@@ -1344,23 +1344,23 @@ function Et(e) {
       const { borderBoxSize: f, target: m } = d;
       if (m === e.element) {
         if (t) {
-          if (X({ group: e }) === 0)
+          if (Y({ group: e }) === 0)
             return;
           G((x) => {
             const y = x.mountedGroups.get(e);
             if (y) {
-              const p = de(e), w = y.defaultLayoutDeferred ? Te(p) : y.layout, P = W({
+              const p = de(e), w = y.defaultLayoutDeferred ? Te(p) : y.layout, C = B({
                 layout: w,
                 panelConstraints: p
               });
-              return !y.defaultLayoutDeferred && j(w, P) && Rt(
+              return !y.defaultLayoutDeferred && U(w, C) && Mt(
                 y.derivedPanelConstraints,
                 p
               ) ? x : {
                 mountedGroups: new Map(x.mountedGroups).set(e, {
                   defaultLayoutDeferred: !1,
                   derivedPanelConstraints: p,
-                  layout: P,
+                  layout: C,
                   separatorToPanels: y.separatorToPanels
                 })
               };
@@ -1369,7 +1369,7 @@ function Et(e) {
           });
         }
       } else
-        Ct(e, m, f);
+        Rt(e, m, f);
     }
   });
   s.observe(e.element), e.panels.forEach((h) => {
@@ -1378,18 +1378,18 @@ function Et(e) {
       `Panel ids must be unique; id "${h.id}" was used more than once`
     ), o.add(h.id), h.onResize && s.observe(h.element);
   });
-  const l = X({ group: e }), r = de(e), a = e.panels.map(({ id: h }) => h).join(",");
+  const l = Y({ group: e }), r = de(e), a = e.panels.map(({ id: h }) => h).join(",");
   let u = e.defaultLayout;
-  u && (Mt(e.panels, u) || (u = void 0));
-  const c = e.inMemoryLayouts[a] ?? u ?? Te(r), g = W({
+  u && (Et(e.panels, u) || (u = void 0));
+  const c = e.inMemoryLayouts[a] ?? u ?? Te(r), g = B({
     layout: c,
     panelConstraints: r
   }), z = Ve(e), S = e.element.ownerDocument;
   return G((h) => {
     const d = /* @__PURE__ */ new Map();
-    return B.set(
+    return X.set(
       S,
-      (B.get(S) ?? 0) + 1
+      (X.get(S) ?? 0) + 1
     ), z.forEach((f) => {
       f.separator && d.set(f.separator, f.panels);
     }), {
@@ -1405,16 +1405,16 @@ function Et(e) {
       !i.has(h.id),
       `Separator ids must be unique; id "${h.id}" was used more than once`
     ), i.add(h.id), h.element.addEventListener("keydown", Pe);
-  }), B.get(S) === 1 && (S.addEventListener("dblclick", Le, !0), S.addEventListener("pointerdown", Ce, !0), S.addEventListener("pointerleave", Ge), S.addEventListener("pointermove", Ie), S.addEventListener("pointerout", De), S.addEventListener("pointerup", Oe, !0)), function() {
-    t = !1, B.set(
+  }), X.get(S) === 1 && (S.addEventListener("dblclick", Le, !0), S.addEventListener("pointerdown", Ce, !0), S.addEventListener("pointerleave", Ge), S.addEventListener("pointermove", Ie), S.addEventListener("pointerout", De), S.addEventListener("pointerup", Oe, !0)), function() {
+    t = !1, X.set(
       S,
-      Math.max(0, (B.get(S) ?? 0) - 1)
+      Math.max(0, (X.get(S) ?? 0) - 1)
     ), G((d) => {
       const f = new Map(d.mountedGroups);
       return f.delete(e), { mountedGroups: f };
     }), e.separators.forEach((d) => {
       d.element.removeEventListener("keydown", Pe);
-    }), B.get(S) || (S.removeEventListener(
+    }), X.get(S) || (S.removeEventListener(
       "dblclick",
       Le,
       !0
@@ -1425,26 +1425,26 @@ function Et(e) {
     ), S.removeEventListener("pointerleave", Ge), S.removeEventListener("pointermove", Ie), S.removeEventListener("pointerout", De), S.removeEventListener("pointerup", Oe, !0)), s.disconnect();
   };
 }
-function kt() {
-  const [e, t] = te({}), n = Z(() => t({}), []);
+function Gt() {
+  const [e, t] = ne({}), n = Q(() => t({}), []);
   return [e, n];
 }
 function ge(e) {
-  const t = nt();
+  const t = ot();
   return `${e ?? t}`;
 }
-const U = typeof window < "u" ? Ne : ue;
-function Q(e) {
-  const t = O(e);
-  return U(() => {
+const K = typeof window < "u" ? Ne : ue;
+function ee(e) {
+  const t = T(e);
+  return K(() => {
     t.current = e;
-  }, [e]), Z(
+  }, [e]), Q(
     (...n) => t.current?.(...n),
     [t]
   );
 }
 function ye(...e) {
-  return Q((t) => {
+  return ee((t) => {
     e.forEach((n) => {
       if (n)
         switch (typeof n) {
@@ -1461,26 +1461,26 @@ function ye(...e) {
   });
 }
 function Se(e) {
-  const t = O({ ...e });
-  return U(() => {
+  const t = T({ ...e });
+  return K(() => {
     for (const n in e)
       t.current[n] = e[n];
   }, [e]), t.current;
 }
-const Ze = ot(null);
-function Gt(e, t) {
-  const n = O({
+const Ze = it(null);
+function It(e, t) {
+  const n = T({
     getLayout: () => ({}),
-    setLayout: Lt
+    setLayout: Pt
   });
-  Ae(t, () => n.current, []), U(() => {
+  Ae(t, () => n.current, []), K(() => {
     Object.assign(
       n.current,
       Ue({ groupId: e })
     );
   });
 }
-function It({
+function Dt({
   children: e,
   className: t,
   defaultLayout: n,
@@ -1499,107 +1499,116 @@ function It({
   style: z,
   ...S
 }) {
-  const h = O({
+  const h = T({
     onLayoutChange: {},
     onLayoutChanged: {}
-  }), d = Q((b) => {
-    j(h.current.onLayoutChange, b) || (h.current.onLayoutChange = b, a?.(b));
-  }), f = Q((b) => {
-    j(h.current.onLayoutChanged, b) || (h.current.onLayoutChanged = b, u?.(b));
-  }), m = ge(r), v = O(null), [x, y] = kt(), p = O({
+  }), d = ee((b) => {
+    U(h.current.onLayoutChange, b) || (h.current.onLayoutChange = b, a?.(b));
+  }), f = ee((b) => {
+    U(h.current.onLayoutChanged, b) || (h.current.onLayoutChanged = b, u?.(b));
+  }), m = ge(r), v = T(null), [x, y] = Gt(), p = T({
     lastExpandedPanelSizes: {},
     layouts: {},
     panels: [],
     resizeTargetMinimumSize: g,
     separators: []
   }), w = ye(v, s);
-  Gt(m, l);
-  const P = Q(
-    (b, C) => {
-      const { interactionState: M, mountedGroups: T } = k();
-      for (const N of T.keys())
-        if (N.id === b) {
-          const I = T.get(N);
-          if (I) {
-            let F = !1;
-            switch (M.state) {
+  It(m, l);
+  const C = ee(
+    (b, P) => {
+      const { interactionState: I, mountedGroups: M } = k();
+      for (const O of M.keys())
+        if (O.id === b) {
+          const N = M.get(O);
+          if (N) {
+            let _ = !1;
+            switch (I.state) {
               case "active": {
-                F = M.hitRegions.some(
-                  (Y) => Y.group === N
+                _ = I.hitRegions.some(
+                  (Z) => Z.group === O
                 );
                 break;
               }
             }
             return {
-              flexGrow: I.layout[C] ?? 1,
-              pointerEvents: F ? "none" : void 0
+              flexGrow: N.layout[P] ?? 1,
+              pointerEvents: _ ? "none" : void 0
             };
           }
         }
       return {
-        flexGrow: n?.[C] ?? 1
+        flexGrow: n?.[P] ?? 1
       };
     }
   ), R = Se({
     defaultLayout: n,
     disableCursor: o
-  }), q = _e(
+  }), J = _e(
     () => ({
       get disableCursor() {
         return !!R.disableCursor;
       },
-      getPanelStyles: P,
+      getPanelStyles: C,
       id: m,
       orientation: c,
       registerPanel: (b) => {
-        const C = p.current;
-        return C.panels = pe(c, [
-          ...C.panels,
+        const P = p.current;
+        return P.panels = pe(c, [
+          ...P.panels,
           b
         ]), y(), () => {
-          C.panels = C.panels.filter(
-            (M) => M !== b
+          P.panels = P.panels.filter(
+            (I) => I !== b
           ), y();
         };
       },
       registerSeparator: (b) => {
-        const C = p.current;
-        return C.separators = pe(c, [
-          ...C.separators,
+        const P = p.current;
+        return P.separators = pe(c, [
+          ...P.separators,
           b
         ]), y(), () => {
-          C.separators = C.separators.filter(
-            (M) => M !== b
+          P.separators = P.separators.filter(
+            (I) => I !== b
           ), y();
         };
       },
-      togglePanelDisabled: (b, C) => {
-        const T = p.current.panels.find(
-          (I) => I.id === b
+      togglePanelDisabled: (b, P) => {
+        const M = p.current.panels.find(
+          (N) => N.id === b
         );
-        T && (T.panelConstraints.disabled = C);
-        const { mountedGroups: N } = k();
-        for (const I of N.keys())
-          if (I.id === m) {
-            const F = N.get(I);
-            F && (F.derivedPanelConstraints = de(I));
+        M && (M.panelConstraints.disabled = P);
+        const { mountedGroups: O } = k();
+        for (const N of O.keys())
+          if (N.id === m) {
+            const _ = O.get(N);
+            _ && (_.derivedPanelConstraints = de(N));
           }
       },
-      toggleSeparatorDisabled: (b, C) => {
-        const T = p.current.separators.find(
-          (N) => N.id === b
+      toggleSeparatorDisabled: (b, P) => {
+        const M = p.current.separators.find(
+          (O) => O.id === b
         );
-        T && (T.disabled = C);
+        M && (M.disabled = P);
       }
     }),
-    [P, m, y, c, R]
-  ), D = O(null);
-  return U(() => {
+    [C, m, y, c, R]
+  ), D = T(null);
+  return K(() => {
     const b = v.current;
     if (b === null)
       return;
-    const C = p.current, M = {
-      defaultLayout: R.defaultLayout,
+    const P = p.current;
+    let I;
+    if (R.defaultLayout !== void 0 && Object.keys(R.defaultLayout).length === P.panels.length) {
+      I = {};
+      for (const V of P.panels) {
+        const j = R.defaultLayout[V.id];
+        j !== void 0 && (I[V.id] = j);
+      }
+    }
+    const M = {
+      defaultLayout: I,
       disableCursor: !!R.disableCursor,
       disabled: !!i,
       element: b,
@@ -1607,36 +1616,36 @@ function It({
       inMemoryLastExpandedPanelSizes: p.current.lastExpandedPanelSizes,
       inMemoryLayouts: p.current.layouts,
       orientation: c,
-      panels: C.panels,
-      resizeTargetMinimumSize: C.resizeTargetMinimumSize,
-      separators: C.separators
+      panels: P.panels,
+      resizeTargetMinimumSize: P.resizeTargetMinimumSize,
+      separators: P.separators
     };
     D.current = M;
-    const T = Et(M), I = k().mountedGroups.get(M);
-    if (I) {
-      const { defaultLayoutDeferred: J, derivedPanelConstraints: oe, layout: ie } = I;
-      !J && oe.length > 0 && (d(ie), f(ie));
+    const O = kt(M), _ = k().mountedGroups.get(M);
+    if (_) {
+      const { defaultLayoutDeferred: V, derivedPanelConstraints: j, layout: ie } = _;
+      !V && j.length > 0 && (d(ie), f(ie));
     }
-    const F = H.addListener(
+    const Z = H.addListener(
       "interactionStateChange",
-      (J) => {
-        J.state;
+      (V) => {
+        V.state;
       }
-    ), Y = H.addListener(
+    ), Qe = H.addListener(
       "mountedGroupsChange",
-      (J) => {
-        const oe = J.get(M);
-        if (oe) {
-          const { defaultLayoutDeferred: ie, derivedPanelConstraints: Qe, layout: xe } = oe;
-          if (ie || Qe.length === 0)
+      (V) => {
+        const j = V.get(M);
+        if (j) {
+          const { defaultLayoutDeferred: ie, derivedPanelConstraints: et, layout: xe } = j;
+          if (ie || et.length === 0)
             return;
-          const { interactionState: et } = k(), tt = et.state !== "active";
-          d(xe), tt && f(xe);
+          const { interactionState: tt } = k(), nt = tt.state !== "active";
+          d(xe), nt && f(xe);
         }
       }
     );
     return () => {
-      D.current = null, T(), F(), Y();
+      D.current = null, O(), Z(), Qe();
     };
   }, [
     i,
@@ -1649,7 +1658,7 @@ function It({
   ]), ue(() => {
     const b = D.current;
     b && (b.defaultLayout = n, b.disableCursor = !!o);
-  }), /* @__PURE__ */ ee(Ze.Provider, { value: q, children: /* @__PURE__ */ ee(
+  }), /* @__PURE__ */ te(Ze.Provider, { value: J, children: /* @__PURE__ */ te(
     "div",
     {
       ...S,
@@ -1671,31 +1680,31 @@ function It({
     }
   ) });
 }
-It.displayName = "Group";
+Dt.displayName = "Group";
 function fe(e, t) {
   return `react-resizable-panels:${[e, ...t].join(":")}`;
 }
-function Ht({
+function Vt({
   debounceSaveMs: e = 100,
   panelIds: t,
   storage: n = localStorage,
   ...o
 }) {
   const i = t !== void 0, s = "id" in o ? o.id : o.groupId, l = fe(s, t ?? []), r = Fe(
-    Dt,
+    Ot,
     () => n.getItem(l),
     () => n.getItem(l)
   ), a = _e(
     () => r ? JSON.parse(r) : void 0,
     [r]
-  ), u = O(null), c = Z(() => {
+  ), u = T(null), c = Q(() => {
     const S = u.current;
     S && (u.current = null, clearTimeout(S));
   }, []);
   Ne(() => () => {
     c();
   }, [c]);
-  const g = Z(
+  const g = Q(
     (S) => {
       c();
       let h;
@@ -1707,7 +1716,7 @@ function Ht({
       }
     },
     [c, i, s, n]
-  ), z = Z(
+  ), z = Q(
     (S) => {
       c(), e === 0 ? g(S) : u.current = setTimeout(() => {
         g(S);
@@ -1732,25 +1741,25 @@ function Ht({
     onLayoutChanged: g
   };
 }
-function Dt() {
+function Ot() {
   return function() {
   };
 }
-function Vt() {
-  return te(null);
-}
 function jt() {
-  return O(null);
+  return ne(null);
+}
+function Wt() {
+  return T(null);
 }
 function ve() {
-  const e = it(Ze);
+  const e = rt(Ze);
   return L(
     e,
     "Group Context not found; did you render a Panel or Separator outside of a Group?"
   ), e;
 }
-function Ot(e, t) {
-  const { id: n } = ve(), o = O({
+function Tt(e, t) {
+  const { id: n } = ve(), o = T({
     collapse: ce,
     expand: ce,
     getSize: () => ({
@@ -1760,14 +1769,14 @@ function Ot(e, t) {
     isCollapsed: () => !1,
     resize: ce
   });
-  Ae(t, () => o.current, []), U(() => {
+  Ae(t, () => o.current, []), K(() => {
     Object.assign(
       o.current,
       We({ groupId: n, panelId: e })
     );
   });
 }
-function Tt({
+function Nt({
   children: e,
   className: t,
   collapsedSize: n = "0%",
@@ -1785,17 +1794,17 @@ function Tt({
 }) {
   const h = !!r, d = ge(r), f = Se({
     disabled: s
-  }), m = O(null), v = ye(m, l), {
+  }), m = T(null), v = ye(m, l), {
     getPanelStyles: x,
     id: y,
     registerPanel: p,
     togglePanelDisabled: w
-  } = ve(), P = c !== null, R = Q(
-    (D, b, C) => {
-      c?.(D, r, C);
+  } = ve(), C = c !== null, R = ee(
+    (D, b, P) => {
+      c?.(D, r, P);
     }
   );
-  U(() => {
+  K(() => {
     const D = m.current;
     if (D !== null) {
       const b = {
@@ -1806,7 +1815,7 @@ function Tt({
           expandToSize: void 0,
           prevSize: void 0
         },
-        onResize: P ? R : void 0,
+        onResize: C ? R : void 0,
         panelConstraints: {
           collapsedSize: n,
           collapsible: o,
@@ -1822,7 +1831,7 @@ function Tt({
     n,
     o,
     i,
-    P,
+    C,
     d,
     h,
     a,
@@ -1832,8 +1841,8 @@ function Tt({
     f
   ]), ue(() => {
     w(d, !!s);
-  }, [s, d, w]), Ot(d, g);
-  const q = Fe(
+  }, [s, d, w]), Tt(d, g);
+  const J = Fe(
     (D) => (H.addListener("mountedGroupsChange", D), () => {
       H.removeListener("mountedGroupsChange", D);
     }),
@@ -1842,7 +1851,7 @@ function Tt({
     () => JSON.stringify(x(y, d)),
     () => JSON.stringify(x(y, d))
   );
-  return /* @__PURE__ */ ee(
+  return /* @__PURE__ */ te(
     "div",
     {
       ...S,
@@ -1852,15 +1861,15 @@ function Tt({
       id: d,
       ref: v,
       style: {
-        ...Nt,
+        ...At,
         display: "flex",
         flexBasis: 0,
         flexShrink: 1,
         // Prevent Panel content from interfering with panel size
         overflow: "hidden",
-        ...JSON.parse(q)
+        ...JSON.parse(J)
       },
-      children: /* @__PURE__ */ ee(
+      children: /* @__PURE__ */ te(
         "div",
         {
           className: t,
@@ -1876,8 +1885,8 @@ function Tt({
     }
   );
 }
-Tt.displayName = "Panel";
-const Nt = {
+Nt.displayName = "Panel";
+const At = {
   minHeight: 0,
   maxHeight: "100%",
   height: "auto",
@@ -1889,13 +1898,13 @@ const Nt = {
   padding: 0,
   margin: 0
 };
-function Wt() {
-  return te(null);
-}
 function Ut() {
-  return O(null);
+  return ne(null);
 }
-function At({
+function Bt() {
+  return T(null);
+}
+function _t({
   layout: e,
   panelConstraints: t,
   panelId: n,
@@ -1907,8 +1916,8 @@ function At({
   );
   if (r) {
     const a = r.maxSize, u = r.collapsible ? r.collapsedSize : r.minSize, c = [o, o + 1];
-    s = W({
-      layout: ne({
+    s = B({
+      layout: oe({
         delta: u - l,
         initialLayout: e,
         panelConstraints: t,
@@ -1916,8 +1925,8 @@ function At({
         prevLayout: e
       }),
       panelConstraints: t
-    })[n], i = W({
-      layout: ne({
+    })[n], i = B({
+      layout: oe({
         delta: a - l,
         initialLayout: e,
         panelConstraints: t,
@@ -1934,7 +1943,7 @@ function At({
     valueNow: l
   };
 }
-function _t({
+function Ft({
   children: e,
   className: t,
   disabled: n,
@@ -1945,26 +1954,26 @@ function _t({
 }) {
   const r = ge(i), a = Se({
     disabled: n
-  }), [u, c] = te({}), [g, z] = te("inactive"), S = O(null), h = ye(S, o), {
+  }), [u, c] = ne({}), [g, z] = ne("inactive"), S = T(null), h = ye(S, o), {
     disableCursor: d,
     id: f,
     orientation: m,
     registerSeparator: v,
     toggleSeparatorDisabled: x
   } = ve(), y = m === "horizontal" ? "vertical" : "horizontal";
-  U(() => {
+  K(() => {
     const w = S.current;
     if (w !== null) {
-      const P = {
+      const C = {
         disabled: a.disabled,
         element: w,
         id: r
-      }, R = v(P), q = H.addListener(
+      }, R = v(C), J = H.addListener(
         "interactionStateChange",
         (b) => {
           z(
             b.state !== "inactive" && b.hitRegions.some(
-              (C) => C.separator === P
+              (P) => P.separator === C
             ) ? b.state : "inactive"
           );
         }
@@ -1972,17 +1981,17 @@ function _t({
         "mountedGroupsChange",
         (b) => {
           b.forEach(
-            ({ derivedPanelConstraints: C, layout: M, separatorToPanels: T }, N) => {
-              if (N.id === f) {
-                const I = T.get(P);
-                if (I) {
-                  const F = I[0], Y = N.panels.indexOf(F);
+            ({ derivedPanelConstraints: P, layout: I, separatorToPanels: M }, O) => {
+              if (O.id === f) {
+                const N = M.get(C);
+                if (N) {
+                  const _ = N[0], Z = O.panels.indexOf(_);
                   c(
-                    At({
-                      layout: M,
-                      panelConstraints: C,
-                      panelId: F.id,
-                      panelIndex: Y
+                    _t({
+                      layout: I,
+                      panelConstraints: P,
+                      panelId: _.id,
+                      panelIndex: Z
                     })
                   );
                 }
@@ -1992,14 +2001,14 @@ function _t({
         }
       );
       return () => {
-        q(), D(), R();
+        J(), D(), R();
       };
     }
   }, [f, r, v, a]), ue(() => {
     x(r, !!n);
   }, [n, r, x]);
   let p;
-  return n && !d && (p = "not-allowed"), /* @__PURE__ */ ee(
+  return n && !d && (p = "not-allowed"), /* @__PURE__ */ te(
     "div",
     {
       ...l,
@@ -2027,16 +2036,16 @@ function _t({
     }
   );
 }
-_t.displayName = "Separator";
+Ft.displayName = "Separator";
 export {
-  It as Group,
-  Tt as Panel,
-  _t as Separator,
-  pt as isCoarsePointer,
-  Ht as useDefaultLayout,
-  Vt as useGroupCallbackRef,
-  jt as useGroupRef,
-  Wt as usePanelCallbackRef,
-  Ut as usePanelRef
+  Dt as Group,
+  Nt as Panel,
+  Ft as Separator,
+  mt as isCoarsePointer,
+  Vt as useDefaultLayout,
+  jt as useGroupCallbackRef,
+  Wt as useGroupRef,
+  Ut as usePanelCallbackRef,
+  Bt as usePanelRef
 };
 //# sourceMappingURL=react-resizable-panels.js.map