react-resizable-panels 4.2.0 → 4.2.1-alpha.1

package/dist/react-resizable-panels.js

@@ -1,33 +1,33 @@
 "use client";
-import { jsx as X } from "react/jsx-runtime";
-import { useId as Ke, useLayoutEffect as Xe, useEffect as Ce, useRef as I, useCallback as qe, createContext as Ye, useImperativeHandle as Ee, useState as D, useMemo as se, useSyncExternalStore as Ze, useContext as Je } from "react";
+import { jsx as q } from "react/jsx-runtime";
+import { useState as N, useCallback as Pe, useId as Ke, useLayoutEffect as Xe, useEffect as Re, useRef as E, createContext as qe, useImperativeHandle as Ce, useMemo as re, useSyncExternalStore as Ye, useContext as Ze } from "react";
 function z(e, t = "Assertion error") {
   if (!e)
     throw Error(t);
 }
-function U({
+function B({
   group: e
 }) {
   const { orientation: t, panels: n } = e;
-  return n.reduce((o, r) => (o += t === "horizontal" ? r.element.offsetWidth : r.element.offsetHeight, o), 0);
+  return n.reduce((o, i) => (o += t === "horizontal" ? i.element.offsetWidth : i.element.offsetHeight, o), 0);
 }
-function ae(e, t) {
+function ie(e, t) {
   return t.sort(
-    e === "horizontal" ? Qe : et
+    e === "horizontal" ? Je : Qe
   );
 }
-function Qe(e, t) {
+function Je(e, t) {
   const n = e.element.offsetLeft - t.element.offsetLeft;
   return n !== 0 ? n : e.element.offsetWidth - t.element.offsetWidth;
 }
-function et(e, t) {
+function Qe(e, t) {
   const n = e.element.offsetTop - t.element.offsetTop;
   return n !== 0 ? n : e.element.offsetHeight - t.element.offsetHeight;
 }
 function Me(e) {
   return e !== null && typeof e == "object" && "nodeType" in e && e.nodeType === Node.ELEMENT_NODE;
 }
-function Ie(e, t) {
+function Ee(e, t) {
   return {
     x: e.x >= t.left && e.x <= t.right ? 0 : Math.min(
       Math.abs(e.x - t.left),
@@ -39,7 +39,7 @@ function Ie(e, t) {
     )
   };
 }
-function tt({
+function et({
   orientation: e,
   rects: t,
   targetRect: n
@@ -48,19 +48,19 @@ function tt({
     x: n.x + n.width / 2,
     y: n.y + n.height / 2
   };
-  let r, s = Number.MAX_VALUE;
+  let i, s = Number.MAX_VALUE;
   for (const l of t) {
-    const { x: i, y: a } = Ie(o, l), u = e === "horizontal" ? i : a;
-    u < s && (s = u, r = l);
+    const { x: r, y: a } = Ee(o, l), u = e === "horizontal" ? r : a;
+    u < s && (s = u, i = l);
   }
-  return z(r, "No rect found"), r;
+  return z(i, "No rect found"), i;
 }
-function ke(e) {
-  const { element: t, orientation: n, panels: o, separators: r } = e, s = ae(
+function Ie(e) {
+  const { element: t, orientation: n, panels: o, separators: i } = e, s = ie(
     n,
     Array.from(t.children).filter(Me).map((f) => ({ element: f }))
   ).map(({ element: f }) => f), l = [];
-  let i = !1, a, u = [];
+  let r = !1, a, u = [];
   for (const f of s)
     if (f.hasAttribute("data-panel")) {
       const p = o.find(
@@ -70,7 +70,7 @@ function ke(e) {
         if (a) {
           const m = a.element.getBoundingClientRect(), h = f.getBoundingClientRect();
           let c;
-          if (i) {
+          if (r) {
             const d = n === "horizontal" ? new DOMRect(m.right, m.top, 0, m.height) : new DOMRect(
               m.left,
               m.bottom,
@@ -86,14 +86,14 @@ function ke(e) {
                 break;
               }
               case 1: {
-                const v = u[0], S = tt({
+                const g = u[0], v = et({
                   orientation: n,
                   rects: [m, h],
-                  targetRect: v.element.getBoundingClientRect()
+                  targetRect: g.element.getBoundingClientRect()
                 });
                 c = [
-                  v,
-                  S === m ? y : d
+                  g,
+                  v === m ? y : d
                 ];
                 break;
               }
@@ -119,38 +119,38 @@ function ke(e) {
           for (const d of c)
             l.push({
               group: e,
-              groupSize: U({ group: e }),
+              groupSize: B({ group: e }),
               panels: [a, p],
               separator: "width" in d ? void 0 : d,
               rect: "width" in d ? d : d.element.getBoundingClientRect()
             });
         }
-        i = !1, a = p, u = [];
+        r = !1, a = p, u = [];
       }
     } else if (f.hasAttribute("data-separator")) {
-      const p = r.find(
+      const p = i.find(
         (m) => m.element === f
       );
       p ? u.push(p) : (a = void 0, u = []);
     } else
-      i = !0;
+      r = !0;
   return l;
 }
-function nt(e, t) {
+function tt(e, t) {
   const n = getComputedStyle(e), o = parseFloat(n.fontSize);
   return t * o;
 }
-function ot(e, t) {
+function nt(e, t) {
   const n = getComputedStyle(e.ownerDocument.body), o = parseFloat(n.fontSize);
   return t * o;
 }
-function it(e) {
+function ot(e) {
   return e / 100 * window.innerHeight;
 }
 function rt(e) {
   return e / 100 * window.innerWidth;
 }
-function st(e) {
+function it(e) {
   switch (typeof e) {
     case "number":
       return [e, "px"];
@@ -160,46 +160,46 @@ function st(e) {
     }
   }
 }
-function ee({
+function Q({
   groupSize: e,
   panelElement: t,
   styleProp: n
 }) {
   let o;
-  const [r, s] = st(n);
+  const [i, s] = it(n);
   switch (s) {
     case "%": {
-      o = r / 100 * e;
+      o = i / 100 * e;
       break;
     }
     case "px": {
-      o = r;
+      o = i;
       break;
     }
     case "rem": {
-      o = ot(t, r);
+      o = nt(t, i);
       break;
     }
     case "em": {
-      o = nt(t, r);
+      o = tt(t, i);
       break;
     }
     case "vh": {
-      o = it(r);
+      o = ot(i);
       break;
     }
     case "vw": {
-      o = rt(r);
+      o = rt(i);
       break;
     }
   }
   return o;
 }
-function k(e) {
+function G(e) {
   return parseFloat(e.toFixed(3));
 }
-function he(e) {
-  const { panels: t } = e, n = U({ group: e });
+function pe(e) {
+  const { panels: t } = e, n = B({ group: e });
   return n === 0 ? t.map((o) => ({
     collapsedSize: 0,
     collapsible: o.panelConstraints.collapsible === !0,
@@ -208,54 +208,54 @@ function he(e) {
     maxSize: 100,
     panelId: o.id
   })) : t.map((o) => {
-    const { element: r, panelConstraints: s } = o;
+    const { element: i, panelConstraints: s } = o;
     let l = 0;
     if (s.collapsedSize) {
-      const f = ee({
+      const f = Q({
         groupSize: n,
-        panelElement: r,
+        panelElement: i,
         styleProp: s.collapsedSize
       });
-      l = k(f / n * 100);
+      l = G(f / n * 100);
     }
-    let i;
+    let r;
     if (s.defaultSize) {
-      const f = ee({
+      const f = Q({
         groupSize: n,
-        panelElement: r,
+        panelElement: i,
         styleProp: s.defaultSize
       });
-      i = k(f / n * 100);
+      r = G(f / n * 100);
     }
     let a = 0;
     if (s.minSize) {
-      const f = ee({
+      const f = Q({
         groupSize: n,
-        panelElement: r,
+        panelElement: i,
         styleProp: s.minSize
       });
-      a = k(f / n * 100);
+      a = G(f / n * 100);
     }
     let u = 100;
     if (s.maxSize) {
-      const f = ee({
+      const f = Q({
         groupSize: n,
-        panelElement: r,
+        panelElement: i,
         styleProp: s.maxSize
       });
-      u = k(f / n * 100);
+      u = G(f / n * 100);
     }
     return {
       collapsedSize: l,
       collapsible: s.collapsible === !0,
-      defaultSize: i,
+      defaultSize: r,
       minSize: a,
       maxSize: u,
       panelId: o.id
     };
   });
 }
-class at {
+class st {
   #e = {};
   addListener(t, n) {
     const o = this.#e[t];
@@ -269,17 +269,17 @@ class at {
       if (o.length === 1)
         o[0].call(null, n);
       else {
-        let r = !1, s = null;
+        let i = !1, s = null;
         const l = Array.from(o);
-        for (let i = 0; i < l.length; i++) {
-          const a = l[i];
+        for (let r = 0; r < l.length; r++) {
+          const a = l[r];
           try {
             a.call(null, n);
           } catch (u) {
-            s === null && (r = !0, s = u);
+            s === null && (i = !0, s = u);
           }
         }
-        if (r)
+        if (i)
           throw s;
       }
   }
@@ -289,52 +289,52 @@ class at {
   removeListener(t, n) {
     const o = this.#e[t];
     if (o !== void 0) {
-      const r = o.indexOf(n);
-      r >= 0 && o.splice(r, 1);
+      const i = o.indexOf(n);
+      i >= 0 && o.splice(i, 1);
     }
   }
 }
 function R(e, t, n = 0) {
-  return Math.abs(k(e) - k(t)) <= n;
+  return Math.abs(G(e) - G(t)) <= n;
 }
-let E = {
+let M = {
   cursorFlags: 0,
   interactionState: {
     state: "inactive"
   },
   mountedGroups: /* @__PURE__ */ new Map()
 };
-const _ = new at();
-function G() {
-  return E;
-}
-function M(e) {
-  const t = typeof e == "function" ? e(E) : e;
-  if (E === t)
-    return E;
-  const n = E;
-  return E = {
-    ...E,
+const T = new st();
+function D() {
+  return M;
+}
+function I(e) {
+  const t = typeof e == "function" ? e(M) : e;
+  if (M === t)
+    return M;
+  const n = M;
+  return M = {
+    ...M,
     ...t
-  }, t.cursorFlags !== void 0 && _.emit("cursorFlagsChange", E.cursorFlags), t.interactionState !== void 0 && _.emit("interactionStateChange", E.interactionState), t.mountedGroups !== void 0 && (E.mountedGroups.forEach((o, r) => {
+  }, t.cursorFlags !== void 0 && T.emit("cursorFlagsChange", M.cursorFlags), t.interactionState !== void 0 && T.emit("interactionStateChange", M.interactionState), t.mountedGroups !== void 0 && (M.mountedGroups.forEach((o, i) => {
     o.derivedPanelConstraints.forEach((s) => {
       if (s.collapsible) {
-        const { layout: l } = n.mountedGroups.get(r) ?? {};
+        const { layout: l } = n.mountedGroups.get(i) ?? {};
         if (l) {
-          const i = R(
+          const r = R(
             s.collapsedSize,
             o.layout[s.panelId]
           ), a = R(
             s.collapsedSize,
             l[s.panelId]
           );
-          i && !a && (r.inMemoryLastExpandedPanelSizes[s.panelId] = l[s.panelId]);
+          r && !a && (i.inMemoryLastExpandedPanelSizes[s.panelId] = l[s.panelId]);
         }
       }
     });
-  }), _.emit("mountedGroupsChange", E.mountedGroups)), E;
+  }), T.emit("mountedGroupsChange", M.mountedGroups)), M;
 }
-function lt(e, t) {
+function at(e, t) {
   if (e.length !== t.length)
     return !1;
   for (let n = 0; n < e.length; n++)
@@ -342,38 +342,38 @@ function lt(e, t) {
       return !1;
   return !0;
 }
-function q(e, t) {
+function Y(e, t) {
   return R(e, t) ? 0 : e > t ? 1 : -1;
 }
-function W({
+function H({
   panelConstraints: e,
   size: t
 }) {
   const {
     collapsedSize: n = 0,
     collapsible: o,
-    maxSize: r = 100,
+    maxSize: i = 100,
     minSize: s = 0
   } = e;
-  if (q(t, s) < 0)
+  if (Y(t, s) < 0)
     if (o) {
       const l = (n + s) / 2;
-      q(t, l) < 0 ? t = n : t = s;
+      Y(t, l) < 0 ? t = n : t = s;
     } else
       t = s;
-  return t = Math.min(r, t), t = k(t), t;
+  return t = Math.min(i, t), t = G(t), t;
 }
-function Y({
+function Z({
   delta: e,
   initialLayout: t,
   panelConstraints: n,
   pivotIndices: o,
-  prevLayout: r,
+  prevLayout: i,
   trigger: s
 }) {
   if (R(e, 0))
     return t;
-  const l = Object.values(t), i = Object.values(r), a = [...l], [u, f] = o;
+  const l = Object.values(t), r = Object.values(i), a = [...l], [u, f] = o;
   z(u != null, "Invalid first pivot index"), z(f != null, "Invalid second pivot index");
   let p = 0;
   if (s === "keyboard") {
@@ -385,17 +385,17 @@ function Y({
       );
       const {
         collapsedSize: y = 0,
-        collapsible: v,
-        minSize: S = 0
+        collapsible: g,
+        minSize: v = 0
       } = d;
-      if (v) {
+      if (g) {
         const x = l[c];
         if (z(
           x != null,
           `Previous layout not found for panel index ${c}`
         ), R(x, y)) {
-          const g = S - x;
-          q(g, Math.abs(e)) > 0 && (e = e < 0 ? 0 - g : g);
+          const S = v - x;
+          Y(S, Math.abs(e)) > 0 && (e = e < 0 ? 0 - S : S);
         }
       }
     }
@@ -407,17 +407,17 @@ function Y({
       );
       const {
         collapsedSize: y = 0,
-        collapsible: v,
-        minSize: S = 0
+        collapsible: g,
+        minSize: v = 0
       } = d;
-      if (v) {
+      if (g) {
         const x = l[c];
         if (z(
           x != null,
           `Previous layout not found for panel index ${c}`
-        ), R(x, S)) {
-          const g = x - y;
-          q(g, Math.abs(e)) > 0 && (e = e < 0 ? 0 - g : g);
+        ), R(x, v)) {
+          const S = x - y;
+          Y(S, Math.abs(e)) > 0 && (e = e < 0 ? 0 - S : S);
         }
       }
     }
@@ -426,67 +426,67 @@ function Y({
     const c = e < 0 ? 1 : -1;
     let d = e < 0 ? f : u, y = 0;
     for (; ; ) {
-      const S = l[d];
+      const v = l[d];
       z(
-        S != null,
+        v != null,
         `Previous layout not found for panel index ${d}`
       );
-      const g = W({
+      const S = H({
         panelConstraints: n[d],
         size: 100
-      }) - S;
-      if (y += g, d += c, d < 0 || d >= n.length)
+      }) - v;
+      if (y += S, d += c, d < 0 || d >= n.length)
         break;
     }
-    const v = Math.min(Math.abs(e), Math.abs(y));
-    e = e < 0 ? 0 - v : v;
+    const g = Math.min(Math.abs(e), Math.abs(y));
+    e = e < 0 ? 0 - g : g;
   }
   {
     let d = e < 0 ? u : f;
     for (; d >= 0 && d < n.length; ) {
-      const y = Math.abs(e) - Math.abs(p), v = l[d];
+      const y = Math.abs(e) - Math.abs(p), g = l[d];
       z(
-        v != null,
+        g != null,
         `Previous layout not found for panel index ${d}`
       );
-      const S = v - y, x = W({
+      const v = g - y, x = H({
         panelConstraints: n[d],
-        size: S
+        size: v
       });
-      if (!R(v, x) && (p += v - x, a[d] = x, p.toFixed(3).localeCompare(Math.abs(e).toFixed(3), void 0, {
+      if (!R(g, x) && (p += g - x, a[d] = x, p.toFixed(3).localeCompare(Math.abs(e).toFixed(3), void 0, {
         numeric: !0
       }) >= 0))
         break;
       e < 0 ? d-- : d++;
     }
   }
-  if (lt(i, a))
-    return r;
+  if (at(r, a))
+    return i;
   {
     const c = e < 0 ? f : u, d = l[c];
     z(
       d != null,
       `Previous layout not found for panel index ${c}`
     );
-    const y = d + p, v = W({
+    const y = d + p, g = H({
       panelConstraints: n[c],
       size: y
     });
-    if (a[c] = v, !R(v, y)) {
-      let S = y - v, g = e < 0 ? f : u;
-      for (; g >= 0 && g < n.length; ) {
-        const b = a[g];
+    if (a[c] = g, !R(g, y)) {
+      let v = y - g, S = e < 0 ? f : u;
+      for (; S >= 0 && S < n.length; ) {
+        const b = a[S];
         z(
           b != null,
-          `Previous layout not found for panel index ${g}`
+          `Previous layout not found for panel index ${S}`
         );
-        const w = b + S, C = W({
-          panelConstraints: n[g],
+        const w = b + v, C = H({
+          panelConstraints: n[S],
           size: w
         });
-        if (R(b, C) || (S -= C - b, a[g] = C), R(S, 0))
+        if (R(b, C) || (v -= C - b, a[S] = C), R(v, 0))
           break;
-        e > 0 ? g-- : g++;
+        e > 0 ? S-- : S++;
       }
     }
   }
@@ -495,78 +495,78 @@ function Y({
     0
   );
   if (!R(m, 100, 0.1))
-    return r;
-  const h = Object.keys(r);
+    return i;
+  const h = Object.keys(i);
   return a.reduce((c, d, y) => (c[h[y]] = d, c), {});
 }
-function ne(e) {
+function te(e) {
   const t = e.parentElement;
   z(t, "Parent group element not found");
-  const { mountedGroups: n } = G();
+  const { mountedGroups: n } = D();
   for (const [o] of n)
     if (o.element === t)
       return o;
   throw Error("Could not find parent Group for separator element");
 }
-function K(e, t) {
+function W(e, t) {
   if (Object.keys(e).length !== Object.keys(t).length)
     return !1;
   for (const n in e)
-    if (t[n] === void 0 || q(e[n], t[n]) !== 0)
+    if (t[n] === void 0 || Y(e[n], t[n]) !== 0)
       return !1;
   return !0;
 }
-function N({
+function _({
   layout: e,
   panelConstraints: t
 }) {
-  const o = [...Object.values(e)], r = o.reduce(
-    (i, a) => i + a,
+  const o = [...Object.values(e)], i = o.reduce(
+    (r, a) => r + a,
     0
   );
   if (o.length !== t.length)
     throw Error(
-      `Invalid ${t.length} panel layout: ${o.map((i) => `${i}%`).join(", ")}`
+      `Invalid ${t.length} panel layout: ${o.map((r) => `${r}%`).join(", ")}`
     );
-  if (!R(r, 100) && o.length > 0)
-    for (let i = 0; i < t.length; i++) {
-      const a = o[i];
-      z(a != null, `No layout data found for index ${i}`);
-      const u = 100 / r * a;
-      o[i] = u;
+  if (!R(i, 100) && o.length > 0)
+    for (let r = 0; r < t.length; r++) {
+      const a = o[r];
+      z(a != null, `No layout data found for index ${r}`);
+      const u = 100 / i * a;
+      o[r] = u;
     }
   let 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 u = W({
-      panelConstraints: t[i],
+  for (let r = 0; r < t.length; r++) {
+    const a = o[r];
+    z(a != null, `No layout data found for index ${r}`);
+    const u = H({
+      panelConstraints: t[r],
       size: a
     });
-    a != u && (s += a - u, o[i] = u);
+    a != u && (s += a - u, o[r] = u);
   }
   if (!R(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 u = a + s, f = W({
-        panelConstraints: t[i],
+    for (let r = 0; r < t.length; r++) {
+      const a = o[r];
+      z(a != null, `No layout data found for index ${r}`);
+      const u = a + s, f = H({
+        panelConstraints: t[r],
         size: u
       });
-      if (a !== f && (s -= f - a, o[i] = f, R(s, 0)))
+      if (a !== f && (s -= f - a, o[r] = f, R(s, 0)))
         break;
     }
   const l = Object.keys(e);
-  return o.reduce((i, a, u) => (i[l[u]] = a, i), {});
+  return o.reduce((r, a, u) => (r[l[u]] = a, r), {});
 }
-function Ge({
+function ke({
   groupId: e
 }) {
   const t = () => {
-    const { mountedGroups: n } = G();
-    for (const [o, r] of n)
+    const { mountedGroups: n } = D();
+    for (const [o, i] of n)
       if (o.id === e)
-        return { group: o, ...r };
+        return { group: o, ...i };
     throw Error(`Could not find Group with id "${e}"`);
   };
   return {
@@ -577,48 +577,48 @@ function Ge({
     setLayout(n) {
       const {
         defaultLayoutDeferred: o,
-        derivedPanelConstraints: r,
+        derivedPanelConstraints: i,
         group: s,
         layout: l,
-        separatorToPanels: i
-      } = t(), a = N({
+        separatorToPanels: r
+      } = t(), a = _({
         layout: n,
-        panelConstraints: r
+        panelConstraints: i
       });
-      return o ? l : (K(l, a) || M((u) => ({
+      return o ? l : (W(l, a) || I((u) => ({
         mountedGroups: new Map(u.mountedGroups).set(s, {
           defaultLayoutDeferred: o,
-          derivedPanelConstraints: r,
+          derivedPanelConstraints: i,
           layout: a,
-          separatorToPanels: i
+          separatorToPanels: r
         })
       })), a);
     }
   };
 }
-function De(e) {
-  const { mountedGroups: t } = G(), n = t.get(e);
+function Ge(e) {
+  const { mountedGroups: t } = D(), n = t.get(e);
   return z(n, `Mounted Group ${e.id} not found`), n;
 }
-function T(e, t) {
-  const n = ne(e), o = De(n), r = n.separators.find(
+function O(e, t) {
+  const n = te(e), o = Ge(n), i = n.separators.find(
     (p) => p.element === e
   );
-  z(r, "Matching separator not found");
-  const s = o.separatorToPanels.get(r);
+  z(i, "Matching separator not found");
+  const s = o.separatorToPanels.get(i);
   z(s, "Matching panels not found");
-  const l = s.map((p) => n.panels.indexOf(p)), a = Ge({ groupId: n.id }).getLayout(), u = Y({
+  const l = s.map((p) => n.panels.indexOf(p)), a = ke({ groupId: n.id }).getLayout(), u = Z({
     delta: t,
     initialLayout: a,
     panelConstraints: o.derivedPanelConstraints,
     pivotIndices: l,
     prevLayout: a,
     trigger: "keyboard"
-  }), f = N({
+  }), f = _({
     layout: u,
     panelConstraints: o.derivedPanelConstraints
   });
-  K(a, f) || M((p) => ({
+  W(a, f) || I((p) => ({
     mountedGroups: new Map(p.mountedGroups).set(n, {
       defaultLayoutDeferred: o.defaultLayoutDeferred,
       derivedPanelConstraints: o.derivedPanelConstraints,
@@ -627,107 +627,107 @@ function T(e, t) {
     })
   }));
 }
-function ye(e) {
+function me(e) {
   if (e.defaultPrevented)
     return;
-  const t = e.currentTarget, n = ne(t);
+  const t = e.currentTarget, n = te(t);
   if (!n.disabled)
     switch (e.key) {
       case "ArrowDown": {
-        e.preventDefault(), n.orientation === "vertical" && T(t, 5);
+        e.preventDefault(), n.orientation === "vertical" && O(t, 5);
         break;
       }
       case "ArrowLeft": {
-        e.preventDefault(), n.orientation === "horizontal" && T(t, -5);
+        e.preventDefault(), n.orientation === "horizontal" && O(t, -5);
         break;
       }
       case "ArrowRight": {
-        e.preventDefault(), n.orientation === "horizontal" && T(t, 5);
+        e.preventDefault(), n.orientation === "horizontal" && O(t, 5);
         break;
       }
       case "ArrowUp": {
-        e.preventDefault(), n.orientation === "vertical" && T(t, -5);
+        e.preventDefault(), n.orientation === "vertical" && O(t, -5);
         break;
       }
       case "End": {
-        e.preventDefault(), T(t, 100);
+        e.preventDefault(), O(t, 100);
         break;
       }
       case "Enter": {
         e.preventDefault();
-        const o = ne(t), { derivedPanelConstraints: r, layout: s, separatorToPanels: l } = De(o), i = o.separators.find(
+        const o = te(t), { derivedPanelConstraints: i, layout: s, separatorToPanels: l } = Ge(o), r = o.separators.find(
           (p) => p.element === t
         );
-        z(i, "Matching separator not found");
-        const a = l.get(i);
+        z(r, "Matching separator not found");
+        const a = l.get(r);
         z(a, "Matching panels not found");
-        const u = a[0], f = r.find(
+        const u = a[0], f = i.find(
           (p) => p.panelId === u.id
         );
         if (z(f, "Panel metadata not found"), f.collapsible) {
           const p = s[u.id], m = f.collapsedSize === p ? o.inMemoryLastExpandedPanelSizes[u.id] ?? f.minSize : f.collapsedSize;
-          T(t, m - p);
+          O(t, m - p);
         }
         break;
       }
       case "F6": {
         e.preventDefault();
-        const r = ne(t).separators.map(
+        const i = te(t).separators.map(
           (a) => a.element
-        ), s = Array.from(r).findIndex(
+        ), s = Array.from(i).findIndex(
           (a) => a === e.currentTarget
         );
         z(s !== null, "Index not found");
-        const l = e.shiftKey ? s > 0 ? s - 1 : r.length - 1 : s + 1 < r.length ? s + 1 : 0;
-        r[l].focus();
+        const l = e.shiftKey ? s > 0 ? s - 1 : i.length - 1 : s + 1 < i.length ? s + 1 : 0;
+        i[l].focus();
         break;
       }
       case "Home": {
-        e.preventDefault(), T(t, -100);
+        e.preventDefault(), O(t, -100);
         break;
       }
     }
 }
-const ut = (e) => e, ie = () => {
-}, Oe = 1, Te = 2, _e = 4, Ne = 8, ge = {
+const lt = (e) => e, ne = () => {
+}, De = 1, Oe = 2, Te = 4, Ne = 8, he = {
   coarse: 10,
   precise: 5
 };
-function ct(e, t, n) {
-  let o, r = {
+function ut(e, t, n) {
+  let o, i = {
     x: 1 / 0,
     y: 1 / 0
   };
   for (const s of t) {
-    const l = Ie(n, s.rect);
+    const l = Ee(n, s.rect);
     switch (e) {
       case "horizontal": {
-        l.x <= r.x && (o = s, r = l);
+        l.x <= i.x && (o = s, i = l);
         break;
       }
       case "vertical": {
-        l.y <= r.y && (o = s, r = l);
+        l.y <= i.y && (o = s, i = l);
         break;
       }
     }
   }
   return o ? {
-    distance: r,
+    distance: i,
     hitRegion: o
   } : void 0;
 }
-let te;
-function ft() {
-  return te === void 0 && (typeof matchMedia == "function" ? te = !!matchMedia("(pointer:coarse)").matches : te = !1), te;
+let ee;
+function ct() {
+  return ee === void 0 && (typeof matchMedia == "function" ? ee = !!matchMedia("(pointer:coarse)").matches : ee = !1), ee;
 }
-function dt(e) {
+function ft(e) {
   return e !== null && typeof e == "object" && "nodeType" in e && e.nodeType === Node.DOCUMENT_FRAGMENT_NODE;
 }
-function pt(e, t) {
+function dt(e, t) {
   if (e === t) throw new Error("Cannot compare node with itself");
   const n = {
-    a: xe(e),
-    b: xe(t)
+    a: Se(e),
+    b: Se(t)
   };
   let o;
   for (; n.a.at(-1) === n.b.at(-1); )
@@ -736,104 +736,104 @@ function pt(e, t) {
     o,
     "Stacking order can only be calculated for elements with a common ancestor"
   );
-  const r = {
-    a: Se(ve(n.a)),
-    b: Se(ve(n.b))
+  const i = {
+    a: ge(ye(n.a)),
+    b: ge(ye(n.b))
   };
-  if (r.a === r.b) {
+  if (i.a === i.b) {
     const s = o.childNodes, l = {
       a: n.a.at(-1),
       b: n.b.at(-1)
     };
-    let i = s.length;
-    for (; i--; ) {
-      const a = s[i];
+    let r = s.length;
+    for (; r--; ) {
+      const a = s[r];
       if (a === l.a) return 1;
       if (a === l.b) return -1;
     }
   }
-  return Math.sign(r.a - r.b);
+  return Math.sign(i.a - i.b);
 }
-const mt = /\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;
-function ht(e) {
-  const t = getComputedStyle(Ae(e) ?? e).display;
+const pt = /\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;
+function mt(e) {
+  const t = getComputedStyle(_e(e) ?? e).display;
   return t === "flex" || t === "inline-flex";
 }
-function yt(e) {
+function ht(e) {
   const t = getComputedStyle(e);
-  return !!(t.position === "fixed" || t.zIndex !== "auto" && (t.position !== "static" || ht(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" || mt.test(t.willChange) || t.webkitOverflowScrolling === "touch");
+  return !!(t.position === "fixed" || t.zIndex !== "auto" && (t.position !== "static" || mt(e)) || +t.opacity < 1 || "transform" in t && t.transform !== "none" || "webkitTransform" in t && t.webkitTransform !== "none" || "mixBlendMode" in t && t.mixBlendMode !== "normal" || "filter" in t && t.filter !== "none" || "webkitFilter" in t && t.webkitFilter !== "none" || "isolation" in t && t.isolation === "isolate" || pt.test(t.willChange) || t.webkitOverflowScrolling === "touch");
 }
-function ve(e) {
+function ye(e) {
   let t = e.length;
   for (; t--; ) {
     const n = e[t];
-    if (z(n, "Missing node"), yt(n)) return n;
+    if (z(n, "Missing node"), ht(n)) return n;
   }
   return null;
 }
-function Se(e) {
+function ge(e) {
   return e && Number(getComputedStyle(e).zIndex) || 0;
 }
-function xe(e) {
+function Se(e) {
   const t = [];
   for (; e; )
-    t.push(e), e = Ae(e);
+    t.push(e), e = _e(e);
   return t;
 }
-function Ae(e) {
+function _e(e) {
   const { parentNode: t } = e;
-  return dt(t) ? t.host : t;
+  return ft(t) ? t.host : t;
 }
-function gt(e, t) {
+function yt(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 vt({
+function gt({
   groupElement: e,
   hitRegion: t,
   pointerEventTarget: n
 }) {
   if (!Me(n) || n.contains(e) || e.contains(n))
     return !0;
-  if (pt(n, e) > 0) {
+  if (dt(n, e) > 0) {
     let o = n;
     for (; o; ) {
       if (o.contains(e))
         return !0;
-      if (gt(o.getBoundingClientRect(), t))
+      if (yt(o.getBoundingClientRect(), t))
         return !1;
       o = o.parentElement;
     }
   }
   return !0;
 }
-function $e(e, t) {
+function Ae(e, t) {
   const n = [];
-  return t.forEach((o, r) => {
-    if (r.disabled)
+  return t.forEach((o, i) => {
+    if (i.disabled)
       return;
-    const s = ft() ? ge.coarse : ge.precise, l = ke(r), i = ct(r.orientation, l, {
+    const s = ct() ? he.coarse : he.precise, l = Ie(i), r = ut(i.orientation, l, {
       x: e.clientX,
       y: e.clientY
     });
-    i && i.distance.x <= s && i.distance.y <= s && vt({
-      groupElement: r.element,
-      hitRegion: i.hitRegion.rect,
+    r && r.distance.x <= s && r.distance.y <= s && gt({
+      groupElement: i.element,
+      hitRegion: r.hitRegion.rect,
       pointerEventTarget: e.target
-    }) && n.push(i.hitRegion);
+    }) && n.push(r.hitRegion);
   }), n;
 }
-function ze(e) {
+function ve(e) {
   if (e.defaultPrevented)
     return;
-  const { mountedGroups: t } = G(), n = $e(e, t), o = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Set(), s = /* @__PURE__ */ new Set(), l = /* @__PURE__ */ new Map();
-  let i = !1;
+  const { mountedGroups: t } = D(), n = Ae(e, t), o = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Set(), s = /* @__PURE__ */ new Set(), l = /* @__PURE__ */ new Map();
+  let r = !1;
   n.forEach((a) => {
     o.add(a.group), a.panels.forEach((f) => {
-      r.add(f);
-    }), a.separator && (s.add(a.separator), i || (i = !0, a.separator.element.focus()));
+      i.add(f);
+    }), a.separator && (s.add(a.separator), r || (r = !0, a.separator.element.focus()));
     const u = t.get(a.group);
     u && l.set(a.group, u.layout);
-  }), M({
+  }), I({
     interactionState: {
       hitRegions: n,
       initialLayoutMap: l,
@@ -847,7 +847,7 @@ function St({
   groups: t,
   state: n
 }) {
-  let o = 0, r = 0;
+  let o = 0, i = 0;
   switch (n) {
     case "active":
     case "hover":
@@ -859,23 +859,23 @@ function St({
               break;
             }
             case "vertical": {
-              r++;
+              i++;
               break;
             }
           }
       });
   }
-  if (o === 0 && r === 0)
+  if (o === 0 && i === 0)
     return null;
   switch (n) {
     case "active": {
-      const s = (e & Oe) !== 0, l = (e & Te) !== 0, i = (e & _e) !== 0, a = (e & Ne) !== 0;
+      const s = (e & De) !== 0, l = (e & Oe) !== 0, r = (e & Te) !== 0, a = (e & Ne) !== 0;
       if (e) {
         if (s)
-          return i ? "se-resize" : a ? "ne-resize" : "e-resize";
+          return r ? "se-resize" : a ? "ne-resize" : "e-resize";
         if (l)
-          return i ? "sw-resize" : a ? "nw-resize" : "w-resize";
-        if (i)
+          return r ? "sw-resize" : a ? "nw-resize" : "w-resize";
+        if (r)
           return "s-resize";
         if (a)
           return "n-resize";
@@ -883,23 +883,23 @@ function St({
       break;
     }
   }
-  return o > 0 && r > 0 ? "move" : o > 0 ? "ew-resize" : "ns-resize";
+  return o > 0 && i > 0 ? "move" : o > 0 ? "ew-resize" : "ns-resize";
 }
-const be = /* @__PURE__ */ new WeakMap();
-function le(e) {
+const xe = /* @__PURE__ */ new WeakMap();
+function se(e) {
   if (e.defaultView === null || e.defaultView === void 0)
     return;
-  let { prevStyle: t, styleSheet: n } = be.get(e) ?? {};
+  let { prevStyle: t, styleSheet: n } = xe.get(e) ?? {};
   n === void 0 && (n = new e.defaultView.CSSStyleSheet(), e.adoptedStyleSheets = [n]);
-  const { cursorFlags: o, interactionState: r } = G();
-  switch (r.state) {
+  const { cursorFlags: o, interactionState: i } = D();
+  switch (i.state) {
     case "active":
     case "hover": {
       const s = St({
         cursorFlags: o,
-        groups: r.hitRegions.map((i) => i.group),
-        state: r.state
-      }), l = `*{cursor: ${s} !important; ${r.state === "active" ? "touch-action: none;" : ""} }`;
+        groups: i.hitRegions.map((r) => r.group),
+        state: i.state
+      }), l = `*{cursor: ${s} !important; ${i.state === "active" ? "touch-action: none;" : ""} }`;
       if (t === l)
         return;
       t = l, s ? n.cssRules.length === 0 ? n.insertRule(l) : n.replaceSync(l) : n.cssRules.length === 1 && n.deleteRule(0);
@@ -910,73 +910,73 @@ function le(e) {
       break;
     }
   }
-  be.set(e, {
+  xe.set(e, {
     prevStyle: t,
     styleSheet: n
   });
 }
-function Fe({
+function $e({
   document: e,
   event: t,
   hitRegions: n,
   initialLayoutMap: o,
-  mountedGroups: r,
+  mountedGroups: i,
   pointerDownAtPoint: s
 }) {
   let l = 0;
-  const i = new Map(r);
+  const r = new Map(i);
   n.forEach((a) => {
     const { group: u, groupSize: f } = a, { disableCursor: p, orientation: m, panels: h } = u;
     let c = 0;
     s ? m === "horizontal" ? c = (t.clientX - s.x) / f * 100 : c = (t.clientY - s.y) / f * 100 : m === "horizontal" ? c = t.clientX < 0 ? -100 : 100 : c = t.clientY < 0 ? -100 : 100;
     const d = o.get(u), {
       defaultLayoutDeferred: y,
-      derivedPanelConstraints: v,
-      layout: S,
+      derivedPanelConstraints: g,
+      layout: v,
       separatorToPanels: x
-    } = r.get(u) ?? { defaultLayoutDeferred: !1 };
-    if (v && d && S && x) {
-      const g = Y({
+    } = i.get(u) ?? { defaultLayoutDeferred: !1 };
+    if (g && d && v && x) {
+      const S = Z({
         delta: c,
         initialLayout: d,
-        panelConstraints: v,
+        panelConstraints: g,
         pivotIndices: a.panels.map((b) => h.indexOf(b)),
-        prevLayout: S,
+        prevLayout: v,
         trigger: "mouse-or-touch"
       });
-      if (K(g, S)) {
+      if (W(S, v)) {
         if (c !== 0 && !p)
           switch (m) {
             case "horizontal": {
-              l |= c < 0 ? Oe : Te;
+              l |= c < 0 ? De : Oe;
               break;
             }
             case "vertical": {
-              l |= c < 0 ? _e : Ne;
+              l |= c < 0 ? Te : Ne;
               break;
             }
           }
       } else {
-        i.set(a.group, {
+        r.set(a.group, {
           defaultLayoutDeferred: y,
-          derivedPanelConstraints: v,
-          layout: g,
+          derivedPanelConstraints: g,
+          layout: S,
           separatorToPanels: x
         });
         const b = a.group.panels.map(({ id: w }) => w).join(",");
-        a.group.inMemoryLayouts[b] = g;
+        a.group.inMemoryLayouts[b] = S;
       }
     }
-  }), M({
+  }), I({
     cursorFlags: l,
-    mountedGroups: i
-  }), le(e);
+    mountedGroups: r
+  }), se(e);
 }
-function we(e) {
-  const { interactionState: t, mountedGroups: n } = G();
+function ze(e) {
+  const { interactionState: t, mountedGroups: n } = D();
   switch (t.state) {
     case "active":
-      Fe({
+      $e({
         document: e.currentTarget,
         event: e,
         hitRegions: t.hitRegions,
@@ -985,17 +985,17 @@ function we(e) {
       });
   }
 }
-function Le(e) {
+function be(e) {
   if (e.defaultPrevented)
     return;
-  const { interactionState: t, mountedGroups: n } = G();
+  const { interactionState: t, mountedGroups: n } = D();
   switch (t.state) {
     case "active": {
       if (
         // Skip this check for "pointerleave" events, else Firefox triggers a false positive (see #514)
         e.buttons === 0
       ) {
-        M(
+        I(
           (o) => o.interactionState.state === "inactive" ? o : {
             cursorFlags: 0,
             interactionState: {
@@ -1005,7 +1005,7 @@ function Le(e) {
         );
         return;
       }
-      Fe({
+      $e({
         document: e.currentTarget,
         event: e,
         hitRegions: t.hitRegions,
@@ -1016,68 +1016,68 @@ function Le(e) {
       break;
     }
     default: {
-      const o = $e(e, n);
-      o.length === 0 ? t.state !== "inactive" && M({
+      const o = Ae(e, n);
+      o.length === 0 ? t.state !== "inactive" && I({
         interactionState: { state: "inactive" }
-      }) : M({
+      }) : I({
         interactionState: {
           hitRegions: o,
           state: "hover"
         }
-      }), le(e.currentTarget);
+      }), se(e.currentTarget);
       break;
     }
   }
 }
-function Pe(e) {
+function we(e) {
   if (e.defaultPrevented)
     return;
   e.preventDefault();
-  const { interactionState: t } = G();
+  const { interactionState: t } = D();
   switch (t.state) {
     case "active":
-      M({
+      I({
         cursorFlags: 0,
         interactionState: {
           state: "inactive"
         }
-      }), le(e.currentTarget);
+      }), se(e.currentTarget);
   }
 }
-function Re(e) {
+function Le(e) {
   let t = 0, n = 0;
   const o = {};
   for (const s of e)
     if (s.defaultSize !== void 0) {
       t++;
-      const l = k(s.defaultSize);
+      const l = G(s.defaultSize);
       n += l, o[s.panelId] = l;
     } else
       o[s.panelId] = void 0;
-  const r = e.length - t;
-  if (r !== 0) {
-    const s = k((100 - n) / r);
+  const i = e.length - t;
+  if (i !== 0) {
+    const s = G((100 - n) / i);
     for (const l of e)
       l.defaultSize === void 0 && (o[l.panelId] = s);
   }
   return o;
 }
-function xt(e, t, n) {
+function vt(e, t, n) {
   const o = n[0];
   if (!o)
     return;
-  const r = e.panels.find((a) => a.element === t);
-  if (!r || !r.onResize)
+  const i = e.panels.find((a) => a.element === t);
+  if (!i || !i.onResize)
     return;
-  const s = U({ group: e }), l = r.mutableValues.prevSize, i = {
-    asPercentage: k(
+  const s = B({ group: e }), l = i.mutableValues.prevSize, r = {
+    asPercentage: G(
       o.inlineSize / s * 100
     ),
     inPixels: o.inlineSize
   };
-  r.mutableValues.prevSize = i, r.onResize(i, r.id, l);
+  i.mutableValues.prevSize = r, i.onResize(r, i.id, l);
 }
-function zt(e, t) {
+function xt(e, t) {
   if (Object.keys(e).length !== Object.keys(t).length)
     return !1;
   for (const o in e)
@@ -1085,45 +1085,45 @@ function zt(e, t) {
       return !1;
   return !0;
 }
-function bt(e, t) {
-  const n = e.map((r) => r.id), o = Object.keys(t);
+function zt(e, t) {
+  const n = e.map((i) => i.id), o = Object.keys(t);
   if (n.length !== o.length)
     return !1;
-  for (const r of n)
-    if (!o.includes(r))
+  for (const i of n)
+    if (!o.includes(i))
       return !1;
   return !0;
 }
-const B = /* @__PURE__ */ new Map();
-function wt(e) {
+const j = /* @__PURE__ */ new Map();
+function bt(e) {
   let t = !0;
   z(
     e.element.ownerDocument.defaultView,
     "Cannot register an unmounted Group"
   );
-  const n = e.element.ownerDocument.defaultView.ResizeObserver, o = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Set(), s = new n((c) => {
+  const n = e.element.ownerDocument.defaultView.ResizeObserver, o = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Set(), s = new n((c) => {
     for (const d of c) {
-      const { borderBoxSize: y, target: v } = d;
-      if (v === e.element) {
+      const { borderBoxSize: y, target: g } = d;
+      if (g === e.element) {
         if (t) {
-          if (U({ group: e }) === 0)
+          if (B({ group: e }) === 0)
             return;
-          M((x) => {
-            const g = x.mountedGroups.get(e);
-            if (g) {
-              const b = he(e), w = g.defaultLayoutDeferred ? Re(b) : g.layout, C = N({
+          I((x) => {
+            const S = x.mountedGroups.get(e);
+            if (S) {
+              const b = pe(e), w = S.defaultLayoutDeferred ? Le(b) : S.layout, C = _({
                 layout: w,
                 panelConstraints: b
               });
-              return !g.defaultLayoutDeferred && K(w, C) && zt(
-                g.derivedPanelConstraints,
+              return !S.defaultLayoutDeferred && W(w, C) && xt(
+                S.derivedPanelConstraints,
                 b
               ) ? x : {
                 mountedGroups: new Map(x.mountedGroups).set(e, {
                   defaultLayoutDeferred: !1,
                   derivedPanelConstraints: b,
                   layout: C,
-                  separatorToPanels: g.separatorToPanels
+                  separatorToPanels: S.separatorToPanels
                 })
               };
             }
@@ -1131,7 +1131,7 @@ function wt(e) {
           });
         }
       } else
-        xt(e, v, y);
+        vt(e, g, y);
     }
   });
   s.observe(e.element), e.panels.forEach((c) => {
@@ -1140,61 +1140,65 @@ function wt(e) {
       `Panel ids must be unique; id "${c.id}" was used more than once`
     ), o.add(c.id), c.onResize && s.observe(c.element);
   });
-  const l = U({ group: e }), i = he(e), a = e.panels.map(({ id: c }) => c).join(",");
+  const l = B({ group: e }), r = pe(e), a = e.panels.map(({ id: c }) => c).join(",");
   let u = e.defaultLayout;
-  u && (bt(e.panels, u) || (u = void 0));
-  const f = e.inMemoryLayouts[a] ?? u ?? Re(i), p = N({
+  u && (zt(e.panels, u) || (u = void 0));
+  const f = e.inMemoryLayouts[a] ?? u ?? Le(r), p = _({
     layout: f,
-    panelConstraints: i
-  }), m = ke(e), h = e.element.ownerDocument;
-  return M((c) => {
+    panelConstraints: r
+  }), m = Ie(e), h = e.element.ownerDocument;
+  return I((c) => {
     const d = /* @__PURE__ */ new Map();
-    return B.set(
+    return j.set(
       h,
-      (B.get(h) ?? 0) + 1
+      (j.get(h) ?? 0) + 1
     ), m.forEach((y) => {
       y.separator && d.set(y.separator, y.panels);
     }), {
       mountedGroups: new Map(c.mountedGroups).set(e, {
         defaultLayoutDeferred: l === 0,
-        derivedPanelConstraints: i,
+        derivedPanelConstraints: r,
         layout: p,
         separatorToPanels: d
       })
     };
   }), e.separators.forEach((c) => {
     z(
-      !r.has(c.id),
+      !i.has(c.id),
       `Separator ids must be unique; id "${c.id}" was used more than once`
-    ), r.add(c.id), c.element.addEventListener("keydown", ye);
-  }), B.get(h) === 1 && (h.addEventListener("pointerdown", ze), h.addEventListener("pointerleave", we), h.addEventListener("pointermove", Le), h.addEventListener("pointerup", Pe)), function() {
-    t = !1, B.set(
+    ), i.add(c.id), c.element.addEventListener("keydown", me);
+  }), j.get(h) === 1 && (h.addEventListener("pointerdown", ve), h.addEventListener("pointerleave", ze), h.addEventListener("pointermove", be), h.addEventListener("pointerup", we)), function() {
+    t = !1, j.set(
       h,
-      Math.max(0, (B.get(h) ?? 0) - 1)
-    ), M((d) => {
+      Math.max(0, (j.get(h) ?? 0) - 1)
+    ), I((d) => {
       const y = new Map(d.mountedGroups);
       return y.delete(e), { mountedGroups: y };
     }), e.separators.forEach((d) => {
-      d.element.removeEventListener("keydown", ye);
-    }), B.get(h) || (h.removeEventListener("pointerdown", ze), h.removeEventListener("pointerleave", we), h.removeEventListener("pointermove", Le), h.removeEventListener("pointerup", Pe)), s.disconnect();
+      d.element.removeEventListener("keydown", me);
+    }), j.get(h) || (h.removeEventListener("pointerdown", ve), h.removeEventListener("pointerleave", ze), h.removeEventListener("pointermove", be), h.removeEventListener("pointerup", we)), s.disconnect();
   };
 }
-function ue(e) {
+function wt() {
+  const [e, t] = N({}), n = Pe(() => t({}), []);
+  return [e, n];
+}
+function ae(e) {
   const t = Ke();
   return `${e ?? t}`;
 }
-const A = typeof window < "u" ? Xe : Ce;
-function ce(e) {
-  const t = I(e);
+const A = typeof window < "u" ? Xe : Re;
+function le(e) {
+  const t = E(e);
   return A(() => {
     t.current = e;
-  }, [e]), qe(
+  }, [e]), Pe(
     (...n) => t.current?.(...n),
     [t]
   );
 }
-function fe(...e) {
-  return ce((t) => {
+function ue(...e) {
+  return le((t) => {
     e.forEach((n) => {
       if (n)
         switch (typeof n) {
@@ -1211,146 +1215,159 @@ function fe(...e) {
   });
 }
 function Lt(e) {
-  const t = I({ ...e });
+  const t = E({ ...e });
   return A(() => {
     for (const n in e)
       t.current[n] = e[n];
   }, [e]), t.current;
 }
-const je = "--react-resizable-panels--panel--pointer-events";
-function He(e, t) {
+const Fe = "--react-resizable-panels--panel--pointer-events";
+function Ve(e, t) {
   const n = e.replace(/[^a-zA-Z0-9\-_]/g, ""), o = t.replace(/[^a-zA-Z0-9\-_]/g, "");
   return `--react-resizable-panels--${n}--${o}`;
 }
-const Ve = Ye(null);
+const je = qe(null);
 function Pt(e, t) {
-  const n = I({
+  const n = E({
     getLayout: () => ({}),
-    setLayout: ut
+    setLayout: lt
   });
-  Ee(t, () => n.current, []), A(() => {
+  Ce(t, () => n.current, []), A(() => {
     Object.assign(
       n.current,
-      Ge({ groupId: e })
+      ke({ groupId: e })
     );
   });
 }
-function Tt({
+function Rt({
   children: e,
   className: t,
   defaultLayout: n,
   disableCursor: o,
-  disabled: r,
+  disabled: i,
   elementRef: s,
   groupRef: l,
-  id: i,
+  id: r,
   onLayoutChange: a,
   orientation: u = "horizontal",
   style: f,
   ...p
 }) {
-  const m = I({}), h = ce((L) => {
-    K(m.current, L) || (m.current = L, a?.(L));
-  }), c = ue(i), [d, y] = D(!1), v = I(null), [S, x] = D(n ?? {}), [g, b] = D([]), [w, C] = D([]), $ = I({
+  const m = E({}), h = le((L) => {
+    W(m.current, L) || (m.current = L, a?.(L));
+  }), c = ae(r), d = E(null), [y, g] = N(!1), [v, x] = N(n ?? {}), [S, b] = wt(), w = E({
     lastExpandedPanelSizes: {},
-    layouts: {}
-  }), oe = fe(v, s);
+    layouts: {},
+    panels: [],
+    separators: []
+  }), C = ue(d, s);
   Pt(c, l);
-  const Z = se(
+  const U = re(
     () => ({
       id: c,
       orientation: u,
-      registerPanel: (L) => (b((P) => ae(u, [...P, L])), () => {
-        b((P) => P.filter((O) => O !== L));
-      }),
-      registerSeparator: (L) => (C(
-        (P) => ae(u, [...P, L])
-      ), () => {
-        C(
-          (P) => P.filter((O) => O !== L)
-        );
-      })
+      registerPanel: (L) => {
+        const P = w.current;
+        return P.panels = ie(u, [
+          ...P.panels,
+          L
+        ]), b(), () => {
+          P.panels = P.panels.filter(
+            (k) => k !== L
+          ), b();
+        };
+      },
+      registerSeparator: (L) => {
+        const P = w.current;
+        return P.separators = ie(u, [
+          ...P.separators,
+          L
+        ]), b(), () => {
+          P.separators = P.separators.filter(
+            (k) => k !== L
+          ), b();
+        };
+      }
     }),
-    [c, u]
-  ), F = Lt({
+    [c, b, u]
+  ), K = Lt({
     defaultLayout: n,
     disableCursor: o
-  }), j = I(null);
+  }), $ = E(null);
   A(() => {
-    const L = v.current;
+    const L = d.current;
     if (L === null)
       return;
-    const P = {
-      defaultLayout: F.defaultLayout,
-      disableCursor: !!F.disableCursor,
-      disabled: !!r,
+    const P = w.current, k = {
+      defaultLayout: K.defaultLayout,
+      disableCursor: !!K.disableCursor,
+      disabled: !!i,
       element: L,
       id: c,
-      inMemoryLastExpandedPanelSizes: $.current.lastExpandedPanelSizes,
-      inMemoryLayouts: $.current.layouts,
+      inMemoryLastExpandedPanelSizes: w.current.lastExpandedPanelSizes,
+      inMemoryLayouts: w.current.layouts,
       orientation: u,
-      panels: g,
-      separators: w
+      panels: P.panels,
+      separators: P.separators
     };
-    j.current = P;
-    const O = wt(P), pe = G().mountedGroups.get(P);
-    if (pe) {
-      const { defaultLayoutDeferred: H, derivedPanelConstraints: V, layout: Q } = pe;
-      !H && V.length > 0 && (x(Q), h?.(Q));
+    $.current = k;
+    const He = bt(k), fe = D().mountedGroups.get(k);
+    if (fe) {
+      const { defaultLayoutDeferred: F, derivedPanelConstraints: V, layout: J } = fe;
+      !F && V.length > 0 && (x(J), h?.(J));
     }
-    const Be = _.addListener(
+    const Be = T.addListener(
       "interactionStateChange",
-      (H) => {
-        switch (H.state) {
+      (F) => {
+        switch (F.state) {
           case "active": {
-            y(
-              H.hitRegions.some(
-                (V) => V.group === P
+            g(
+              F.hitRegions.some(
+                (V) => V.group === k
               )
             );
             break;
           }
           default: {
-            y(!1);
+            g(!1);
             break;
           }
         }
       }
-    ), We = _.addListener(
+    ), We = T.addListener(
       "mountedGroupsChange",
-      (H) => {
-        const V = H.get(P);
+      (F) => {
+        const V = F.get(k);
         if (V) {
-          const { defaultLayoutDeferred: Q, derivedPanelConstraints: Ue, layout: me } = V;
-          if (Q || Ue.length === 0)
+          const { defaultLayoutDeferred: J, derivedPanelConstraints: Ue, layout: de } = V;
+          if (J || Ue.length === 0)
             return;
-          x(me), h?.(me);
+          x(de), h?.(de);
         }
       }
     );
     return () => {
-      j.current = null, O(), Be(), We();
+      $.current = null, He(), Be(), We();
     };
   }, [
-    r,
+    i,
     c,
     h,
     u,
-    g,
-    w,
-    F
-  ]), Ce(() => {
-    const L = j.current;
+    S,
+    K
+  ]), Re(() => {
+    const L = $.current;
     L && (L.defaultLayout = n, L.disableCursor = !!o);
   });
-  const J = {
-    [je]: d ? "none" : void 0
+  const X = {
+    [Fe]: y ? "none" : void 0
   };
-  for (const L in S) {
-    const P = He(c, L), O = S[L];
-    J[P] = O;
+  for (const L in v) {
+    const P = Ve(c, L), k = v[L];
+    X[P] = k;
   }
-  return /* @__PURE__ */ X(Ve.Provider, { value: Z, children: /* @__PURE__ */ X(
+  return /* @__PURE__ */ q(je.Provider, { value: U, children: /* @__PURE__ */ q(
     "div",
     {
       ...p,
@@ -1359,10 +1376,10 @@ function Tt({
       "data-group": !0,
       "data-testid": c,
       id: c,
-      ref: oe,
+      ref: C,
       style: {
         ...f,
-        ...J,
+        ...X,
         display: "flex",
         flexDirection: u === "horizontal" ? "row" : "column",
         flexWrap: "nowrap"
@@ -1371,7 +1388,8 @@ function Tt({
     }
   ) });
 }
-function Rt(e, t = 10) {
+Rt.displayName = "Group";
+function Ct(e, t = 10) {
   let n = null;
   return (o) => {
     n !== null && clearTimeout(n), n = setTimeout(() => {
@@ -1379,51 +1397,51 @@ function Rt(e, t = 10) {
     }, t);
   };
 }
-function re(e, t) {
+function oe(e, t) {
   return `react-resizable-panels:${[e, ...t].join(":")}`;
 }
-function _t({
+function At({
   debounceSaveMs: e = 100,
   panelIds: t,
   storage: n,
   ...o
 }) {
-  const r = t !== void 0, s = "id" in o ? o.id : o.groupId, l = re(s, t ?? []), i = Ze(
-    Ct,
+  const i = t !== void 0, s = "id" in o ? o.id : o.groupId, l = oe(s, t ?? []), r = Ye(
+    Mt,
     () => n.getItem(l),
     () => n.getItem(l)
-  ), a = se(
-    () => i ? JSON.parse(i) : void 0,
-    [i]
-  ), u = se(() => {
+  ), a = re(
+    () => r ? JSON.parse(r) : void 0,
+    [r]
+  ), u = re(() => {
     const f = (p) => {
       let m;
-      r ? m = re(s, Object.keys(p)) : m = re(s, []);
+      i ? m = oe(s, Object.keys(p)) : m = oe(s, []);
       try {
         n.setItem(m, JSON.stringify(p));
       } catch (h) {
         console.error(h);
       }
     };
-    return e > 0 ? Rt(f, e) : f;
-  }, [e, r, s, n]);
+    return e > 0 ? Ct(f, e) : f;
+  }, [e, i, s, n]);
   return {
     defaultLayout: a,
     onLayoutChange: u
   };
 }
-function Ct() {
+function Mt() {
   return function() {
   };
 }
-function Nt() {
-  return D(null);
+function $t() {
+  return N(null);
 }
-function At() {
-  return I(null);
+function Ft() {
+  return E(null);
 }
-function de() {
-  const e = Je(Ve);
+function ce() {
+  const e = Ze(je);
   return z(
     e,
     "Group Context not found; did you render a Panel or Separator outside of a Group?"
@@ -1434,7 +1452,7 @@ function Et({
   panelId: t
 }) {
   const n = () => {
-    const { mountedGroups: i } = G();
+    const { mountedGroups: r } = D();
     for (const [
       a,
       {
@@ -1443,7 +1461,7 @@ function Et({
         layout: p,
         separatorToPanels: m
       }
-    ] of i)
+    ] of r)
       if (a.id === e)
         return {
           defaultLayoutDeferred: u,
@@ -1454,25 +1472,25 @@ function Et({
         };
     throw Error(`Group ${e} not found`);
   }, o = () => {
-    const i = n().derivedPanelConstraints.find(
+    const r = n().derivedPanelConstraints.find(
       (a) => a.panelId === t
     );
-    if (i !== void 0)
-      return i;
+    if (r !== void 0)
+      return r;
     throw Error(`Panel constraints not found for Panel ${t}`);
-  }, r = () => {
-    const i = n().group.panels.find((a) => a.id === t);
-    if (i !== void 0)
-      return i;
+  }, i = () => {
+    const r = n().group.panels.find((a) => a.id === t);
+    if (r !== void 0)
+      return r;
     throw Error(`Layout not found for Panel ${t}`);
   }, s = () => {
-    const i = n().layout[t];
-    if (i !== void 0)
-      return i;
+    const r = n().layout[t];
+    if (r !== void 0)
+      return r;
     throw Error(`Layout not found for Panel ${t}`);
-  }, l = (i) => {
+  }, l = (r) => {
     const a = s();
-    if (i === a)
+    if (r === a)
       return;
     const {
       defaultLayoutDeferred: u,
@@ -1480,60 +1498,60 @@ function Et({
       group: p,
       layout: m,
       separatorToPanels: h
-    } = n(), c = p.panels.findIndex((S) => S.id === t), d = c === p.panels.length - 1, y = Y({
-      delta: d ? a - i : i - a,
+    } = n(), c = p.panels.findIndex((v) => v.id === t), d = c === p.panels.length - 1, y = Z({
+      delta: d ? a - r : r - a,
       initialLayout: m,
       panelConstraints: f,
       pivotIndices: d ? [c - 1, c] : [c, c + 1],
       prevLayout: m,
       trigger: "imperative-api"
-    }), v = N({
+    }), g = _({
       layout: y,
       panelConstraints: f
     });
-    K(m, v) || M((S) => ({
-      mountedGroups: new Map(S.mountedGroups).set(p, {
+    W(m, g) || I((v) => ({
+      mountedGroups: new Map(v.mountedGroups).set(p, {
         defaultLayoutDeferred: u,
         derivedPanelConstraints: f,
-        layout: v,
+        layout: g,
         separatorToPanels: h
       })
     }));
   };
   return {
     collapse: () => {
-      const { collapsible: i, collapsedSize: a } = o(), { mutableValues: u } = r(), f = s();
-      i && f !== a && (u.expandToSize = f, l(a));
+      const { collapsible: r, collapsedSize: a } = o(), { mutableValues: u } = i(), f = s();
+      r && f !== a && (u.expandToSize = f, l(a));
     },
     expand: () => {
-      const { collapsible: i, collapsedSize: a, minSize: u } = o(), { mutableValues: f } = r(), p = s();
-      if (i && p === a) {
+      const { collapsible: r, collapsedSize: a, minSize: u } = o(), { mutableValues: f } = i(), p = s();
+      if (r && p === a) {
         let m = f.expandToSize ?? u;
         m === 0 && (m = 1), l(m);
       }
     },
     getSize: () => {
-      const { group: i } = n(), a = s(), { element: u } = r(), f = i.orientation === "horizontal" ? u.offsetWidth : u.offsetHeight;
+      const { group: r } = n(), a = s(), { element: u } = i(), f = r.orientation === "horizontal" ? u.offsetWidth : u.offsetHeight;
       return {
         asPercentage: a,
         inPixels: f
       };
     },
     isCollapsed: () => {
-      const { collapsible: i, collapsedSize: a } = o(), u = s();
-      return i && R(a, u);
+      const { collapsible: r, collapsedSize: a } = o(), u = s();
+      return r && R(a, u);
     },
-    resize: (i) => {
-      if (s() !== i) {
+    resize: (r) => {
+      if (s() !== r) {
         let u;
-        switch (typeof i) {
+        switch (typeof r) {
           case "number": {
-            const { group: f } = n(), p = U({ group: f });
-            u = k(i / p * 100);
+            const { group: f } = n(), p = B({ group: f });
+            u = G(r / p * 100);
             break;
           }
           case "string": {
-            u = parseFloat(i);
+            u = parseFloat(r);
             break;
           }
         }
@@ -1542,48 +1560,48 @@ function Et({
     }
   };
 }
-function Mt(e, t) {
-  const { id: n } = de(), o = I({
-    collapse: ie,
-    expand: ie,
+function It(e, t) {
+  const { id: n } = ce(), o = E({
+    collapse: ne,
+    expand: ne,
     getSize: () => ({
       asPercentage: 0,
       inPixels: 0
     }),
     isCollapsed: () => !1,
-    resize: ie
+    resize: ne
   });
-  Ee(t, () => o.current, []), A(() => {
+  Ce(t, () => o.current, []), A(() => {
     Object.assign(
       o.current,
       Et({ groupId: n, panelId: e })
     );
   });
 }
-function $t({
+function kt({
   children: e,
   className: t,
   collapsedSize: n = "0%",
   collapsible: o = !1,
-  defaultSize: r,
+  defaultSize: i,
   elementRef: s,
   id: l,
-  maxSize: i = "100%",
+  maxSize: r = "100%",
   minSize: a = "0%",
   onResize: u,
   panelRef: f,
   style: p,
   ...m
 }) {
-  const h = !!l, c = ue(l), d = I(null), y = fe(d, s), { id: v, registerPanel: S } = de(), x = u !== null, g = ce(
-    (w, C, $) => {
-      u?.(w, l, $);
+  const h = !!l, c = ae(l), d = E(null), y = ue(d, s), { id: g, registerPanel: v } = ce(), x = u !== null, S = le(
+    (w, C, U) => {
+      u?.(w, l, U);
     }
   );
   A(() => {
     const w = d.current;
     if (w !== null)
-      return S({
+      return v({
         element: w,
         id: c,
         idIsStable: h,
@@ -1591,29 +1609,29 @@ function $t({
           expandToSize: void 0,
           prevSize: void 0
         },
-        onResize: x ? g : void 0,
+        onResize: x ? S : void 0,
         panelConstraints: {
           collapsedSize: n,
           collapsible: o,
-          defaultSize: r,
-          maxSize: i,
+          defaultSize: i,
+          maxSize: r,
           minSize: a
         }
       });
   }, [
     n,
     o,
-    r,
+    i,
     x,
     c,
     h,
-    i,
+    r,
     a,
-    g,
-    S
-  ]), Mt(c, f);
-  const b = He(v, c);
-  return /* @__PURE__ */ X(
+    S,
+    v
+  ]), It(c, f);
+  const b = Ve(g, c);
+  return /* @__PURE__ */ q(
     "div",
     {
       ...m,
@@ -1622,7 +1640,7 @@ function $t({
       id: c,
       ref: y,
       style: {
-        ...It,
+        ...Gt,
         flexBasis: 0,
         flexGrow: `var(${b}, 1)`,
         flexShrink: 1,
@@ -1630,9 +1648,9 @@ function $t({
         overflow: "hidden",
         // Disable pointer events inside of a panel during resize
         // This avoid edge cases like nested iframes
-        pointerEvents: `var(${je})`
+        pointerEvents: `var(${Fe})`
       },
-      children: /* @__PURE__ */ X(
+      children: /* @__PURE__ */ q(
         "div",
         {
           className: t,
@@ -1647,7 +1665,8 @@ function $t({
     }
   );
 }
-const It = {
+kt.displayName = "Panel";
+const Gt = {
   minHeight: "unset",
   maxHeight: "unset",
   height: "unset",
@@ -1663,26 +1682,26 @@ const It = {
   padding: "unset",
   margin: "unset"
 };
-function Ft() {
-  return D(null);
+function Vt() {
+  return N(null);
 }
 function jt() {
-  return I(null);
+  return E(null);
 }
-function kt({
+function Dt({
   layout: e,
   panelConstraints: t,
   panelId: n,
   panelIndex: o
 }) {
-  let r, s;
-  const l = e[n], i = t.find(
+  let i, s;
+  const l = e[n], r = t.find(
     (a) => a.panelId === n
   );
-  if (i) {
-    const a = i.maxSize, u = s = i.collapsible ? i.collapsedSize : i.minSize, f = [o, o + 1];
-    s = N({
-      layout: Y({
+  if (r) {
+    const a = r.maxSize, u = s = r.collapsible ? r.collapsedSize : r.minSize, f = [o, o + 1];
+    s = _({
+      layout: Z({
         delta: u - l,
         initialLayout: e,
         panelConstraints: t,
@@ -1691,8 +1710,8 @@ function kt({
         trigger: "keyboard"
       }),
       panelConstraints: t
-    })[n], r = N({
-      layout: Y({
+    })[n], i = _({
+      layout: Z({
         delta: a - l,
         initialLayout: e,
         panelConstraints: t,
@@ -1705,53 +1724,54 @@ function kt({
   }
   return {
     valueControls: n,
-    valueMax: r,
+    valueMax: i,
     valueMin: s,
     valueNow: l
   };
 }
-function Ht({
+function Ot({
   children: e,
   className: t,
   elementRef: n,
   id: o,
-  style: r,
+  style: i,
   ...s
 }) {
-  const l = ue(o), [i, a] = D({}), [u, f] = D("inactive"), [p, m] = D(null), h = fe(m, n), {
-    id: c,
-    orientation: d,
-    registerSeparator: y
-  } = de(), v = d === "horizontal" ? "vertical" : "horizontal";
+  const l = ae(o), [r, a] = N({}), [u, f] = N("inactive"), p = E(null), m = ue(p, n), {
+    id: h,
+    orientation: c,
+    registerSeparator: d
+  } = ce(), y = c === "horizontal" ? "vertical" : "horizontal";
   return A(() => {
-    if (p !== null) {
-      const S = {
-        element: p,
+    const g = p.current;
+    if (g !== null) {
+      const v = {
+        element: g,
         id: l
-      }, x = y(S), g = _.addListener(
+      }, x = d(v), S = T.addListener(
         "interactionStateChange",
         (w) => {
           f(
             w.state !== "inactive" && w.hitRegions.some(
-              (C) => C.separator === S
+              (C) => C.separator === v
             ) ? w.state : "inactive"
           );
         }
-      ), b = _.addListener(
+      ), b = T.addListener(
         "mountedGroupsChange",
         (w) => {
           w.forEach(
-            ({ derivedPanelConstraints: C, layout: $, separatorToPanels: oe }, Z) => {
-              if (Z.id === c) {
-                const F = oe.get(S);
-                if (F) {
-                  const j = F[0], J = Z.panels.indexOf(j);
+            ({ derivedPanelConstraints: C, layout: U, separatorToPanels: K }, $) => {
+              if ($.id === h) {
+                const X = K.get(v);
+                if (X) {
+                  const L = X[0], P = $.panels.indexOf(L);
                   a(
-                    kt({
-                      layout: $,
+                    Dt({
+                      layout: U,
                       panelConstraints: C,
-                      panelId: j.id,
-                      panelIndex: J
+                      panelId: L.id,
+                      panelIndex: P
                     })
                   );
                 }
@@ -1761,28 +1781,28 @@ function Ht({
         }
       );
       return () => {
-        g(), b(), x();
+        S(), b(), x();
       };
     }
-  }, [p, c, l, y]), /* @__PURE__ */ X(
+  }, [h, l, d]), /* @__PURE__ */ q(
     "div",
     {
       ...s,
-      "aria-controls": i.valueControls,
-      "aria-orientation": v,
-      "aria-valuemax": i.valueMax,
-      "aria-valuemin": i.valueMin,
-      "aria-valuenow": i.valueNow,
+      "aria-controls": r.valueControls,
+      "aria-orientation": y,
+      "aria-valuemax": r.valueMax,
+      "aria-valuemin": r.valueMin,
+      "aria-valuenow": r.valueNow,
       children: e,
       className: t,
       "data-separator": u,
       "data-testid": l,
       id: l,
-      ref: h,
+      ref: m,
       role: "separator",
       style: {
         flexBasis: "auto",
-        ...r,
+        ...i,
         flexGrow: 0,
         flexShrink: 0
       },
@@ -1790,14 +1810,15 @@ function Ht({
     }
   );
 }
+Ot.displayName = "Separator";
 export {
-  Tt as Group,
-  $t as Panel,
-  Ht as Separator,
-  _t as useDefaultLayout,
-  Nt as useGroupCallbackRef,
-  At as useGroupRef,
-  Ft as usePanelCallbackRef,
+  Rt as Group,
+  kt as Panel,
+  Ot as Separator,
+  At as useDefaultLayout,
+  $t as useGroupCallbackRef,
+  Ft as useGroupRef,
+  Vt as usePanelCallbackRef,
   jt as usePanelRef
 };
 //# sourceMappingURL=react-resizable-panels.js.map