react-resizable-panels 4.3.1 → 4.3.2

package/dist/react-resizable-panels.js

@@ -1,26 +1,26 @@
 "use client";
-import { jsx as q } from "react/jsx-runtime";
-import { useState as N, useCallback as Pe, useId as Ke, useLayoutEffect as Xe, useEffect as Re, useRef as E, createContext as qe, useImperativeHandle as Ce, useMemo as re, useSyncExternalStore as Ye, useContext as Ze } from "react";
+import { jsx as B } from "react/jsx-runtime";
+import { useState as K, useCallback as Pe, useId as Ue, useLayoutEffect as We, useEffect as Re, useRef as k, createContext as Be, useImperativeHandle as Ce, useMemo as ae, useSyncExternalStore as Ke, useContext as Xe } from "react";
 function z(e, t = "Assertion error") {
   if (!e)
     throw Error(t);
 }
-function W({
+function V({
   group: e
 }) {
   const { orientation: t, panels: n } = e;
   return n.reduce((o, i) => (o += t === "horizontal" ? i.element.offsetWidth : i.element.offsetHeight, o), 0);
 }
-function ie(e, t) {
+function le(e, t) {
   return t.sort(
-    e === "horizontal" ? Je : Qe
+    e === "horizontal" ? qe : Ye
   );
 }
-function Je(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 Qe(e, t) {
+function Ye(e, t) {
   const n = e.element.offsetTop - t.element.offsetTop;
   return n !== 0 ? n : e.element.offsetHeight - t.element.offsetHeight;
 }
@@ -39,7 +39,7 @@ function Ee(e, t) {
     )
   };
 }
-function et({
+function Je({
   orientation: e,
   rects: t,
   targetRect: n
@@ -55,8 +55,8 @@ function et({
   }
   return z(i, "No rect found"), i;
 }
-function Ie(e) {
-  const { element: t, orientation: n, panels: o, separators: i } = e, a = ie(
+function ke(e) {
+  const { element: t, orientation: n, panels: o, separators: i } = e, a = le(
     n,
     Array.from(t.children).filter(Me).map((f) => ({ element: f }))
   ).map(({ element: f }) => f), l = [];
@@ -64,36 +64,36 @@ function Ie(e) {
   for (const f of a)
     if (f.hasAttribute("data-panel")) {
       const p = o.find(
-        (m) => m.element === f
+        (h) => h.element === f
       );
       if (p) {
         if (s) {
-          const m = s.element.getBoundingClientRect(), h = f.getBoundingClientRect();
+          const h = s.element.getBoundingClientRect(), m = f.getBoundingClientRect();
           let c;
           if (r) {
-            const d = n === "horizontal" ? new DOMRect(m.right, m.top, 0, m.height) : new DOMRect(
-              m.left,
-              m.bottom,
-              m.width,
+            const d = n === "horizontal" ? new DOMRect(h.right, h.top, 0, h.height) : new DOMRect(
+              h.left,
+              h.bottom,
+              h.width,
               0
-            ), y = n === "horizontal" ? new DOMRect(h.left, h.top, 0, h.height) : new DOMRect(h.left, h.top, h.width, 0);
+            ), S = n === "horizontal" ? new DOMRect(m.left, m.top, 0, m.height) : new DOMRect(m.left, m.top, m.width, 0);
             switch (u.length) {
               case 0: {
                 c = [
                   d,
-                  y
+                  S
                 ];
                 break;
               }
               case 1: {
-                const g = u[0], v = et({
+                const y = u[0], v = Je({
                   orientation: n,
-                  rects: [m, h],
-                  targetRect: g.element.getBoundingClientRect()
+                  rects: [h, m],
+                  targetRect: y.element.getBoundingClientRect()
                 });
                 c = [
-                  g,
-                  v === m ? y : d
+                  y,
+                  v === h ? S : d
                 ];
                 break;
               }
@@ -105,21 +105,21 @@ function Ie(e) {
           } else
             u.length ? c = u : c = [
               n === "horizontal" ? new DOMRect(
-                m.right,
-                h.top,
-                h.left - m.right,
-                h.height
+                h.right,
+                m.top,
+                m.left - h.right,
+                m.height
               ) : new DOMRect(
-                h.left,
-                m.bottom,
-                h.width,
-                h.top - m.bottom
+                m.left,
+                h.bottom,
+                m.width,
+                m.top - h.bottom
               )
             ];
           for (const d of c)
             l.push({
               group: e,
-              groupSize: W({ group: e }),
+              groupSize: V({ group: e }),
               panels: [s, p],
               separator: "width" in d ? void 0 : d,
               rect: "width" in d ? d : d.element.getBoundingClientRect()
@@ -129,28 +129,28 @@ function Ie(e) {
       }
     } else if (f.hasAttribute("data-separator")) {
       const p = i.find(
-        (m) => m.element === f
+        (h) => h.element === f
       );
       p ? u.push(p) : (s = void 0, u = []);
     } else
       r = !0;
   return l;
 }
-function tt(e, t) {
+function Ze(e, t) {
   const n = getComputedStyle(e), o = parseFloat(n.fontSize);
   return t * o;
 }
-function nt(e, t) {
+function Qe(e, t) {
   const n = getComputedStyle(e.ownerDocument.body), o = parseFloat(n.fontSize);
   return t * o;
 }
-function ot(e) {
+function et(e) {
   return e / 100 * window.innerHeight;
 }
-function rt(e) {
+function tt(e) {
   return e / 100 * window.innerWidth;
 }
-function it(e) {
+function nt(e) {
   switch (typeof e) {
     case "number":
       return [e, "px"];
@@ -160,13 +160,13 @@ function it(e) {
     }
   }
 }
-function Q({
+function Z({
   groupSize: e,
   panelElement: t,
   styleProp: n
 }) {
   let o;
-  const [i, a] = it(n);
+  const [i, a] = nt(n);
   switch (a) {
     case "%": {
       o = i / 100 * e;
@@ -177,19 +177,19 @@ function Q({
       break;
     }
     case "rem": {
-      o = nt(t, i);
+      o = Qe(t, i);
       break;
     }
     case "em": {
-      o = tt(t, i);
+      o = Ze(t, i);
       break;
     }
     case "vh": {
-      o = ot(i);
+      o = et(i);
       break;
     }
     case "vw": {
-      o = rt(i);
+      o = tt(i);
       break;
     }
   }
@@ -199,7 +199,7 @@ function G(e) {
   return parseFloat(e.toFixed(3));
 }
 function pe(e) {
-  const { panels: t } = e, n = W({ group: e });
+  const { panels: t } = e, n = V({ group: e });
   return n === 0 ? t.map((o) => ({
     collapsedSize: 0,
     collapsible: o.panelConstraints.collapsible === !0,
@@ -211,7 +211,7 @@ function pe(e) {
     const { element: i, panelConstraints: a } = o;
     let l = 0;
     if (a.collapsedSize) {
-      const f = Q({
+      const f = Z({
         groupSize: n,
         panelElement: i,
         styleProp: a.collapsedSize
@@ -220,7 +220,7 @@ function pe(e) {
     }
     let r;
     if (a.defaultSize) {
-      const f = Q({
+      const f = Z({
         groupSize: n,
         panelElement: i,
         styleProp: a.defaultSize
@@ -229,7 +229,7 @@ function pe(e) {
     }
     let s = 0;
     if (a.minSize) {
-      const f = Q({
+      const f = Z({
         groupSize: n,
         panelElement: i,
         styleProp: a.minSize
@@ -238,7 +238,7 @@ function pe(e) {
     }
     let u = 100;
     if (a.maxSize) {
-      const f = Q({
+      const f = Z({
         groupSize: n,
         panelElement: i,
         styleProp: a.maxSize
@@ -255,7 +255,7 @@ function pe(e) {
     };
   });
 }
-class st {
+class ot {
   #e = {};
   addListener(t, n) {
     const o = this.#e[t];
@@ -294,37 +294,37 @@ class st {
     }
   }
 }
-function R(e, t, n = 0) {
+function M(e, t, n = 0) {
   return Math.abs(G(e) - G(t)) <= n;
 }
-let M = {
+let E = {
   cursorFlags: 0,
   interactionState: {
     state: "inactive"
   },
   mountedGroups: /* @__PURE__ */ new Map()
 };
-const T = new st();
+const A = new ot();
 function D() {
-  return M;
+  return E;
 }
 function I(e) {
-  const t = typeof e == "function" ? e(M) : e;
-  if (M === t)
-    return M;
-  const n = M;
-  return M = {
-    ...M,
+  const t = typeof e == "function" ? e(E) : e;
+  if (E === t)
+    return E;
+  const n = E;
+  return E = {
+    ...E,
     ...t
-  }, t.cursorFlags !== void 0 && T.emit("cursorFlagsChange", M.cursorFlags), t.interactionState !== void 0 && T.emit("interactionStateChange", M.interactionState), t.mountedGroups !== void 0 && (M.mountedGroups.forEach((o, i) => {
+  }, t.cursorFlags !== void 0 && A.emit("cursorFlagsChange", E.cursorFlags), t.interactionState !== void 0 && A.emit("interactionStateChange", E.interactionState), t.mountedGroups !== void 0 && (E.mountedGroups.forEach((o, i) => {
     o.derivedPanelConstraints.forEach((a) => {
       if (a.collapsible) {
         const { layout: l } = n.mountedGroups.get(i) ?? {};
         if (l) {
-          const r = R(
+          const r = M(
             a.collapsedSize,
             o.layout[a.panelId]
-          ), s = R(
+          ), s = M(
             a.collapsedSize,
             l[a.panelId]
           );
@@ -332,9 +332,9 @@ function I(e) {
         }
       }
     });
-  }), T.emit("mountedGroupsChange", M.mountedGroups)), M;
+  }), A.emit("mountedGroupsChange", E.mountedGroups)), E;
 }
-function at(e, t) {
+function rt(e, t) {
   if (e.length !== t.length)
     return !1;
   for (let n = 0; n < e.length; n++)
@@ -342,8 +342,8 @@ function at(e, t) {
       return !1;
   return !0;
 }
-function Y(e, t) {
-  return R(e, t) ? 0 : e > t ? 1 : -1;
+function X(e, t) {
+  return M(e, t) ? 0 : e > t ? 1 : -1;
 }
 function H({
   panelConstraints: e,
@@ -355,15 +355,15 @@ function H({
     maxSize: i = 100,
     minSize: a = 0
   } = e;
-  if (Y(t, a) < 0)
+  if (X(t, a) < 0)
     if (o) {
       const l = (n + a) / 2;
-      Y(t, l) < 0 ? t = n : t = a;
+      X(t, l) < 0 ? t = n : t = a;
     } else
       t = a;
   return t = Math.min(i, t), t = G(t), t;
 }
-function Z({
+function q({
   delta: e,
   initialLayout: t,
   panelConstraints: n,
@@ -371,7 +371,7 @@ function Z({
   prevLayout: i,
   trigger: a
 }) {
-  if (R(e, 0))
+  if (M(e, 0))
     return t;
   const l = Object.values(t), r = Object.values(i), s = [...l], [u, f] = o;
   z(u != null, "Invalid first pivot index"), z(f != null, "Invalid second pivot index");
@@ -384,18 +384,18 @@ function Z({
         `Panel constraints not found for index ${c}`
       );
       const {
-        collapsedSize: y = 0,
-        collapsible: g,
+        collapsedSize: S = 0,
+        collapsible: y,
         minSize: v = 0
       } = d;
-      if (g) {
+      if (y) {
         const x = l[c];
         if (z(
           x != null,
           `Previous layout not found for panel index ${c}`
-        ), R(x, y)) {
-          const S = v - x;
-          Y(S, Math.abs(e)) > 0 && (e = e < 0 ? 0 - S : S);
+        ), M(x, S)) {
+          const g = v - x;
+          X(g, Math.abs(e)) > 0 && (e = e < 0 ? 0 - g : g);
         }
       }
     }
@@ -406,61 +406,61 @@ function Z({
         `No panel constraints found for index ${c}`
       );
       const {
-        collapsedSize: y = 0,
-        collapsible: g,
+        collapsedSize: S = 0,
+        collapsible: y,
         minSize: v = 0
       } = d;
-      if (g) {
+      if (y) {
         const x = l[c];
         if (z(
           x != null,
           `Previous layout not found for panel index ${c}`
-        ), R(x, v)) {
-          const S = x - y;
-          Y(S, Math.abs(e)) > 0 && (e = e < 0 ? 0 - S : S);
+        ), M(x, v)) {
+          const g = x - S;
+          X(g, Math.abs(e)) > 0 && (e = e < 0 ? 0 - g : g);
         }
       }
     }
   }
   {
     const c = e < 0 ? 1 : -1;
-    let d = e < 0 ? f : u, y = 0;
+    let d = e < 0 ? f : u, S = 0;
     for (; ; ) {
       const v = l[d];
       z(
         v != null,
         `Previous layout not found for panel index ${d}`
       );
-      const S = H({
+      const g = H({
         panelConstraints: n[d],
         size: 100
       }) - v;
-      if (y += S, d += c, d < 0 || d >= n.length)
+      if (S += g, d += c, d < 0 || d >= n.length)
         break;
     }
-    const g = Math.min(Math.abs(e), Math.abs(y));
-    e = e < 0 ? 0 - g : g;
+    const y = Math.min(Math.abs(e), Math.abs(S));
+    e = e < 0 ? 0 - y : y;
   }
   {
     let d = e < 0 ? u : f;
     for (; d >= 0 && d < n.length; ) {
-      const y = Math.abs(e) - Math.abs(p), g = l[d];
+      const S = Math.abs(e) - Math.abs(p), y = l[d];
       z(
-        g != null,
+        y != null,
         `Previous layout not found for panel index ${d}`
       );
-      const v = g - y, x = H({
+      const v = y - S, x = H({
         panelConstraints: n[d],
         size: v
       });
-      if (!R(g, x) && (p += g - x, s[d] = x, p.toFixed(3).localeCompare(Math.abs(e).toFixed(3), void 0, {
+      if (!M(y, x) && (p += y - x, s[d] = x, p.toFixed(3).localeCompare(Math.abs(e).toFixed(3), void 0, {
         numeric: !0
       }) >= 0))
         break;
       e < 0 ? d-- : d++;
     }
   }
-  if (at(r, s))
+  if (rt(r, s))
     return i;
   {
     const c = e < 0 ? f : u, d = l[c];
@@ -468,38 +468,38 @@ function Z({
       d != null,
       `Previous layout not found for panel index ${c}`
     );
-    const y = d + p, g = H({
+    const S = d + p, y = H({
       panelConstraints: n[c],
-      size: y
+      size: S
     });
-    if (s[c] = g, !R(g, y)) {
-      let v = y - g, S = e < 0 ? f : u;
-      for (; S >= 0 && S < n.length; ) {
-        const b = s[S];
+    if (s[c] = y, !M(y, S)) {
+      let v = S - y, g = e < 0 ? f : u;
+      for (; g >= 0 && g < n.length; ) {
+        const L = s[g];
         z(
-          b != null,
-          `Previous layout not found for panel index ${S}`
+          L != null,
+          `Previous layout not found for panel index ${g}`
         );
-        const w = b + v, C = H({
-          panelConstraints: n[S],
-          size: w
+        const P = L + v, R = H({
+          panelConstraints: n[g],
+          size: P
         });
-        if (R(b, C) || (v -= C - b, s[S] = C), R(v, 0))
+        if (M(L, R) || (v -= R - L, s[g] = R), M(v, 0))
           break;
-        e > 0 ? S-- : S++;
+        e > 0 ? g-- : g++;
       }
     }
   }
-  const m = Object.values(s).reduce(
+  const h = Object.values(s).reduce(
     (c, d) => d + c,
     0
   );
-  if (!R(m, 100, 0.1))
+  if (!M(h, 100, 0.1))
     return i;
-  const h = Object.keys(i);
-  return s.reduce((c, d, y) => (c[h[y]] = d, c), {});
+  const m = Object.keys(i);
+  return s.reduce((c, d, S) => (c[m[S]] = d, c), {});
 }
-function te(e) {
+function ee(e) {
   const { mountedGroups: t } = D();
   for (const [n] of t)
     if (n.separators.some(
@@ -508,15 +508,15 @@ function te(e) {
       return n;
   throw Error("Could not find parent Group for separator element");
 }
-function B(e, t) {
+function U(e, t) {
   if (Object.keys(e).length !== Object.keys(t).length)
     return !1;
   for (const n in e)
-    if (t[n] === void 0 || Y(e[n], t[n]) !== 0)
+    if (t[n] === void 0 || X(e[n], t[n]) !== 0)
       return !1;
   return !0;
 }
-function _({
+function F({
   layout: e,
   panelConstraints: t
 }) {
@@ -528,7 +528,7 @@ function _({
     throw Error(
       `Invalid ${t.length} panel layout: ${o.map((r) => `${r}%`).join(", ")}`
     );
-  if (!R(i, 100) && o.length > 0)
+  if (!M(i, 100) && o.length > 0)
     for (let r = 0; r < t.length; r++) {
       const s = o[r];
       z(s != null, `No layout data found for index ${r}`);
@@ -545,7 +545,7 @@ function _({
     });
     s != u && (a += s - u, o[r] = u);
   }
-  if (!R(a, 0))
+  if (!M(a, 0))
     for (let r = 0; r < t.length; r++) {
       const s = o[r];
       z(s != null, `No layout data found for index ${r}`);
@@ -553,13 +553,13 @@ function _({
         panelConstraints: t[r],
         size: u
       });
-      if (s !== f && (a -= f - s, o[r] = f, R(a, 0)))
+      if (s !== f && (a -= f - s, o[r] = f, M(a, 0)))
         break;
     }
   const l = Object.keys(e);
   return o.reduce((r, s, u) => (r[l[u]] = s, r), {});
 }
-function ke({
+function Ie({
   groupId: e
 }) {
   const t = () => {
@@ -581,11 +581,11 @@ function ke({
         group: a,
         layout: l,
         separatorToPanels: r
-      } = t(), s = _({
+      } = t(), s = F({
         layout: n,
         panelConstraints: i
       });
-      return o ? l : (B(l, s) || I((u) => ({
+      return o ? l : (U(l, s) || I((u) => ({
         mountedGroups: new Map(u.mountedGroups).set(a, {
           defaultLayoutDeferred: o,
           derivedPanelConstraints: i,
@@ -600,25 +600,25 @@ function Ge(e) {
   const { mountedGroups: t } = D(), n = t.get(e);
   return z(n, `Mounted Group ${e.id} not found`), n;
 }
-function O(e, t) {
-  const n = te(e), o = Ge(n), i = n.separators.find(
+function _(e, t) {
+  const n = ee(e), o = Ge(n), i = n.separators.find(
     (p) => p.element === e
   );
   z(i, "Matching separator not found");
   const a = o.separatorToPanels.get(i);
   z(a, "Matching panels not found");
-  const l = a.map((p) => n.panels.indexOf(p)), s = ke({ groupId: n.id }).getLayout(), u = Z({
+  const l = a.map((p) => n.panels.indexOf(p)), s = Ie({ groupId: n.id }).getLayout(), u = q({
     delta: t,
     initialLayout: s,
     panelConstraints: o.derivedPanelConstraints,
     pivotIndices: l,
     prevLayout: s,
     trigger: "keyboard"
-  }), f = _({
+  }), f = F({
     layout: u,
     panelConstraints: o.derivedPanelConstraints
   });
-  B(s, f) || I((p) => ({
+  U(s, f) || I((p) => ({
     mountedGroups: new Map(p.mountedGroups).set(n, {
       defaultLayoutDeferred: o.defaultLayoutDeferred,
       derivedPanelConstraints: o.derivedPanelConstraints,
@@ -627,35 +627,35 @@ function O(e, t) {
     })
   }));
 }
-function me(e) {
+function he(e) {
   if (e.defaultPrevented)
     return;
-  const t = e.currentTarget, n = te(t);
+  const t = e.currentTarget, n = ee(t);
   if (!n.disabled)
     switch (e.key) {
       case "ArrowDown": {
-        e.preventDefault(), n.orientation === "vertical" && O(t, 5);
+        e.preventDefault(), n.orientation === "vertical" && _(t, 5);
         break;
       }
       case "ArrowLeft": {
-        e.preventDefault(), n.orientation === "horizontal" && O(t, -5);
+        e.preventDefault(), n.orientation === "horizontal" && _(t, -5);
         break;
       }
       case "ArrowRight": {
-        e.preventDefault(), n.orientation === "horizontal" && O(t, 5);
+        e.preventDefault(), n.orientation === "horizontal" && _(t, 5);
         break;
       }
       case "ArrowUp": {
-        e.preventDefault(), n.orientation === "vertical" && O(t, -5);
+        e.preventDefault(), n.orientation === "vertical" && _(t, -5);
         break;
       }
       case "End": {
-        e.preventDefault(), O(t, 100);
+        e.preventDefault(), _(t, 100);
         break;
       }
       case "Enter": {
         e.preventDefault();
-        const o = te(t), { derivedPanelConstraints: i, layout: a, separatorToPanels: l } = Ge(o), r = o.separators.find(
+        const o = ee(t), { derivedPanelConstraints: i, layout: a, separatorToPanels: l } = Ge(o), r = o.separators.find(
           (p) => p.element === t
         );
         z(r, "Matching separator not found");
@@ -665,14 +665,14 @@ function me(e) {
           (p) => p.panelId === u.id
         );
         if (z(f, "Panel metadata not found"), f.collapsible) {
-          const p = a[u.id], m = f.collapsedSize === p ? o.inMemoryLastExpandedPanelSizes[u.id] ?? f.minSize : f.collapsedSize;
-          O(t, m - p);
+          const p = a[u.id], h = f.collapsedSize === p ? o.inMemoryLastExpandedPanelSizes[u.id] ?? f.minSize : f.collapsedSize;
+          _(t, h - p);
         }
         break;
       }
       case "F6": {
         e.preventDefault();
-        const i = te(t).separators.map(
+        const i = ee(t).separators.map(
           (s) => s.element
         ), a = Array.from(i).findIndex(
           (s) => s === e.currentTarget
@@ -683,17 +683,17 @@ function me(e) {
         break;
       }
       case "Home": {
-        e.preventDefault(), O(t, -100);
+        e.preventDefault(), _(t, -100);
         break;
       }
     }
 }
-const lt = (e) => e, ne = () => {
-}, De = 1, Oe = 2, Te = 4, Ne = 8, he = {
+const it = (e) => e, ie = () => {
+}, De = 1, Oe = 2, Te = 4, Ne = 8, me = {
   coarse: 10,
   precise: 5
 };
-function ut(e, t, n) {
+function st(e, t, n) {
   let o, i = {
     x: 1 / 0,
     y: 1 / 0
@@ -716,14 +716,14 @@ function ut(e, t, n) {
     hitRegion: o
   } : void 0;
 }
-let ee;
-function ct() {
-  return ee === void 0 && (typeof matchMedia == "function" ? ee = !!matchMedia("(pointer:coarse)").matches : ee = !1), ee;
+let Q;
+function at() {
+  return Q === void 0 && (typeof matchMedia == "function" ? Q = !!matchMedia("(pointer:coarse)").matches : Q = !1), Q;
 }
-function ft(e) {
+function lt(e) {
   return e !== null && typeof e == "object" && "nodeType" in e && e.nodeType === Node.DOCUMENT_FRAGMENT_NODE;
 }
-function dt(e, t) {
+function ut(e, t) {
   if (e === t) throw new Error("Cannot compare node with itself");
   const n = {
     a: Se(e),
@@ -754,20 +754,20 @@ function dt(e, t) {
   }
   return Math.sign(i.a - i.b);
 }
-const pt = /\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;
-function mt(e) {
+const ct = /\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;
+function ft(e) {
   const t = getComputedStyle(_e(e) ?? e).display;
   return t === "flex" || t === "inline-flex";
 }
-function ht(e) {
+function dt(e) {
   const t = getComputedStyle(e);
-  return !!(t.position === "fixed" || t.zIndex !== "auto" && (t.position !== "static" || mt(e)) || +t.opacity < 1 || "transform" in t && t.transform !== "none" || "webkitTransform" in t && t.webkitTransform !== "none" || "mixBlendMode" in t && t.mixBlendMode !== "normal" || "filter" in t && t.filter !== "none" || "webkitFilter" in t && t.webkitFilter !== "none" || "isolation" in t && t.isolation === "isolate" || pt.test(t.willChange) || t.webkitOverflowScrolling === "touch");
+  return !!(t.position === "fixed" || t.zIndex !== "auto" && (t.position !== "static" || ft(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" || ct.test(t.willChange) || t.webkitOverflowScrolling === "touch");
 }
 function ye(e) {
   let t = e.length;
   for (; t--; ) {
     const n = e[t];
-    if (z(n, "Missing node"), ht(n)) return n;
+    if (z(n, "Missing node"), dt(n)) return n;
   }
   return null;
 }
@@ -782,24 +782,24 @@ function Se(e) {
 }
 function _e(e) {
   const { parentNode: t } = e;
-  return ft(t) ? t.host : t;
+  return lt(t) ? t.host : t;
 }
-function yt(e, t) {
+function pt(e, t) {
   return e.x < t.x + t.width && e.x + e.width > t.x && e.y < t.y + t.height && e.y + e.height > t.y;
 }
-function gt({
+function ht({
   groupElement: e,
   hitRegion: t,
   pointerEventTarget: n
 }) {
   if (!Me(n) || n.contains(e) || e.contains(n))
     return !0;
-  if (dt(n, e) > 0) {
+  if (ut(n, e) > 0) {
     let o = n;
     for (; o; ) {
       if (o.contains(e))
         return !0;
-      if (yt(o.getBoundingClientRect(), t))
+      if (pt(o.getBoundingClientRect(), t))
         return !1;
       o = o.parentElement;
     }
@@ -811,11 +811,11 @@ function Ae(e, t) {
   return t.forEach((o, i) => {
     if (i.disabled)
       return;
-    const a = ct() ? he.coarse : he.precise, l = Ie(i), r = ut(i.orientation, l, {
+    const a = at() ? me.coarse : me.precise, l = ke(i), r = st(i.orientation, l, {
       x: e.clientX,
       y: e.clientY
     });
-    r && r.distance.x <= a && r.distance.y <= a && gt({
+    r && r.distance.x <= a && r.distance.y <= a && ht({
       groupElement: i.element,
       hitRegion: r.hitRegion.rect,
       pointerEventTarget: e.target
@@ -844,7 +844,7 @@ function ve(e) {
     }
   }), n.length && e.preventDefault();
 }
-function St({
+function mt({
   cursorFlags: e,
   groups: t,
   state: n
@@ -888,7 +888,7 @@ function St({
   return o > 0 && i > 0 ? "move" : o > 0 ? "ew-resize" : "ns-resize";
 }
 const xe = /* @__PURE__ */ new WeakMap();
-function se(e) {
+function ue(e) {
   if (e.defaultView === null || e.defaultView === void 0)
     return;
   let { prevStyle: t, styleSheet: n } = xe.get(e) ?? {};
@@ -897,7 +897,7 @@ function se(e) {
   switch (i.state) {
     case "active":
     case "hover": {
-      const a = St({
+      const a = mt({
         cursorFlags: o,
         groups: i.hitRegions.map((r) => r.group),
         state: i.state
@@ -917,7 +917,7 @@ function se(e) {
     styleSheet: n
   });
 }
-function $e({
+function Fe({
   document: e,
   event: t,
   hitRegions: n,
@@ -928,27 +928,27 @@ function $e({
   let l = 0;
   const r = new Map(i);
   n.forEach((s) => {
-    const { group: u, groupSize: f } = s, { disableCursor: p, orientation: m, panels: h } = u;
+    const { group: u, groupSize: f } = s, { disableCursor: p, orientation: h, panels: m } = u;
     let c = 0;
-    a ? m === "horizontal" ? c = (t.clientX - a.x) / f * 100 : c = (t.clientY - a.y) / f * 100 : m === "horizontal" ? c = t.clientX < 0 ? -100 : 100 : c = t.clientY < 0 ? -100 : 100;
+    a ? h === "horizontal" ? c = (t.clientX - a.x) / f * 100 : c = (t.clientY - a.y) / f * 100 : h === "horizontal" ? c = t.clientX < 0 ? -100 : 100 : c = t.clientY < 0 ? -100 : 100;
     const d = o.get(u), {
-      defaultLayoutDeferred: y,
-      derivedPanelConstraints: g,
+      defaultLayoutDeferred: S,
+      derivedPanelConstraints: y,
       layout: v,
       separatorToPanels: x
     } = i.get(u) ?? { defaultLayoutDeferred: !1 };
-    if (g && d && v && x) {
-      const S = Z({
+    if (y && d && v && x) {
+      const g = q({
         delta: c,
         initialLayout: d,
-        panelConstraints: g,
-        pivotIndices: s.panels.map((b) => h.indexOf(b)),
+        panelConstraints: y,
+        pivotIndices: s.panels.map((L) => m.indexOf(L)),
         prevLayout: v,
         trigger: "mouse-or-touch"
       });
-      if (B(S, v)) {
+      if (U(g, v)) {
         if (c !== 0 && !p)
-          switch (m) {
+          switch (h) {
             case "horizontal": {
               l |= c < 0 ? De : Oe;
               break;
@@ -960,25 +960,25 @@ function $e({
           }
       } else {
         r.set(s.group, {
-          defaultLayoutDeferred: y,
-          derivedPanelConstraints: g,
-          layout: S,
+          defaultLayoutDeferred: S,
+          derivedPanelConstraints: y,
+          layout: g,
           separatorToPanels: x
         });
-        const b = s.group.panels.map(({ id: w }) => w).join(",");
-        s.group.inMemoryLayouts[b] = S;
+        const L = s.group.panels.map(({ id: P }) => P).join(",");
+        s.group.inMemoryLayouts[L] = g;
       }
     }
   }), I({
     cursorFlags: l,
     mountedGroups: r
-  }), se(e);
+  }), ue(e);
 }
 function ze(e) {
   const { interactionState: t, mountedGroups: n } = D();
   switch (t.state) {
     case "active":
-      $e({
+      Fe({
         document: e.currentTarget,
         event: e,
         hitRegions: t.hitRegions,
@@ -1007,7 +1007,7 @@ function be(e) {
         );
         return;
       }
-      $e({
+      Fe({
         document: e.currentTarget,
         event: e,
         hitRegions: t.hitRegions,
@@ -1026,7 +1026,7 @@ function be(e) {
           hitRegions: o,
           state: "hover"
         }
-      }), se(e.currentTarget);
+      }), ue(e.currentTarget);
       break;
     }
   }
@@ -1045,7 +1045,7 @@ function we(e) {
         interactionState: {
           state: "inactive"
         }
-      }), se(e.currentTarget);
+      }), ue(e.currentTarget);
   }
 }
 function Le(e) {
@@ -1066,19 +1066,19 @@ function Le(e) {
   }
   return o;
 }
-function vt(e, t, n) {
+function yt(e, t, n) {
   if (!n[0])
     return;
   const i = e.panels.find((u) => u.element === t);
   if (!i || !i.onResize)
     return;
-  const a = W({ group: e }), l = e.orientation === "horizontal" ? i.element.offsetWidth : i.element.offsetHeight, r = i.mutableValues.prevSize, s = {
+  const a = V({ group: e }), l = e.orientation === "horizontal" ? i.element.offsetWidth : i.element.offsetHeight, r = i.mutableValues.prevSize, s = {
     asPercentage: G(l / a * 100),
     inPixels: l
   };
   i.mutableValues.prevSize = s, i.onResize(s, i.id, r);
 }
-function xt(e, t) {
+function gt(e, t) {
   if (Object.keys(e).length !== Object.keys(t).length)
     return !1;
   for (const o in e)
@@ -1086,7 +1086,7 @@ function xt(e, t) {
       return !1;
   return !0;
 }
-function zt(e, t) {
+function St(e, t) {
   const n = e.map((i) => i.id), o = Object.keys(t);
   if (n.length !== o.length)
     return !1;
@@ -1096,7 +1096,7 @@ function zt(e, t) {
   return !0;
 }
 const j = /* @__PURE__ */ new Map();
-function bt(e) {
+function vt(e) {
   let t = !0;
   z(
     e.element.ownerDocument.defaultView,
@@ -1104,27 +1104,27 @@ function bt(e) {
   );
   const n = e.element.ownerDocument.defaultView.ResizeObserver, o = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Set(), a = new n((c) => {
     for (const d of c) {
-      const { borderBoxSize: y, target: g } = d;
-      if (g === e.element) {
+      const { borderBoxSize: S, target: y } = d;
+      if (y === e.element) {
         if (t) {
-          if (W({ group: e }) === 0)
+          if (V({ group: e }) === 0)
             return;
           I((x) => {
-            const S = x.mountedGroups.get(e);
-            if (S) {
-              const b = pe(e), w = S.defaultLayoutDeferred ? Le(b) : S.layout, C = _({
-                layout: w,
-                panelConstraints: b
+            const g = x.mountedGroups.get(e);
+            if (g) {
+              const L = pe(e), P = g.defaultLayoutDeferred ? Le(L) : g.layout, R = F({
+                layout: P,
+                panelConstraints: L
               });
-              return !S.defaultLayoutDeferred && B(w, C) && xt(
-                S.derivedPanelConstraints,
-                b
+              return !g.defaultLayoutDeferred && U(P, R) && gt(
+                g.derivedPanelConstraints,
+                L
               ) ? x : {
                 mountedGroups: new Map(x.mountedGroups).set(e, {
                   defaultLayoutDeferred: !1,
-                  derivedPanelConstraints: b,
-                  layout: C,
-                  separatorToPanels: S.separatorToPanels
+                  derivedPanelConstraints: L,
+                  layout: R,
+                  separatorToPanels: g.separatorToPanels
                 })
               };
             }
@@ -1132,7 +1132,7 @@ function bt(e) {
           });
         }
       } else
-        vt(e, g, y);
+        yt(e, y, S);
     }
   });
   a.observe(e.element), e.panels.forEach((c) => {
@@ -1141,20 +1141,20 @@ function bt(e) {
       `Panel ids must be unique; id "${c.id}" was used more than once`
     ), o.add(c.id), c.onResize && a.observe(c.element);
   });
-  const l = W({ group: e }), r = pe(e), s = e.panels.map(({ id: c }) => c).join(",");
+  const l = V({ group: e }), r = pe(e), s = e.panels.map(({ id: c }) => c).join(",");
   let u = e.defaultLayout;
-  u && (zt(e.panels, u) || (u = void 0));
-  const f = e.inMemoryLayouts[s] ?? u ?? Le(r), p = _({
+  u && (St(e.panels, u) || (u = void 0));
+  const f = e.inMemoryLayouts[s] ?? u ?? Le(r), p = F({
     layout: f,
     panelConstraints: r
-  }), m = Ie(e), h = e.element.ownerDocument;
+  }), h = ke(e), m = e.element.ownerDocument;
   return I((c) => {
     const d = /* @__PURE__ */ new Map();
     return j.set(
-      h,
-      (j.get(h) ?? 0) + 1
-    ), m.forEach((y) => {
-      y.separator && d.set(y.separator, y.panels);
+      m,
+      (j.get(m) ?? 0) + 1
+    ), h.forEach((S) => {
+      S.separator && d.set(S.separator, S.panels);
     }), {
       mountedGroups: new Map(c.mountedGroups).set(e, {
         defaultLayoutDeferred: l === 0,
@@ -1167,43 +1167,43 @@ function bt(e) {
     z(
       !i.has(c.id),
       `Separator ids must be unique; id "${c.id}" was used more than once`
-    ), i.add(c.id), c.element.addEventListener("keydown", me);
-  }), j.get(h) === 1 && (h.addEventListener("pointerdown", ve, !0), h.addEventListener("pointerleave", ze), h.addEventListener("pointermove", be), h.addEventListener("pointerup", we, !0)), function() {
+    ), i.add(c.id), c.element.addEventListener("keydown", he);
+  }), j.get(m) === 1 && (m.addEventListener("pointerdown", ve, !0), m.addEventListener("pointerleave", ze), m.addEventListener("pointermove", be), m.addEventListener("pointerup", we, !0)), function() {
     t = !1, j.set(
-      h,
-      Math.max(0, (j.get(h) ?? 0) - 1)
+      m,
+      Math.max(0, (j.get(m) ?? 0) - 1)
     ), I((d) => {
-      const y = new Map(d.mountedGroups);
-      return y.delete(e), { mountedGroups: y };
+      const S = new Map(d.mountedGroups);
+      return S.delete(e), { mountedGroups: S };
     }), e.separators.forEach((d) => {
-      d.element.removeEventListener("keydown", me);
-    }), j.get(h) || (h.removeEventListener(
+      d.element.removeEventListener("keydown", he);
+    }), j.get(m) || (m.removeEventListener(
       "pointerdown",
       ve,
       !0
-    ), h.removeEventListener("pointerleave", ze), h.removeEventListener("pointermove", be), h.removeEventListener("pointerup", we, !0)), a.disconnect();
+    ), m.removeEventListener("pointerleave", ze), m.removeEventListener("pointermove", be), m.removeEventListener("pointerup", we, !0)), a.disconnect();
   };
 }
-function wt() {
-  const [e, t] = N({}), n = Pe(() => t({}), []);
+function $e() {
+  const [e, t] = K({}), n = Pe(() => t({}), []);
   return [e, n];
 }
-function ae(e) {
-  const t = Ke();
+function ce(e) {
+  const t = Ue();
   return `${e ?? t}`;
 }
-const A = typeof window < "u" ? Xe : Re;
-function le(e) {
-  const t = E(e);
-  return A(() => {
+const $ = typeof window < "u" ? We : Re;
+function te(e) {
+  const t = k(e);
+  return $(() => {
     t.current = e;
   }, [e]), Pe(
     (...n) => t.current?.(...n),
     [t]
   );
 }
-function ue(...e) {
-  return le((t) => {
+function fe(...e) {
+  return te((t) => {
     e.forEach((n) => {
       if (n)
         switch (typeof n) {
@@ -1219,32 +1219,27 @@ function ue(...e) {
     });
   });
 }
-function Lt(e) {
-  const t = E({ ...e });
-  return A(() => {
+function xt(e) {
+  const t = k({ ...e });
+  return $(() => {
     for (const n in e)
       t.current[n] = e[n];
   }, [e]), t.current;
 }
-const Fe = "--react-resizable-panels--panel--pointer-events";
-function Ve(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 je = qe(null);
-function Pt(e, t) {
-  const n = E({
+const je = Be(null);
+function zt(e, t) {
+  const n = k({
     getLayout: () => ({}),
-    setLayout: lt
+    setLayout: it
   });
-  Ce(t, () => n.current, []), A(() => {
+  Ce(t, () => n.current, []), $(() => {
     Object.assign(
       n.current,
-      ke({ groupId: e })
+      Ie({ groupId: e })
     );
   });
 }
-function Rt({
+function bt({
   children: e,
   className: t,
   defaultLayout: n,
@@ -1258,121 +1253,133 @@ function Rt({
   style: f,
   ...p
 }) {
-  const m = E({}), h = le((L) => {
-    B(m.current, L) || (m.current = L, s?.(L));
-  }), c = ae(r), d = E(null), [y, g] = N(!1), [v, x] = N(n ?? {}), [S, b] = wt(), w = E({
+  const h = k({}), m = te((b) => {
+    U(h.current, b) || (h.current = b, s?.(b));
+  }), c = ce(r), d = k(null), [S, y] = $e(), v = k({
     lastExpandedPanelSizes: {},
     layouts: {},
     panels: [],
     separators: []
-  }), C = ue(d, a);
-  Pt(c, l);
-  const U = re(
+  }), x = fe(d, a);
+  zt(c, l);
+  const g = te(
+    (b, w) => {
+      const { interactionState: C, mountedGroups: O } = D();
+      for (const T of O.keys())
+        if (T.id === b) {
+          const N = O.get(T);
+          if (N) {
+            let Y = !1;
+            switch (C.state) {
+              case "active": {
+                Y = C.hitRegions.some(
+                  (ne) => ne.group === T
+                );
+                break;
+              }
+            }
+            return {
+              flexGrow: N.layout[w] ?? 1,
+              pointerEvents: Y ? "none" : void 0
+            };
+          }
+        }
+      return {
+        flexGrow: n?.[w] ?? 1
+      };
+    }
+  ), L = ae(
     () => ({
+      getPanelStyles: g,
       id: c,
       orientation: u,
-      registerPanel: (L) => {
-        const P = w.current;
-        return P.panels = ie(u, [
-          ...P.panels,
-          L
-        ]), b(), () => {
-          P.panels = P.panels.filter(
-            (k) => k !== L
-          ), b();
+      registerPanel: (b) => {
+        const w = v.current;
+        return w.panels = le(u, [
+          ...w.panels,
+          b
+        ]), y(), () => {
+          w.panels = w.panels.filter(
+            (C) => C !== b
+          ), y();
         };
       },
-      registerSeparator: (L) => {
-        const P = w.current;
-        return P.separators = ie(u, [
-          ...P.separators,
-          L
-        ]), b(), () => {
-          P.separators = P.separators.filter(
-            (k) => k !== L
-          ), b();
+      registerSeparator: (b) => {
+        const w = v.current;
+        return w.separators = le(u, [
+          ...w.separators,
+          b
+        ]), y(), () => {
+          w.separators = w.separators.filter(
+            (C) => C !== b
+          ), y();
         };
       }
     }),
-    [c, b, u]
-  ), K = Lt({
+    [g, c, y, u]
+  ), P = xt({
     defaultLayout: n,
     disableCursor: o
-  }), $ = E(null);
-  A(() => {
-    const L = d.current;
-    if (L === null)
+  }), R = k(null);
+  return $(() => {
+    const b = d.current;
+    if (b === null)
       return;
-    const P = w.current, k = {
-      defaultLayout: K.defaultLayout,
-      disableCursor: !!K.disableCursor,
+    const w = v.current, C = {
+      defaultLayout: P.defaultLayout,
+      disableCursor: !!P.disableCursor,
       disabled: !!i,
-      element: L,
+      element: b,
       id: c,
-      inMemoryLastExpandedPanelSizes: w.current.lastExpandedPanelSizes,
-      inMemoryLayouts: w.current.layouts,
+      inMemoryLastExpandedPanelSizes: v.current.lastExpandedPanelSizes,
+      inMemoryLayouts: v.current.layouts,
       orientation: u,
-      panels: P.panels,
-      separators: P.separators
+      panels: w.panels,
+      separators: w.separators
     };
-    $.current = k;
-    const He = bt(k), fe = D().mountedGroups.get(k);
-    if (fe) {
-      const { defaultLayoutDeferred: F, derivedPanelConstraints: V, layout: J } = fe;
-      !F && V.length > 0 && (x(J), h?.(J));
+    R.current = C;
+    const O = vt(C), N = D().mountedGroups.get(C);
+    if (N) {
+      const { defaultLayoutDeferred: W, derivedPanelConstraints: J, layout: oe } = N;
+      !W && J.length > 0 && (m?.(oe), w.panels.forEach((re) => {
+        re.scheduleUpdate();
+      }));
     }
-    const We = T.addListener(
+    const Y = A.addListener(
       "interactionStateChange",
-      (F) => {
-        switch (F.state) {
-          case "active": {
-            g(
-              F.hitRegions.some(
-                (V) => V.group === k
-              )
-            );
-            break;
-          }
-          default: {
-            g(!1);
-            break;
-          }
-        }
+      () => {
+        w.panels.forEach((W) => {
+          W.scheduleUpdate();
+        });
       }
-    ), Be = T.addListener(
+    ), ne = A.addListener(
       "mountedGroupsChange",
-      (F) => {
-        const V = F.get(k);
-        if (V) {
-          const { defaultLayoutDeferred: J, derivedPanelConstraints: Ue, layout: de } = V;
-          if (J || Ue.length === 0)
+      (W) => {
+        const J = W.get(C);
+        if (J) {
+          const { defaultLayoutDeferred: oe, derivedPanelConstraints: re, layout: He } = J;
+          if (oe || re.length === 0)
             return;
-          x(de), h?.(de);
+          m?.(He), w.panels.forEach((Ve) => {
+            Ve.scheduleUpdate();
+          });
         }
       }
     );
     return () => {
-      $.current = null, He(), We(), Be();
+      R.current = null, O(), Y(), ne();
     };
   }, [
     i,
     c,
-    h,
+    m,
     u,
     S,
-    K
+    P
   ]), Re(() => {
-    const L = $.current;
-    L && (L.defaultLayout = n, L.disableCursor = !!o);
-  });
-  const X = {
-    [Fe]: y ? "none" : void 0
-  };
-  for (const L in v) {
-    const P = Ve(c, L), k = v[L];
-    X[P] = k;
-  }
-  return /* @__PURE__ */ q(je.Provider, { value: U, children: /* @__PURE__ */ q(
+    const b = R.current;
+    b && (b.defaultLayout = n, b.disableCursor = !!o);
+  }), /* @__PURE__ */ B(je.Provider, { value: L, children: /* @__PURE__ */ B(
     "div",
     {
       ...p,
@@ -1381,13 +1388,12 @@ function Rt({
       "data-group": !0,
       "data-testid": c,
       id: c,
-      ref: C,
+      ref: x,
       style: {
         height: "100%",
         width: "100%",
         overflow: "hidden",
         ...f,
-        ...X,
         display: "flex",
         flexDirection: u === "horizontal" ? "row" : "column",
         flexWrap: "nowrap"
@@ -1396,8 +1402,8 @@ function Rt({
     }
   ) });
 }
-Rt.displayName = "Group";
-function Ct(e, t = 10) {
+bt.displayName = "Group";
+function wt(e, t = 10) {
   let n = null;
   return (o) => {
     n !== null && clearTimeout(n), n = setTimeout(() => {
@@ -1405,57 +1411,57 @@ function Ct(e, t = 10) {
     }, t);
   };
 }
-function oe(e, t) {
+function se(e, t) {
   return `react-resizable-panels:${[e, ...t].join(":")}`;
 }
-function At({
+function Dt({
   debounceSaveMs: e = 100,
   panelIds: t,
   storage: n = localStorage,
   ...o
 }) {
-  const i = t !== void 0, a = "id" in o ? o.id : o.groupId, l = oe(a, t ?? []), r = Ye(
-    Mt,
+  const i = t !== void 0, a = "id" in o ? o.id : o.groupId, l = se(a, t ?? []), r = Ke(
+    Lt,
     () => n.getItem(l),
     () => n.getItem(l)
-  ), s = re(
+  ), s = ae(
     () => r ? JSON.parse(r) : void 0,
     [r]
-  ), u = re(() => {
+  ), u = ae(() => {
     const f = (p) => {
-      let m;
-      i ? m = oe(a, Object.keys(p)) : m = oe(a, []);
+      let h;
+      i ? h = se(a, Object.keys(p)) : h = se(a, []);
       try {
-        n.setItem(m, JSON.stringify(p));
-      } catch (h) {
-        console.error(h);
+        n.setItem(h, JSON.stringify(p));
+      } catch (m) {
+        console.error(m);
       }
     };
-    return e > 0 ? Ct(f, e) : f;
+    return e > 0 ? wt(f, e) : f;
   }, [e, i, a, n]);
   return {
     defaultLayout: s,
     onLayoutChange: u
   };
 }
-function Mt() {
+function Lt() {
   return function() {
   };
 }
-function $t() {
-  return N(null);
+function Ot() {
+  return K(null);
 }
-function Ft() {
-  return E(null);
+function Tt() {
+  return k(null);
 }
-function ce() {
-  const e = Ze(je);
+function de() {
+  const e = Xe(je);
   return z(
     e,
     "Group Context not found; did you render a Panel or Separator outside of a Group?"
   ), e;
 }
-function Et({
+function Pt({
   groupId: e,
   panelId: t
 }) {
@@ -1467,7 +1473,7 @@ function Et({
         defaultLayoutDeferred: u,
         derivedPanelConstraints: f,
         layout: p,
-        separatorToPanels: m
+        separatorToPanels: h
       }
     ] of r)
       if (s.id === e)
@@ -1476,7 +1482,7 @@ function Et({
           derivedPanelConstraints: f,
           group: s,
           layout: p,
-          separatorToPanels: m
+          separatorToPanels: h
         };
     throw Error(`Group ${e} not found`);
   }, o = () => {
@@ -1504,25 +1510,25 @@ function Et({
       defaultLayoutDeferred: u,
       derivedPanelConstraints: f,
       group: p,
-      layout: m,
-      separatorToPanels: h
-    } = n(), c = p.panels.findIndex((v) => v.id === t), d = c === p.panels.length - 1, y = Z({
+      layout: h,
+      separatorToPanels: m
+    } = n(), c = p.panels.findIndex((v) => v.id === t), d = c === p.panels.length - 1, S = q({
       delta: d ? s - r : r - s,
-      initialLayout: m,
+      initialLayout: h,
       panelConstraints: f,
       pivotIndices: d ? [c - 1, c] : [c, c + 1],
-      prevLayout: m,
+      prevLayout: h,
       trigger: "imperative-api"
-    }), g = _({
-      layout: y,
+    }), y = F({
+      layout: S,
       panelConstraints: f
     });
-    B(m, g) || I((v) => ({
+    U(h, y) || I((v) => ({
       mountedGroups: new Map(v.mountedGroups).set(p, {
         defaultLayoutDeferred: u,
         derivedPanelConstraints: f,
-        layout: g,
-        separatorToPanels: h
+        layout: y,
+        separatorToPanels: m
       })
     }));
   };
@@ -1534,8 +1540,8 @@ function Et({
     expand: () => {
       const { collapsible: r, collapsedSize: s, minSize: u } = o(), { mutableValues: f } = i(), p = a();
       if (r && p === s) {
-        let m = f.expandToSize ?? u;
-        m === 0 && (m = 1), l(m);
+        let h = f.expandToSize ?? u;
+        h === 0 && (h = 1), l(h);
       }
     },
     getSize: () => {
@@ -1547,14 +1553,14 @@ function Et({
     },
     isCollapsed: () => {
       const { collapsible: r, collapsedSize: s } = o(), u = a();
-      return r && R(s, u);
+      return r && M(s, u);
     },
     resize: (r) => {
       if (a() !== r) {
         let u;
         switch (typeof r) {
           case "number": {
-            const { group: f } = n(), p = W({ group: f });
+            const { group: f } = n(), p = V({ group: f });
             u = G(r / p * 100);
             break;
           }
@@ -1568,25 +1574,25 @@ function Et({
     }
   };
 }
-function It(e, t) {
-  const { id: n } = ce(), o = E({
-    collapse: ne,
-    expand: ne,
+function Rt(e, t) {
+  const { id: n } = de(), o = k({
+    collapse: ie,
+    expand: ie,
     getSize: () => ({
       asPercentage: 0,
       inPixels: 0
     }),
     isCollapsed: () => !1,
-    resize: ne
+    resize: ie
   });
-  Ce(t, () => o.current, []), A(() => {
+  Ce(t, () => o.current, []), $(() => {
     Object.assign(
       o.current,
-      Et({ groupId: n, panelId: e })
+      Pt({ groupId: n, panelId: e })
     );
   });
 }
-function kt({
+function Ct({
   children: e,
   className: t,
   collapsedSize: n = "0%",
@@ -1599,66 +1605,65 @@ function kt({
   onResize: u,
   panelRef: f,
   style: p,
-  ...m
+  ...h
 }) {
-  const h = !!l, c = ae(l), d = E(null), y = ue(d, a), { id: g, registerPanel: v } = ce(), x = u !== null, S = le(
-    (w, C, U) => {
-      u?.(w, l, U);
+  const m = !!l, c = ce(l), d = k(null), S = fe(d, a), [, y] = $e(), { getPanelStyles: v, id: x, registerPanel: g } = de(), L = u !== null, P = te(
+    (b, w, C) => {
+      u?.(b, l, C);
     }
   );
-  A(() => {
-    const w = d.current;
-    if (w !== null)
-      return v({
-        element: w,
+  $(() => {
+    const b = d.current;
+    if (b !== null)
+      return g({
+        element: b,
         id: c,
-        idIsStable: h,
+        idIsStable: m,
         mutableValues: {
           expandToSize: void 0,
           prevSize: void 0
         },
-        onResize: x ? S : void 0,
+        onResize: L ? P : void 0,
         panelConstraints: {
           collapsedSize: n,
           collapsible: o,
           defaultSize: i,
           maxSize: r,
           minSize: s
-        }
+        },
+        scheduleUpdate: y
       });
   }, [
     n,
     o,
     i,
-    x,
+    y,
+    L,
     c,
-    h,
+    m,
     r,
     s,
-    S,
-    v
-  ]), It(c, f);
-  const b = Ve(g, c);
-  return /* @__PURE__ */ q(
+    P,
+    g
+  ]), Rt(c, f);
+  const R = v(x, c);
+  return /* @__PURE__ */ B(
     "div",
     {
-      ...m,
+      ...h,
       "data-panel": !0,
       "data-testid": c,
       id: c,
-      ref: y,
+      ref: S,
       style: {
-        ...Gt,
+        ...Mt,
         flexBasis: 0,
-        flexGrow: `var(${b}, 1)`,
         flexShrink: 1,
         // Prevent Panel content from interfering with panel size
         overflow: "hidden",
-        // Disable pointer events inside of a panel during resize
-        // This avoid edge cases like nested iframes
-        pointerEvents: `var(${Fe})`
+        ...R
       },
-      children: /* @__PURE__ */ q(
+      children: /* @__PURE__ */ B(
         "div",
         {
           className: t,
@@ -1673,8 +1678,8 @@ function kt({
     }
   );
 }
-kt.displayName = "Panel";
-const Gt = {
+Ct.displayName = "Panel";
+const Mt = {
   minHeight: 0,
   maxHeight: "100%",
   height: "auto",
@@ -1686,13 +1691,13 @@ const Gt = {
   padding: 0,
   margin: 0
 };
-function Vt() {
-  return N(null);
+function Nt() {
+  return K(null);
 }
-function jt() {
-  return E(null);
+function _t() {
+  return k(null);
 }
-function Dt({
+function Et({
   layout: e,
   panelConstraints: t,
   panelId: n,
@@ -1704,8 +1709,8 @@ function Dt({
   );
   if (r) {
     const s = r.maxSize, u = a = r.collapsible ? r.collapsedSize : r.minSize, f = [o, o + 1];
-    a = _({
-      layout: Z({
+    a = F({
+      layout: q({
         delta: u - l,
         initialLayout: e,
         panelConstraints: t,
@@ -1714,8 +1719,8 @@ function Dt({
         trigger: "keyboard"
       }),
       panelConstraints: t
-    })[n], i = _({
-      layout: Z({
+    })[n], i = F({
+      layout: q({
         delta: s - l,
         initialLayout: e,
         panelConstraints: t,
@@ -1733,7 +1738,7 @@ function Dt({
     valueNow: l
   };
 }
-function Ot({
+function kt({
   children: e,
   className: t,
   elementRef: n,
@@ -1741,41 +1746,41 @@ function Ot({
   style: i,
   ...a
 }) {
-  const l = ae(o), [r, s] = N({}), [u, f] = N("inactive"), p = E(null), m = ue(p, n), {
-    id: h,
+  const l = ce(o), [r, s] = K({}), [u, f] = K("inactive"), p = k(null), h = fe(p, n), {
+    id: m,
     orientation: c,
     registerSeparator: d
-  } = ce(), y = c === "horizontal" ? "vertical" : "horizontal";
-  return A(() => {
-    const g = p.current;
-    if (g !== null) {
+  } = de(), S = c === "horizontal" ? "vertical" : "horizontal";
+  return $(() => {
+    const y = p.current;
+    if (y !== null) {
       const v = {
-        element: g,
+        element: y,
         id: l
-      }, x = d(v), S = T.addListener(
+      }, x = d(v), g = A.addListener(
         "interactionStateChange",
-        (w) => {
+        (P) => {
           f(
-            w.state !== "inactive" && w.hitRegions.some(
-              (C) => C.separator === v
-            ) ? w.state : "inactive"
+            P.state !== "inactive" && P.hitRegions.some(
+              (R) => R.separator === v
+            ) ? P.state : "inactive"
           );
         }
-      ), b = T.addListener(
+      ), L = A.addListener(
         "mountedGroupsChange",
-        (w) => {
-          w.forEach(
-            ({ derivedPanelConstraints: C, layout: U, separatorToPanels: K }, $) => {
-              if ($.id === h) {
-                const X = K.get(v);
-                if (X) {
-                  const L = X[0], P = $.panels.indexOf(L);
+        (P) => {
+          P.forEach(
+            ({ derivedPanelConstraints: R, layout: b, separatorToPanels: w }, C) => {
+              if (C.id === m) {
+                const O = w.get(v);
+                if (O) {
+                  const T = O[0], N = C.panels.indexOf(T);
                   s(
-                    Dt({
-                      layout: U,
-                      panelConstraints: C,
-                      panelId: L.id,
-                      panelIndex: P
+                    Et({
+                      layout: b,
+                      panelConstraints: R,
+                      panelId: T.id,
+                      panelIndex: N
                     })
                   );
                 }
@@ -1785,15 +1790,15 @@ function Ot({
         }
       );
       return () => {
-        S(), b(), x();
+        g(), L(), x();
       };
     }
-  }, [h, l, d]), /* @__PURE__ */ q(
+  }, [m, l, d]), /* @__PURE__ */ B(
     "div",
     {
       ...a,
       "aria-controls": r.valueControls,
-      "aria-orientation": y,
+      "aria-orientation": S,
       "aria-valuemax": r.valueMax,
       "aria-valuemin": r.valueMin,
       "aria-valuenow": r.valueNow,
@@ -1802,7 +1807,7 @@ function Ot({
       "data-separator": u,
       "data-testid": l,
       id: l,
-      ref: m,
+      ref: h,
       role: "separator",
       style: {
         flexBasis: "auto",
@@ -1814,15 +1819,15 @@ function Ot({
     }
   );
 }
-Ot.displayName = "Separator";
+kt.displayName = "Separator";
 export {
-  Rt as Group,
-  kt as Panel,
-  Ot as Separator,
-  At as useDefaultLayout,
-  $t as useGroupCallbackRef,
-  Ft as useGroupRef,
-  Vt as usePanelCallbackRef,
-  jt as usePanelRef
+  bt as Group,
+  Ct as Panel,
+  kt as Separator,
+  Dt as useDefaultLayout,
+  Ot as useGroupCallbackRef,
+  Tt as useGroupRef,
+  Nt as usePanelCallbackRef,
+  _t as usePanelRef
 };
 //# sourceMappingURL=react-resizable-panels.js.map