react-resizable-panels 4.0.8 → 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 Le, 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);
 }
@@ -11,21 +11,21 @@ function H({
   const { orientation: t, panels: n } = e;
   return n.reduce((o, r) => (o += t === "horizontal" ? r.element.offsetWidth : r.element.offsetHeight, o), 0);
 }
-function re(e, t) {
+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 we(e) {
-  const { element: t, orientation: n, panels: o, separators: r } = e, a = re(
+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 = [];
@@ -36,7 +36,7 @@ function we(e) {
     );
     if (c) {
       if (i) {
-        const d = i.element.getBoundingClientRect(), x = l.getBoundingClientRect();
+        const d = i.element.getBoundingClientRect(), z = l.getBoundingClientRect();
         u.push({
           group: e,
           groupSize: H({ group: e }),
@@ -44,42 +44,42 @@ function we(e) {
           separator: s,
           rect: n === "horizontal" ? new DOMRect(
             d.right,
-            x.top,
-            x.left - d.right,
-            x.height
+            z.top,
+            z.left - d.right,
+            z.height
           ) : new DOMRect(
-            x.left,
+            z.left,
             d.bottom,
-            x.width,
-            x.top - d.bottom
+            z.width,
+            z.top - d.bottom
           )
         });
       }
       i = c, s = void 0;
     } else {
       const d = r.find(
-        (x) => x.element === l
+        (z) => z.element === l
       );
       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,7 +95,7 @@ function Q({
   styleProp: n
 }) {
   let o;
-  const [r, a] = qe(n);
+  const [r, a] = et(n);
   switch (a) {
     case "%": {
       o = r / 100 * e;
@@ -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) {
@@ -145,7 +145,7 @@ function pe(e) {
         panelElement: r,
         styleProp: a.collapsedSize
       });
-      u = I(c / n * 100);
+      u = G(c / n * 100);
     }
     let i;
     if (a.defaultSize) {
@@ -154,7 +154,7 @@ function pe(e) {
         panelElement: r,
         styleProp: a.defaultSize
       });
-      i = I(c / n * 100);
+      i = G(c / n * 100);
     }
     let s = 0;
     if (a.minSize) {
@@ -163,7 +163,7 @@ function pe(e) {
         panelElement: r,
         styleProp: a.minSize
       });
-      s = I(c / n * 100);
+      s = G(c / n * 100);
     }
     let l = 100;
     if (a.maxSize) {
@@ -172,7 +172,7 @@ function pe(e) {
         panelElement: r,
         styleProp: a.maxSize
       });
-      l = I(c / n * 100);
+      l = G(c / n * 100);
     }
     return {
       collapsedSize: u,
@@ -184,7 +184,7 @@ function pe(e) {
     };
   });
 }
-class Ze {
+class tt {
   #e = {};
   addListener(t, n) {
     const o = this.#e[t];
@@ -224,7 +224,7 @@ class Ze {
   }
 }
 function P(e, t, n = 0) {
-  return Math.abs(I(e) - I(t)) <= n;
+  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,7 +245,7 @@ function C(e) {
   return R = {
     ...R,
     ...t
-  }, t.cursorFlags !== void 0 && A.emit("cursorFlagsChange", R.cursorFlags), t.interactionState !== void 0 && A.emit("interactionStateChange", R.interactionState), t.mountedGroups !== void 0 && (R.mountedGroups.forEach((o, r) => {
+  }, t.cursorFlags !== void 0 && 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) ?? {};
@@ -261,14 +261,14 @@ function C(e) {
         }
       }
     });
-  }), 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
@@ -295,7 +295,7 @@ function Qe({
     return null;
   switch (n) {
     case "active": {
-      const a = (e & Pe) !== 0, u = (e & Ee) !== 0, i = (e & Re) !== 0, s = (e & Ce) !== 0;
+      const a = (e & Ee) !== 0, u = (e & Me) !== 0, i = (e & Ie) !== 0, s = (e & Ge) !== 0;
       if (e) {
         if (a)
           return i ? "se-resize" : s ? "ne-resize" : "e-resize";
@@ -311,30 +311,30 @@ function Qe({
   }
   return o > 0 && r > 0 ? "move" : o > 0 ? "ew-resize" : "ns-resize";
 }
-let se, k;
+let re, k;
 function le() {
   k === void 0 && (k = new CSSStyleSheet(), document.adoptedStyleSheets = [k]);
   const { cursorFlags: e, interactionState: t } = O();
   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
       }), o = `*{cursor: ${n} !important; ${t.state === "active" ? "touch-action: none;" : ""} }`;
-      if (se === o)
+      if (re === o)
         return;
-      se = o, n ? k.cssRules.length === 0 ? k.insertRule(o) : k.replaceSync(o) : k.cssRules.length === 1 && k.deleteRule(0);
+      re = o, n ? k.cssRules.length === 0 ? k.insertRule(o) : k.replaceSync(o) : k.cssRules.length === 1 && k.deleteRule(0);
       break;
     }
     case "inactive": {
-      se = void 0, k.cssRules.length === 1 && k.deleteRule(0);
+      re = void 0, k.cssRules.length === 1 && k.deleteRule(0);
       break;
     }
   }
 }
-function et(e, t) {
+function it(e, t) {
   if (e.length !== t.length)
     return !1;
   for (let n = 0; n < e.length; n++)
@@ -361,9 +361,9 @@ function F({
       U(t, u) < 0 ? t = n : t = a;
     } else
       t = a;
-  return t = Math.min(r, t), t = I(t), t;
+  return t = Math.min(r, t), t = G(t), t;
 }
-function K({
+function V({
   delta: e,
   initialLayout: t,
   panelConstraints: n,
@@ -374,50 +374,50 @@ function K({
   if (P(e, 0))
     return t;
   const u = Object.values(t), i = Object.values(r), s = [...u], [l, c] = o;
-  z(l != null, "Invalid first pivot index"), z(c != null, "Invalid second pivot index");
+  x(l != null, "Invalid first pivot index"), x(c != null, "Invalid second pivot index");
   let d = 0;
   if (a === "keyboard") {
     {
       const f = e < 0 ? c : l, p = n[f];
-      z(
+      x(
         p,
         `Panel constraints not found for index ${f}`
       );
       const {
         collapsedSize: h = 0,
-        collapsible: g,
+        collapsible: y,
         minSize: S = 0
       } = p;
-      if (g) {
-        const y = u[f];
-        if (z(
-          y != null,
+      if (y) {
+        const v = u[f];
+        if (x(
+          v != null,
           `Previous layout not found for panel index ${f}`
-        ), P(y, h)) {
-          const v = S - y;
-          U(v, Math.abs(e)) > 0 && (e = e < 0 ? 0 - v : v);
+        ), P(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: h = 0,
-        collapsible: g,
+        collapsible: y,
         minSize: S = 0
       } = p;
-      if (g) {
-        const y = u[f];
-        if (z(
-          y != null,
+      if (y) {
+        const v = u[f];
+        if (x(
+          v != null,
           `Previous layout not found for panel index ${f}`
-        ), P(y, S)) {
-          const v = y - h;
-          U(v, Math.abs(e)) > 0 && (e = e < 0 ? 0 - v : v);
+        ), P(v, S)) {
+          const g = v - h;
+          U(g, Math.abs(e)) > 0 && (e = e < 0 ? 0 - g : g);
         }
       }
     }
@@ -427,74 +427,74 @@ function K({
     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}`
       );
-      const v = F({
+      const g = F({
         panelConstraints: n[p],
         size: 100
       }) - S;
-      if (h += v, p += f, p < 0 || p >= n.length)
+      if (h += g, p += f, p < 0 || p >= n.length)
         break;
     }
-    const g = Math.min(Math.abs(e), Math.abs(h));
-    e = e < 0 ? 0 - g : g;
+    const 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 h = Math.abs(e) - Math.abs(d), g = u[p];
-      z(
-        g != 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 = g - h, y = F({
+      const S = y - h, v = F({
         panelConstraints: n[p],
         size: S
       });
-      if (!P(g, y) && (d += g - y, s[p] = y, 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, s))
+  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 h = p + d, g = F({
+    const h = p + d, y = F({
       panelConstraints: n[f],
       size: h
     });
-    if (s[f] = g, !P(g, h)) {
-      let S = h - g, v = e < 0 ? c : l;
-      for (; v >= 0 && v < n.length; ) {
-        const L = s[v];
-        z(
-          L != null,
-          `Previous layout not found for panel index ${v}`
+    if (s[f] = y, !P(y, h)) {
+      let S = h - y, g = e < 0 ? c : l;
+      for (; g >= 0 && g < n.length; ) {
+        const w = s[g];
+        x(
+          w != null,
+          `Previous layout not found for panel index ${g}`
         );
-        const w = L + S, E = F({
-          panelConstraints: n[v],
-          size: w
+        const L = w + S, C = F({
+          panelConstraints: n[g],
+          size: L
         });
-        if (P(L, E) || (S -= E - L, s[v] = E), P(S, 0))
+        if (P(w, C) || (S -= C - w, s[g] = C), P(S, 0))
           break;
-        e > 0 ? v-- : v++;
+        e > 0 ? g-- : g++;
       }
     }
   }
-  const x = Object.values(s).reduce(
+  const z = Object.values(s).reduce(
     (f, p) => p + f,
     0
   );
-  if (!P(x, 100, 0.1))
+  if (!P(z, 100, 0.1))
     return r;
   const m = Object.keys(r);
   return s.reduce((f, p, h) => (f[m[h]] = p, f), {});
@@ -507,7 +507,7 @@ function W(e, t) {
       return !1;
   return !0;
 }
-function Me({
+function ke({
   event: e,
   hitRegions: t,
   initialLayoutMap: n,
@@ -517,20 +517,20 @@ function Me({
   let a = 0;
   const u = new Map(o);
   t.forEach((i) => {
-    const { group: s, groupSize: l } = i, { disableCursor: c, orientation: d, panels: x } = s;
+    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: h,
-      separatorToPanels: g
+      separatorToPanels: y
     } = o.get(s) ?? {};
-    if (p && f && h && g) {
-      const S = K({
+    if (p && f && h && y) {
+      const S = V({
         delta: m,
         initialLayout: f,
         panelConstraints: p,
-        pivotIndices: i.panels.map((y) => x.indexOf(y)),
+        pivotIndices: i.panels.map((v) => z.indexOf(v)),
         prevLayout: h,
         trigger: "mouse-or-touch"
       });
@@ -538,11 +538,11 @@ function Me({
         if (m !== 0 && !c)
           switch (d) {
             case "horizontal": {
-              a |= m < 0 ? Pe : Ee;
+              a |= m < 0 ? Ee : Me;
               break;
             }
             case "vertical": {
-              a |= m < 0 ? Re : Ce;
+              a |= m < 0 ? Ie : Ge;
               break;
             }
           }
@@ -550,13 +550,13 @@ function Me({
         u.set(i.group, {
           derivedPanelConstraints: p,
           layout: S,
-          separatorToPanels: g
+          separatorToPanels: y
         });
-        const y = i.group.panels.map(({ id: v }) => v).join(",");
-        i.group.inMemoryLayouts[y] = S;
+        const v = i.group.panels.map(({ id: g }) => g).join(",");
+        i.group.inMemoryLayouts[v] = S;
       }
     }
-  }), C({
+  }), 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,14 +583,14 @@ 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
 }) {
@@ -605,14 +605,14 @@ function $({
   if (!P(r, 100) && o.length > 0)
     for (let i = 0; i < t.length; i++) {
       const s = o[i];
-      z(s != null, `No layout data found for index ${i}`);
+      x(s != null, `No layout data found for index ${i}`);
       const l = 100 / r * s;
       o[i] = l;
     }
   let a = 0;
   for (let i = 0; i < t.length; i++) {
     const s = o[i];
-    z(s != null, `No layout data found for index ${i}`);
+    x(s != null, `No layout data found for index ${i}`);
     const l = F({
       panelConstraints: t[i],
       size: s
@@ -622,7 +622,7 @@ function $({
   if (!P(a, 0))
     for (let i = 0; i < t.length; i++) {
       const s = o[i];
-      z(s != null, `No layout data found for index ${i}`);
+      x(s != null, `No layout data found for index ${i}`);
       const l = s + a, c = F({
         panelConstraints: t[i],
         size: l
@@ -633,7 +633,7 @@ function $({
   const u = Object.keys(e);
   return o.reduce((i, s, l) => (i[u[l]] = s, i), {});
 }
-function Ge({
+function Oe({
   groupId: e
 }) {
   const t = () => {
@@ -654,11 +654,11 @@ function Ge({
         group: r,
         layout: a,
         separatorToPanels: u
-      } = t(), i = $({
+      } = t(), i = A({
         layout: n,
         panelConstraints: o
       });
-      return W(a, i) || C((s) => ({
+      return W(a, i) || E((s) => ({
         mountedGroups: new Map(s.mountedGroups).set(r, {
           derivedPanelConstraints: o,
           layout: i,
@@ -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");
+  x(r, "Matching separator not found");
   const a = o.separatorToPanels.get(r);
-  z(a, "Matching panels not found");
-  const u = a.map((d) => n.panels.indexOf(d)), s = Ge({ groupId: n.id }).getLayout(), l = K({
+  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: s,
     panelConstraints: o.derivedPanelConstraints,
     pivotIndices: u,
     prevLayout: s,
     trigger: "keyboard"
-  }), c = $({
+  }), c = A({
     layout: l,
     panelConstraints: o.derivedPanelConstraints
   });
-  W(s, c) || C((d) => ({
+  W(s, c) || E((d) => ({
     mountedGroups: new Map(d.mountedGroups).set(n, {
       derivedPanelConstraints: o.derivedPanelConstraints,
       layout: c,
@@ -698,46 +698,46 @@ 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: a, 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");
+        x(i, "Matching separator not found");
         const s = u.get(i);
-        z(s, "Matching panels not found");
+        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 = a[l.id], x = c.collapsedSize === d ? o.inMemoryLastExpandedPanelSizes[l.id] ?? c.minSize : c.collapsedSize;
-          D(t, x - 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;
       }
@@ -748,18 +748,18 @@ function ve(e) {
         ), a = Array.from(r).findIndex(
           (s) => s === e.currentTarget
         );
-        z(a !== null, "Index not found");
+        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,13 +771,13 @@ 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 a of t) {
-    const u = tt(n, a.rect);
+    const u = rt(n, a.rect);
     switch (e) {
       case "horizontal": {
         u.x <= r.x && (o = a, r = u);
@@ -795,25 +795,112 @@ 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 a = ot() ? me.coarse : me.precise, u = we(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 <= a && i.distance.y <= a && 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(), a = /* @__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((s) => {
     o.add(s.group), s.panels.forEach((c) => {
@@ -821,7 +908,7 @@ function ge(e) {
     }), s.separator && (a.add(s.separator), i || (i = !0, s.separator.element.focus()));
     const l = t.get(s.group);
     l && u.set(s.group, l.layout);
-  }), C({
+  }), 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,25 +975,25 @@ function Se(e) {
       }), le();
   }
 }
-function xe(e) {
+function we(e) {
   let t = 0, n = 0;
   const o = {};
   for (const a of e)
     if (a.defaultSize !== void 0) {
       t++;
-      const u = I(a.defaultSize);
+      const u = G(a.defaultSize);
       n += u, o[a.panelId] = u;
     } else
       o[a.panelId] = void 0;
   const r = e.length - t;
   if (r !== 0) {
-    const a = I((100 - n) / r);
+    const a = G((100 - n) / r);
     for (const u of e)
       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;
@@ -916,7 +1003,7 @@ function it(e, t, n) {
   const a = H({ group: e });
   r.onResize(
     {
-      asPercentage: I(
+      asPercentage: G(
         o.inlineSize / a * 100
       ),
       inPixels: o.inlineSize
@@ -924,9 +1011,9 @@ function it(e, t, n) {
     r.id
   );
 }
-function st(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"
   );
@@ -937,18 +1024,18 @@ function st(e) {
         if (t) {
           if (H({ group: e }) === 0)
             return;
-          C((S) => {
-            const y = S.mountedGroups.get(e);
-            if (y) {
-              const v = pe(e), L = y.defaultLayoutDeferred ? xe(v) : y.layout, w = $({
-                layout: L,
-                panelConstraints: v
+          E((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 !y.defaultLayoutDeferred && W(L, w) ? S : {
+              return !v.defaultLayoutDeferred && W(w, L) ? S : {
                 mountedGroups: new Map(S.mountedGroups).set(e, {
-                  derivedPanelConstraints: v,
-                  layout: w,
-                  separatorToPanels: y.separatorToPanels
+                  derivedPanelConstraints: g,
+                  layout: L,
+                  separatorToPanels: v.separatorToPanels
                 })
               };
             }
@@ -956,11 +1043,11 @@ function st(e) {
           });
         }
       } else
-        it(e, h, p);
+        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);
@@ -968,10 +1055,10 @@ function st(e) {
   const a = H({ group: e }), u = pe(e), i = e.panels.map(({ id: m }) => m).join(",");
   let s = e.defaultLayout;
   s && e.panels.length !== Object.keys(s).length && (s = void 0);
-  const l = e.inMemoryLayouts[i] ?? s ?? xe(u), c = $({
+  const l = e.inMemoryLayouts[i] ?? s ?? we(u), c = A({
     layout: l,
     panelConstraints: u
-  }), d = we(e), x = C((m) => ({
+  }), d = Re(e), z = E((m) => ({
     mountedGroups: new Map(m.mountedGroups).set(e, {
       defaultLayoutDeferred: a === 0,
       derivedPanelConstraints: u,
@@ -982,31 +1069,31 @@ function st(e) {
     })
   }));
   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);
-  }), x.mountedGroups.size === 1 && (window.addEventListener("pointerdown", ge), window.addEventListener("pointermove", ye), window.addEventListener("pointerup", Se)), function() {
+    ), o.add(m.id), m.element.addEventListener("keydown", ge);
+  }), z.mountedGroups.size === 1 && (window.addEventListener("pointerdown", xe), window.addEventListener("pointermove", ze), window.addEventListener("pointerup", be)), function() {
     t = !1;
-    const f = C((p) => {
+    const f = E((p) => {
       const h = new Map(p.mountedGroups);
       return h.delete(e), { mountedGroups: h };
     });
     e.element.removeEventListener("pointerleave", he), e.separators.forEach((p) => {
-      p.element.removeEventListener("keydown", ve);
-    }), f.mountedGroups.size === 0 && (window.removeEventListener("pointerdown", ge), window.removeEventListener("pointermove", ye), window.removeEventListener("pointerup", Se)), r.disconnect();
+      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) => {
@@ -1025,25 +1112,25 @@ 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 rt(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,
@@ -1057,21 +1144,21 @@ function ht({
   style: c,
   ...d
 }) {
-  const x = T({}), m = ce((b) => {
-    W(x.current, b) || (x.current = b, s?.(b));
-  }), f = ue(i), [p, h] = G(!1), [g, S] = G(null), [y, v] = G(n ?? {}), [L, w] = G([]), [E, V] = G([]), ne = T({}), X = T({}), Y = fe(S, a);
-  rt(f, u);
-  const q = Le(
+  const 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) => (w((M) => re(l, [...M, b])), () => {
-        w((M) => M.filter((N) => N !== b));
+      registerPanel: (b) => (L((M) => se(l, [...M, b])), () => {
+        L((M) => M.filter((N) => N !== b));
       }),
-      registerSeparator: (b) => (V(
-        (M) => re(l, [...M, b])
+      registerSeparator: (b) => (K(
+        (M) => se(l, [...M, b])
       ), () => {
-        V(
+        K(
           (M) => M.filter((N) => N !== b)
         );
       })
@@ -1079,29 +1166,29 @@ function ht({
     [f, l]
   );
   j(() => {
-    if (g === null || L.length === 0)
+    if (y === null || w.length === 0)
       return;
     const b = {
       defaultLayout: n,
       disableCursor: !!o,
       disabled: !!r,
-      element: g,
+      element: y,
       id: f,
       inMemoryLastExpandedPanelSizes: ne.current,
       inMemoryLayouts: X.current,
       orientation: l,
-      panels: L,
-      separators: E
-    }, M = st(b), oe = O().mountedGroups.get(b);
-    oe && (v(oe.layout), m?.(oe.layout));
-    const Ae = A.addListener(
+      panels: w,
+      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": {
             h(
               J.hitRegions.some(
-                (_) => _.group === b
+                ($) => $.group === b
               )
             );
             break;
@@ -1112,35 +1199,35 @@ function ht({
           }
         }
       }
-    ), $e = A.addListener(
+    ), He = D.addListener(
       "mountedGroupsChange",
       (J) => {
-        const _ = J.get(b);
-        _ && _.derivedPanelConstraints.length > 0 && (v(_.layout), m?.(_.layout));
+        const $ = J.get(b);
+        $ && $.derivedPanelConstraints.length > 0 && (g($.layout), m?.($.layout));
       }
     );
     return () => {
-      M(), Ae(), $e();
+      M(), Fe(), He();
     };
   }, [
     n,
     o,
     r,
-    g,
+    y,
     f,
     m,
     l,
-    L,
-    E
+    w,
+    C
   ]);
   const Z = {
-    [Oe]: p ? "none" : void 0
+    [Ae]: p ? "none" : void 0
   };
-  for (const b in y) {
-    const M = Te(f, b), N = y[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,
@@ -1164,7 +1251,7 @@ function ht({
 function ae(e) {
   return `react-resizable-panels:${e}`;
 }
-function at({
+function yt({
   id: e,
   layout: t,
   storage: n
@@ -1176,19 +1263,19 @@ 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 = Le(
+  ), o = Ce(
     () => n ? JSON.parse(n) : void 0,
     [n]
-  ), r = ze(
-    (a) => at({
+  ), r = Le(
+    (a) => yt({
       id: e,
       layout: a,
       storage: t
@@ -1200,24 +1287,24 @@ 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
 }) {
@@ -1255,23 +1342,23 @@ function ut({
       derivedPanelConstraints: l,
       group: c,
       layout: d,
-      separatorToPanels: x
-    } = n(), m = c.panels.findIndex((g) => g.id === t), f = m === c.panels.length - 1, p = K({
+      separatorToPanels: z
+    } = n(), m = c.panels.findIndex((y) => y.id === t), f = m === c.panels.length - 1, p = V({
       delta: f ? s - i : i - s,
       initialLayout: d,
       panelConstraints: l,
       pivotIndices: f ? [m - 1, m] : [m, m + 1],
       prevLayout: d,
       trigger: "imperative-api"
-    }), h = $({
+    }), h = A({
       layout: p,
       panelConstraints: l
     });
-    W(d, h) || C((g) => ({
-      mountedGroups: new Map(g.mountedGroups).set(c, {
+    W(d, h) || E((y) => ({
+      mountedGroups: new Map(y.mountedGroups).set(c, {
         derivedPanelConstraints: l,
         layout: h,
-        separatorToPanels: x
+        separatorToPanels: z
       })
     }));
   };
@@ -1301,7 +1388,7 @@ function ut({
         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": {
@@ -1314,7 +1401,7 @@ function ut({
     }
   };
 }
-function ct(e, t) {
+function xt(e, t) {
   const { id: n } = de(), o = T({
     collapse: ie,
     expand: ie,
@@ -1325,14 +1412,14 @@ 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%",
@@ -1345,18 +1432,18 @@ function St({
   onResize: l,
   panelRef: c,
   style: d,
-  ...x
+  ...z
 }) {
-  const m = !!u, f = ue(u), [p, h] = G(null), g = fe(h, a), { id: S, registerPanel: y } = de(), v = l !== null, L = ce((E) => {
-    l?.(E, u);
+  const m = !!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 y({
+      return v({
         element: p,
         id: f,
         idIsStable: m,
-        onResize: v ? L : void 0,
+        onResize: g ? w : void 0,
         panelConstraints: {
           collapsedSize: n,
           collapsible: o,
@@ -1370,33 +1457,33 @@ function St({
     o,
     r,
     p,
-    v,
+    g,
     f,
     m,
     i,
     s,
-    L,
-    y
-  ]), ct(f, c);
-  const w = Te(S, f);
+    w,
+    v
+  ]), xt(f, c);
+  const L = Ne(S, f);
   return /* @__PURE__ */ B(
     "div",
     {
-      ...x,
+      ...z,
       "data-panel": !0,
       "data-testid": f,
       id: f,
-      ref: g,
+      ref: y,
       style: {
-        ...ft,
+        ...zt,
         flexBasis: 0,
-        flexGrow: `var(${w}, 1)`,
+        flexGrow: `var(${L}, 1)`,
         flexShrink: 1,
         // Prevent Panel content from interfering with panel size
         overflow: "hidden",
         // Disable pointer events inside of a panel during resize
         // This avoid edge cases like nested iframes
-        pointerEvents: `var(${Oe})`
+        pointerEvents: `var(${Ae})`
       },
       children: /* @__PURE__ */ B(
         "div",
@@ -1413,7 +1500,7 @@ function St({
     }
   );
 }
-const ft = {
+const zt = {
   minHeight: "unset",
   maxHeight: "unset",
   height: "unset",
@@ -1429,13 +1516,13 @@ 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,
@@ -1447,8 +1534,8 @@ function dt({
   );
   if (i) {
     const s = i.maxSize, l = a = i.collapsible ? i.collapsedSize : i.minSize, c = [o, o + 1];
-    a = $({
-      layout: K({
+    a = A({
+      layout: V({
         delta: l - u,
         initialLayout: e,
         panelConstraints: t,
@@ -1457,8 +1544,8 @@ function dt({
         trigger: "keyboard"
       }),
       panelConstraints: t
-    })[n], r = $({
-      layout: K({
+    })[n], r = A({
+      layout: V({
         delta: s - u,
         initialLayout: e,
         panelConstraints: t,
@@ -1476,7 +1563,7 @@ function dt({
     valueNow: u
   };
 }
-function bt({
+function kt({
   children: e,
   className: t,
   elementRef: n,
@@ -1484,38 +1571,38 @@ function bt({
   style: r,
   ...a
 }) {
-  const u = ue(o), [i, s] = G({}), [l, c] = G("inactive"), [d, x] = G(null), m = fe(x, 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: h
-  } = de(), g = p === "horizontal" ? "vertical" : "horizontal";
+  } = de(), y = p === "horizontal" ? "vertical" : "horizontal";
   return j(() => {
     if (d !== null) {
       const S = {
         element: d,
         id: u
-      }, y = h(S), v = A.addListener(
+      }, v = h(S), g = D.addListener(
         "interactionStateChange",
-        (w) => {
+        (L) => {
           c(
-            w.state !== "inactive" && w.hitRegions.some(
-              (E) => E.separator === S
-            ) ? w.state : "inactive"
+            L.state !== "inactive" && L.hitRegions.some(
+              (C) => C.separator === S
+            ) ? L.state : "inactive"
           );
         }
-      ), L = A.addListener(
+      ), w = D.addListener(
         "mountedGroupsChange",
-        (w) => {
-          w.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);
                   s(
-                    dt({
-                      layout: V,
-                      panelConstraints: E,
+                    bt({
+                      layout: K,
+                      panelConstraints: C,
                       panelId: q.id,
                       panelIndex: Z
                     })
@@ -1527,7 +1614,7 @@ function bt({
         }
       );
       return () => {
-        v(), L(), y();
+        g(), w(), v();
       };
     }
   }, [d, f, u, h]), /* @__PURE__ */ B(
@@ -1535,7 +1622,7 @@ function bt({
     {
       ...a,
       "aria-controls": i.valueControls,
-      "aria-orientation": g,
+      "aria-orientation": y,
       "aria-valuemax": i.valueMax,
       "aria-valuemin": i.valueMin,
       "aria-valuenow": i.valueNow,
@@ -1557,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