react-resizable-panels 4.0.8-alpha.1 → 4.0.8-alpha.2

package/dist/react-resizable-panels.js

@@ -1,75 +1,75 @@
 "use client";
-import { jsx as W } from "react/jsx-runtime";
-import { useId as _e, useLayoutEffect as Fe, useEffect as He, useRef as T, useCallback as ze, createContext as We, useImperativeHandle as be, useSyncExternalStore as we, useState as G, useMemo as Le, useContext as je } from "react";
+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") {
   if (!e)
     throw Error(t);
 }
-function re(e, t) {
+function H({
+  group: e
+}) {
+  const { orientation: t, panels: n } = e;
+  return n.reduce((o, r) => (o += t === "horizontal" ? r.element.offsetWidth : r.element.offsetHeight, o), 0);
+}
+function se(e, t) {
   return t.sort(
-    e === "horizontal" ? Ve : Be
+    e === "horizontal" ? Be : Ue
   );
 }
-function Ve(e, t) {
+function Be(e, t) {
   const n = e.element.offsetLeft - t.element.offsetLeft;
   return n !== 0 ? n : e.element.offsetWidth - t.element.offsetWidth;
 }
-function Be(e, t) {
+function Ue(e, t) {
   const n = e.element.offsetTop - t.element.offsetTop;
   return n !== 0 ? n : e.element.offsetHeight - t.element.offsetHeight;
 }
-function ee({
-  group: e
-}) {
-  const { orientation: t, panels: n } = e;
-  return n.reduce((o, r) => (o += t === "horizontal" ? r.element.offsetWidth : r.element.offsetHeight, o), 0);
-}
-function Pe(e) {
-  const { element: t, orientation: n, panels: o, separators: r } = e, s = re(
+function Le(e) {
+  const { element: t, orientation: n, panels: o, separators: r } = e, s = se(
     n,
     Array.from(t.children).filter((l) => l instanceof HTMLElement).map((l) => ({ element: l }))
-  ).map(({ element: l }) => l), c = [];
+  ).map(({ element: l }) => l), u = [];
   let i, a;
   for (const l of s) {
-    const f = o.find(
-      (u) => u.element === l
+    const c = o.find(
+      (d) => d.element === l
     );
-    if (f) {
+    if (c) {
       if (i) {
-        const u = i.element.getBoundingClientRect(), h = l.getBoundingClientRect();
-        c.push({
+        const d = i.element.getBoundingClientRect(), m = l.getBoundingClientRect();
+        u.push({
           group: e,
-          groupSize: ee({ group: e }),
-          panels: [i, f],
+          groupSize: H({ group: e }),
+          panels: [i, c],
           separator: a,
           rect: n === "horizontal" ? new DOMRect(
-            u.right,
-            h.top,
-            h.left - u.right,
-            h.height
+            d.right,
+            m.top,
+            m.left - d.right,
+            m.height
           ) : new DOMRect(
-            h.left,
-            u.bottom,
-            h.width,
-            h.top - u.bottom
+            m.left,
+            d.bottom,
+            m.width,
+            m.top - d.bottom
           )
         });
       }
-      i = f, a = void 0;
+      i = c, a = void 0;
     } else {
-      const u = r.find(
-        (h) => h.element === l
+      const d = r.find(
+        (m) => m.element === l
       );
-      u ? a = u : (i = void 0, a = void 0);
+      d ? a = d : (i = void 0, a = void 0);
     }
   }
-  return c;
+  return u;
 }
-function Ue(e, t) {
+function Ke(e, t) {
   const n = getComputedStyle(e), o = parseFloat(n.fontSize);
   return t * o;
 }
-function Ke(e, t) {
+function Ve(e, t) {
   const n = getComputedStyle(e.ownerDocument.body), o = parseFloat(n.fontSize);
   return t * o;
 }
@@ -89,7 +89,7 @@ function qe(e) {
     }
   }
 }
-function Z({
+function Q({
   groupSize: e,
   panelElement: t,
   styleProp: n
@@ -106,11 +106,11 @@ function Z({
       break;
     }
     case "rem": {
-      o = Ke(t, r);
+      o = Ve(t, r);
       break;
     }
     case "em": {
-      o = Ue(t, r);
+      o = Ke(t, r);
       break;
     }
     case "vh": {
@@ -127,8 +127,8 @@ function Z({
 function I(e) {
   return parseFloat(e.toFixed(3));
 }
-function me(e) {
-  const { panels: t } = e, n = ee({ group: e });
+function pe(e) {
+  const { panels: t } = e, n = H({ group: e });
   return n === 0 ? t.map((o) => ({
     collapsedSize: 0,
     collapsible: o.panelConstraints.collapsible === !0,
@@ -138,44 +138,44 @@ function me(e) {
     panelId: o.id
   })) : t.map((o) => {
     const { element: r, panelConstraints: s } = o;
-    let c = 0;
+    let u = 0;
     if (s.collapsedSize) {
-      const f = Z({
+      const c = Q({
         groupSize: n,
         panelElement: r,
         styleProp: s.collapsedSize
       });
-      c = I(f / n * 100);
+      u = I(c / n * 100);
     }
     let i;
     if (s.defaultSize) {
-      const f = Z({
+      const c = Q({
         groupSize: n,
         panelElement: r,
         styleProp: s.defaultSize
       });
-      i = I(f / n * 100);
+      i = I(c / n * 100);
     }
     let a = 0;
     if (s.minSize) {
-      const f = Z({
+      const c = Q({
         groupSize: n,
         panelElement: r,
         styleProp: s.minSize
       });
-      a = I(f / n * 100);
+      a = I(c / n * 100);
     }
     let l = 100;
     if (s.maxSize) {
-      const f = Z({
+      const c = Q({
         groupSize: n,
         panelElement: r,
         styleProp: s.maxSize
       });
-      l = I(f / n * 100);
+      l = I(c / n * 100);
     }
     return {
-      collapsedSize: c,
+      collapsedSize: u,
       collapsible: s.collapsible === !0,
       defaultSize: i,
       minSize: a,
@@ -199,9 +199,9 @@ class Ze {
         o[0].call(null, n);
       else {
         let r = !1, s = null;
-        const c = Array.from(o);
-        for (let i = 0; i < c.length; i++) {
-          const a = c[i];
+        const u = Array.from(o);
+        for (let i = 0; i < u.length; i++) {
+          const a = u[i];
           try {
             a.call(null, n);
           } catch (l) {
@@ -223,7 +223,7 @@ class Ze {
     }
   }
 }
-function w(e, t, n = 0) {
+function L(e, t, n = 0) {
   return Math.abs(I(e) - I(t)) <= n;
 }
 let R = {
@@ -248,23 +248,23 @@ function C(e) {
   }, 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) {
-        const { layout: c } = n.mountedGroups.get(r) ?? {};
-        if (c) {
-          const i = w(
+        const { layout: u } = n.mountedGroups.get(r) ?? {};
+        if (u) {
+          const i = L(
             s.collapsedSize,
             o.layout[s.panelId]
-          ), a = w(
+          ), a = L(
             s.collapsedSize,
-            c[s.panelId]
+            u[s.panelId]
           );
-          i && !a && (r.inMemoryLastExpandedPanelSizes[s.panelId] = c[s.panelId]);
+          i && !a && (r.inMemoryLastExpandedPanelSizes[s.panelId] = u[s.panelId]);
         }
       }
     });
   }), A.emit("mountedGroupsChange", R.mountedGroups)), R;
 }
 const Je = (e) => e, ie = () => {
-}, Ee = 1, Re = 2, Ce = 4, Me = 8, he = {
+}, Pe = 1, Ee = 2, Re = 4, Ce = 8, me = {
   coarse: 10,
   precise: 5
 };
@@ -295,11 +295,11 @@ function Qe({
     return null;
   switch (n) {
     case "active": {
-      const s = (e & Ee) !== 0, c = (e & Re) !== 0, i = (e & Ce) !== 0, a = (e & Me) !== 0;
+      const s = (e & Pe) !== 0, u = (e & Ee) !== 0, i = (e & Re) !== 0, a = (e & Ce) !== 0;
       if (e) {
         if (s)
           return i ? "se-resize" : a ? "ne-resize" : "e-resize";
-        if (c)
+        if (u)
           return i ? "sw-resize" : a ? "nw-resize" : "w-resize";
         if (i)
           return "s-resize";
@@ -311,7 +311,7 @@ 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();
@@ -323,13 +323,13 @@ function le() {
         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;
     }
   }
@@ -342,8 +342,8 @@ function et(e, t) {
       return !1;
   return !0;
 }
-function j(e, t) {
-  return w(e, t) ? 0 : e > t ? 1 : -1;
+function U(e, t) {
+  return L(e, t) ? 0 : e > t ? 1 : -1;
 }
 function F({
   panelConstraints: e,
@@ -355,15 +355,15 @@ function F({
     maxSize: r = 100,
     minSize: s = 0
   } = e;
-  if (j(t, s) < 0)
+  if (U(t, s) < 0)
     if (o) {
-      const c = (n + s) / 2;
-      j(t, c) < 0 ? t = n : t = s;
+      const u = (n + s) / 2;
+      U(t, u) < 0 ? t = n : t = s;
     } else
       t = s;
   return t = Math.min(r, t), t = I(t), t;
 }
-function V({
+function K({
   delta: e,
   initialLayout: t,
   panelConstraints: n,
@@ -371,89 +371,89 @@ function V({
   prevLayout: r,
   trigger: s
 }) {
-  if (w(e, 0))
+  if (L(e, 0))
     return t;
-  const c = Object.values(t), i = Object.values(r), a = [...c], [l, f] = o;
-  z(l != null, "Invalid first pivot index"), z(f != null, "Invalid second pivot index");
-  let u = 0;
+  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");
+  let d = 0;
   if (s === "keyboard") {
     {
-      const d = e < 0 ? f : l, p = n[d];
+      const f = e < 0 ? c : l, p = n[f];
       z(
         p,
-        `Panel constraints not found for index ${d}`
+        `Panel constraints not found for index ${f}`
       );
       const {
-        collapsedSize: v = 0,
-        collapsible: m,
-        minSize: x = 0
+        collapsedSize: y = 0,
+        collapsible: h,
+        minSize: S = 0
       } = p;
-      if (m) {
-        const S = c[d];
+      if (h) {
+        const x = u[f];
         if (z(
-          S != null,
-          `Previous layout not found for panel index ${d}`
-        ), w(S, v)) {
-          const g = x - S;
-          j(g, Math.abs(e)) > 0 && (e = e < 0 ? 0 - g : g);
+          x != null,
+          `Previous layout not found for panel index ${f}`
+        ), L(x, y)) {
+          const g = S - x;
+          U(g, Math.abs(e)) > 0 && (e = e < 0 ? 0 - g : g);
         }
       }
     }
     {
-      const d = e < 0 ? l : f, p = n[d];
+      const f = e < 0 ? l : c, p = n[f];
       z(
         p,
-        `No panel constraints found for index ${d}`
+        `No panel constraints found for index ${f}`
       );
       const {
-        collapsedSize: v = 0,
-        collapsible: m,
-        minSize: x = 0
+        collapsedSize: y = 0,
+        collapsible: h,
+        minSize: S = 0
       } = p;
-      if (m) {
-        const S = c[d];
+      if (h) {
+        const x = u[f];
         if (z(
-          S != null,
-          `Previous layout not found for panel index ${d}`
-        ), w(S, x)) {
-          const g = S - v;
-          j(g, Math.abs(e)) > 0 && (e = e < 0 ? 0 - g : g);
+          x != null,
+          `Previous layout not found for panel index ${f}`
+        ), L(x, S)) {
+          const g = x - y;
+          U(g, Math.abs(e)) > 0 && (e = e < 0 ? 0 - g : g);
         }
       }
     }
   }
   {
-    const d = e < 0 ? 1 : -1;
-    let p = e < 0 ? f : l, v = 0;
+    const f = e < 0 ? 1 : -1;
+    let p = e < 0 ? c : l, y = 0;
     for (; ; ) {
-      const x = c[p];
+      const S = u[p];
       z(
-        x != null,
+        S != null,
         `Previous layout not found for panel index ${p}`
       );
       const g = F({
         panelConstraints: n[p],
         size: 100
-      }) - x;
-      if (v += g, p += d, p < 0 || p >= n.length)
+      }) - S;
+      if (y += g, p += f, p < 0 || p >= n.length)
         break;
     }
-    const m = Math.min(Math.abs(e), Math.abs(v));
-    e = e < 0 ? 0 - m : m;
+    const h = Math.min(Math.abs(e), Math.abs(y));
+    e = e < 0 ? 0 - h : h;
   }
   {
-    let p = e < 0 ? l : f;
+    let p = e < 0 ? l : c;
     for (; p >= 0 && p < n.length; ) {
-      const v = Math.abs(e) - Math.abs(u), m = c[p];
+      const y = Math.abs(e) - Math.abs(d), h = u[p];
       z(
-        m != null,
+        h != null,
         `Previous layout not found for panel index ${p}`
       );
-      const x = m - v, S = F({
+      const S = h - y, x = F({
         panelConstraints: n[p],
-        size: x
+        size: S
       });
-      if (!w(m, S) && (u += m - S, a[p] = S, u.toFixed(3).localeCompare(Math.abs(e).toFixed(3), void 0, {
+      if (!L(h, x) && (d += h - x, a[p] = x, d.toFixed(3).localeCompare(Math.abs(e).toFixed(3), void 0, {
         numeric: !0
       }) >= 0))
         break;
@@ -463,51 +463,51 @@ function V({
   if (et(i, a))
     return r;
   {
-    const d = e < 0 ? f : l, p = c[d];
+    const f = e < 0 ? c : l, p = u[f];
     z(
       p != null,
-      `Previous layout not found for panel index ${d}`
+      `Previous layout not found for panel index ${f}`
     );
-    const v = p + u, m = F({
-      panelConstraints: n[d],
-      size: v
+    const y = p + d, h = F({
+      panelConstraints: n[f],
+      size: y
     });
-    if (a[d] = m, !w(m, v)) {
-      let x = v - m, g = e < 0 ? f : l;
+    if (a[f] = h, !L(h, y)) {
+      let S = y - h, g = e < 0 ? c : l;
       for (; g >= 0 && g < n.length; ) {
-        const L = a[g];
+        const w = a[g];
         z(
-          L != null,
+          w != null,
           `Previous layout not found for panel index ${g}`
         );
-        const P = L + x, E = F({
+        const P = w + S, E = F({
           panelConstraints: n[g],
           size: P
         });
-        if (w(L, E) || (x -= E - L, a[g] = E), w(x, 0))
+        if (L(w, E) || (S -= E - w, a[g] = E), L(S, 0))
           break;
         e > 0 ? g-- : g++;
       }
     }
   }
-  const h = Object.values(a).reduce(
-    (d, p) => p + d,
+  const m = Object.values(a).reduce(
+    (f, p) => p + f,
     0
   );
-  if (!w(h, 100, 0.1))
+  if (!L(m, 100, 0.1))
     return r;
-  const y = Object.keys(r);
-  return a.reduce((d, p, v) => (d[y[v]] = p, d), {});
+  const v = Object.keys(r);
+  return a.reduce((f, p, y) => (f[v[y]] = p, f), {});
 }
-function B(e, t) {
+function W(e, t) {
   if (Object.keys(e).length !== Object.keys(t).length)
     return !1;
   for (const n in e)
-    if (j(e[n], t[n]) !== 0)
+    if (U(e[n], t[n]) !== 0)
       return !1;
   return !0;
 }
-function Ge({
+function Me({
   event: e,
   hitRegions: t,
   initialLayoutMap: n,
@@ -515,53 +515,53 @@ function Ge({
   pointerDownAtPoint: r
 }) {
   let s = 0;
-  const c = new Map(o);
+  const u = new Map(o);
   t.forEach((i) => {
-    const { group: a, groupSize: l } = i, { disableCursor: f, orientation: u, panels: h } = a;
-    let y = 0;
-    r ? u === "horizontal" ? y = (e.clientX - r.x) / l * 100 : y = (e.clientY - r.y) / l * 100 : u === "horizontal" ? y = e.clientX < 0 ? -100 : 100 : y = e.clientY < 0 ? -100 : 100;
-    const d = n.get(a), {
+    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), {
       derivedPanelConstraints: p,
-      layout: v,
-      separatorToPanels: m
+      layout: y,
+      separatorToPanels: h
     } = o.get(a) ?? {};
-    if (p && d && v && m) {
-      const x = V({
-        delta: y,
-        initialLayout: d,
+    if (p && f && y && h) {
+      const S = K({
+        delta: v,
+        initialLayout: f,
         panelConstraints: p,
-        pivotIndices: i.panels.map((S) => h.indexOf(S)),
-        prevLayout: v,
+        pivotIndices: i.panels.map((x) => m.indexOf(x)),
+        prevLayout: y,
         trigger: "mouse-or-touch"
       });
-      if (B(x, v)) {
-        if (y !== 0 && !f)
-          switch (u) {
+      if (W(S, y)) {
+        if (v !== 0 && !c)
+          switch (d) {
             case "horizontal": {
-              s |= y < 0 ? Ee : Re;
+              s |= v < 0 ? Pe : Ee;
               break;
             }
             case "vertical": {
-              s |= y < 0 ? Ce : Me;
+              s |= v < 0 ? Re : Ce;
               break;
             }
           }
       } else {
-        c.set(i.group, {
+        u.set(i.group, {
           derivedPanelConstraints: p,
-          layout: x,
-          separatorToPanels: m
+          layout: S,
+          separatorToPanels: h
         });
-        const S = i.group.panels.map(({ id: g }) => g).join(",");
-        i.group.inMemoryLayouts[S] = x;
+        const x = i.group.panels.map(({ id: g }) => g).join(",");
+        i.group.inMemoryLayouts[x] = S;
       }
     }
   }), C({
     cursorFlags: s,
-    mountedGroups: c
+    mountedGroups: u
   }), le();
 }
-function ve(e) {
+function he(e) {
   if (e.defaultPrevented)
     return;
   if (e.relatedTarget !== null)
@@ -572,7 +572,7 @@ function ve(e) {
   switch (t.state) {
     case "active":
       t.hitRegions.forEach((o) => {
-        e.currentTarget === o.group.element && Ge({
+        e.currentTarget === o.group.element && Me({
           event: e,
           hitRegions: t.hitRegions,
           initialLayoutMap: t.initialLayoutMap,
@@ -581,7 +581,7 @@ function ve(e) {
       });
   }
 }
-function Q(e) {
+function te(e) {
   const t = e.parentElement;
   z(t, "Parent group element not found");
   const { mountedGroups: n } = O();
@@ -602,7 +602,7 @@ function $({
     throw Error(
       `Invalid ${t.length} panel layout: ${o.map((i) => `${i}%`).join(", ")}`
     );
-  if (!w(r, 100) && o.length > 0)
+  if (!L(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}`);
@@ -619,21 +619,21 @@ function $({
     });
     a != l && (s += a - l, o[i] = l);
   }
-  if (!w(s, 0))
+  if (!L(s, 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, f = F({
+      const l = a + s, c = F({
         panelConstraints: t[i],
         size: l
       });
-      if (a !== f && (s -= f - a, o[i] = f, w(s, 0)))
+      if (a !== c && (s -= c - a, o[i] = c, L(s, 0)))
         break;
     }
-  const c = Object.keys(e);
-  return o.reduce((i, a, l) => (i[c[l]] = a, i), {});
+  const u = Object.keys(e);
+  return o.reduce((i, a, l) => (i[u[l]] = a, i), {});
 }
-function Ie({
+function Ge({
   groupId: e
 }) {
   const t = () => {
@@ -653,55 +653,55 @@ function Ie({
         derivedPanelConstraints: o,
         group: r,
         layout: s,
-        separatorToPanels: c
+        separatorToPanels: u
       } = t(), i = $({
         layout: n,
         panelConstraints: o
       });
-      return B(s, i) || C((a) => ({
+      return W(s, i) || C((a) => ({
         mountedGroups: new Map(a.mountedGroups).set(r, {
           derivedPanelConstraints: o,
           layout: i,
-          separatorToPanels: c
+          separatorToPanels: u
         })
       })), i;
     }
   };
 }
-function ke(e) {
+function Ie(e) {
   const { mountedGroups: t } = O(), n = t.get(e);
   return z(n, `Mounted Group ${e.id} not found`), n;
 }
 function D(e, t) {
-  const n = Q(e), o = ke(n), r = n.separators.find(
-    (u) => u.element === e
+  const n = te(e), o = Ie(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 c = s.map((u) => n.panels.indexOf(u)), a = Ie({ groupId: n.id }).getLayout(), l = V({
+  const u = s.map((d) => n.panels.indexOf(d)), a = Ge({ groupId: n.id }).getLayout(), l = K({
     delta: t,
     initialLayout: a,
     panelConstraints: o.derivedPanelConstraints,
-    pivotIndices: c,
+    pivotIndices: u,
     prevLayout: a,
     trigger: "keyboard"
-  }), f = $({
+  }), c = $({
     layout: l,
     panelConstraints: o.derivedPanelConstraints
   });
-  B(a, f) || C((u) => ({
-    mountedGroups: new Map(u.mountedGroups).set(n, {
+  W(a, c) || C((d) => ({
+    mountedGroups: new Map(d.mountedGroups).set(n, {
       derivedPanelConstraints: o.derivedPanelConstraints,
-      layout: f,
+      layout: c,
       separatorToPanels: o.separatorToPanels
     })
   }));
 }
-function ye(e) {
+function ve(e) {
   if (e.defaultPrevented)
     return;
-  const t = e.currentTarget, n = Q(t);
+  const t = e.currentTarget, n = te(t);
   if (!n.disabled)
     switch (e.key) {
       case "ArrowDown": {
@@ -726,31 +726,31 @@ function ye(e) {
       }
       case "Enter": {
         e.preventDefault();
-        const o = Q(t), { derivedPanelConstraints: r, layout: s, separatorToPanels: c } = ke(o), i = o.separators.find(
-          (u) => u.element === t
+        const o = te(t), { derivedPanelConstraints: r, layout: s, separatorToPanels: u } = Ie(o), i = o.separators.find(
+          (d) => d.element === t
         );
         z(i, "Matching separator not found");
-        const a = c.get(i);
+        const a = u.get(i);
         z(a, "Matching panels not found");
-        const l = a[0], f = r.find(
-          (u) => u.panelId === l.id
+        const l = a[0], c = r.find(
+          (d) => d.panelId === l.id
         );
-        if (z(f, "Panel metadata not found"), f.collapsible) {
-          const u = s[l.id], h = f.collapsedSize === u ? o.inMemoryLastExpandedPanelSizes[l.id] ?? f.minSize : f.collapsedSize;
-          D(t, h - u);
+        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);
         }
         break;
       }
       case "F6": {
         e.preventDefault();
-        const r = Q(t).separators.map(
+        const r = te(t).separators.map(
           (a) => a.element
         ), s = Array.from(r).findIndex(
           (a) => a === e.currentTarget
         );
         z(s !== null, "Index not found");
-        const c = e.shiftKey ? s > 0 ? s - 1 : r.length - 1 : s + 1 < r.length ? s + 1 : 0;
-        r[c].focus();
+        const u = e.shiftKey ? s > 0 ? s - 1 : r.length - 1 : s + 1 < r.length ? s + 1 : 0;
+        r[u].focus();
         break;
       }
       case "Home": {
@@ -777,14 +777,14 @@ function nt(e, t, n) {
     y: 1 / 0
   };
   for (const s of t) {
-    const c = tt(n, s.rect);
+    const u = tt(n, s.rect);
     switch (e) {
       case "horizontal": {
-        c.x <= r.x && (o = s, r = c);
+        u.x <= r.x && (o = s, r = u);
         break;
       }
       case "vertical": {
-        c.y <= r.y && (o = s, r = c);
+        u.y <= r.y && (o = s, r = u);
         break;
       }
     }
@@ -794,16 +794,16 @@ function nt(e, t, n) {
     hitRegion: o
   } : void 0;
 }
-let J;
+let ee;
 function ot() {
-  return J === void 0 && (typeof matchMedia == "function" ? J = !!matchMedia("(pointer:coarse)").matches : J = !1), J;
+  return ee === void 0 && (typeof matchMedia == "function" ? ee = !!matchMedia("(pointer:coarse)").matches : ee = !1), ee;
 }
-function Oe(e, t) {
+function ke(e, t) {
   const n = [];
   return t.forEach((o, r) => {
     if (r.disabled)
       return;
-    const s = ot() ? he.coarse : he.precise, c = Pe(r), i = nt(r.orientation, c, {
+    const s = ot() ? me.coarse : me.precise, u = Le(r), i = nt(r.orientation, u, {
       x: e.clientX,
       y: e.clientY
     });
@@ -813,24 +813,24 @@ function Oe(e, t) {
 function ge(e) {
   if (e.defaultPrevented)
     return;
-  const { mountedGroups: t } = O(), n = Oe(e, t), o = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Set(), s = /* @__PURE__ */ new Set(), c = /* @__PURE__ */ new Map();
+  const { mountedGroups: t } = O(), n = ke(e, t), o = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Set(), s = /* @__PURE__ */ new Set(), u = /* @__PURE__ */ new Map();
   let i = !1;
   n.forEach((a) => {
-    o.add(a.group), a.panels.forEach((f) => {
-      r.add(f);
+    o.add(a.group), a.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 && c.set(a.group, l.layout);
+    l && u.set(a.group, l.layout);
   }), C({
     interactionState: {
       hitRegions: n,
-      initialLayoutMap: c,
+      initialLayoutMap: u,
       pointerDownAtPoint: { x: e.clientX, y: e.clientY },
       state: "active"
     }
   }), n.length && e.preventDefault();
 }
-function Se(e) {
+function ye(e) {
   if (e.defaultPrevented)
     return;
   const { interactionState: t, mountedGroups: n } = O();
@@ -850,7 +850,7 @@ function Se(e) {
         );
         return;
       }
-      Ge({
+      Me({
         event: e,
         hitRegions: t.hitRegions,
         initialLayoutMap: t.initialLayoutMap,
@@ -860,7 +860,7 @@ function Se(e) {
       break;
     }
     default: {
-      const o = Oe(e, n);
+      const o = ke(e, n);
       o.length === 0 ? t.state !== "inactive" && C({
         interactionState: { state: "inactive" }
       }) : C({
@@ -873,7 +873,7 @@ function Se(e) {
     }
   }
 }
-function xe(e) {
+function Se(e) {
   if (e.defaultPrevented)
     return;
   e.preventDefault();
@@ -888,32 +888,32 @@ function xe(e) {
       }), le();
   }
 }
-function it(e) {
+function xe(e) {
   let t = 0, n = 0;
   const o = {};
   for (const s of e)
     if (s.defaultSize !== void 0) {
       t++;
-      const c = I(s.defaultSize);
-      n += c, o[s.panelId] = c;
+      const u = I(s.defaultSize);
+      n += u, o[s.panelId] = u;
     } else
       o[s.panelId] = void 0;
   const r = e.length - t;
   if (r !== 0) {
     const s = I((100 - n) / r);
-    for (const c of e)
-      c.defaultSize === void 0 && (o[c.panelId] = s);
+    for (const u of e)
+      u.defaultSize === void 0 && (o[u.panelId] = s);
   }
   return o;
 }
-function st(e, t, n) {
+function it(e, t, n) {
   const o = n[0];
   if (!o)
     return;
-  const r = e.panels.find((c) => c.element === t);
+  const r = e.panels.find((u) => u.element === t);
   if (!r || !r.onResize)
     return;
-  const s = ee({ group: e });
+  const s = H({ group: e });
   r.onResize(
     {
       asPercentage: I(
@@ -930,75 +930,83 @@ function rt(e) {
     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((u) => {
-    for (const h of u) {
-      const { borderBoxSize: y, target: d } = h;
-      d === e.element ? t && C((p) => {
-        const v = p.mountedGroups.get(e);
-        if (v) {
-          const m = me(e), x = v.layout, S = $({
-            layout: x,
-            panelConstraints: m
+  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) {
+        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
+              });
+              return !S.defaultLayoutDeferred && W(g, w) ? h : {
+                mountedGroups: new Map(h.mountedGroups).set(e, {
+                  derivedPanelConstraints: x,
+                  layout: w,
+                  separatorToPanels: S.separatorToPanels
+                })
+              };
+            }
+            return h;
           });
-          return {
-            mountedGroups: new Map(p.mountedGroups).set(e, {
-              derivedPanelConstraints: m,
-              layout: S,
-              separatorToPanels: v.separatorToPanels
-            })
-          };
         }
-        return p;
-      }) : st(e, d, y);
+      } else
+        it(e, p, f);
     }
   });
-  r.observe(e.element), e.panels.forEach((u) => {
+  r.observe(e.element), e.panels.forEach((m) => {
     z(
-      !n.has(u.id),
-      `Panel ids must be unique; id "${u.id}" was used more than once`
-    ), n.add(u.id), u.onResize && r.observe(u.element);
+      !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 = me(e), c = e.panels.map(({ id: u }) => u).join(","), i = e.inMemoryLayouts[c] ?? e.defaultLayout ?? it(s), a = $({
-    layout: i,
-    panelConstraints: s
-  }), l = Pe(e), f = C((u) => ({
-    mountedGroups: new Map(u.mountedGroups).set(e, {
-      derivedPanelConstraints: s,
-      layout: a,
+  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,
+    panelConstraints: u
+  }), c = Le(e), d = C((m) => ({
+    mountedGroups: new Map(m.mountedGroups).set(e, {
+      defaultLayoutDeferred: s === 0,
+      derivedPanelConstraints: u,
+      layout: l,
       separatorToPanels: new Map(
-        l.filter((h) => h.separator).map((h) => [h.separator, h.panels])
+        c.filter((v) => v.separator).map((v) => [v.separator, v.panels])
       )
     })
   }));
-  return e.element.addEventListener("pointerleave", ve), e.separators.forEach((u) => {
+  return e.element.addEventListener("pointerleave", he), e.separators.forEach((m) => {
     z(
-      !o.has(u.id),
-      `Separator ids must be unique; id "${u.id}" was used more than once`
-    ), o.add(u.id), u.element.addEventListener("keydown", ye);
-  }), f.mountedGroups.size === 1 && (window.addEventListener("pointerdown", ge), window.addEventListener("pointermove", Se), window.addEventListener("pointerup", xe)), function() {
+      !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() {
     t = !1;
-    const h = C((y) => {
-      const d = new Map(y.mountedGroups);
-      return d.delete(e), { mountedGroups: d };
+    const v = C((f) => {
+      const p = new Map(f.mountedGroups);
+      return p.delete(e), { mountedGroups: p };
     });
-    e.element.removeEventListener("pointerleave", ve), e.separators.forEach((y) => {
-      y.element.removeEventListener("keydown", ye);
-    }), h.mountedGroups.size === 0 && (window.removeEventListener("pointerdown", ge), window.removeEventListener("pointermove", Se), window.removeEventListener("pointerup", xe)), r.disconnect();
+    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();
   };
 }
-function ce(e) {
-  const t = _e();
+function ue(e) {
+  const t = Ne();
   return `${e ?? t}`;
 }
-const H = typeof window < "u" ? Fe : He;
-function ue(e) {
+const j = typeof window < "u" ? _e : Fe;
+function ce(e) {
   const t = T(e);
-  return H(() => {
+  return j(() => {
     t.current = e;
   }, [e]), ze((n) => t.current?.(n), [t]);
 }
 function fe(...e) {
-  return ue((t) => {
+  return ce((t) => {
     e.forEach((n) => {
       if (n)
         switch (typeof n) {
@@ -1014,151 +1022,134 @@ function fe(...e) {
     });
   });
 }
-const Te = "--react-resizable-panels--panel--pointer-events";
-function De(e, t) {
+const Oe = "--react-resizable-panels--panel--pointer-events";
+function Te(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 Ae = We(null);
-function at(e, t) {
+const De = He(null);
+function st(e, t) {
   const n = T({
     getLayout: () => ({}),
     setLayout: Je
   });
-  be(t, () => n.current, []), H(() => {
+  be(t, () => n.current, []), j(() => {
     Object.assign(
       n.current,
-      Ie({ groupId: e })
+      Ge({ groupId: e })
     );
   });
 }
-function lt(e) {
-  return we(
-    (t) => (e?.addEventListener(
-      "contentvisibilityautostatechange",
-      t
-    ), () => {
-      e?.removeEventListener(
-        "contentvisibilityautostatechange",
-        t
-      );
-    }),
-    () => typeof e?.checkVisibility == "function" ? e.checkVisibility() : !0,
-    () => !0
-  );
-}
-function yt({
+function ht({
   children: e,
   className: t,
   defaultLayout: n,
   disableCursor: o,
   disabled: r,
   elementRef: s,
-  groupRef: c,
+  groupRef: u,
   id: i,
   onLayoutChange: a,
   orientation: l = "horizontal",
-  style: f,
-  ...u
+  style: c,
+  ...d
 }) {
-  const h = T({}), y = ue((b) => {
-    B(h.current, b) || (h.current = b, a?.(b));
-  }), d = ce(i), [p, v] = G(!1), [m, x] = G(null), [S, g] = G(n ?? {}), [L, P] = G([]), [E, U] = G([]), te = lt(m), K = T({}), X = T({}), Y = fe(x, s);
-  at(d, c);
-  const ne = Le(
+  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(
     () => ({
-      id: d,
+      id: f,
       orientation: l,
-      registerPanel: (b) => (P((M) => re(l, [...M, b])), () => {
+      registerPanel: (b) => (P((M) => se(l, [...M, b])), () => {
         P((M) => M.filter((N) => N !== b));
       }),
-      registerSeparator: (b) => (U(
-        (M) => re(l, [...M, b])
+      registerSeparator: (b) => (V(
+        (M) => se(l, [...M, b])
       ), () => {
-        U(
+        V(
           (M) => M.filter((N) => N !== b)
         );
       })
     }),
-    [d, l]
+    [f, l]
   );
-  H(() => {
-    if (m === null || L.length === 0)
+  j(() => {
+    if (h === null || w.length === 0)
       return;
     const b = {
       defaultLayout: n,
       disableCursor: !!o,
       disabled: !!r,
-      element: m,
-      id: d,
-      inMemoryLastExpandedPanelSizes: K.current,
+      element: h,
+      id: f,
+      inMemoryLastExpandedPanelSizes: ne.current,
       inMemoryLayouts: X.current,
       orientation: l,
-      panels: L,
+      panels: w,
       separators: E
     }, M = rt(b), oe = O().mountedGroups.get(b);
-    oe && (g(oe.layout), y?.(oe.layout));
-    const $e = A.addListener(
+    oe && (g(oe.layout), v?.(oe.layout));
+    const Ae = A.addListener(
       "interactionStateChange",
-      (q) => {
-        switch (q.state) {
+      (J) => {
+        switch (J.state) {
           case "active": {
-            v(
-              q.hitRegions.some(
+            y(
+              J.hitRegions.some(
                 (_) => _.group === b
               )
             );
             break;
           }
           default: {
-            v(!1);
+            y(!1);
             break;
           }
         }
       }
-    ), Ne = A.addListener(
+    ), $e = A.addListener(
       "mountedGroupsChange",
-      (q) => {
-        const _ = q.get(b);
-        _ && _.derivedPanelConstraints.length > 0 && (g(_.layout), y?.(_.layout));
+      (J) => {
+        const _ = J.get(b);
+        _ && _.derivedPanelConstraints.length > 0 && (g(_.layout), v?.(_.layout));
       }
     );
     return () => {
-      M(), $e(), Ne();
+      M(), Ae(), $e();
     };
   }, [
     n,
     o,
     r,
-    m,
-    d,
-    te,
-    y,
+    h,
+    f,
+    v,
     l,
-    L,
+    w,
     E
   ]);
-  const pe = {
-    [Te]: p ? "none" : void 0
+  const Z = {
+    [Oe]: p ? "none" : void 0
   };
-  for (const b in S) {
-    const M = De(d, b), N = S[b];
-    pe[M] = N;
+  for (const b in x) {
+    const M = Te(f, b), N = x[b];
+    Z[M] = N;
   }
-  return /* @__PURE__ */ W(Ae.Provider, { value: ne, children: /* @__PURE__ */ W(
+  return /* @__PURE__ */ B(De.Provider, { value: q, children: /* @__PURE__ */ B(
     "div",
     {
-      ...u,
+      ...d,
       "aria-orientation": l,
       className: t,
       "data-group": !0,
-      "data-testid": d,
-      id: d,
+      "data-testid": f,
+      id: f,
       ref: Y,
       style: {
-        ...f,
-        ...pe,
-        contentVisibility: "auto",
+        ...c,
+        ...Z,
         display: "flex",
         flexDirection: l === "horizontal" ? "row" : "column",
         flexWrap: "nowrap"
@@ -1170,7 +1161,7 @@ function yt({
 function ae(e) {
   return `react-resizable-panels:${e}`;
 }
-function ct({
+function at({
   id: e,
   layout: t,
   storage: n
@@ -1182,19 +1173,19 @@ function ct({
     console.error(o);
   }
 }
-function gt({
+function vt({
   groupId: e,
   storage: t
 }) {
-  const n = we(
-    ut,
+  const n = We(
+    lt,
     () => t.getItem(ae(e)),
     () => t.getItem(ae(e))
-  ), o = Le(
+  ), o = we(
     () => n ? JSON.parse(n) : void 0,
     [n]
   ), r = ze(
-    (s) => ct({
+    (s) => at({
       id: e,
       layout: s,
       storage: t
@@ -1206,24 +1197,24 @@ function gt({
     onLayoutChange: r
   };
 }
-function ut() {
+function lt() {
   return function() {
   };
 }
-function St() {
+function gt() {
   return G(null);
 }
-function xt() {
+function yt() {
   return T(null);
 }
 function de() {
-  const e = je(Ae);
+  const e = je(De);
   return z(
     e,
     "Group Context not found; did you render a Panel or Separator outside of a Group?"
   ), e;
 }
-function ft({
+function ut({
   groupId: e,
   panelId: t
 }) {
@@ -1231,10 +1222,10 @@ function ft({
     const { mountedGroups: i } = O();
     for (const [
       a,
-      { derivedPanelConstraints: l, layout: f, separatorToPanels: u }
+      { derivedPanelConstraints: l, layout: c, separatorToPanels: d }
     ] of i)
       if (a.id === e)
-        return { derivedPanelConstraints: l, group: a, layout: f, separatorToPanels: u };
+        return { derivedPanelConstraints: l, group: a, layout: c, separatorToPanels: d };
     throw Error(`Group ${e} not found`);
   }, o = () => {
     const i = n().derivedPanelConstraints.find(
@@ -1253,61 +1244,61 @@ function ft({
     if (i !== void 0)
       return i;
     throw Error(`Layout not found for Panel ${t}`);
-  }, c = (i) => {
+  }, u = (i) => {
     const a = s();
     if (i === a)
       return;
     const {
       derivedPanelConstraints: l,
-      group: f,
-      layout: u,
-      separatorToPanels: h
-    } = n(), y = f.panels.findIndex((m) => m.id === t), d = y === f.panels.length - 1, p = V({
-      delta: d ? a - i : i - a,
-      initialLayout: u,
+      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,
+      initialLayout: d,
       panelConstraints: l,
-      pivotIndices: d ? [y - 1, y] : [y, y + 1],
-      prevLayout: u,
+      pivotIndices: f ? [v - 1, v] : [v, v + 1],
+      prevLayout: d,
       trigger: "imperative-api"
-    }), v = $({
+    }), y = $({
       layout: p,
       panelConstraints: l
     });
-    B(u, v) || C((m) => ({
-      mountedGroups: new Map(m.mountedGroups).set(f, {
+    W(d, y) || C((h) => ({
+      mountedGroups: new Map(h.mountedGroups).set(c, {
         derivedPanelConstraints: l,
-        layout: v,
-        separatorToPanels: h
+        layout: y,
+        separatorToPanels: m
       })
     }));
   };
   return {
     collapse: () => {
       const { collapsible: i, collapsedSize: a } = o(), l = s();
-      i && l !== a && c(a);
+      i && l !== a && u(a);
     },
     expand: () => {
-      const { collapsible: i, collapsedSize: a, minSize: l } = o(), f = s();
-      i && f === a && c(l);
+      const { collapsible: i, collapsedSize: a, minSize: l } = o(), c = s();
+      i && c === a && u(l);
     },
     getSize: () => {
-      const { group: i } = n(), a = s(), { element: l } = r(), f = i.orientation === "horizontal" ? l.offsetWidth : l.offsetHeight;
+      const { group: i } = n(), a = s(), { element: l } = r(), c = i.orientation === "horizontal" ? l.offsetWidth : l.offsetHeight;
       return {
         asPercentage: a,
-        inPixels: f
+        inPixels: c
       };
     },
     isCollapsed: () => {
       const { collapsible: i, collapsedSize: a } = o(), l = s();
-      return i && w(a, l);
+      return i && L(a, l);
     },
     resize: (i) => {
       if (s() !== i) {
         let l;
         switch (typeof i) {
           case "number": {
-            const { group: f } = n(), u = ee({ group: f });
-            l = I(i / u * 100);
+            const { group: c } = n(), d = H({ group: c });
+            l = I(i / d * 100);
             break;
           }
           case "string": {
@@ -1315,12 +1306,12 @@ function ft({
             break;
           }
         }
-        c(l);
+        u(l);
       }
     }
   };
 }
-function dt(e, t) {
+function ct(e, t) {
   const { id: n } = de(), o = T({
     collapse: ie,
     expand: ie,
@@ -1331,38 +1322,38 @@ function dt(e, t) {
     isCollapsed: () => !1,
     resize: ie
   });
-  be(t, () => o.current, []), H(() => {
+  be(t, () => o.current, []), j(() => {
     Object.assign(
       o.current,
-      ft({ groupId: n, panelId: e })
+      ut({ groupId: n, panelId: e })
     );
   });
 }
-function zt({
+function St({
   children: e,
   className: t,
   collapsedSize: n = "0%",
   collapsible: o = !1,
   defaultSize: r,
   elementRef: s,
-  id: c,
+  id: u,
   maxSize: i = "100%",
   minSize: a = "0%",
   onResize: l,
-  panelRef: f,
-  style: u,
-  ...h
+  panelRef: c,
+  style: d,
+  ...m
 }) {
-  const y = !!c, d = ce(c), [p, v] = G(null), m = fe(v, s), { id: x, registerPanel: S } = de(), g = l !== null, L = ue((E) => {
-    l?.(E, c);
+  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);
   });
-  H(() => {
+  j(() => {
     if (p !== null)
-      return S({
+      return x({
         element: p,
-        id: d,
-        idIsStable: y,
-        onResize: g ? L : void 0,
+        id: f,
+        idIsStable: v,
+        onResize: g ? w : void 0,
         panelConstraints: {
           collapsedSize: n,
           collapsible: o,
@@ -1377,24 +1368,24 @@ function zt({
     r,
     p,
     g,
-    d,
-    y,
+    f,
+    v,
     i,
     a,
-    L,
-    S
-  ]), dt(d, f);
-  const P = De(x, d);
-  return /* @__PURE__ */ W(
+    w,
+    x
+  ]), ct(f, c);
+  const P = Te(S, f);
+  return /* @__PURE__ */ B(
     "div",
     {
-      ...h,
+      ...m,
       "data-panel": !0,
-      "data-testid": d,
-      id: d,
-      ref: m,
+      "data-testid": f,
+      id: f,
+      ref: h,
       style: {
-        ...pt,
+        ...ft,
         flexBasis: 0,
         flexGrow: `var(${P}, 1)`,
         flexShrink: 1,
@@ -1402,16 +1393,16 @@ function zt({
         overflow: "hidden",
         // Disable pointer events inside of a panel during resize
         // This avoid edge cases like nested iframes
-        pointerEvents: `var(${Te})`
+        pointerEvents: `var(${Oe})`
       },
-      children: /* @__PURE__ */ W(
+      children: /* @__PURE__ */ B(
         "div",
         {
           className: t,
           style: {
             width: "100%",
             height: "100%",
-            ...u
+            ...d
           },
           children: e
         }
@@ -1419,7 +1410,7 @@ function zt({
     }
   );
 }
-const pt = {
+const ft = {
   minHeight: "unset",
   maxHeight: "unset",
   height: "unset",
@@ -1435,40 +1426,40 @@ const pt = {
   padding: "unset",
   margin: "unset"
 };
-function bt() {
+function xt() {
   return G(null);
 }
-function wt() {
+function zt() {
   return T(null);
 }
-function mt({
+function dt({
   layout: e,
   panelConstraints: t,
   panelId: n,
   panelIndex: o
 }) {
   let r, s;
-  const c = e[n], i = t.find(
+  const u = e[n], i = t.find(
     (a) => a.panelId === n
   );
   if (i) {
-    const a = i.maxSize, l = s = i.collapsible ? i.collapsedSize : i.minSize, f = [o, o + 1];
+    const a = i.maxSize, l = s = i.collapsible ? i.collapsedSize : i.minSize, c = [o, o + 1];
     s = $({
-      layout: V({
-        delta: l - c,
+      layout: K({
+        delta: l - u,
         initialLayout: e,
         panelConstraints: t,
-        pivotIndices: f,
+        pivotIndices: c,
         prevLayout: e,
         trigger: "keyboard"
       }),
       panelConstraints: t
     })[n], r = $({
-      layout: V({
-        delta: a - c,
+      layout: K({
+        delta: a - u,
         initialLayout: e,
         panelConstraints: t,
-        pivotIndices: f,
+        pivotIndices: c,
         prevLayout: e,
         trigger: "keyboard"
       }),
@@ -1479,10 +1470,10 @@ function mt({
     valueControls: n,
     valueMax: r,
     valueMin: s,
-    valueNow: c
+    valueNow: u
   };
 }
-function Lt({
+function bt({
   children: e,
   className: t,
   elementRef: n,
@@ -1490,40 +1481,40 @@ function Lt({
   style: r,
   ...s
 }) {
-  const c = ce(o), [i, a] = G({}), [l, f] = G("inactive"), [u, h] = G(null), y = fe(h, n), {
-    id: d,
+  const u = ue(o), [i, a] = G({}), [l, c] = G("inactive"), [d, m] = G(null), v = fe(m, n), {
+    id: f,
     orientation: p,
-    registerSeparator: v
-  } = de(), m = p === "horizontal" ? "vertical" : "horizontal";
-  return H(() => {
-    if (u !== null) {
-      const x = {
-        element: u,
-        id: c
-      }, S = v(x), g = A.addListener(
+    registerSeparator: y
+  } = de(), h = p === "horizontal" ? "vertical" : "horizontal";
+  return j(() => {
+    if (d !== null) {
+      const S = {
+        element: d,
+        id: u
+      }, x = y(S), g = A.addListener(
         "interactionStateChange",
         (P) => {
-          f(
+          c(
             P.state !== "inactive" && P.hitRegions.some(
-              (E) => E.separator === x
+              (E) => E.separator === S
             ) ? P.state : "inactive"
           );
         }
-      ), L = A.addListener(
+      ), w = A.addListener(
         "mountedGroupsChange",
         (P) => {
           P.forEach(
-            ({ derivedPanelConstraints: E, layout: U, separatorToPanels: te }, K) => {
-              if (K.id === d) {
-                const X = te.get(x);
-                if (X) {
-                  const Y = X[0], ne = K.panels.indexOf(Y);
+            ({ derivedPanelConstraints: E, layout: V, separatorToPanels: ne }, X) => {
+              if (X.id === f) {
+                const Y = ne.get(S);
+                if (Y) {
+                  const q = Y[0], Z = X.panels.indexOf(q);
                   a(
-                    mt({
-                      layout: U,
+                    dt({
+                      layout: V,
                       panelConstraints: E,
-                      panelId: Y.id,
-                      panelIndex: ne
+                      panelId: q.id,
+                      panelIndex: Z
                     })
                   );
                 }
@@ -1533,24 +1524,24 @@ function Lt({
         }
       );
       return () => {
-        g(), L(), S();
+        g(), w(), x();
       };
     }
-  }, [u, d, c, v]), /* @__PURE__ */ W(
+  }, [d, f, u, y]), /* @__PURE__ */ B(
     "div",
     {
       ...s,
       "aria-controls": i.valueControls,
-      "aria-orientation": m,
+      "aria-orientation": h,
       "aria-valuemax": i.valueMax,
       "aria-valuemin": i.valueMin,
       "aria-valuenow": i.valueNow,
       children: e,
       className: t,
       "data-separator": l,
-      "data-testid": c,
-      id: c,
-      ref: y,
+      "data-testid": u,
+      id: u,
+      ref: v,
       role: "separator",
       style: {
         flexBasis: "auto",
@@ -1563,13 +1554,13 @@ function Lt({
   );
 }
 export {
-  yt as Group,
-  zt as Panel,
-  Lt as Separator,
-  gt as useDefaultLayout,
-  St as useGroupCallbackRef,
-  xt as useGroupRef,
-  bt as usePanelCallbackRef,
-  wt as usePanelRef
+  ht as Group,
+  St as Panel,
+  bt as Separator,
+  vt as useDefaultLayout,
+  gt as useGroupCallbackRef,
+  yt as useGroupRef,
+  xt as usePanelCallbackRef,
+  zt as usePanelRef
 };
 //# sourceMappingURL=react-resizable-panels.js.map