react-resizable-panels 4.0.8-alpha.2 → 4.0.9-alpha.0

package/dist/react-resizable-panels.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as B } from "react/jsx-runtime";
-import { useId as Ne, useLayoutEffect as _e, useEffect as Fe, useRef as T, useCallback as ze, createContext as He, useImperativeHandle as be, useState as G, useMemo as we, useSyncExternalStore as We, useContext as je } from "react";
-function z(e, t = "Assertion error") {
+import { useId as We, useLayoutEffect as je, useEffect as Be, useRef as T, useCallback as Le, createContext as Ue, useImperativeHandle as Pe, useState as I, useMemo as Ce, useSyncExternalStore as Ve, useContext as Ke } from "react";
+function x(e, t = "Assertion error") {
   if (!e)
     throw Error(t);
 }
@@ -13,73 +13,73 @@ function H({
 }
 function se(e, t) {
   return t.sort(
-    e === "horizontal" ? Be : Ue
+    e === "horizontal" ? Xe : Ye
   );
 }
-function Be(e, t) {
+function Xe(e, t) {
   const n = e.element.offsetLeft - t.element.offsetLeft;
   return n !== 0 ? n : e.element.offsetWidth - t.element.offsetWidth;
 }
-function Ue(e, t) {
+function Ye(e, t) {
   const n = e.element.offsetTop - t.element.offsetTop;
   return n !== 0 ? n : e.element.offsetHeight - t.element.offsetHeight;
 }
-function Le(e) {
-  const { element: t, orientation: n, panels: o, separators: r } = e, s = se(
+function Re(e) {
+  const { element: t, orientation: n, panels: o, separators: r } = e, a = se(
     n,
     Array.from(t.children).filter((l) => l instanceof HTMLElement).map((l) => ({ element: l }))
   ).map(({ element: l }) => l), u = [];
-  let i, a;
-  for (const l of s) {
+  let i, s;
+  for (const l of a) {
     const c = o.find(
       (d) => d.element === l
     );
     if (c) {
       if (i) {
-        const d = i.element.getBoundingClientRect(), m = l.getBoundingClientRect();
+        const d = i.element.getBoundingClientRect(), z = l.getBoundingClientRect();
         u.push({
           group: e,
           groupSize: H({ group: e }),
           panels: [i, c],
-          separator: a,
+          separator: s,
           rect: n === "horizontal" ? new DOMRect(
             d.right,
-            m.top,
-            m.left - d.right,
-            m.height
+            z.top,
+            z.left - d.right,
+            z.height
           ) : new DOMRect(
-            m.left,
+            z.left,
             d.bottom,
-            m.width,
-            m.top - d.bottom
+            z.width,
+            z.top - d.bottom
           )
         });
       }
-      i = c, a = void 0;
+      i = c, s = void 0;
     } else {
       const d = r.find(
-        (m) => m.element === l
+        (z) => z.element === l
       );
-      d ? a = d : (i = void 0, a = void 0);
+      d ? s = d : (i = void 0, s = void 0);
     }
   }
   return u;
 }
-function Ke(e, t) {
+function qe(e, t) {
   const n = getComputedStyle(e), o = parseFloat(n.fontSize);
   return t * o;
 }
-function Ve(e, t) {
+function Ze(e, t) {
   const n = getComputedStyle(e.ownerDocument.body), o = parseFloat(n.fontSize);
   return t * o;
 }
-function Xe(e) {
+function Je(e) {
   return e / 100 * window.innerHeight;
 }
-function Ye(e) {
+function Qe(e) {
   return e / 100 * window.innerWidth;
 }
-function qe(e) {
+function et(e) {
   switch (typeof e) {
     case "number":
       return [e, "px"];
@@ -95,8 +95,8 @@ function Q({
   styleProp: n
 }) {
   let o;
-  const [r, s] = qe(n);
-  switch (s) {
+  const [r, a] = et(n);
+  switch (a) {
     case "%": {
       o = r / 100 * e;
       break;
@@ -106,25 +106,25 @@ function Q({
       break;
     }
     case "rem": {
-      o = Ve(t, r);
+      o = Ze(t, r);
       break;
     }
     case "em": {
-      o = Ke(t, r);
+      o = qe(t, r);
       break;
     }
     case "vh": {
-      o = Xe(r);
+      o = Je(r);
       break;
     }
     case "vw": {
-      o = Ye(r);
+      o = Qe(r);
       break;
     }
   }
   return o;
 }
-function I(e) {
+function G(e) {
   return parseFloat(e.toFixed(3));
 }
 function pe(e) {
@@ -137,54 +137,54 @@ function pe(e) {
     maxSize: 100,
     panelId: o.id
   })) : t.map((o) => {
-    const { element: r, panelConstraints: s } = o;
+    const { element: r, panelConstraints: a } = o;
     let u = 0;
-    if (s.collapsedSize) {
+    if (a.collapsedSize) {
       const c = Q({
         groupSize: n,
         panelElement: r,
-        styleProp: s.collapsedSize
+        styleProp: a.collapsedSize
       });
-      u = I(c / n * 100);
+      u = G(c / n * 100);
     }
     let i;
-    if (s.defaultSize) {
+    if (a.defaultSize) {
       const c = Q({
         groupSize: n,
         panelElement: r,
-        styleProp: s.defaultSize
+        styleProp: a.defaultSize
       });
-      i = I(c / n * 100);
+      i = G(c / n * 100);
     }
-    let a = 0;
-    if (s.minSize) {
+    let s = 0;
+    if (a.minSize) {
       const c = Q({
         groupSize: n,
         panelElement: r,
-        styleProp: s.minSize
+        styleProp: a.minSize
       });
-      a = I(c / n * 100);
+      s = G(c / n * 100);
     }
     let l = 100;
-    if (s.maxSize) {
+    if (a.maxSize) {
       const c = Q({
         groupSize: n,
         panelElement: r,
-        styleProp: s.maxSize
+        styleProp: a.maxSize
       });
-      l = I(c / n * 100);
+      l = G(c / n * 100);
     }
     return {
       collapsedSize: u,
-      collapsible: s.collapsible === !0,
+      collapsible: a.collapsible === !0,
       defaultSize: i,
-      minSize: a,
+      minSize: s,
       maxSize: l,
       panelId: o.id
     };
   });
 }
-class Ze {
+class tt {
   #e = {};
   addListener(t, n) {
     const o = this.#e[t];
@@ -198,18 +198,18 @@ class Ze {
       if (o.length === 1)
         o[0].call(null, n);
       else {
-        let r = !1, s = null;
+        let r = !1, a = null;
         const u = Array.from(o);
         for (let i = 0; i < u.length; i++) {
-          const a = u[i];
+          const s = u[i];
           try {
-            a.call(null, n);
+            s.call(null, n);
           } catch (l) {
-            s === null && (r = !0, s = l);
+            a === null && (r = !0, a = l);
           }
         }
         if (r)
-          throw s;
+          throw a;
       }
   }
   removeAllListeners() {
@@ -223,8 +223,8 @@ class Ze {
     }
   }
 }
-function L(e, t, n = 0) {
-  return Math.abs(I(e) - I(t)) <= n;
+function P(e, t, n = 0) {
+  return Math.abs(G(e) - G(t)) <= n;
 }
 let R = {
   cursorFlags: 0,
@@ -233,11 +233,11 @@ let R = {
   },
   mountedGroups: /* @__PURE__ */ new Map()
 };
-const A = new Ze();
+const D = new tt();
 function O() {
   return R;
 }
-function C(e) {
+function E(e) {
   const t = typeof e == "function" ? e(R) : e;
   if (R === t)
     return R;
@@ -245,30 +245,30 @@ function C(e) {
   return R = {
     ...R,
     ...t
-  }, t.cursorFlags !== void 0 && A.emit("cursorFlagsChange", R.cursorFlags), t.interactionState !== void 0 && A.emit("interactionStateChange", R.interactionState), t.mountedGroups !== void 0 && (R.mountedGroups.forEach((o, r) => {
-    o.derivedPanelConstraints.forEach((s) => {
-      if (s.collapsible) {
+  }, t.cursorFlags !== void 0 && D.emit("cursorFlagsChange", R.cursorFlags), t.interactionState !== void 0 && D.emit("interactionStateChange", R.interactionState), t.mountedGroups !== void 0 && (R.mountedGroups.forEach((o, r) => {
+    o.derivedPanelConstraints.forEach((a) => {
+      if (a.collapsible) {
         const { layout: u } = n.mountedGroups.get(r) ?? {};
         if (u) {
-          const i = L(
-            s.collapsedSize,
-            o.layout[s.panelId]
-          ), a = L(
-            s.collapsedSize,
-            u[s.panelId]
+          const i = P(
+            a.collapsedSize,
+            o.layout[a.panelId]
+          ), s = P(
+            a.collapsedSize,
+            u[a.panelId]
           );
-          i && !a && (r.inMemoryLastExpandedPanelSizes[s.panelId] = u[s.panelId]);
+          i && !s && (r.inMemoryLastExpandedPanelSizes[a.panelId] = u[a.panelId]);
         }
       }
     });
-  }), A.emit("mountedGroupsChange", R.mountedGroups)), R;
+  }), D.emit("mountedGroupsChange", R.mountedGroups)), R;
 }
-const Je = (e) => e, ie = () => {
-}, Pe = 1, Ee = 2, Re = 4, Ce = 8, me = {
+const nt = (e) => e, ie = () => {
+}, Ee = 1, Me = 2, Ie = 4, Ge = 8, me = {
   coarse: 10,
   precise: 5
 };
-function Qe({
+function ot({
   cursorFlags: e,
   groups: t,
   state: n
@@ -277,9 +277,9 @@ function Qe({
   switch (n) {
     case "active":
     case "hover":
-      t.forEach((s) => {
-        if (!s.disableCursor)
-          switch (s.orientation) {
+      t.forEach((a) => {
+        if (!a.disableCursor)
+          switch (a.orientation) {
             case "horizontal": {
               o++;
               break;
@@ -295,15 +295,15 @@ function Qe({
     return null;
   switch (n) {
     case "active": {
-      const s = (e & Pe) !== 0, u = (e & Ee) !== 0, i = (e & Re) !== 0, a = (e & Ce) !== 0;
+      const a = (e & Ee) !== 0, u = (e & Me) !== 0, i = (e & Ie) !== 0, s = (e & Ge) !== 0;
       if (e) {
-        if (s)
-          return i ? "se-resize" : a ? "ne-resize" : "e-resize";
+        if (a)
+          return i ? "se-resize" : s ? "ne-resize" : "e-resize";
         if (u)
-          return i ? "sw-resize" : a ? "nw-resize" : "w-resize";
+          return i ? "sw-resize" : s ? "nw-resize" : "w-resize";
         if (i)
           return "s-resize";
-        if (a)
+        if (s)
           return "n-resize";
       }
       break;
@@ -318,7 +318,7 @@ function le() {
   switch (t.state) {
     case "active":
     case "hover": {
-      const n = Qe({
+      const n = ot({
         cursorFlags: e,
         groups: t.hitRegions.map((r) => r.group),
         state: t.state
@@ -334,7 +334,7 @@ function le() {
     }
   }
 }
-function et(e, t) {
+function it(e, t) {
   if (e.length !== t.length)
     return !1;
   for (let n = 0; n < e.length; n++)
@@ -343,7 +343,7 @@ function et(e, t) {
   return !0;
 }
 function U(e, t) {
-  return L(e, t) ? 0 : e > t ? 1 : -1;
+  return P(e, t) ? 0 : e > t ? 1 : -1;
 }
 function F({
   panelConstraints: e,
@@ -353,70 +353,70 @@ function F({
     collapsedSize: n = 0,
     collapsible: o,
     maxSize: r = 100,
-    minSize: s = 0
+    minSize: a = 0
   } = e;
-  if (U(t, s) < 0)
+  if (U(t, a) < 0)
     if (o) {
-      const u = (n + s) / 2;
-      U(t, u) < 0 ? t = n : t = s;
+      const u = (n + a) / 2;
+      U(t, u) < 0 ? t = n : t = a;
     } else
-      t = s;
-  return t = Math.min(r, t), t = I(t), t;
+      t = a;
+  return t = Math.min(r, t), t = G(t), t;
 }
-function K({
+function V({
   delta: e,
   initialLayout: t,
   panelConstraints: n,
   pivotIndices: o,
   prevLayout: r,
-  trigger: s
+  trigger: a
 }) {
-  if (L(e, 0))
+  if (P(e, 0))
     return t;
-  const u = Object.values(t), i = Object.values(r), a = [...u], [l, c] = o;
-  z(l != null, "Invalid first pivot index"), z(c != null, "Invalid second pivot index");
+  const u = Object.values(t), i = Object.values(r), s = [...u], [l, c] = o;
+  x(l != null, "Invalid first pivot index"), x(c != null, "Invalid second pivot index");
   let d = 0;
-  if (s === "keyboard") {
+  if (a === "keyboard") {
     {
       const f = e < 0 ? c : l, p = n[f];
-      z(
+      x(
         p,
         `Panel constraints not found for index ${f}`
       );
       const {
-        collapsedSize: y = 0,
-        collapsible: h,
+        collapsedSize: h = 0,
+        collapsible: y,
         minSize: S = 0
       } = p;
-      if (h) {
-        const x = u[f];
-        if (z(
-          x != null,
+      if (y) {
+        const v = u[f];
+        if (x(
+          v != null,
           `Previous layout not found for panel index ${f}`
-        ), L(x, y)) {
-          const g = S - x;
+        ), P(v, h)) {
+          const g = S - v;
           U(g, Math.abs(e)) > 0 && (e = e < 0 ? 0 - g : g);
         }
       }
     }
     {
       const f = e < 0 ? l : c, p = n[f];
-      z(
+      x(
         p,
         `No panel constraints found for index ${f}`
       );
       const {
-        collapsedSize: y = 0,
-        collapsible: h,
+        collapsedSize: h = 0,
+        collapsible: y,
         minSize: S = 0
       } = p;
-      if (h) {
-        const x = u[f];
-        if (z(
-          x != null,
+      if (y) {
+        const v = u[f];
+        if (x(
+          v != null,
           `Previous layout not found for panel index ${f}`
-        ), L(x, S)) {
-          const g = x - y;
+        ), P(v, S)) {
+          const g = v - h;
           U(g, Math.abs(e)) > 0 && (e = e < 0 ? 0 - g : g);
         }
       }
@@ -424,10 +424,10 @@ function K({
   }
   {
     const f = e < 0 ? 1 : -1;
-    let p = e < 0 ? c : l, y = 0;
+    let p = e < 0 ? c : l, h = 0;
     for (; ; ) {
       const S = u[p];
-      z(
+      x(
         S != null,
         `Previous layout not found for panel index ${p}`
       );
@@ -435,69 +435,69 @@ function K({
         panelConstraints: n[p],
         size: 100
       }) - S;
-      if (y += g, p += f, p < 0 || p >= n.length)
+      if (h += g, p += f, p < 0 || p >= n.length)
         break;
     }
-    const h = Math.min(Math.abs(e), Math.abs(y));
-    e = e < 0 ? 0 - h : h;
+    const y = Math.min(Math.abs(e), Math.abs(h));
+    e = e < 0 ? 0 - y : y;
   }
   {
     let p = e < 0 ? l : c;
     for (; p >= 0 && p < n.length; ) {
-      const y = Math.abs(e) - Math.abs(d), h = u[p];
-      z(
-        h != null,
+      const h = Math.abs(e) - Math.abs(d), y = u[p];
+      x(
+        y != null,
         `Previous layout not found for panel index ${p}`
       );
-      const S = h - y, x = F({
+      const S = y - h, v = F({
         panelConstraints: n[p],
         size: S
       });
-      if (!L(h, x) && (d += h - x, a[p] = x, d.toFixed(3).localeCompare(Math.abs(e).toFixed(3), void 0, {
+      if (!P(y, v) && (d += y - v, s[p] = v, d.toFixed(3).localeCompare(Math.abs(e).toFixed(3), void 0, {
         numeric: !0
       }) >= 0))
         break;
       e < 0 ? p-- : p++;
     }
   }
-  if (et(i, a))
+  if (it(i, s))
     return r;
   {
     const f = e < 0 ? c : l, p = u[f];
-    z(
+    x(
       p != null,
       `Previous layout not found for panel index ${f}`
     );
-    const y = p + d, h = F({
+    const h = p + d, y = F({
       panelConstraints: n[f],
-      size: y
+      size: h
     });
-    if (a[f] = h, !L(h, y)) {
-      let S = y - h, g = e < 0 ? c : l;
+    if (s[f] = y, !P(y, h)) {
+      let S = h - y, g = e < 0 ? c : l;
       for (; g >= 0 && g < n.length; ) {
-        const w = a[g];
-        z(
+        const w = s[g];
+        x(
           w != null,
           `Previous layout not found for panel index ${g}`
         );
-        const P = w + S, E = F({
+        const L = w + S, C = F({
           panelConstraints: n[g],
-          size: P
+          size: L
         });
-        if (L(w, E) || (S -= E - w, a[g] = E), L(S, 0))
+        if (P(w, C) || (S -= C - w, s[g] = C), P(S, 0))
           break;
         e > 0 ? g-- : g++;
       }
     }
   }
-  const m = Object.values(a).reduce(
+  const z = Object.values(s).reduce(
     (f, p) => p + f,
     0
   );
-  if (!L(m, 100, 0.1))
+  if (!P(z, 100, 0.1))
     return r;
-  const v = Object.keys(r);
-  return a.reduce((f, p, y) => (f[v[y]] = p, f), {});
+  const m = Object.keys(r);
+  return s.reduce((f, p, h) => (f[m[h]] = p, f), {});
 }
 function W(e, t) {
   if (Object.keys(e).length !== Object.keys(t).length)
@@ -507,42 +507,42 @@ function W(e, t) {
       return !1;
   return !0;
 }
-function Me({
+function ke({
   event: e,
   hitRegions: t,
   initialLayoutMap: n,
   mountedGroups: o,
   pointerDownAtPoint: r
 }) {
-  let s = 0;
+  let a = 0;
   const u = new Map(o);
   t.forEach((i) => {
-    const { group: a, groupSize: l } = i, { disableCursor: c, orientation: d, panels: m } = a;
-    let v = 0;
-    r ? d === "horizontal" ? v = (e.clientX - r.x) / l * 100 : v = (e.clientY - r.y) / l * 100 : d === "horizontal" ? v = e.clientX < 0 ? -100 : 100 : v = e.clientY < 0 ? -100 : 100;
-    const f = n.get(a), {
+    const { group: s, groupSize: l } = i, { disableCursor: c, orientation: d, panels: z } = s;
+    let m = 0;
+    r ? d === "horizontal" ? m = (e.clientX - r.x) / l * 100 : m = (e.clientY - r.y) / l * 100 : d === "horizontal" ? m = e.clientX < 0 ? -100 : 100 : m = e.clientY < 0 ? -100 : 100;
+    const f = n.get(s), {
       derivedPanelConstraints: p,
-      layout: y,
-      separatorToPanels: h
-    } = o.get(a) ?? {};
-    if (p && f && y && h) {
-      const S = K({
-        delta: v,
+      layout: h,
+      separatorToPanels: y
+    } = o.get(s) ?? {};
+    if (p && f && h && y) {
+      const S = V({
+        delta: m,
         initialLayout: f,
         panelConstraints: p,
-        pivotIndices: i.panels.map((x) => m.indexOf(x)),
-        prevLayout: y,
+        pivotIndices: i.panels.map((v) => z.indexOf(v)),
+        prevLayout: h,
         trigger: "mouse-or-touch"
       });
-      if (W(S, y)) {
-        if (v !== 0 && !c)
+      if (W(S, h)) {
+        if (m !== 0 && !c)
           switch (d) {
             case "horizontal": {
-              s |= v < 0 ? Pe : Ee;
+              a |= m < 0 ? Ee : Me;
               break;
             }
             case "vertical": {
-              s |= v < 0 ? Re : Ce;
+              a |= m < 0 ? Ie : Ge;
               break;
             }
           }
@@ -550,14 +550,14 @@ function Me({
         u.set(i.group, {
           derivedPanelConstraints: p,
           layout: S,
-          separatorToPanels: h
+          separatorToPanels: y
         });
-        const x = i.group.panels.map(({ id: g }) => g).join(",");
-        i.group.inMemoryLayouts[x] = S;
+        const v = i.group.panels.map(({ id: g }) => g).join(",");
+        i.group.inMemoryLayouts[v] = S;
       }
     }
-  }), C({
-    cursorFlags: s,
+  }), E({
+    cursorFlags: a,
     mountedGroups: u
   }), le();
 }
@@ -572,7 +572,7 @@ function he(e) {
   switch (t.state) {
     case "active":
       t.hitRegions.forEach((o) => {
-        e.currentTarget === o.group.element && Me({
+        e.currentTarget === o.group.element && ke({
           event: e,
           hitRegions: t.hitRegions,
           initialLayoutMap: t.initialLayoutMap,
@@ -583,57 +583,57 @@ function he(e) {
 }
 function te(e) {
   const t = e.parentElement;
-  z(t, "Parent group element not found");
+  x(t, "Parent group element not found");
   const { mountedGroups: n } = O();
   for (const [o] of n)
     if (o.element === t)
       return o;
   throw Error("Could not find parent Group for separator element");
 }
-function $({
+function A({
   layout: e,
   panelConstraints: t
 }) {
   const o = [...Object.values(e)], r = o.reduce(
-    (i, a) => i + a,
+    (i, s) => i + s,
     0
   );
   if (o.length !== t.length)
     throw Error(
       `Invalid ${t.length} panel layout: ${o.map((i) => `${i}%`).join(", ")}`
     );
-  if (!L(r, 100) && o.length > 0)
+  if (!P(r, 100) && o.length > 0)
     for (let i = 0; i < t.length; i++) {
-      const a = o[i];
-      z(a != null, `No layout data found for index ${i}`);
-      const l = 100 / r * a;
+      const s = o[i];
+      x(s != null, `No layout data found for index ${i}`);
+      const l = 100 / r * s;
       o[i] = l;
     }
-  let s = 0;
+  let a = 0;
   for (let i = 0; i < t.length; i++) {
-    const a = o[i];
-    z(a != null, `No layout data found for index ${i}`);
+    const s = o[i];
+    x(s != null, `No layout data found for index ${i}`);
     const l = F({
       panelConstraints: t[i],
-      size: a
+      size: s
     });
-    a != l && (s += a - l, o[i] = l);
+    s != l && (a += s - l, o[i] = l);
   }
-  if (!L(s, 0))
+  if (!P(a, 0))
     for (let i = 0; i < t.length; i++) {
-      const a = o[i];
-      z(a != null, `No layout data found for index ${i}`);
-      const l = a + s, c = F({
+      const s = o[i];
+      x(s != null, `No layout data found for index ${i}`);
+      const l = s + a, c = F({
         panelConstraints: t[i],
         size: l
       });
-      if (a !== c && (s -= c - a, o[i] = c, L(s, 0)))
+      if (s !== c && (a -= c - s, o[i] = c, P(a, 0)))
         break;
     }
   const u = Object.keys(e);
-  return o.reduce((i, a, l) => (i[u[l]] = a, i), {});
+  return o.reduce((i, s, l) => (i[u[l]] = s, i), {});
 }
-function Ge({
+function Oe({
   groupId: e
 }) {
   const t = () => {
@@ -652,14 +652,14 @@ function Ge({
       const {
         derivedPanelConstraints: o,
         group: r,
-        layout: s,
+        layout: a,
         separatorToPanels: u
-      } = t(), i = $({
+      } = t(), i = A({
         layout: n,
         panelConstraints: o
       });
-      return W(s, i) || C((a) => ({
-        mountedGroups: new Map(a.mountedGroups).set(r, {
+      return W(a, i) || E((s) => ({
+        mountedGroups: new Map(s.mountedGroups).set(r, {
           derivedPanelConstraints: o,
           layout: i,
           separatorToPanels: u
@@ -668,29 +668,29 @@ function Ge({
     }
   };
 }
-function Ie(e) {
+function Te(e) {
   const { mountedGroups: t } = O(), n = t.get(e);
-  return z(n, `Mounted Group ${e.id} not found`), n;
+  return x(n, `Mounted Group ${e.id} not found`), n;
 }
-function D(e, t) {
-  const n = te(e), o = Ie(n), r = n.separators.find(
+function _(e, t) {
+  const n = te(e), o = Te(n), r = n.separators.find(
     (d) => d.element === e
   );
-  z(r, "Matching separator not found");
-  const s = o.separatorToPanels.get(r);
-  z(s, "Matching panels not found");
-  const u = s.map((d) => n.panels.indexOf(d)), a = Ge({ groupId: n.id }).getLayout(), l = K({
+  x(r, "Matching separator not found");
+  const a = o.separatorToPanels.get(r);
+  x(a, "Matching panels not found");
+  const u = a.map((d) => n.panels.indexOf(d)), s = Oe({ groupId: n.id }).getLayout(), l = V({
     delta: t,
-    initialLayout: a,
+    initialLayout: s,
     panelConstraints: o.derivedPanelConstraints,
     pivotIndices: u,
-    prevLayout: a,
+    prevLayout: s,
     trigger: "keyboard"
-  }), c = $({
+  }), c = A({
     layout: l,
     panelConstraints: o.derivedPanelConstraints
   });
-  W(a, c) || C((d) => ({
+  W(s, c) || E((d) => ({
     mountedGroups: new Map(d.mountedGroups).set(n, {
       derivedPanelConstraints: o.derivedPanelConstraints,
       layout: c,
@@ -698,68 +698,68 @@ function D(e, t) {
     })
   }));
 }
-function ve(e) {
+function ge(e) {
   if (e.defaultPrevented)
     return;
   const t = e.currentTarget, n = te(t);
   if (!n.disabled)
     switch (e.key) {
       case "ArrowDown": {
-        e.preventDefault(), n.orientation === "vertical" && D(t, 5);
+        e.preventDefault(), n.orientation === "vertical" && _(t, 5);
         break;
       }
       case "ArrowLeft": {
-        e.preventDefault(), n.orientation === "horizontal" && D(t, -5);
+        e.preventDefault(), n.orientation === "horizontal" && _(t, -5);
         break;
       }
       case "ArrowRight": {
-        e.preventDefault(), n.orientation === "horizontal" && D(t, 5);
+        e.preventDefault(), n.orientation === "horizontal" && _(t, 5);
         break;
       }
       case "ArrowUp": {
-        e.preventDefault(), n.orientation === "vertical" && D(t, -5);
+        e.preventDefault(), n.orientation === "vertical" && _(t, -5);
         break;
       }
       case "End": {
-        e.preventDefault(), D(t, 100);
+        e.preventDefault(), _(t, 100);
         break;
       }
       case "Enter": {
         e.preventDefault();
-        const o = te(t), { derivedPanelConstraints: r, layout: s, separatorToPanels: u } = Ie(o), i = o.separators.find(
+        const o = te(t), { derivedPanelConstraints: r, layout: a, separatorToPanels: u } = Te(o), i = o.separators.find(
           (d) => d.element === t
         );
-        z(i, "Matching separator not found");
-        const a = u.get(i);
-        z(a, "Matching panels not found");
-        const l = a[0], c = r.find(
+        x(i, "Matching separator not found");
+        const s = u.get(i);
+        x(s, "Matching panels not found");
+        const l = s[0], c = r.find(
           (d) => d.panelId === l.id
         );
-        if (z(c, "Panel metadata not found"), c.collapsible) {
-          const d = s[l.id], m = c.collapsedSize === d ? o.inMemoryLastExpandedPanelSizes[l.id] ?? c.minSize : c.collapsedSize;
-          D(t, m - d);
+        if (x(c, "Panel metadata not found"), c.collapsible) {
+          const d = a[l.id], z = c.collapsedSize === d ? o.inMemoryLastExpandedPanelSizes[l.id] ?? c.minSize : c.collapsedSize;
+          _(t, z - d);
         }
         break;
       }
       case "F6": {
         e.preventDefault();
         const r = te(t).separators.map(
-          (a) => a.element
-        ), s = Array.from(r).findIndex(
-          (a) => a === e.currentTarget
+          (s) => s.element
+        ), a = Array.from(r).findIndex(
+          (s) => s === e.currentTarget
         );
-        z(s !== null, "Index not found");
-        const u = e.shiftKey ? s > 0 ? s - 1 : r.length - 1 : s + 1 < r.length ? s + 1 : 0;
+        x(a !== null, "Index not found");
+        const u = e.shiftKey ? a > 0 ? a - 1 : r.length - 1 : a + 1 < r.length ? a + 1 : 0;
         r[u].focus();
         break;
       }
       case "Home": {
-        e.preventDefault(), D(t, -100);
+        e.preventDefault(), _(t, -100);
         break;
       }
     }
 }
-function tt(e, t) {
+function rt(e, t) {
   return {
     x: e.x >= t.left && e.x <= t.right ? 0 : Math.min(
       Math.abs(e.x - t.left),
@@ -771,20 +771,20 @@ function tt(e, t) {
     )
   };
 }
-function nt(e, t, n) {
+function st(e, t, n) {
   let o, r = {
     x: 1 / 0,
     y: 1 / 0
   };
-  for (const s of t) {
-    const u = tt(n, s.rect);
+  for (const a of t) {
+    const u = rt(n, a.rect);
     switch (e) {
       case "horizontal": {
-        u.x <= r.x && (o = s, r = u);
+        u.x <= r.x && (o = a, r = u);
         break;
       }
       case "vertical": {
-        u.y <= r.y && (o = s, r = u);
+        u.y <= r.y && (o = a, r = u);
         break;
       }
     }
@@ -795,33 +795,120 @@ function nt(e, t, n) {
   } : void 0;
 }
 let ee;
-function ot() {
+function at() {
   return ee === void 0 && (typeof matchMedia == "function" ? ee = !!matchMedia("(pointer:coarse)").matches : ee = !1), ee;
 }
-function ke(e, t) {
+function lt(e, t) {
+  if (e === t) throw new Error("Cannot compare node with itself");
+  const n = {
+    a: Se(e),
+    b: Se(t)
+  };
+  let o;
+  for (; n.a.at(-1) === n.b.at(-1); )
+    e = n.a.pop(), t = n.b.pop(), o = e;
+  x(
+    o,
+    "Stacking order can only be calculated for elements with a common ancestor"
+  );
+  const r = {
+    a: ve(ye(n.a)),
+    b: ve(ye(n.b))
+  };
+  if (r.a === r.b) {
+    const a = o.childNodes, u = {
+      a: n.a.at(-1),
+      b: n.b.at(-1)
+    };
+    let i = a.length;
+    for (; i--; ) {
+      const s = a[i];
+      if (s === u.a) return 1;
+      if (s === u.b) return -1;
+    }
+  }
+  return Math.sign(r.a - r.b);
+}
+const ut = /\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;
+function ct(e) {
+  const t = getComputedStyle(_e(e) ?? e).display;
+  return t === "flex" || t === "inline-flex";
+}
+function ft(e) {
+  const t = getComputedStyle(e);
+  return !!(t.position === "fixed" || t.zIndex !== "auto" && (t.position !== "static" || ct(e)) || +t.opacity < 1 || "transform" in t && t.transform !== "none" || "webkitTransform" in t && t.webkitTransform !== "none" || "mixBlendMode" in t && t.mixBlendMode !== "normal" || "filter" in t && t.filter !== "none" || "webkitFilter" in t && t.webkitFilter !== "none" || "isolation" in t && t.isolation === "isolate" || ut.test(t.willChange) || t.webkitOverflowScrolling === "touch");
+}
+function ye(e) {
+  let t = e.length;
+  for (; t--; ) {
+    const n = e[t];
+    if (x(n, "Missing node"), ft(n)) return n;
+  }
+  return null;
+}
+function ve(e) {
+  return e && Number(getComputedStyle(e).zIndex) || 0;
+}
+function Se(e) {
+  const t = [];
+  for (; e; )
+    t.push(e), e = _e(e);
+  return t;
+}
+function _e(e) {
+  const { parentNode: t } = e;
+  return t && t instanceof ShadowRoot ? t.host : t;
+}
+function dt(e, t) {
+  return e.x < t.x + t.width && e.x + e.width > t.x && e.y < t.y + t.height && e.y + e.height > t.y;
+}
+function pt({
+  groupElement: e,
+  hitRegion: t,
+  pointerEventTarget: n
+}) {
+  if (!(n instanceof HTMLElement) || n.contains(e) || e.contains(n))
+    return !0;
+  if (lt(n, e) > 0) {
+    let o = n;
+    for (; o; ) {
+      if (o.contains(e))
+        return !0;
+      if (dt(o.getBoundingClientRect(), t))
+        return !1;
+      o = o.parentElement;
+    }
+  }
+  return !0;
+}
+function De(e, t) {
   const n = [];
   return t.forEach((o, r) => {
     if (r.disabled)
       return;
-    const s = ot() ? me.coarse : me.precise, u = Le(r), i = nt(r.orientation, u, {
+    const a = at() ? me.coarse : me.precise, u = Re(r), i = st(r.orientation, u, {
       x: e.clientX,
       y: e.clientY
     });
-    i && i.distance.x <= s && i.distance.y <= s && n.push(i.hitRegion);
+    i && i.distance.x <= a && i.distance.y <= a && pt({
+      groupElement: r.element,
+      hitRegion: i.hitRegion.rect,
+      pointerEventTarget: e.target
+    }) && n.push(i.hitRegion);
   }), n;
 }
-function ge(e) {
+function xe(e) {
   if (e.defaultPrevented)
     return;
-  const { mountedGroups: t } = O(), n = ke(e, t), o = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Set(), s = /* @__PURE__ */ new Set(), u = /* @__PURE__ */ new Map();
+  const { mountedGroups: t } = O(), n = De(e, t), o = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Set(), a = /* @__PURE__ */ new Set(), u = /* @__PURE__ */ new Map();
   let i = !1;
-  n.forEach((a) => {
-    o.add(a.group), a.panels.forEach((c) => {
+  n.forEach((s) => {
+    o.add(s.group), s.panels.forEach((c) => {
       r.add(c);
-    }), a.separator && (s.add(a.separator), i || (i = !0, a.separator.element.focus()));
-    const l = t.get(a.group);
-    l && u.set(a.group, l.layout);
-  }), C({
+    }), s.separator && (a.add(s.separator), i || (i = !0, s.separator.element.focus()));
+    const l = t.get(s.group);
+    l && u.set(s.group, l.layout);
+  }), E({
     interactionState: {
       hitRegions: n,
       initialLayoutMap: u,
@@ -830,7 +917,7 @@ function ge(e) {
     }
   }), n.length && e.preventDefault();
 }
-function ye(e) {
+function ze(e) {
   if (e.defaultPrevented)
     return;
   const { interactionState: t, mountedGroups: n } = O();
@@ -840,7 +927,7 @@ function ye(e) {
         // Skip this check for "pointerleave" events, else Firefox triggers a false positive (see #514)
         e.type !== "pointerleave" && e.buttons === 0
       ) {
-        C(
+        E(
           (o) => o.interactionState.state === "inactive" ? o : {
             cursorFlags: 0,
             interactionState: {
@@ -850,7 +937,7 @@ function ye(e) {
         );
         return;
       }
-      Me({
+      ke({
         event: e,
         hitRegions: t.hitRegions,
         initialLayoutMap: t.initialLayoutMap,
@@ -860,10 +947,10 @@ function ye(e) {
       break;
     }
     default: {
-      const o = ke(e, n);
-      o.length === 0 ? t.state !== "inactive" && C({
+      const o = De(e, n);
+      o.length === 0 ? t.state !== "inactive" && E({
         interactionState: { state: "inactive" }
-      }) : C({
+      }) : E({
         interactionState: {
           hitRegions: o,
           state: "hover"
@@ -873,14 +960,14 @@ function ye(e) {
     }
   }
 }
-function Se(e) {
+function be(e) {
   if (e.defaultPrevented)
     return;
   e.preventDefault();
   const { interactionState: t } = O();
   switch (t.state) {
     case "active":
-      C({
+      E({
         cursorFlags: 0,
         interactionState: {
           state: "inactive"
@@ -888,122 +975,125 @@ function Se(e) {
       }), le();
   }
 }
-function xe(e) {
+function we(e) {
   let t = 0, n = 0;
   const o = {};
-  for (const s of e)
-    if (s.defaultSize !== void 0) {
+  for (const a of e)
+    if (a.defaultSize !== void 0) {
       t++;
-      const u = I(s.defaultSize);
-      n += u, o[s.panelId] = u;
+      const u = G(a.defaultSize);
+      n += u, o[a.panelId] = u;
     } else
-      o[s.panelId] = void 0;
+      o[a.panelId] = void 0;
   const r = e.length - t;
   if (r !== 0) {
-    const s = I((100 - n) / r);
+    const a = G((100 - n) / r);
     for (const u of e)
-      u.defaultSize === void 0 && (o[u.panelId] = s);
+      u.defaultSize === void 0 && (o[u.panelId] = a);
   }
   return o;
 }
-function it(e, t, n) {
+function mt(e, t, n) {
   const o = n[0];
   if (!o)
     return;
   const r = e.panels.find((u) => u.element === t);
   if (!r || !r.onResize)
     return;
-  const s = H({ group: e });
+  const a = H({ group: e });
   r.onResize(
     {
-      asPercentage: I(
-        o.inlineSize / s * 100
+      asPercentage: G(
+        o.inlineSize / a * 100
       ),
       inPixels: o.inlineSize
     },
     r.id
   );
 }
-function rt(e) {
+function ht(e) {
   let t = !0;
-  z(
+  x(
     e.separators.length === 0 || e.separators.length < e.panels.length,
     "Invalid Group configuration; too many Separator components"
   );
   const n = /* @__PURE__ */ new Set(), o = /* @__PURE__ */ new Set(), r = new ResizeObserver((m) => {
-    for (const v of m) {
-      const { borderBoxSize: f, target: p } = v;
-      if (p === e.element) {
+    for (const f of m) {
+      const { borderBoxSize: p, target: h } = f;
+      if (h === e.element) {
         if (t) {
           if (H({ group: e }) === 0)
             return;
-          C((h) => {
-            const S = h.mountedGroups.get(e);
-            if (S) {
-              const x = pe(e), g = S.defaultLayoutDeferred ? xe(x) : S.layout, w = $({
-                layout: g,
-                panelConstraints: x
+          E((S) => {
+            const v = S.mountedGroups.get(e);
+            if (v) {
+              const g = pe(e), w = v.defaultLayoutDeferred ? we(g) : v.layout, L = A({
+                layout: w,
+                panelConstraints: g
               });
-              return !S.defaultLayoutDeferred && W(g, w) ? h : {
-                mountedGroups: new Map(h.mountedGroups).set(e, {
-                  derivedPanelConstraints: x,
-                  layout: w,
-                  separatorToPanels: S.separatorToPanels
+              return !v.defaultLayoutDeferred && W(w, L) ? S : {
+                mountedGroups: new Map(S.mountedGroups).set(e, {
+                  derivedPanelConstraints: g,
+                  layout: L,
+                  separatorToPanels: v.separatorToPanels
                 })
               };
             }
-            return h;
+            return S;
           });
         }
       } else
-        it(e, p, f);
+        mt(e, h, p);
     }
   });
   r.observe(e.element), e.panels.forEach((m) => {
-    z(
+    x(
       !n.has(m.id),
       `Panel ids must be unique; id "${m.id}" was used more than once`
     ), n.add(m.id), m.onResize && r.observe(m.element);
   });
-  const s = H({ group: e }), u = pe(e), i = e.panels.map(({ id: m }) => m).join(","), a = e.inMemoryLayouts[i] ?? e.defaultLayout ?? xe(u), l = $({
-    layout: a,
+  const a = H({ group: e }), u = pe(e), i = e.panels.map(({ id: m }) => m).join(",");
+  let s = e.defaultLayout;
+  s && e.panels.length !== Object.keys(s).length && (s = void 0);
+  const l = e.inMemoryLayouts[i] ?? s ?? we(u), c = A({
+    layout: l,
     panelConstraints: u
-  }), c = Le(e), d = C((m) => ({
+  }), d = Re(e), z = E((m) => ({
     mountedGroups: new Map(m.mountedGroups).set(e, {
-      defaultLayoutDeferred: s === 0,
+      defaultLayoutDeferred: a === 0,
       derivedPanelConstraints: u,
-      layout: l,
+      layout: c,
       separatorToPanels: new Map(
-        c.filter((v) => v.separator).map((v) => [v.separator, v.panels])
+        d.filter((f) => f.separator).map((f) => [f.separator, f.panels])
       )
     })
   }));
   return e.element.addEventListener("pointerleave", he), e.separators.forEach((m) => {
-    z(
+    x(
       !o.has(m.id),
       `Separator ids must be unique; id "${m.id}" was used more than once`
-    ), o.add(m.id), m.element.addEventListener("keydown", ve);
-  }), d.mountedGroups.size === 1 && (window.addEventListener("pointerdown", ge), window.addEventListener("pointermove", ye), window.addEventListener("pointerup", Se)), function() {
+    ), o.add(m.id), m.element.addEventListener("keydown", ge);
+  }), z.mountedGroups.size === 1 && (window.addEventListener("pointerdown", xe), window.addEventListener("pointermove", ze), window.addEventListener("pointerup", be)), function() {
     t = !1;
-    const v = C((f) => {
-      const p = new Map(f.mountedGroups);
-      return p.delete(e), { mountedGroups: p };
+    const f = E((p) => {
+      const h = new Map(p.mountedGroups);
+      return h.delete(e), { mountedGroups: h };
     });
-    e.element.removeEventListener("pointerleave", he), e.separators.forEach((f) => {
-      f.element.removeEventListener("keydown", ve);
-    }), v.mountedGroups.size === 0 && (window.removeEventListener("pointerdown", ge), window.removeEventListener("pointermove", ye), window.removeEventListener("pointerup", Se)), r.disconnect();
+    e.element.removeEventListener("pointerleave", he), e.separators.forEach((p) => {
+      p.element.removeEventListener("keydown", ge);
+    }), f.mountedGroups.size === 0 && (window.removeEventListener("pointerdown", xe), window.removeEventListener("pointermove", ze), window.removeEventListener("pointerup", be)), r.disconnect();
   };
 }
 function ue(e) {
-  const t = Ne();
+  const t = We();
   return `${e ?? t}`;
 }
-const j = typeof window < "u" ? _e : Fe;
+const j = typeof window < "u" ? je : Be;
 function ce(e) {
   const t = T(e);
   return j(() => {
     t.current = e;
-  }, [e]), ze((n) => t.current?.(n), [t]);
+  }, [e]), Le((n) => t.current?.(n), [t]);
 }
 function fe(...e) {
   return ce((t) => {
@@ -1022,53 +1112,53 @@ function fe(...e) {
     });
   });
 }
-const Oe = "--react-resizable-panels--panel--pointer-events";
-function Te(e, t) {
+const Ae = "--react-resizable-panels--panel--pointer-events";
+function Ne(e, t) {
   const n = e.replace(/[^a-zA-Z0-9\-_]/g, ""), o = t.replace(/[^a-zA-Z0-9\-_]/g, "");
   return `--react-resizable-panels--${n}--${o}`;
 }
-const De = He(null);
-function st(e, t) {
+const $e = Ue(null);
+function gt(e, t) {
   const n = T({
     getLayout: () => ({}),
-    setLayout: Je
+    setLayout: nt
   });
-  be(t, () => n.current, []), j(() => {
+  Pe(t, () => n.current, []), j(() => {
     Object.assign(
       n.current,
-      Ge({ groupId: e })
+      Oe({ groupId: e })
     );
   });
 }
-function ht({
+function Pt({
   children: e,
   className: t,
   defaultLayout: n,
   disableCursor: o,
   disabled: r,
-  elementRef: s,
+  elementRef: a,
   groupRef: u,
   id: i,
-  onLayoutChange: a,
+  onLayoutChange: s,
   orientation: l = "horizontal",
   style: c,
   ...d
 }) {
-  const m = T({}), v = ce((b) => {
-    W(m.current, b) || (m.current = b, a?.(b));
-  }), f = ue(i), [p, y] = G(!1), [h, S] = G(null), [x, g] = G(n ?? {}), [w, P] = G([]), [E, V] = G([]), ne = T({}), X = T({}), Y = fe(S, s);
-  st(f, u);
-  const q = we(
+  const z = T({}), m = ce((b) => {
+    W(z.current, b) || (z.current = b, s?.(b));
+  }), f = ue(i), [p, h] = I(!1), [y, S] = I(null), [v, g] = I(n ?? {}), [w, L] = I([]), [C, K] = I([]), ne = T({}), X = T({}), Y = fe(S, a);
+  gt(f, u);
+  const q = Ce(
     () => ({
       id: f,
       orientation: l,
-      registerPanel: (b) => (P((M) => se(l, [...M, b])), () => {
-        P((M) => M.filter((N) => N !== b));
+      registerPanel: (b) => (L((M) => se(l, [...M, b])), () => {
+        L((M) => M.filter((N) => N !== b));
       }),
-      registerSeparator: (b) => (V(
+      registerSeparator: (b) => (K(
         (M) => se(l, [...M, b])
       ), () => {
-        V(
+        K(
           (M) => M.filter((N) => N !== b)
         );
       })
@@ -1076,68 +1166,68 @@ function ht({
     [f, l]
   );
   j(() => {
-    if (h === null || w.length === 0)
+    if (y === null || w.length === 0)
       return;
     const b = {
       defaultLayout: n,
       disableCursor: !!o,
       disabled: !!r,
-      element: h,
+      element: y,
       id: f,
       inMemoryLastExpandedPanelSizes: ne.current,
       inMemoryLayouts: X.current,
       orientation: l,
       panels: w,
-      separators: E
-    }, M = rt(b), oe = O().mountedGroups.get(b);
-    oe && (g(oe.layout), v?.(oe.layout));
-    const Ae = A.addListener(
+      separators: C
+    }, M = ht(b), oe = O().mountedGroups.get(b);
+    oe && (g(oe.layout), m?.(oe.layout));
+    const Fe = D.addListener(
       "interactionStateChange",
       (J) => {
         switch (J.state) {
           case "active": {
-            y(
+            h(
               J.hitRegions.some(
-                (_) => _.group === b
+                ($) => $.group === b
               )
             );
             break;
           }
           default: {
-            y(!1);
+            h(!1);
             break;
           }
         }
       }
-    ), $e = A.addListener(
+    ), He = D.addListener(
       "mountedGroupsChange",
       (J) => {
-        const _ = J.get(b);
-        _ && _.derivedPanelConstraints.length > 0 && (g(_.layout), v?.(_.layout));
+        const $ = J.get(b);
+        $ && $.derivedPanelConstraints.length > 0 && (g($.layout), m?.($.layout));
       }
     );
     return () => {
-      M(), Ae(), $e();
+      M(), Fe(), He();
     };
   }, [
     n,
     o,
     r,
-    h,
+    y,
     f,
-    v,
+    m,
     l,
     w,
-    E
+    C
   ]);
   const Z = {
-    [Oe]: p ? "none" : void 0
+    [Ae]: p ? "none" : void 0
   };
-  for (const b in x) {
-    const M = Te(f, b), N = x[b];
+  for (const b in v) {
+    const M = Ne(f, b), N = v[b];
     Z[M] = N;
   }
-  return /* @__PURE__ */ B(De.Provider, { value: q, children: /* @__PURE__ */ B(
+  return /* @__PURE__ */ B($e.Provider, { value: q, children: /* @__PURE__ */ B(
     "div",
     {
       ...d,
@@ -1161,7 +1251,7 @@ function ht({
 function ae(e) {
   return `react-resizable-panels:${e}`;
 }
-function at({
+function yt({
   id: e,
   layout: t,
   storage: n
@@ -1173,21 +1263,21 @@ function at({
     console.error(o);
   }
 }
-function vt({
+function Ct({
   groupId: e,
   storage: t
 }) {
-  const n = We(
-    lt,
+  const n = Ve(
+    vt,
     () => t.getItem(ae(e)),
     () => t.getItem(ae(e))
-  ), o = we(
+  ), o = Ce(
     () => n ? JSON.parse(n) : void 0,
     [n]
-  ), r = ze(
-    (s) => at({
+  ), r = Le(
+    (a) => yt({
       id: e,
-      layout: s,
+      layout: a,
       storage: t
     }),
     [e, t]
@@ -1197,108 +1287,108 @@ function vt({
     onLayoutChange: r
   };
 }
-function lt() {
+function vt() {
   return function() {
   };
 }
-function gt() {
-  return G(null);
+function Rt() {
+  return I(null);
 }
-function yt() {
+function Et() {
   return T(null);
 }
 function de() {
-  const e = je(De);
-  return z(
+  const e = Ke($e);
+  return x(
     e,
     "Group Context not found; did you render a Panel or Separator outside of a Group?"
   ), e;
 }
-function ut({
+function St({
   groupId: e,
   panelId: t
 }) {
   const n = () => {
     const { mountedGroups: i } = O();
     for (const [
-      a,
+      s,
       { derivedPanelConstraints: l, layout: c, separatorToPanels: d }
     ] of i)
-      if (a.id === e)
-        return { derivedPanelConstraints: l, group: a, layout: c, separatorToPanels: d };
+      if (s.id === e)
+        return { derivedPanelConstraints: l, group: s, layout: c, separatorToPanels: d };
     throw Error(`Group ${e} not found`);
   }, o = () => {
     const i = n().derivedPanelConstraints.find(
-      (a) => a.panelId === t
+      (s) => s.panelId === t
     );
     if (i !== void 0)
       return i;
     throw Error(`Panel constraints not found for Panel ${t}`);
   }, r = () => {
-    const i = n().group.panels.find((a) => a.id === t);
+    const i = n().group.panels.find((s) => s.id === t);
     if (i !== void 0)
       return i;
     throw Error(`Layout not found for Panel ${t}`);
-  }, s = () => {
+  }, a = () => {
     const i = n().layout[t];
     if (i !== void 0)
       return i;
     throw Error(`Layout not found for Panel ${t}`);
   }, u = (i) => {
-    const a = s();
-    if (i === a)
+    const s = a();
+    if (i === s)
       return;
     const {
       derivedPanelConstraints: l,
       group: c,
       layout: d,
-      separatorToPanels: m
-    } = n(), v = c.panels.findIndex((h) => h.id === t), f = v === c.panels.length - 1, p = K({
-      delta: f ? a - i : i - a,
+      separatorToPanels: z
+    } = n(), m = c.panels.findIndex((y) => y.id === t), f = m === c.panels.length - 1, p = V({
+      delta: f ? s - i : i - s,
       initialLayout: d,
       panelConstraints: l,
-      pivotIndices: f ? [v - 1, v] : [v, v + 1],
+      pivotIndices: f ? [m - 1, m] : [m, m + 1],
       prevLayout: d,
       trigger: "imperative-api"
-    }), y = $({
+    }), h = A({
       layout: p,
       panelConstraints: l
     });
-    W(d, y) || C((h) => ({
-      mountedGroups: new Map(h.mountedGroups).set(c, {
+    W(d, h) || E((y) => ({
+      mountedGroups: new Map(y.mountedGroups).set(c, {
         derivedPanelConstraints: l,
-        layout: y,
-        separatorToPanels: m
+        layout: h,
+        separatorToPanels: z
       })
     }));
   };
   return {
     collapse: () => {
-      const { collapsible: i, collapsedSize: a } = o(), l = s();
-      i && l !== a && u(a);
+      const { collapsible: i, collapsedSize: s } = o(), l = a();
+      i && l !== s && u(s);
     },
     expand: () => {
-      const { collapsible: i, collapsedSize: a, minSize: l } = o(), c = s();
-      i && c === a && u(l);
+      const { collapsible: i, collapsedSize: s, minSize: l } = o(), c = a();
+      i && c === s && u(l);
     },
     getSize: () => {
-      const { group: i } = n(), a = s(), { element: l } = r(), c = i.orientation === "horizontal" ? l.offsetWidth : l.offsetHeight;
+      const { group: i } = n(), s = a(), { element: l } = r(), c = i.orientation === "horizontal" ? l.offsetWidth : l.offsetHeight;
       return {
-        asPercentage: a,
+        asPercentage: s,
         inPixels: c
       };
     },
     isCollapsed: () => {
-      const { collapsible: i, collapsedSize: a } = o(), l = s();
-      return i && L(a, l);
+      const { collapsible: i, collapsedSize: s } = o(), l = a();
+      return i && P(s, l);
     },
     resize: (i) => {
-      if (s() !== i) {
+      if (a() !== i) {
         let l;
         switch (typeof i) {
           case "number": {
             const { group: c } = n(), d = H({ group: c });
-            l = I(i / d * 100);
+            l = G(i / d * 100);
             break;
           }
           case "string": {
@@ -1311,7 +1401,7 @@ function ut({
     }
   };
 }
-function ct(e, t) {
+function xt(e, t) {
   const { id: n } = de(), o = T({
     collapse: ie,
     expand: ie,
@@ -1322,44 +1412,44 @@ function ct(e, t) {
     isCollapsed: () => !1,
     resize: ie
   });
-  be(t, () => o.current, []), j(() => {
+  Pe(t, () => o.current, []), j(() => {
     Object.assign(
       o.current,
-      ut({ groupId: n, panelId: e })
+      St({ groupId: n, panelId: e })
     );
   });
 }
-function St({
+function Mt({
   children: e,
   className: t,
   collapsedSize: n = "0%",
   collapsible: o = !1,
   defaultSize: r,
-  elementRef: s,
+  elementRef: a,
   id: u,
   maxSize: i = "100%",
-  minSize: a = "0%",
+  minSize: s = "0%",
   onResize: l,
   panelRef: c,
   style: d,
-  ...m
+  ...z
 }) {
-  const v = !!u, f = ue(u), [p, y] = G(null), h = fe(y, s), { id: S, registerPanel: x } = de(), g = l !== null, w = ce((E) => {
-    l?.(E, u);
+  const m = !!u, f = ue(u), [p, h] = I(null), y = fe(h, a), { id: S, registerPanel: v } = de(), g = l !== null, w = ce((C) => {
+    l?.(C, u);
   });
   j(() => {
     if (p !== null)
-      return x({
+      return v({
         element: p,
         id: f,
-        idIsStable: v,
+        idIsStable: m,
         onResize: g ? w : void 0,
         panelConstraints: {
           collapsedSize: n,
           collapsible: o,
           defaultSize: r,
           maxSize: i,
-          minSize: a
+          minSize: s
         }
       });
   }, [
@@ -1369,31 +1459,31 @@ function St({
     p,
     g,
     f,
-    v,
+    m,
     i,
-    a,
+    s,
     w,
-    x
-  ]), ct(f, c);
-  const P = Te(S, f);
+    v
+  ]), xt(f, c);
+  const L = Ne(S, f);
   return /* @__PURE__ */ B(
     "div",
     {
-      ...m,
+      ...z,
       "data-panel": !0,
       "data-testid": f,
       id: f,
-      ref: h,
+      ref: y,
       style: {
-        ...ft,
+        ...zt,
         flexBasis: 0,
-        flexGrow: `var(${P}, 1)`,
+        flexGrow: `var(${L}, 1)`,
         flexShrink: 1,
         // Prevent Panel content from interfering with panel size
         overflow: "hidden",
         // Disable pointer events inside of a panel during resize
         // This avoid edge cases like nested iframes
-        pointerEvents: `var(${Oe})`
+        pointerEvents: `var(${Ae})`
       },
       children: /* @__PURE__ */ B(
         "div",
@@ -1410,7 +1500,7 @@ function St({
     }
   );
 }
-const ft = {
+const zt = {
   minHeight: "unset",
   maxHeight: "unset",
   height: "unset",
@@ -1426,26 +1516,26 @@ const ft = {
   padding: "unset",
   margin: "unset"
 };
-function xt() {
-  return G(null);
+function It() {
+  return I(null);
 }
-function zt() {
+function Gt() {
   return T(null);
 }
-function dt({
+function bt({
   layout: e,
   panelConstraints: t,
   panelId: n,
   panelIndex: o
 }) {
-  let r, s;
+  let r, a;
   const u = e[n], i = t.find(
-    (a) => a.panelId === n
+    (s) => s.panelId === n
   );
   if (i) {
-    const a = i.maxSize, l = s = i.collapsible ? i.collapsedSize : i.minSize, c = [o, o + 1];
-    s = $({
-      layout: K({
+    const s = i.maxSize, l = a = i.collapsible ? i.collapsedSize : i.minSize, c = [o, o + 1];
+    a = A({
+      layout: V({
         delta: l - u,
         initialLayout: e,
         panelConstraints: t,
@@ -1454,9 +1544,9 @@ function dt({
         trigger: "keyboard"
       }),
       panelConstraints: t
-    })[n], r = $({
-      layout: K({
-        delta: a - u,
+    })[n], r = A({
+      layout: V({
+        delta: s - u,
         initialLayout: e,
         panelConstraints: t,
         pivotIndices: c,
@@ -1469,50 +1559,50 @@ function dt({
   return {
     valueControls: n,
     valueMax: r,
-    valueMin: s,
+    valueMin: a,
     valueNow: u
   };
 }
-function bt({
+function kt({
   children: e,
   className: t,
   elementRef: n,
   id: o,
   style: r,
-  ...s
+  ...a
 }) {
-  const u = ue(o), [i, a] = G({}), [l, c] = G("inactive"), [d, m] = G(null), v = fe(m, n), {
+  const u = ue(o), [i, s] = I({}), [l, c] = I("inactive"), [d, z] = I(null), m = fe(z, n), {
     id: f,
     orientation: p,
-    registerSeparator: y
-  } = de(), h = p === "horizontal" ? "vertical" : "horizontal";
+    registerSeparator: h
+  } = de(), y = p === "horizontal" ? "vertical" : "horizontal";
   return j(() => {
     if (d !== null) {
       const S = {
         element: d,
         id: u
-      }, x = y(S), g = A.addListener(
+      }, v = h(S), g = D.addListener(
         "interactionStateChange",
-        (P) => {
+        (L) => {
           c(
-            P.state !== "inactive" && P.hitRegions.some(
-              (E) => E.separator === S
-            ) ? P.state : "inactive"
+            L.state !== "inactive" && L.hitRegions.some(
+              (C) => C.separator === S
+            ) ? L.state : "inactive"
           );
         }
-      ), w = A.addListener(
+      ), w = D.addListener(
         "mountedGroupsChange",
-        (P) => {
-          P.forEach(
-            ({ derivedPanelConstraints: E, layout: V, separatorToPanels: ne }, X) => {
+        (L) => {
+          L.forEach(
+            ({ derivedPanelConstraints: C, layout: K, separatorToPanels: ne }, X) => {
               if (X.id === f) {
                 const Y = ne.get(S);
                 if (Y) {
                   const q = Y[0], Z = X.panels.indexOf(q);
-                  a(
-                    dt({
-                      layout: V,
-                      panelConstraints: E,
+                  s(
+                    bt({
+                      layout: K,
+                      panelConstraints: C,
                       panelId: q.id,
                       panelIndex: Z
                     })
@@ -1524,15 +1614,15 @@ function bt({
         }
       );
       return () => {
-        g(), w(), x();
+        g(), w(), v();
       };
     }
-  }, [d, f, u, y]), /* @__PURE__ */ B(
+  }, [d, f, u, h]), /* @__PURE__ */ B(
     "div",
     {
-      ...s,
+      ...a,
       "aria-controls": i.valueControls,
-      "aria-orientation": h,
+      "aria-orientation": y,
       "aria-valuemax": i.valueMax,
       "aria-valuemin": i.valueMin,
       "aria-valuenow": i.valueNow,
@@ -1541,7 +1631,7 @@ function bt({
       "data-separator": l,
       "data-testid": u,
       id: u,
-      ref: v,
+      ref: m,
       role: "separator",
       style: {
         flexBasis: "auto",
@@ -1554,13 +1644,13 @@ function bt({
   );
 }
 export {
-  ht as Group,
-  St as Panel,
-  bt as Separator,
-  vt as useDefaultLayout,
-  gt as useGroupCallbackRef,
-  yt as useGroupRef,
-  xt as usePanelCallbackRef,
-  zt as usePanelRef
+  Pt as Group,
+  Mt as Panel,
+  kt as Separator,
+  Ct as useDefaultLayout,
+  Rt as useGroupCallbackRef,
+  Et as useGroupRef,
+  It as usePanelCallbackRef,
+  Gt as usePanelRef
 };
 //# sourceMappingURL=react-resizable-panels.js.map