react-resizable-panels 4.0.13 → 4.0.14

package/dist/react-resizable-panels.js

@@ -1,30 +1,33 @@
 "use client";
 import { jsx as K } from "react/jsx-runtime";
-import { useId as Ve, useLayoutEffect as Ke, useEffect as Re, useRef as O, useCallback as Xe, createContext as Ye, useImperativeHandle as Ee, useState as I, useMemo as se, useSyncExternalStore as qe, useContext as Ze } from "react";
+import { useId as Ke, useLayoutEffect as Xe, useEffect as Re, useRef as D, useCallback as qe, createContext as Ye, useImperativeHandle as Ee, useState as k, useMemo as ie, useSyncExternalStore as Ze, useContext as Je } from "react";
 function z(e, t = "Assertion error") {
   if (!e)
     throw Error(t);
 }
-function B({
+function W({
   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 se(e, t) {
   return t.sort(
-    e === "horizontal" ? Je : Qe
+    e === "horizontal" ? Qe : et
   );
 }
-function Je(e, t) {
+function Qe(e, t) {
   const n = e.element.offsetLeft - t.element.offsetLeft;
   return n !== 0 ? n : e.element.offsetWidth - t.element.offsetWidth;
 }
-function Qe(e, t) {
+function et(e, t) {
   const n = e.element.offsetTop - t.element.offsetTop;
   return n !== 0 ? n : e.element.offsetHeight - t.element.offsetHeight;
 }
-function Me(e, t) {
+function Me(e) {
+  return e !== null && typeof e == "object" && "nodeType" in e && e.nodeType === Node.ELEMENT_NODE;
+}
+function ke(e, t) {
   return {
     x: e.x >= t.left && e.x <= t.right ? 0 : Math.min(
       Math.abs(e.x - t.left),
@@ -36,7 +39,7 @@ function Me(e, t) {
     )
   };
 }
-function et({
+function tt({
   orientation: e,
   rects: t,
   targetRect: n
@@ -45,109 +48,109 @@ function et({
     x: n.x + n.width / 2,
     y: n.y + n.height / 2
   };
-  let r, a = Number.MAX_VALUE;
+  let i, s = Number.MAX_VALUE;
   for (const l of t) {
-    const { x: i, y: s } = Me(o, l), u = e === "horizontal" ? i : s;
-    u < a && (a = u, r = l);
+    const { x: r, y: a } = ke(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 Ie(e) {
-  const { element: t, orientation: n, panels: o, separators: r } = e, a = ae(
+  const { element: t, orientation: n, panels: o, separators: i } = e, s = se(
     n,
-    Array.from(t.children).filter((c) => c instanceof HTMLElement).map((c) => ({ element: c }))
-  ).map(({ element: c }) => c), l = [];
-  let i = !1, s, u = [];
-  for (const c of a)
-    if (c.hasAttribute("data-panel")) {
-      const h = o.find(
-        (m) => m.element === c
+    Array.from(t.children).filter(Me).map((f) => ({ element: f }))
+  ).map(({ element: f }) => f), l = [];
+  let r = !1, a, u = [];
+  for (const f of s)
+    if (f.hasAttribute("data-panel")) {
+      const p = o.find(
+        (m) => m.element === f
       );
-      if (h) {
-        if (s) {
-          const m = s.element.getBoundingClientRect(), p = c.getBoundingClientRect();
-          let f;
-          if (i) {
+      if (p) {
+        if (a) {
+          const m = a.element.getBoundingClientRect(), h = f.getBoundingClientRect();
+          let c;
+          if (r) {
             const d = n === "horizontal" ? new DOMRect(m.right, m.top, 0, m.height) : new DOMRect(
               m.left,
               m.bottom,
               m.width,
               0
-            ), g = n === "horizontal" ? new DOMRect(p.left, p.top, 0, p.height) : new DOMRect(p.left, p.top, p.width, 0);
+            ), y = n === "horizontal" ? new DOMRect(h.left, h.top, 0, h.height) : new DOMRect(h.left, h.top, h.width, 0);
             switch (u.length) {
               case 0: {
-                f = [
+                c = [
                   d,
-                  g
+                  y
                 ];
                 break;
               }
               case 1: {
-                const v = u[0], S = et({
+                const v = u[0], S = tt({
                   orientation: n,
-                  rects: [m, p],
+                  rects: [m, h],
                   targetRect: v.element.getBoundingClientRect()
                 });
-                f = [
+                c = [
                   v,
-                  S === m ? g : d
+                  S === m ? y : d
                 ];
                 break;
               }
               default: {
-                f = u;
+                c = u;
                 break;
               }
             }
           } else
-            u.length ? f = u : f = [
+            u.length ? c = u : c = [
               n === "horizontal" ? new DOMRect(
                 m.right,
-                p.top,
-                p.left - m.right,
-                p.height
+                h.top,
+                h.left - m.right,
+                h.height
               ) : new DOMRect(
-                p.left,
+                h.left,
                 m.bottom,
-                p.width,
-                p.top - m.bottom
+                h.width,
+                h.top - m.bottom
               )
             ];
-          for (const d of f)
+          for (const d of c)
             l.push({
               group: e,
-              groupSize: B({ group: e }),
-              panels: [s, h],
+              groupSize: W({ group: e }),
+              panels: [a, p],
               separator: "width" in d ? void 0 : d,
               rect: "width" in d ? d : d.element.getBoundingClientRect()
             });
         }
-        i = !1, s = h, u = [];
+        r = !1, a = p, u = [];
       }
-    } else if (c.hasAttribute("data-separator")) {
-      const h = r.find(
-        (m) => m.element === c
+    } else if (f.hasAttribute("data-separator")) {
+      const p = i.find(
+        (m) => m.element === f
       );
-      h ? u.push(h) : (s = void 0, u = []);
+      p ? u.push(p) : (a = void 0, u = []);
     } else
-      i = !0;
+      r = !0;
   return l;
 }
-function tt(e, t) {
+function nt(e, t) {
   const n = getComputedStyle(e), o = parseFloat(n.fontSize);
   return t * o;
 }
-function nt(e, t) {
+function ot(e, t) {
   const n = getComputedStyle(e.ownerDocument.body), o = parseFloat(n.fontSize);
   return t * o;
 }
-function ot(e) {
+function rt(e) {
   return e / 100 * window.innerHeight;
 }
 function it(e) {
   return e / 100 * window.innerWidth;
 }
-function rt(e) {
+function st(e) {
   switch (typeof e) {
     case "number":
       return [e, "px"];
@@ -163,40 +166,40 @@ function te({
   styleProp: n
 }) {
   let o;
-  const [r, a] = rt(n);
-  switch (a) {
+  const [i, s] = st(n);
+  switch (s) {
     case "%": {
-      o = r / 100 * e;
+      o = i / 100 * e;
       break;
     }
     case "px": {
-      o = r;
+      o = i;
       break;
     }
     case "rem": {
-      o = nt(t, r);
+      o = ot(t, i);
       break;
     }
     case "em": {
-      o = tt(t, r);
+      o = nt(t, i);
       break;
     }
     case "vh": {
-      o = ot(r);
+      o = rt(i);
       break;
     }
     case "vw": {
-      o = it(r);
+      o = it(i);
       break;
     }
   }
   return o;
 }
-function k(e) {
+function I(e) {
   return parseFloat(e.toFixed(3));
 }
-function ge(e) {
-  const { panels: t } = e, n = B({ group: e });
+function me(e) {
+  const { panels: t } = e, n = W({ group: e });
   return n === 0 ? t.map((o) => ({
     collapsedSize: 0,
     collapsible: o.panelConstraints.collapsible === !0,
@@ -205,54 +208,54 @@ function ge(e) {
     maxSize: 100,
     panelId: o.id
   })) : t.map((o) => {
-    const { element: r, panelConstraints: a } = o;
+    const { element: i, panelConstraints: s } = o;
     let l = 0;
-    if (a.collapsedSize) {
-      const c = te({
+    if (s.collapsedSize) {
+      const f = te({
         groupSize: n,
-        panelElement: r,
-        styleProp: a.collapsedSize
+        panelElement: i,
+        styleProp: s.collapsedSize
       });
-      l = k(c / n * 100);
+      l = I(f / n * 100);
     }
-    let i;
-    if (a.defaultSize) {
-      const c = te({
+    let r;
+    if (s.defaultSize) {
+      const f = te({
         groupSize: n,
-        panelElement: r,
-        styleProp: a.defaultSize
+        panelElement: i,
+        styleProp: s.defaultSize
       });
-      i = k(c / n * 100);
+      r = I(f / n * 100);
     }
-    let s = 0;
-    if (a.minSize) {
-      const c = te({
+    let a = 0;
+    if (s.minSize) {
+      const f = te({
         groupSize: n,
-        panelElement: r,
-        styleProp: a.minSize
+        panelElement: i,
+        styleProp: s.minSize
       });
-      s = k(c / n * 100);
+      a = I(f / n * 100);
     }
     let u = 100;
-    if (a.maxSize) {
-      const c = te({
+    if (s.maxSize) {
+      const f = te({
         groupSize: n,
-        panelElement: r,
-        styleProp: a.maxSize
+        panelElement: i,
+        styleProp: s.maxSize
       });
-      u = k(c / n * 100);
+      u = I(f / n * 100);
     }
     return {
       collapsedSize: l,
-      collapsible: a.collapsible === !0,
-      defaultSize: i,
-      minSize: s,
+      collapsible: s.collapsible === !0,
+      defaultSize: r,
+      minSize: a,
       maxSize: u,
       panelId: o.id
     };
   });
 }
-class st {
+class at {
   #e = {};
   addListener(t, n) {
     const o = this.#e[t];
@@ -266,18 +269,18 @@ class st {
       if (o.length === 1)
         o[0].call(null, n);
       else {
-        let r = !1, a = null;
+        let i = !1, s = null;
         const l = Array.from(o);
-        for (let i = 0; i < l.length; i++) {
-          const s = l[i];
+        for (let r = 0; r < l.length; r++) {
+          const a = l[r];
           try {
-            s.call(null, n);
+            a.call(null, n);
           } catch (u) {
-            a === null && (r = !0, a = u);
+            s === null && (i = !0, s = u);
           }
         }
-        if (r)
-          throw a;
+        if (i)
+          throw s;
       }
   }
   removeAllListeners() {
@@ -286,13 +289,13 @@ class st {
   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 P(e, t, n = 0) {
-  return Math.abs(k(e) - k(t)) <= n;
+function C(e, t, n = 0) {
+  return Math.abs(I(e) - I(t)) <= n;
 }
 let R = {
   cursorFlags: 0,
@@ -301,8 +304,8 @@ let R = {
   },
   mountedGroups: /* @__PURE__ */ new Map()
 };
-const _ = new st();
-function D() {
+const T = new at();
+function G() {
   return R;
 }
 function E(e) {
@@ -313,96 +316,25 @@ function E(e) {
   return R = {
     ...R,
     ...t
-  }, t.cursorFlags !== void 0 && _.emit("cursorFlagsChange", R.cursorFlags), t.interactionState !== void 0 && _.emit("interactionStateChange", R.interactionState), t.mountedGroups !== void 0 && (R.mountedGroups.forEach((o, r) => {
-    o.derivedPanelConstraints.forEach((a) => {
-      if (a.collapsible) {
-        const { layout: l } = n.mountedGroups.get(r) ?? {};
+  }, t.cursorFlags !== void 0 && T.emit("cursorFlagsChange", R.cursorFlags), t.interactionState !== void 0 && T.emit("interactionStateChange", R.interactionState), t.mountedGroups !== void 0 && (R.mountedGroups.forEach((o, i) => {
+    o.derivedPanelConstraints.forEach((s) => {
+      if (s.collapsible) {
+        const { layout: l } = n.mountedGroups.get(i) ?? {};
         if (l) {
-          const i = P(
-            a.collapsedSize,
-            o.layout[a.panelId]
-          ), s = P(
-            a.collapsedSize,
-            l[a.panelId]
+          const r = C(
+            s.collapsedSize,
+            o.layout[s.panelId]
+          ), a = C(
+            s.collapsedSize,
+            l[s.panelId]
           );
-          i && !s && (r.inMemoryLastExpandedPanelSizes[a.panelId] = l[a.panelId]);
+          r && !a && (i.inMemoryLastExpandedPanelSizes[s.panelId] = l[s.panelId]);
         }
       }
     });
-  }), _.emit("mountedGroupsChange", R.mountedGroups)), R;
+  }), T.emit("mountedGroupsChange", R.mountedGroups)), R;
 }
-const at = (e) => e, ie = () => {
-}, ke = 1, Ge = 2, De = 4, Oe = 8, ye = {
-  coarse: 10,
-  precise: 5
-};
-function lt({
-  cursorFlags: e,
-  groups: t,
-  state: n
-}) {
-  let o = 0, r = 0;
-  switch (n) {
-    case "active":
-    case "hover":
-      t.forEach((a) => {
-        if (!a.disableCursor)
-          switch (a.orientation) {
-            case "horizontal": {
-              o++;
-              break;
-            }
-            case "vertical": {
-              r++;
-              break;
-            }
-          }
-      });
-  }
-  if (o === 0 && r === 0)
-    return null;
-  switch (n) {
-    case "active": {
-      const a = (e & ke) !== 0, l = (e & Ge) !== 0, i = (e & De) !== 0, s = (e & Oe) !== 0;
-      if (e) {
-        if (a)
-          return i ? "se-resize" : s ? "ne-resize" : "e-resize";
-        if (l)
-          return i ? "sw-resize" : s ? "nw-resize" : "w-resize";
-        if (i)
-          return "s-resize";
-        if (s)
-          return "n-resize";
-      }
-      break;
-    }
-  }
-  return o > 0 && r > 0 ? "move" : o > 0 ? "ew-resize" : "ns-resize";
-}
-let re, G;
-function le() {
-  G === void 0 && (G = new CSSStyleSheet(), document.adoptedStyleSheets = [G]);
-  const { cursorFlags: e, interactionState: t } = D();
-  switch (t.state) {
-    case "active":
-    case "hover": {
-      const n = lt({
-        cursorFlags: e,
-        groups: t.hitRegions.map((r) => r.group),
-        state: t.state
-      }), o = `*{cursor: ${n} !important; ${t.state === "active" ? "touch-action: none;" : ""} }`;
-      if (re === o)
-        return;
-      re = o, n ? G.cssRules.length === 0 ? G.insertRule(o) : G.replaceSync(o) : G.cssRules.length === 1 && G.deleteRule(0);
-      break;
-    }
-    case "inactive": {
-      re = void 0, G.cssRules.length === 1 && G.deleteRule(0);
-      break;
-    }
-  }
-}
-function ut(e, t) {
+function lt(e, t) {
   if (e.length !== t.length)
     return !1;
   for (let n = 0; n < e.length; n++)
@@ -411,306 +343,230 @@ function ut(e, t) {
   return !0;
 }
 function X(e, t) {
-  return P(e, t) ? 0 : e > t ? 1 : -1;
+  return C(e, t) ? 0 : e > t ? 1 : -1;
 }
-function W({
+function B({
   panelConstraints: e,
   size: t
 }) {
   const {
     collapsedSize: n = 0,
     collapsible: o,
-    maxSize: r = 100,
-    minSize: a = 0
+    maxSize: i = 100,
+    minSize: s = 0
   } = e;
-  if (X(t, a) < 0)
+  if (X(t, s) < 0)
     if (o) {
-      const l = (n + a) / 2;
-      X(t, l) < 0 ? t = n : t = a;
+      const l = (n + s) / 2;
+      X(t, l) < 0 ? t = n : t = s;
     } else
-      t = a;
-  return t = Math.min(r, t), t = k(t), t;
+      t = s;
+  return t = Math.min(i, t), t = I(t), t;
 }
-function Y({
+function q({
   delta: e,
   initialLayout: t,
   panelConstraints: n,
   pivotIndices: o,
-  prevLayout: r,
-  trigger: a
+  prevLayout: i,
+  trigger: s
 }) {
-  if (P(e, 0))
+  if (C(e, 0))
     return t;
-  const l = Object.values(t), i = Object.values(r), s = [...l], [u, c] = o;
-  z(u != null, "Invalid first pivot index"), z(c != null, "Invalid second pivot index");
-  let h = 0;
-  if (a === "keyboard") {
+  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") {
     {
-      const f = e < 0 ? c : u, d = n[f];
+      const c = e < 0 ? f : u, d = n[c];
       z(
         d,
-        `Panel constraints not found for index ${f}`
+        `Panel constraints not found for index ${c}`
       );
       const {
-        collapsedSize: g = 0,
+        collapsedSize: y = 0,
         collapsible: v,
         minSize: S = 0
       } = d;
       if (v) {
-        const x = l[f];
+        const x = l[c];
         if (z(
           x != null,
-          `Previous layout not found for panel index ${f}`
-        ), P(x, g)) {
-          const y = S - x;
-          X(y, Math.abs(e)) > 0 && (e = e < 0 ? 0 - y : y);
+          `Previous layout not found for panel index ${c}`
+        ), C(x, y)) {
+          const g = S - x;
+          X(g, Math.abs(e)) > 0 && (e = e < 0 ? 0 - g : g);
         }
       }
     }
     {
-      const f = e < 0 ? u : c, d = n[f];
+      const c = e < 0 ? u : f, d = n[c];
       z(
         d,
-        `No panel constraints found for index ${f}`
+        `No panel constraints found for index ${c}`
       );
       const {
-        collapsedSize: g = 0,
+        collapsedSize: y = 0,
         collapsible: v,
         minSize: S = 0
       } = d;
       if (v) {
-        const x = l[f];
+        const x = l[c];
         if (z(
           x != null,
-          `Previous layout not found for panel index ${f}`
-        ), P(x, S)) {
-          const y = x - g;
-          X(y, Math.abs(e)) > 0 && (e = e < 0 ? 0 - y : y);
+          `Previous layout not found for panel index ${c}`
+        ), C(x, S)) {
+          const g = x - y;
+          X(g, Math.abs(e)) > 0 && (e = e < 0 ? 0 - g : g);
         }
       }
     }
   }
   {
-    const f = e < 0 ? 1 : -1;
-    let d = e < 0 ? c : u, g = 0;
+    const c = e < 0 ? 1 : -1;
+    let d = e < 0 ? f : u, y = 0;
     for (; ; ) {
       const S = l[d];
       z(
         S != null,
         `Previous layout not found for panel index ${d}`
       );
-      const y = W({
+      const g = B({
         panelConstraints: n[d],
         size: 100
       }) - S;
-      if (g += y, d += f, d < 0 || d >= n.length)
+      if (y += g, d += c, d < 0 || d >= n.length)
         break;
     }
-    const v = Math.min(Math.abs(e), Math.abs(g));
+    const v = Math.min(Math.abs(e), Math.abs(y));
     e = e < 0 ? 0 - v : v;
   }
   {
-    let d = e < 0 ? u : c;
+    let d = e < 0 ? u : f;
     for (; d >= 0 && d < n.length; ) {
-      const g = Math.abs(e) - Math.abs(h), v = l[d];
+      const y = Math.abs(e) - Math.abs(p), v = l[d];
       z(
         v != null,
         `Previous layout not found for panel index ${d}`
       );
-      const S = v - g, x = W({
+      const S = v - y, x = B({
         panelConstraints: n[d],
         size: S
       });
-      if (!P(v, x) && (h += v - x, s[d] = x, h.toFixed(3).localeCompare(Math.abs(e).toFixed(3), void 0, {
+      if (!C(v, x) && (p += v - x, a[d] = x, p.toFixed(3).localeCompare(Math.abs(e).toFixed(3), void 0, {
         numeric: !0
       }) >= 0))
         break;
       e < 0 ? d-- : d++;
     }
   }
-  if (ut(i, s))
-    return r;
+  if (lt(r, a))
+    return i;
   {
-    const f = e < 0 ? c : u, d = l[f];
+    const c = e < 0 ? f : u, d = l[c];
     z(
       d != null,
-      `Previous layout not found for panel index ${f}`
+      `Previous layout not found for panel index ${c}`
     );
-    const g = d + h, v = W({
-      panelConstraints: n[f],
-      size: g
+    const y = d + p, v = B({
+      panelConstraints: n[c],
+      size: y
     });
-    if (s[f] = v, !P(v, g)) {
-      let S = g - v, y = e < 0 ? c : u;
-      for (; y >= 0 && y < n.length; ) {
-        const b = s[y];
+    if (a[c] = v, !C(v, y)) {
+      let S = y - v, g = e < 0 ? f : u;
+      for (; g >= 0 && g < n.length; ) {
+        const w = a[g];
         z(
-          b != null,
-          `Previous layout not found for panel index ${y}`
+          w != null,
+          `Previous layout not found for panel index ${g}`
         );
-        const L = b + S, C = W({
-          panelConstraints: n[y],
+        const L = w + S, P = B({
+          panelConstraints: n[g],
           size: L
         });
-        if (P(b, C) || (S -= C - b, s[y] = C), P(S, 0))
+        if (C(w, P) || (S -= P - w, a[g] = P), C(S, 0))
           break;
-        e > 0 ? y-- : y++;
+        e > 0 ? g-- : g++;
       }
     }
   }
-  const m = Object.values(s).reduce(
-    (f, d) => d + f,
+  const m = Object.values(a).reduce(
+    (c, d) => d + c,
     0
   );
-  if (!P(m, 100, 0.1))
-    return r;
-  const p = Object.keys(r);
-  return s.reduce((f, d, g) => (f[p[g]] = d, f), {});
-}
-function U(e, t) {
-  if (Object.keys(e).length !== Object.keys(t).length)
-    return !1;
-  for (const n in e)
-    if (t[n] === void 0 || X(e[n], t[n]) !== 0)
-      return !1;
-  return !0;
-}
-function Te({
-  event: e,
-  hitRegions: t,
-  initialLayoutMap: n,
-  mountedGroups: o,
-  pointerDownAtPoint: r
-}) {
-  let a = 0;
-  const l = new Map(o);
-  t.forEach((i) => {
-    const { group: s, groupSize: u } = i, { disableCursor: c, orientation: h, panels: m } = s;
-    let p = 0;
-    r ? h === "horizontal" ? p = (e.clientX - r.x) / u * 100 : p = (e.clientY - r.y) / u * 100 : h === "horizontal" ? p = e.clientX < 0 ? -100 : 100 : p = e.clientY < 0 ? -100 : 100;
-    const f = n.get(s), {
-      defaultLayoutDeferred: d,
-      derivedPanelConstraints: g,
-      layout: v,
-      separatorToPanels: S
-    } = o.get(s) ?? { defaultLayoutDeferred: !1 };
-    if (g && f && v && S) {
-      const x = Y({
-        delta: p,
-        initialLayout: f,
-        panelConstraints: g,
-        pivotIndices: i.panels.map((y) => m.indexOf(y)),
-        prevLayout: v,
-        trigger: "mouse-or-touch"
-      });
-      if (U(x, v)) {
-        if (p !== 0 && !c)
-          switch (h) {
-            case "horizontal": {
-              a |= p < 0 ? ke : Ge;
-              break;
-            }
-            case "vertical": {
-              a |= p < 0 ? De : Oe;
-              break;
-            }
-          }
-      } else {
-        l.set(i.group, {
-          defaultLayoutDeferred: d,
-          derivedPanelConstraints: g,
-          layout: x,
-          separatorToPanels: S
-        });
-        const y = i.group.panels.map(({ id: b }) => b).join(",");
-        i.group.inMemoryLayouts[y] = x;
-      }
-    }
-  }), E({
-    cursorFlags: a,
-    mountedGroups: l
-  }), le();
-}
-function ve(e) {
-  if (e.defaultPrevented)
-    return;
-  if (e.relatedTarget !== null)
-    return;
-  if (e.clientX === 0 && e.clientY === 0)
-    return;
-  const { interactionState: t, mountedGroups: n } = D();
-  switch (t.state) {
-    case "active":
-      t.hitRegions.forEach((o) => {
-        e.currentTarget === o.group.element && Te({
-          event: e,
-          hitRegions: t.hitRegions,
-          initialLayoutMap: t.initialLayoutMap,
-          mountedGroups: n
-        });
-      });
-  }
+  if (!C(m, 100, 0.1))
+    return i;
+  const h = Object.keys(i);
+  return a.reduce((c, d, y) => (c[h[y]] = d, c), {});
 }
 function oe(e) {
   const t = e.parentElement;
   z(t, "Parent group element not found");
-  const { mountedGroups: n } = D();
+  const { mountedGroups: n } = G();
   for (const [o] of n)
     if (o.element === t)
       return o;
   throw Error("Could not find parent Group for separator element");
 }
-function A({
+function V(e, t) {
+  if (Object.keys(e).length !== Object.keys(t).length)
+    return !1;
+  for (const n in e)
+    if (t[n] === void 0 || X(e[n], t[n]) !== 0)
+      return !1;
+  return !0;
+}
+function _({
   layout: e,
   panelConstraints: t
 }) {
-  const o = [...Object.values(e)], r = o.reduce(
-    (i, s) => i + s,
+  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 (!P(r, 100) && o.length > 0)
-    for (let i = 0; i < t.length; i++) {
-      const s = o[i];
-      z(s != null, `No layout data found for index ${i}`);
-      const u = 100 / r * s;
-      o[i] = u;
+  if (!C(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 a = 0;
-  for (let i = 0; i < t.length; i++) {
-    const s = o[i];
-    z(s != null, `No layout data found for index ${i}`);
-    const u = W({
-      panelConstraints: t[i],
-      size: s
+  let s = 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 = B({
+      panelConstraints: t[r],
+      size: a
     });
-    s != u && (a += s - u, o[i] = u);
+    a != u && (s += a - u, o[r] = u);
   }
-  if (!P(a, 0))
-    for (let i = 0; i < t.length; i++) {
-      const s = o[i];
-      z(s != null, `No layout data found for index ${i}`);
-      const u = s + a, c = W({
-        panelConstraints: t[i],
+  if (!C(s, 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 = a + s, f = B({
+        panelConstraints: t[r],
         size: u
       });
-      if (s !== c && (a -= c - s, o[i] = c, P(a, 0)))
+      if (a !== f && (s -= f - a, o[r] = f, C(s, 0)))
         break;
     }
   const l = Object.keys(e);
-  return o.reduce((i, s, u) => (i[l[u]] = s, i), {});
+  return o.reduce((r, a, u) => (r[l[u]] = a, r), {});
 }
-function _e({
+function Ge({
   groupId: e
 }) {
   const t = () => {
-    const { mountedGroups: n } = D();
-    for (const [o, r] of n)
+    const { mountedGroups: n } = G();
+    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 {
@@ -721,137 +577,142 @@ function _e({
     setLayout(n) {
       const {
         defaultLayoutDeferred: o,
-        derivedPanelConstraints: r,
-        group: a,
+        derivedPanelConstraints: i,
+        group: s,
         layout: l,
-        separatorToPanels: i
-      } = t(), s = A({
+        separatorToPanels: r
+      } = t(), a = _({
         layout: n,
-        panelConstraints: r
+        panelConstraints: i
       });
-      return o ? l : (U(l, s) || E((u) => ({
-        mountedGroups: new Map(u.mountedGroups).set(a, {
+      return o ? l : (V(l, a) || E((u) => ({
+        mountedGroups: new Map(u.mountedGroups).set(s, {
           defaultLayoutDeferred: o,
-          derivedPanelConstraints: r,
-          layout: s,
-          separatorToPanels: i
+          derivedPanelConstraints: i,
+          layout: a,
+          separatorToPanels: r
         })
-      })), s);
+      })), a);
     }
   };
 }
-function Ae(e) {
-  const { mountedGroups: t } = D(), n = t.get(e);
+function De(e) {
+  const { mountedGroups: t } = G(), n = t.get(e);
   return z(n, `Mounted Group ${e.id} not found`), n;
 }
-function T(e, t) {
-  const n = oe(e), o = Ae(n), r = n.separators.find(
-    (h) => h.element === e
+function O(e, t) {
+  const n = oe(e), o = De(n), i = n.separators.find(
+    (p) => p.element === e
   );
-  z(r, "Matching separator not found");
-  const a = o.separatorToPanels.get(r);
-  z(a, "Matching panels not found");
-  const l = a.map((h) => n.panels.indexOf(h)), s = _e({ groupId: n.id }).getLayout(), u = Y({
+  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 = q({
     delta: t,
-    initialLayout: s,
+    initialLayout: a,
     panelConstraints: o.derivedPanelConstraints,
     pivotIndices: l,
-    prevLayout: s,
+    prevLayout: a,
     trigger: "keyboard"
-  }), c = A({
+  }), f = _({
     layout: u,
     panelConstraints: o.derivedPanelConstraints
   });
-  U(s, c) || E((h) => ({
-    mountedGroups: new Map(h.mountedGroups).set(n, {
+  V(a, f) || E((p) => ({
+    mountedGroups: new Map(p.mountedGroups).set(n, {
       defaultLayoutDeferred: o.defaultLayoutDeferred,
       derivedPanelConstraints: o.derivedPanelConstraints,
-      layout: c,
+      layout: f,
       separatorToPanels: o.separatorToPanels
     })
   }));
 }
-function Se(e) {
+function ye(e) {
   if (e.defaultPrevented)
     return;
   const t = e.currentTarget, n = oe(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 = oe(t), { derivedPanelConstraints: r, layout: a, separatorToPanels: l } = Ae(o), i = o.separators.find(
-          (h) => h.element === t
+        const o = oe(t), { derivedPanelConstraints: i, layout: s, separatorToPanels: l } = De(o), r = o.separators.find(
+          (p) => p.element === t
         );
-        z(i, "Matching separator not found");
-        const s = l.get(i);
-        z(s, "Matching panels not found");
-        const u = s[0], c = r.find(
-          (h) => h.panelId === u.id
+        z(r, "Matching separator not found");
+        const a = l.get(r);
+        z(a, "Matching panels not found");
+        const u = a[0], f = i.find(
+          (p) => p.panelId === u.id
         );
-        if (z(c, "Panel metadata not found"), c.collapsible) {
-          const h = a[u.id], m = c.collapsedSize === h ? o.inMemoryLastExpandedPanelSizes[u.id] ?? c.minSize : c.collapsedSize;
-          T(t, m - h);
+        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;
+          O(t, m - p);
         }
         break;
       }
       case "F6": {
         e.preventDefault();
-        const r = oe(t).separators.map(
-          (s) => s.element
-        ), a = Array.from(r).findIndex(
-          (s) => s === e.currentTarget
+        const i = oe(t).separators.map(
+          (a) => a.element
+        ), s = Array.from(i).findIndex(
+          (a) => a === e.currentTarget
         );
-        z(a !== null, "Index not found");
-        const l = e.shiftKey ? a > 0 ? a - 1 : r.length - 1 : a + 1 < r.length ? a + 1 : 0;
-        r[l].focus();
+        z(s !== null, "Index not found");
+        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, re = () => {
+}, Oe = 1, Te = 2, _e = 4, Ne = 8, ge = {
+  coarse: 10,
+  precise: 5
+};
 function ct(e, t, n) {
-  let o, r = {
+  let o, i = {
     x: 1 / 0,
     y: 1 / 0
   };
-  for (const a of t) {
-    const l = Me(n, a.rect);
+  for (const s of t) {
+    const l = ke(n, s.rect);
     switch (e) {
       case "horizontal": {
-        l.x <= r.x && (o = a, r = l);
+        l.x <= i.x && (o = s, i = l);
         break;
       }
       case "vertical": {
-        l.y <= r.y && (o = a, r = l);
+        l.y <= i.y && (o = s, i = l);
         break;
       }
     }
   }
   return o ? {
-    distance: r,
+    distance: i,
     hitRegion: o
   } : void 0;
 }
@@ -859,11 +720,14 @@ let ne;
 function ft() {
   return ne === void 0 && (typeof matchMedia == "function" ? ne = !!matchMedia("(pointer:coarse)").matches : ne = !1), ne;
 }
-function dt(e, t) {
+function dt(e) {
+  return e !== null && typeof e == "object" && "nodeType" in e && e.nodeType === Node.DOCUMENT_FRAGMENT_NODE;
+}
+function pt(e, t) {
   if (e === t) throw new Error("Cannot compare node with itself");
   const n = {
-    a: we(e),
-    b: we(t)
+    a: xe(e),
+    b: xe(t)
   };
   let o;
   for (; n.a.at(-1) === n.b.at(-1); )
@@ -872,65 +736,65 @@ function dt(e, t) {
     o,
     "Stacking order can only be calculated for elements with a common ancestor"
   );
-  const r = {
-    a: ze(xe(n.a)),
-    b: ze(xe(n.b))
+  const i = {
+    a: Se(ve(n.a)),
+    b: Se(ve(n.b))
   };
-  if (r.a === r.b) {
-    const a = o.childNodes, l = {
+  if (i.a === i.b) {
+    const s = o.childNodes, l = {
       a: n.a.at(-1),
       b: n.b.at(-1)
     };
-    let i = a.length;
-    for (; i--; ) {
-      const s = a[i];
-      if (s === l.a) return 1;
-      if (s === l.b) return -1;
+    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 pt = /\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;
-function ht(e) {
-  const t = getComputedStyle(Ne(e) ?? e).display;
+const ht = /\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;
+function mt(e) {
+  const t = getComputedStyle(Ae(e) ?? e).display;
   return t === "flex" || t === "inline-flex";
 }
-function mt(e) {
+function yt(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" || pt.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" || ht.test(t.willChange) || t.webkitOverflowScrolling === "touch");
 }
-function xe(e) {
+function ve(e) {
   let t = e.length;
   for (; t--; ) {
     const n = e[t];
-    if (z(n, "Missing node"), mt(n)) return n;
+    if (z(n, "Missing node"), yt(n)) return n;
   }
   return null;
 }
-function ze(e) {
+function Se(e) {
   return e && Number(getComputedStyle(e).zIndex) || 0;
 }
-function we(e) {
+function xe(e) {
   const t = [];
   for (; e; )
-    t.push(e), e = Ne(e);
+    t.push(e), e = Ae(e);
   return t;
 }
-function Ne(e) {
+function Ae(e) {
   const { parentNode: t } = e;
-  return t && t instanceof ShadowRoot ? t.host : t;
+  return dt(t) ? t.host : t;
 }
 function gt(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 yt({
+function vt({
   groupElement: e,
   hitRegion: t,
   pointerEventTarget: n
 }) {
-  if (!(n instanceof HTMLElement) || n.contains(e) || e.contains(n))
+  if (!Me(n) || n.contains(e) || e.contains(n))
     return !0;
-  if (dt(n, e) > 0) {
+  if (pt(n, e) > 0) {
     let o = n;
     for (; o; ) {
       if (o.contains(e))
@@ -944,31 +808,31 @@ function yt({
 }
 function $e(e, t) {
   const n = [];
-  return t.forEach((o, r) => {
-    if (r.disabled)
+  return t.forEach((o, i) => {
+    if (i.disabled)
       return;
-    const a = ft() ? ye.coarse : ye.precise, l = Ie(r), i = ct(r.orientation, l, {
+    const s = ft() ? ge.coarse : ge.precise, l = Ie(i), r = ct(i.orientation, l, {
       x: e.clientX,
       y: e.clientY
     });
-    i && i.distance.x <= a && i.distance.y <= a && yt({
-      groupElement: r.element,
-      hitRegion: i.hitRegion.rect,
+    r && r.distance.x <= s && r.distance.y <= s && vt({
+      groupElement: i.element,
+      hitRegion: r.hitRegion.rect,
       pointerEventTarget: e.target
-    }) && n.push(i.hitRegion);
+    }) && n.push(r.hitRegion);
   }), n;
 }
-function be(e) {
+function ze(e) {
   if (e.defaultPrevented)
     return;
-  const { mountedGroups: t } = D(), n = $e(e, t), o = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Set(), a = /* @__PURE__ */ new Set(), l = /* @__PURE__ */ new Map();
-  let i = !1;
-  n.forEach((s) => {
-    o.add(s.group), s.panels.forEach((c) => {
-      r.add(c);
-    }), s.separator && (a.add(s.separator), i || (i = !0, s.separator.element.focus()));
-    const u = t.get(s.group);
-    u && l.set(s.group, u.layout);
+  const { mountedGroups: t } = G(), n = $e(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) => {
+      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);
   }), E({
     interactionState: {
       hitRegions: n,
@@ -978,15 +842,158 @@ function be(e) {
     }
   }), n.length && e.preventDefault();
 }
+function St({
+  cursorFlags: e,
+  groups: t,
+  state: n
+}) {
+  let o = 0, i = 0;
+  switch (n) {
+    case "active":
+    case "hover":
+      t.forEach((s) => {
+        if (!s.disableCursor)
+          switch (s.orientation) {
+            case "horizontal": {
+              o++;
+              break;
+            }
+            case "vertical": {
+              i++;
+              break;
+            }
+          }
+      });
+  }
+  if (o === 0 && i === 0)
+    return null;
+  switch (n) {
+    case "active": {
+      const s = (e & Oe) !== 0, l = (e & Te) !== 0, r = (e & _e) !== 0, a = (e & Ne) !== 0;
+      if (e) {
+        if (s)
+          return r ? "se-resize" : a ? "ne-resize" : "e-resize";
+        if (l)
+          return r ? "sw-resize" : a ? "nw-resize" : "w-resize";
+        if (r)
+          return "s-resize";
+        if (a)
+          return "n-resize";
+      }
+      break;
+    }
+  }
+  return o > 0 && i > 0 ? "move" : o > 0 ? "ew-resize" : "ns-resize";
+}
+const be = /* @__PURE__ */ new WeakMap();
+function ae(e) {
+  if (e.defaultView === null)
+    return;
+  let { prevStyle: t, styleSheet: n } = be.get(e) ?? {};
+  n === void 0 && (n = new e.defaultView.CSSStyleSheet(), e.adoptedStyleSheets = [n]);
+  const { cursorFlags: o, interactionState: i } = G();
+  switch (i.state) {
+    case "active":
+    case "hover": {
+      const s = St({
+        cursorFlags: o,
+        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);
+      break;
+    }
+    case "inactive": {
+      t = void 0, n.cssRules.length === 1 && n.deleteRule(0);
+      break;
+    }
+  }
+  be.set(e, {
+    prevStyle: t,
+    styleSheet: n
+  });
+}
+function Fe({
+  document: e,
+  event: t,
+  hitRegions: n,
+  initialLayoutMap: o,
+  mountedGroups: i,
+  pointerDownAtPoint: s
+}) {
+  let l = 0;
+  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,
+      separatorToPanels: x
+    } = i.get(u) ?? { defaultLayoutDeferred: !1 };
+    if (v && d && S && x) {
+      const g = q({
+        delta: c,
+        initialLayout: d,
+        panelConstraints: v,
+        pivotIndices: a.panels.map((w) => h.indexOf(w)),
+        prevLayout: S,
+        trigger: "mouse-or-touch"
+      });
+      if (V(g, S)) {
+        if (c !== 0 && !p)
+          switch (m) {
+            case "horizontal": {
+              l |= c < 0 ? Oe : Te;
+              break;
+            }
+            case "vertical": {
+              l |= c < 0 ? _e : Ne;
+              break;
+            }
+          }
+      } else {
+        r.set(a.group, {
+          defaultLayoutDeferred: y,
+          derivedPanelConstraints: v,
+          layout: g,
+          separatorToPanels: x
+        });
+        const w = a.group.panels.map(({ id: L }) => L).join(",");
+        a.group.inMemoryLayouts[w] = g;
+      }
+    }
+  }), E({
+    cursorFlags: l,
+    mountedGroups: r
+  }), ae(e);
+}
+function we(e) {
+  const { interactionState: t, mountedGroups: n } = G();
+  switch (t.state) {
+    case "active":
+      Fe({
+        document: e.currentTarget,
+        event: e,
+        hitRegions: t.hitRegions,
+        initialLayoutMap: t.initialLayoutMap,
+        mountedGroups: n
+      });
+  }
+}
 function Le(e) {
   if (e.defaultPrevented)
     return;
-  const { interactionState: t, mountedGroups: n } = D();
+  const { interactionState: t, mountedGroups: n } = G();
   switch (t.state) {
     case "active": {
       if (
         // Skip this check for "pointerleave" events, else Firefox triggers a false positive (see #514)
-        e.type !== "pointerleave" && e.buttons === 0
+        e.buttons === 0
       ) {
         E(
           (o) => o.interactionState.state === "inactive" ? o : {
@@ -998,7 +1005,8 @@ function Le(e) {
         );
         return;
       }
-      Te({
+      Fe({
+        document: e.currentTarget,
         event: e,
         hitRegions: t.hitRegions,
         initialLayoutMap: t.initialLayoutMap,
@@ -1016,7 +1024,7 @@ function Le(e) {
           hitRegions: o,
           state: "hover"
         }
-      }), le();
+      }), ae(e.currentTarget);
       break;
     }
   }
@@ -1025,7 +1033,7 @@ function Pe(e) {
   if (e.defaultPrevented)
     return;
   e.preventDefault();
-  const { interactionState: t } = D();
+  const { interactionState: t } = G();
   switch (t.state) {
     case "active":
       E({
@@ -1033,46 +1041,46 @@ function Pe(e) {
         interactionState: {
           state: "inactive"
         }
-      }), le();
+      }), ae(e.currentTarget);
   }
 }
 function Ce(e) {
   let t = 0, n = 0;
   const o = {};
-  for (const a of e)
-    if (a.defaultSize !== void 0) {
+  for (const s of e)
+    if (s.defaultSize !== void 0) {
       t++;
-      const l = k(a.defaultSize);
-      n += l, o[a.panelId] = l;
+      const l = I(s.defaultSize);
+      n += l, o[s.panelId] = l;
     } else
-      o[a.panelId] = void 0;
-  const r = e.length - t;
-  if (r !== 0) {
-    const a = k((100 - n) / r);
+      o[s.panelId] = void 0;
+  const i = e.length - t;
+  if (i !== 0) {
+    const s = I((100 - n) / i);
     for (const l of e)
-      l.defaultSize === void 0 && (o[l.panelId] = a);
+      l.defaultSize === void 0 && (o[l.panelId] = s);
   }
   return o;
 }
-function vt(e, t, n) {
+function xt(e, t, n) {
   const o = n[0];
   if (!o)
     return;
-  const r = e.panels.find((l) => l.element === t);
-  if (!r || !r.onResize)
+  const i = e.panels.find((l) => l.element === t);
+  if (!i || !i.onResize)
     return;
-  const a = B({ group: e });
-  r.onResize(
+  const s = W({ group: e });
+  i.onResize(
     {
-      asPercentage: k(
-        o.inlineSize / a * 100
+      asPercentage: I(
+        o.inlineSize / s * 100
       ),
       inPixels: o.inlineSize
     },
-    r.id
+    i.id
   );
 }
-function St(e, t) {
+function zt(e, t) {
   if (Object.keys(e).length !== Object.keys(t).length)
     return !1;
   for (const o in e)
@@ -1080,95 +1088,104 @@ function St(e, t) {
       return !1;
   return !0;
 }
-function xt(e) {
+const j = /* @__PURE__ */ new Map();
+function bt(e) {
   let t = !0;
-  const n = /* @__PURE__ */ new Set(), o = /* @__PURE__ */ new Set(), r = new ResizeObserver((p) => {
-    for (const f of p) {
-      const { borderBoxSize: d, target: g } = f;
-      if (g === e.element) {
+  z(
+    e.element.ownerDocument.defaultView,
+    "Cannot register an unmounted Group"
+  );
+  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) {
         if (t) {
-          if (B({ group: e }) === 0)
+          if (W({ group: e }) === 0)
             return;
-          E((S) => {
-            const x = S.mountedGroups.get(e);
-            if (x) {
-              const y = ge(e), b = x.defaultLayoutDeferred ? Ce(y) : x.layout, L = A({
-                layout: b,
-                panelConstraints: y
+          E((x) => {
+            const g = x.mountedGroups.get(e);
+            if (g) {
+              const w = me(e), L = g.defaultLayoutDeferred ? Ce(w) : g.layout, P = _({
+                layout: L,
+                panelConstraints: w
               });
-              return !x.defaultLayoutDeferred && U(b, L) && St(
-                x.derivedPanelConstraints,
-                y
-              ) ? S : {
-                mountedGroups: new Map(S.mountedGroups).set(e, {
+              return !g.defaultLayoutDeferred && V(L, P) && zt(
+                g.derivedPanelConstraints,
+                w
+              ) ? x : {
+                mountedGroups: new Map(x.mountedGroups).set(e, {
                   defaultLayoutDeferred: !1,
-                  derivedPanelConstraints: y,
-                  layout: L,
-                  separatorToPanels: x.separatorToPanels
+                  derivedPanelConstraints: w,
+                  layout: P,
+                  separatorToPanels: g.separatorToPanels
                 })
               };
             }
-            return S;
+            return x;
           });
         }
       } else
-        vt(e, g, d);
+        xt(e, v, y);
     }
   });
-  r.observe(e.element), e.panels.forEach((p) => {
+  s.observe(e.element), e.panels.forEach((c) => {
     z(
-      !n.has(p.id),
-      `Panel ids must be unique; id "${p.id}" was used more than once`
-    ), n.add(p.id), p.onResize && r.observe(p.element);
+      !o.has(c.id),
+      `Panel ids must be unique; id "${c.id}" was used more than once`
+    ), o.add(c.id), c.onResize && s.observe(c.element);
   });
-  const a = B({ group: e }), l = ge(e), i = e.panels.map(({ id: p }) => p).join(",");
-  let s = e.defaultLayout;
-  s && e.panels.length !== Object.keys(s).length && (s = void 0);
-  const u = e.inMemoryLayouts[i] ?? s ?? Ce(l), c = A({
-    layout: u,
-    panelConstraints: l
-  }), h = Ie(e), m = E((p) => {
-    const f = /* @__PURE__ */ new Map();
-    return h.forEach((d) => {
-      d.separator && f.set(d.separator, d.panels);
+  const l = W({ group: e }), r = me(e), a = e.panels.map(({ id: c }) => c).join(",");
+  let u = e.defaultLayout;
+  u && e.panels.length !== Object.keys(u).length && (u = void 0);
+  const f = e.inMemoryLayouts[a] ?? u ?? Ce(r), p = _({
+    layout: f,
+    panelConstraints: r
+  }), m = Ie(e), h = e.element.ownerDocument;
+  return E((c) => {
+    const d = /* @__PURE__ */ new Map();
+    return j.set(
+      h,
+      (j.get(h) ?? 0) + 1
+    ), m.forEach((y) => {
+      y.separator && d.set(y.separator, y.panels);
     }), {
-      mountedGroups: new Map(p.mountedGroups).set(e, {
-        defaultLayoutDeferred: a === 0,
-        derivedPanelConstraints: l,
-        layout: c,
-        separatorToPanels: f
+      mountedGroups: new Map(c.mountedGroups).set(e, {
+        defaultLayoutDeferred: l === 0,
+        derivedPanelConstraints: r,
+        layout: p,
+        separatorToPanels: d
       })
     };
-  });
-  return e.element.addEventListener("pointerleave", ve), e.separators.forEach((p) => {
+  }), e.separators.forEach((c) => {
     z(
-      !o.has(p.id),
-      `Separator ids must be unique; id "${p.id}" was used more than once`
-    ), o.add(p.id), p.element.addEventListener("keydown", Se);
-  }), m.mountedGroups.size === 1 && (window.addEventListener("pointerdown", be), window.addEventListener("pointermove", Le), window.addEventListener("pointerup", Pe)), function() {
-    t = !1;
-    const f = E((d) => {
-      const g = new Map(d.mountedGroups);
-      return g.delete(e), { mountedGroups: g };
-    });
-    e.element.removeEventListener("pointerleave", ve), e.separators.forEach((d) => {
-      d.element.removeEventListener("keydown", Se);
-    }), f.mountedGroups.size === 0 && (window.removeEventListener("pointerdown", be), window.removeEventListener("pointermove", Le), window.removeEventListener("pointerup", Pe)), r.disconnect();
+      !i.has(c.id),
+      `Separator ids must be unique; id "${c.id}" was used more than once`
+    ), i.add(c.id), c.element.addEventListener("keydown", ye);
+  }), j.get(h) === 1 && (h.addEventListener("pointerdown", ze), h.addEventListener("pointerleave", we), h.addEventListener("pointermove", Le), h.addEventListener("pointerup", Pe)), function() {
+    t = !1, j.set(
+      h,
+      Math.max(0, (j.get(h) ?? 0) - 1)
+    ), E((d) => {
+      const y = new Map(d.mountedGroups);
+      return y.delete(e), { mountedGroups: y };
+    }), e.separators.forEach((d) => {
+      d.element.removeEventListener("keydown", ye);
+    }), j.get(h) || (h.removeEventListener("pointerdown", ze), h.removeEventListener("pointerleave", we), h.removeEventListener("pointermove", Le), h.removeEventListener("pointerup", Pe)), s.disconnect();
   };
 }
-function ue(e) {
-  const t = Ve();
+function le(e) {
+  const t = Ke();
   return `${e ?? t}`;
 }
-const N = typeof window < "u" ? Ke : Re;
-function ce(e) {
-  const t = O(e);
+const N = typeof window < "u" ? Xe : Re;
+function ue(e) {
+  const t = D(e);
   return N(() => {
     t.current = e;
-  }, [e]), Xe((n) => t.current?.(n), [t]);
+  }, [e]), qe((n) => t.current?.(n), [t]);
 }
-function fe(...e) {
-  return ce((t) => {
+function ce(...e) {
+  return ue((t) => {
     e.forEach((n) => {
       if (n)
         switch (typeof n) {
@@ -1184,159 +1201,159 @@ function fe(...e) {
     });
   });
 }
-function zt(e) {
-  const t = O({ ...e });
+function wt(e) {
+  const t = D({ ...e });
   return N(() => {
     for (const n in e)
       t.current[n] = e[n];
   }, [e]), t.current;
 }
-const Fe = "--react-resizable-panels--panel--pointer-events";
-function He(e, t) {
+const He = "--react-resizable-panels--panel--pointer-events";
+function je(e, t) {
   const n = e.replace(/[^a-zA-Z0-9\-_]/g, ""), o = t.replace(/[^a-zA-Z0-9\-_]/g, "");
   return `--react-resizable-panels--${n}--${o}`;
 }
-const je = Ye(null);
-function wt(e, t) {
-  const n = O({
+const Be = Ye(null);
+function Lt(e, t) {
+  const n = D({
     getLayout: () => ({}),
-    setLayout: at
+    setLayout: ut
   });
   Ee(t, () => n.current, []), N(() => {
     Object.assign(
       n.current,
-      _e({ groupId: e })
+      Ge({ groupId: e })
     );
   });
 }
-function Gt({
+function Ot({
   children: e,
   className: t,
   defaultLayout: n,
   disableCursor: o,
-  disabled: r,
-  elementRef: a,
+  disabled: i,
+  elementRef: s,
   groupRef: l,
-  id: i,
-  onLayoutChange: s,
+  id: r,
+  onLayoutChange: a,
   orientation: u = "horizontal",
-  style: c,
-  ...h
+  style: f,
+  ...p
 }) {
-  const m = O({}), p = ce((w) => {
-    U(m.current, w) || (m.current = w, s?.(w));
-  }), f = ue(i), [d, g] = I(!1), [v, S] = I(null), [x, y] = I(n ?? {}), [b, L] = I([]), [C, q] = I([]), Z = O({
+  const m = D({}), h = ue((b) => {
+    V(m.current, b) || (m.current = b, a?.(b));
+  }), c = le(r), [d, y] = k(!1), [v, S] = k(null), [x, g] = k(n ?? {}), [w, L] = k([]), [P, Y] = k([]), Z = D({
     lastExpandedPanelSizes: {},
     layouts: {}
-  }), J = fe(S, a);
-  wt(f, l);
-  const Q = se(
+  }), J = ce(S, s);
+  Lt(c, l);
+  const Q = ie(
     () => ({
-      id: f,
+      id: c,
       orientation: u,
-      registerPanel: (w) => (L((M) => ae(u, [...M, w])), () => {
-        L((M) => M.filter((F) => F !== w));
+      registerPanel: (b) => (L((M) => se(u, [...M, b])), () => {
+        L((M) => M.filter(($) => $ !== b));
       }),
-      registerSeparator: (w) => (q(
-        (M) => ae(u, [...M, w])
+      registerSeparator: (b) => (Y(
+        (M) => se(u, [...M, b])
       ), () => {
-        q(
-          (M) => M.filter((F) => F !== w)
+        Y(
+          (M) => M.filter(($) => $ !== b)
         );
       })
     }),
-    [f, u]
-  ), $ = zt({
+    [c, u]
+  ), A = wt({
     defaultLayout: n,
     disableCursor: o
-  }), V = O(null);
+  }), U = D(null);
   N(() => {
     if (v === null)
       return;
-    const w = {
-      defaultLayout: $.defaultLayout,
-      disableCursor: !!$.disableCursor,
-      disabled: !!r,
+    const b = {
+      defaultLayout: A.defaultLayout,
+      disableCursor: !!A.disableCursor,
+      disabled: !!i,
       element: v,
-      id: f,
+      id: c,
       inMemoryLastExpandedPanelSizes: Z.current.lastExpandedPanelSizes,
       inMemoryLayouts: Z.current.layouts,
       orientation: u,
-      panels: b,
-      separators: C
+      panels: w,
+      separators: P
     };
-    V.current = w;
-    const M = xt(w), he = D().mountedGroups.get(w);
-    if (he) {
-      const { defaultLayoutDeferred: H, derivedPanelConstraints: j, layout: ee } = he;
-      !H && j.length > 0 && (y(ee), p?.(ee));
+    U.current = b;
+    const M = bt(b), pe = G().mountedGroups.get(b);
+    if (pe) {
+      const { defaultLayoutDeferred: F, derivedPanelConstraints: H, layout: ee } = pe;
+      !F && H.length > 0 && (g(ee), h?.(ee));
     }
-    const We = _.addListener(
+    const We = T.addListener(
       "interactionStateChange",
-      (H) => {
-        switch (H.state) {
+      (F) => {
+        switch (F.state) {
           case "active": {
-            g(
-              H.hitRegions.some(
-                (j) => j.group === w
+            y(
+              F.hitRegions.some(
+                (H) => H.group === b
               )
             );
             break;
           }
           default: {
-            g(!1);
+            y(!1);
             break;
           }
         }
       }
-    ), Be = _.addListener(
+    ), Ve = T.addListener(
       "mountedGroupsChange",
-      (H) => {
-        const j = H.get(w);
-        if (j) {
-          const { defaultLayoutDeferred: ee, derivedPanelConstraints: Ue, layout: me } = j;
+      (F) => {
+        const H = F.get(b);
+        if (H) {
+          const { defaultLayoutDeferred: ee, derivedPanelConstraints: Ue, layout: he } = H;
           if (ee || Ue.length === 0)
             return;
-          y(me), p?.(me);
+          g(he), h?.(he);
         }
       }
     );
     return () => {
-      V.current = null, M(), We(), Be();
+      U.current = null, M(), We(), Ve();
     };
   }, [
-    r,
+    i,
     v,
-    f,
-    p,
+    c,
+    h,
     u,
-    b,
-    C,
-    $
+    w,
+    P,
+    A
   ]), Re(() => {
-    const w = V.current;
-    w && (w.defaultLayout = n, w.disableCursor = !!o);
+    const b = U.current;
+    b && (b.defaultLayout = n, b.disableCursor = !!o);
   });
-  const pe = {
-    [Fe]: d ? "none" : void 0
+  const de = {
+    [He]: d ? "none" : void 0
   };
-  for (const w in x) {
-    const M = He(f, w), F = x[w];
-    pe[M] = F;
+  for (const b in x) {
+    const M = je(c, b), $ = x[b];
+    de[M] = $;
   }
-  return /* @__PURE__ */ K(je.Provider, { value: Q, children: /* @__PURE__ */ K(
+  return /* @__PURE__ */ K(Be.Provider, { value: Q, children: /* @__PURE__ */ K(
     "div",
     {
-      ...h,
+      ...p,
       "aria-orientation": u,
       className: t,
       "data-group": !0,
-      "data-testid": f,
-      id: f,
+      "data-testid": c,
+      id: c,
       ref: J,
       style: {
-        ...c,
-        ...pe,
+        ...f,
+        ...de,
         display: "flex",
         flexDirection: u === "horizontal" ? "row" : "column",
         flexWrap: "nowrap"
@@ -1345,7 +1362,7 @@ function Gt({
     }
   ) });
 }
-function bt(e, t = 10) {
+function Pt(e, t = 10) {
   let n = null;
   return (o) => {
     n !== null && clearTimeout(n), n = setTimeout(() => {
@@ -1353,155 +1370,155 @@ function bt(e, t = 10) {
     }, t);
   };
 }
-function Lt(e) {
+function Ct(e) {
   return `react-resizable-panels:${e}`;
 }
-function Dt({
+function Tt({
   debounceSaveMs: e = 100,
   storage: t,
   ...n
 }) {
-  const o = "id" in n ? n.id : n.groupId, r = Lt(o), a = qe(
-    Pt,
-    () => t.getItem(r),
-    () => t.getItem(r)
-  ), l = se(
-    () => a ? JSON.parse(a) : void 0,
-    [a]
-  ), i = se(() => {
-    const s = (u) => {
+  const o = "id" in n ? n.id : n.groupId, i = Ct(o), s = Ze(
+    Rt,
+    () => t.getItem(i),
+    () => t.getItem(i)
+  ), l = ie(
+    () => s ? JSON.parse(s) : void 0,
+    [s]
+  ), r = ie(() => {
+    const a = (u) => {
       try {
-        t.setItem(r, JSON.stringify(u));
-      } catch (c) {
-        console.error(c);
+        t.setItem(i, JSON.stringify(u));
+      } catch (f) {
+        console.error(f);
       }
     };
-    return e > 0 ? bt(s, e) : s;
-  }, [e, t, r]);
+    return e > 0 ? Pt(a, e) : a;
+  }, [e, t, i]);
   return {
     defaultLayout: l,
-    onLayoutChange: i
+    onLayoutChange: r
   };
 }
-function Pt() {
+function Rt() {
   return function() {
   };
 }
-function Ot() {
-  return I(null);
+function _t() {
+  return k(null);
 }
-function Tt() {
-  return O(null);
+function Nt() {
+  return D(null);
 }
-function de() {
-  const e = Ze(je);
+function fe() {
+  const e = Je(Be);
   return z(
     e,
     "Group Context not found; did you render a Panel or Separator outside of a Group?"
   ), e;
 }
-function Ct({
+function Et({
   groupId: e,
   panelId: t
 }) {
   const n = () => {
-    const { mountedGroups: i } = D();
+    const { mountedGroups: r } = G();
     for (const [
-      s,
+      a,
       {
         defaultLayoutDeferred: u,
-        derivedPanelConstraints: c,
-        layout: h,
+        derivedPanelConstraints: f,
+        layout: p,
         separatorToPanels: m
       }
-    ] of i)
-      if (s.id === e)
+    ] of r)
+      if (a.id === e)
         return {
           defaultLayoutDeferred: u,
-          derivedPanelConstraints: c,
-          group: s,
-          layout: h,
+          derivedPanelConstraints: f,
+          group: a,
+          layout: p,
           separatorToPanels: m
         };
     throw Error(`Group ${e} not found`);
   }, o = () => {
-    const i = n().derivedPanelConstraints.find(
-      (s) => s.panelId === t
+    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((s) => s.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}`);
-  }, a = () => {
-    const i = n().layout[t];
-    if (i !== void 0)
-      return i;
+  }, s = () => {
+    const r = n().layout[t];
+    if (r !== void 0)
+      return r;
     throw Error(`Layout not found for Panel ${t}`);
-  }, l = (i) => {
-    const s = a();
-    if (i === s)
+  }, l = (r) => {
+    const a = s();
+    if (r === a)
       return;
     const {
       defaultLayoutDeferred: u,
-      derivedPanelConstraints: c,
-      group: h,
+      derivedPanelConstraints: f,
+      group: p,
       layout: m,
-      separatorToPanels: p
-    } = n(), f = h.panels.findIndex((S) => S.id === t), d = f === h.panels.length - 1, g = Y({
-      delta: d ? s - i : i - s,
+      separatorToPanels: h
+    } = n(), c = p.panels.findIndex((S) => S.id === t), d = c === p.panels.length - 1, y = q({
+      delta: d ? a - r : r - a,
       initialLayout: m,
-      panelConstraints: c,
-      pivotIndices: d ? [f - 1, f] : [f, f + 1],
+      panelConstraints: f,
+      pivotIndices: d ? [c - 1, c] : [c, c + 1],
       prevLayout: m,
       trigger: "imperative-api"
-    }), v = A({
-      layout: g,
-      panelConstraints: c
+    }), v = _({
+      layout: y,
+      panelConstraints: f
     });
-    U(m, v) || E((S) => ({
-      mountedGroups: new Map(S.mountedGroups).set(h, {
+    V(m, v) || E((S) => ({
+      mountedGroups: new Map(S.mountedGroups).set(p, {
         defaultLayoutDeferred: u,
-        derivedPanelConstraints: c,
+        derivedPanelConstraints: f,
         layout: v,
-        separatorToPanels: p
+        separatorToPanels: h
       })
     }));
   };
   return {
     collapse: () => {
-      const { collapsible: i, collapsedSize: s } = o(), u = a();
-      i && u !== s && l(s);
+      const { collapsible: r, collapsedSize: a } = o(), u = s();
+      r && u !== a && l(a);
     },
     expand: () => {
-      const { collapsible: i, collapsedSize: s, minSize: u } = o(), c = a();
-      i && c === s && l(u);
+      const { collapsible: r, collapsedSize: a, minSize: u } = o(), f = s();
+      r && f === a && l(u);
     },
     getSize: () => {
-      const { group: i } = n(), s = a(), { element: u } = r(), c = 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: s,
-        inPixels: c
+        asPercentage: a,
+        inPixels: f
       };
     },
     isCollapsed: () => {
-      const { collapsible: i, collapsedSize: s } = o(), u = a();
-      return i && P(s, u);
+      const { collapsible: r, collapsedSize: a } = o(), u = s();
+      return r && C(a, u);
     },
-    resize: (i) => {
-      if (a() !== i) {
+    resize: (r) => {
+      if (s() !== r) {
         let u;
-        switch (typeof i) {
+        switch (typeof r) {
           case "number": {
-            const { group: c } = n(), h = B({ group: c });
-            u = k(i / h * 100);
+            const { group: f } = n(), p = W({ group: f });
+            u = I(r / p * 100);
             break;
           }
           case "string": {
-            u = parseFloat(i);
+            u = parseFloat(r);
             break;
           }
         }
@@ -1510,81 +1527,81 @@ function Ct({
     }
   };
 }
-function Rt(e, t) {
-  const { id: n } = de(), o = O({
-    collapse: ie,
-    expand: ie,
+function Mt(e, t) {
+  const { id: n } = fe(), o = D({
+    collapse: re,
+    expand: re,
     getSize: () => ({
       asPercentage: 0,
       inPixels: 0
     }),
     isCollapsed: () => !1,
-    resize: ie
+    resize: re
   });
   Ee(t, () => o.current, []), N(() => {
     Object.assign(
       o.current,
-      Ct({ groupId: n, panelId: e })
+      Et({ groupId: n, panelId: e })
     );
   });
 }
-function _t({
+function At({
   children: e,
   className: t,
   collapsedSize: n = "0%",
   collapsible: o = !1,
-  defaultSize: r,
-  elementRef: a,
+  defaultSize: i,
+  elementRef: s,
   id: l,
-  maxSize: i = "100%",
-  minSize: s = "0%",
+  maxSize: r = "100%",
+  minSize: a = "0%",
   onResize: u,
-  panelRef: c,
-  style: h,
+  panelRef: f,
+  style: p,
   ...m
 }) {
-  const p = !!l, f = ue(l), [d, g] = I(null), v = fe(g, a), { id: S, registerPanel: x } = de(), y = u !== null, b = ce((C) => {
-    u?.(C, l);
+  const h = !!l, c = le(l), [d, y] = k(null), v = ce(y, s), { id: S, registerPanel: x } = fe(), g = u !== null, w = ue((P) => {
+    u?.(P, l);
   });
   N(() => {
     if (d !== null)
       return x({
         element: d,
-        id: f,
-        idIsStable: p,
-        onResize: y ? b : void 0,
+        id: c,
+        idIsStable: h,
+        onResize: g ? w : void 0,
         panelConstraints: {
           collapsedSize: n,
           collapsible: o,
-          defaultSize: r,
-          maxSize: i,
-          minSize: s
+          defaultSize: i,
+          maxSize: r,
+          minSize: a
         }
       });
   }, [
     n,
     o,
-    r,
-    d,
-    y,
-    f,
-    p,
     i,
-    s,
-    b,
+    d,
+    g,
+    c,
+    h,
+    r,
+    a,
+    w,
     x
-  ]), Rt(f, c);
-  const L = He(S, f);
+  ]), Mt(c, f);
+  const L = je(S, c);
   return /* @__PURE__ */ K(
     "div",
     {
       ...m,
       "data-panel": !0,
-      "data-testid": f,
-      id: f,
+      "data-testid": c,
+      id: c,
       ref: v,
       style: {
-        ...Et,
+        ...kt,
         flexBasis: 0,
         flexGrow: `var(${L}, 1)`,
         flexShrink: 1,
@@ -1592,7 +1609,7 @@ function _t({
         overflow: "hidden",
         // Disable pointer events inside of a panel during resize
         // This avoid edge cases like nested iframes
-        pointerEvents: `var(${Fe})`
+        pointerEvents: `var(${He})`
       },
       children: /* @__PURE__ */ K(
         "div",
@@ -1601,7 +1618,7 @@ function _t({
           style: {
             width: "100%",
             height: "100%",
-            ...h
+            ...p
           },
           children: e
         }
@@ -1609,7 +1626,7 @@ function _t({
     }
   );
 }
-const Et = {
+const kt = {
   minHeight: "unset",
   maxHeight: "unset",
   height: "unset",
@@ -1625,40 +1642,40 @@ const Et = {
   padding: "unset",
   margin: "unset"
 };
-function At() {
-  return I(null);
+function $t() {
+  return k(null);
 }
-function Nt() {
-  return O(null);
+function Ft() {
+  return D(null);
 }
-function Mt({
+function It({
   layout: e,
   panelConstraints: t,
   panelId: n,
   panelIndex: o
 }) {
-  let r, a;
-  const l = e[n], i = t.find(
-    (s) => s.panelId === n
+  let i, s;
+  const l = e[n], r = t.find(
+    (a) => a.panelId === n
   );
-  if (i) {
-    const s = i.maxSize, u = a = i.collapsible ? i.collapsedSize : i.minSize, c = [o, o + 1];
-    a = A({
-      layout: Y({
+  if (r) {
+    const a = r.maxSize, u = s = r.collapsible ? r.collapsedSize : r.minSize, f = [o, o + 1];
+    s = _({
+      layout: q({
         delta: u - l,
         initialLayout: e,
         panelConstraints: t,
-        pivotIndices: c,
+        pivotIndices: f,
         prevLayout: e,
         trigger: "keyboard"
       }),
       panelConstraints: t
-    })[n], r = A({
-      layout: Y({
-        delta: s - l,
+    })[n], i = _({
+      layout: q({
+        delta: a - l,
         initialLayout: e,
         panelConstraints: t,
-        pivotIndices: c,
+        pivotIndices: f,
         prevLayout: e,
         trigger: "keyboard"
       }),
@@ -1667,53 +1684,53 @@ function Mt({
   }
   return {
     valueControls: n,
-    valueMax: r,
-    valueMin: a,
+    valueMax: i,
+    valueMin: s,
     valueNow: l
   };
 }
-function $t({
+function Ht({
   children: e,
   className: t,
   elementRef: n,
   id: o,
-  style: r,
-  ...a
+  style: i,
+  ...s
 }) {
-  const l = ue(o), [i, s] = I({}), [u, c] = I("inactive"), [h, m] = I(null), p = fe(m, n), {
-    id: f,
+  const l = le(o), [r, a] = k({}), [u, f] = k("inactive"), [p, m] = k(null), h = ce(m, n), {
+    id: c,
     orientation: d,
-    registerSeparator: g
-  } = de(), v = d === "horizontal" ? "vertical" : "horizontal";
+    registerSeparator: y
+  } = fe(), v = d === "horizontal" ? "vertical" : "horizontal";
   return N(() => {
-    if (h !== null) {
+    if (p !== null) {
       const S = {
-        element: h,
+        element: p,
         id: l
-      }, x = g(S), y = _.addListener(
+      }, x = y(S), g = T.addListener(
         "interactionStateChange",
         (L) => {
-          c(
+          f(
             L.state !== "inactive" && L.hitRegions.some(
-              (C) => C.separator === S
+              (P) => P.separator === S
             ) ? L.state : "inactive"
           );
         }
-      ), b = _.addListener(
+      ), w = T.addListener(
         "mountedGroupsChange",
         (L) => {
           L.forEach(
-            ({ derivedPanelConstraints: C, layout: q, separatorToPanels: Z }, J) => {
-              if (J.id === f) {
+            ({ derivedPanelConstraints: P, layout: Y, separatorToPanels: Z }, J) => {
+              if (J.id === c) {
                 const Q = Z.get(S);
                 if (Q) {
-                  const $ = Q[0], V = J.panels.indexOf($);
-                  s(
-                    Mt({
-                      layout: q,
-                      panelConstraints: C,
-                      panelId: $.id,
-                      panelIndex: V
+                  const A = Q[0], U = J.panels.indexOf(A);
+                  a(
+                    It({
+                      layout: Y,
+                      panelConstraints: P,
+                      panelId: A.id,
+                      panelIndex: U
                     })
                   );
                 }
@@ -1723,28 +1740,28 @@ function $t({
         }
       );
       return () => {
-        y(), b(), x();
+        g(), w(), x();
       };
     }
-  }, [h, f, l, g]), /* @__PURE__ */ K(
+  }, [p, c, l, y]), /* @__PURE__ */ K(
     "div",
     {
-      ...a,
-      "aria-controls": i.valueControls,
+      ...s,
+      "aria-controls": r.valueControls,
       "aria-orientation": v,
-      "aria-valuemax": i.valueMax,
-      "aria-valuemin": i.valueMin,
-      "aria-valuenow": i.valueNow,
+      "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: p,
+      ref: h,
       role: "separator",
       style: {
         flexBasis: "auto",
-        ...r,
+        ...i,
         flexGrow: 0,
         flexShrink: 0
       },
@@ -1753,13 +1770,13 @@ function $t({
   );
 }
 export {
-  Gt as Group,
-  _t as Panel,
-  $t as Separator,
-  Dt as useDefaultLayout,
-  Ot as useGroupCallbackRef,
-  Tt as useGroupRef,
-  At as usePanelCallbackRef,
-  Nt as usePanelRef
+  Ot as Group,
+  At as Panel,
+  Ht as Separator,
+  Tt as useDefaultLayout,
+  _t as useGroupCallbackRef,
+  Nt as useGroupRef,
+  $t as usePanelCallbackRef,
+  Ft as usePanelRef
 };
 //# sourceMappingURL=react-resizable-panels.js.map