react-resizable-panels 4.13.2 → 4.13.3

package/dist/react-resizable-panels.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as B, jsxs as wt } from "react/jsx-runtime";
-import { useState as Z, useCallback as ce, useId as Pt, useLayoutEffect as Qe, useEffect as Se, useRef as D, createContext as Lt, useContext as Ct, isValidElement as Rt, useImperativeHandle as et, useMemo as Pe, useSyncExternalStore as tt } from "react";
+import { useState as Z, useCallback as ce, useId as Pt, useLayoutEffect as et, useEffect as Se, useRef as T, createContext as Lt, useContext as Ct, isValidElement as Rt, useImperativeHandle as tt, useMemo as Pe, useSyncExternalStore as nt } from "react";
 function Mt(e, t) {
   const n = getComputedStyle(e), o = parseFloat(n.fontSize);
   return t * o;
@@ -140,7 +140,7 @@ function Le(e) {
     };
   });
 }
-class nt {
+class ot {
   #e = {};
   addListener(t, n) {
     const o = this.#e[t];
@@ -183,16 +183,16 @@ let k = {
   cursorFlags: 0,
   state: "inactive"
 };
-const Re = new nt();
+const Me = new ot();
 function q() {
   return k;
 }
-function ot(e) {
-  return Re.addListener("change", e);
+function rt(e) {
+  return Me.addListener("change", e);
 }
-function Tt(e, t = [], n, o = !1) {
+function Dt(e, t = [], n, o = !1) {
   const r = k, i = { ...k };
-  i.cursorFlags = e, i.state === "active" && (i.didPointerMove ||= o, i.previews = t, n && (i.previewLayoutMap = n)), k = i, Re.emit("change", {
+  i.cursorFlags = e, i.state === "active" && (i.didPointerMove ||= o, i.previews = t, n && (i.previewLayoutMap = n)), k = i, Me.emit("change", {
     prev: r,
     next: i
   });
@@ -201,12 +201,12 @@ function W(e) {
   const t = k;
   k = e, t.state === "active" && e.state !== "active" && t.didPointerMove && t.hitRegions.forEach(({ separator: n }) => {
     n && n.element.ownerDocument.activeElement === n.element && n.element.blur();
-  }), Re.emit("change", {
+  }), Me.emit("change", {
     prev: t,
     next: e
   });
 }
-function Dt(e) {
+function Tt(e) {
   k.state !== "active" || !k.previews.some((t) => t.separator === e) || W({
     ...k,
     previews: k.previews.map(
@@ -239,9 +239,9 @@ function Nt(e) {
   return !0;
 }
 const Gt = (e) => e, we = () => {
-}, rt = 1, it = 2, st = 4, at = 8, Ae = 3, Fe = 12;
+}, it = 1, st = 2, at = 4, lt = 8, Fe = 3, _e = 12;
 let me;
-function _e() {
+function $e() {
   return me === void 0 && (me = !1, typeof window < "u" && (window.navigator.userAgent.includes("Chrome") || window.navigator.userAgent.includes("Firefox")) && (me = !0)), me;
 }
 function At({
@@ -270,8 +270,8 @@ function At({
   if (!(o === 0 && r === 0)) {
     switch (n) {
       case "active": {
-        if (e && _e()) {
-          const i = (e & rt) !== 0, s = (e & it) !== 0, u = (e & st) !== 0, c = (e & at) !== 0;
+        if (e && $e()) {
+          const i = (e & it) !== 0, s = (e & st) !== 0, u = (e & at) !== 0, c = (e & lt) !== 0;
           if (i)
             return u ? "se-resize" : c ? "ne-resize" : "e-resize";
           if (s)
@@ -284,14 +284,14 @@ function At({
         break;
       }
     }
-    return _e() ? o > 0 && r > 0 ? "move" : o > 0 ? "ew-resize" : "ns-resize" : o > 0 && r > 0 ? "grab" : o > 0 ? "col-resize" : "row-resize";
+    return $e() ? o > 0 && r > 0 ? "move" : o > 0 ? "ew-resize" : "ns-resize" : o > 0 && r > 0 ? "grab" : o > 0 ? "col-resize" : "row-resize";
   }
 }
-const $e = /* @__PURE__ */ new WeakMap();
+const He = /* @__PURE__ */ new WeakMap();
 function fe(e) {
   if (!e.defaultView || !e.adoptedStyleSheets)
     return;
-  let { prevStyle: t, styleSheet: n } = $e.get(e) ?? {};
+  let { prevStyle: t, styleSheet: n } = He.get(e) ?? {};
   n === void 0 && (n = new e.defaultView.CSSStyleSheet(), e.adoptedStyleSheets && (Object.isExtensible(e.adoptedStyleSheets) ? e.adoptedStyleSheets.push(n) : e.adoptedStyleSheets = [
     ...e.adoptedStyleSheets,
     n
@@ -315,7 +315,7 @@ function fe(e) {
       break;
     }
   }
-  $e.set(e, {
+  He.set(e, {
     prevStyle: t,
     styleSheet: n
   });
@@ -341,7 +341,7 @@ function _t(e, t) {
   const n = e.element.offsetTop - t.element.offsetTop;
   return n !== 0 ? n : e.element.offsetHeight - t.element.offsetHeight;
 }
-function lt(e) {
+function Re(e) {
   return e !== null && typeof e == "object" && "nodeType" in e && e.nodeType === Node.ELEMENT_NODE;
 }
 function ct(e, t) {
@@ -376,14 +376,14 @@ let ge;
 function Ht() {
   return ge === void 0 && (typeof matchMedia == "function" ? ge = !!matchMedia("(pointer:coarse)").matches : ge = !1), ge;
 }
-function Me({
+function Ee({
   expandHitTargets: e = !0,
   group: t,
   includeDisabled: n = !1
 }) {
   const { element: o, orientation: r, panels: i, separators: s } = t, u = Ce(
     r,
-    Array.from(o.children).filter(lt).filter((h) => !h.hasAttribute("data-resize-preview")).map((h) => ({ element: h }))
+    Array.from(o.children).filter(Re).filter((h) => !h.hasAttribute("data-resize-preview")).map((h) => ({ element: h }))
   ).map(({ element: h }) => h), c = [];
   let a = !1, l = !1, f = -1, y, p = -1, g = 0, d, v = [];
   {
@@ -499,7 +499,7 @@ function Me({
   return c;
 }
 let U = /* @__PURE__ */ new Map();
-const ut = new nt();
+const ut = new ot();
 function Vt(e) {
   U = new Map(U), U.delete(e);
 }
@@ -518,7 +518,7 @@ function Q(e, t) {
 function ee() {
   return U;
 }
-function Ee(e, t) {
+function Ie(e, t) {
   return ut.addListener("groupChange", (n) => {
     n.group.id === e && t(n);
   });
@@ -540,11 +540,11 @@ function jt(e, t) {
       return !1;
   return !0;
 }
-function T(e, t, n = 0) {
+function D(e, t, n = 0) {
   return Math.abs(F(e) - F(t)) <= n;
 }
 function j(e, t) {
-  return T(e, t) ? 0 : e > t ? 1 : -1;
+  return D(e, t) ? 0 : e > t ? 1 : -1;
 }
 function se({
   overrideDisabledPanels: e,
@@ -578,7 +578,7 @@ function de({
   prevLayout: r,
   trigger: i
 }) {
-  if (T(e, 0))
+  if (D(e, 0))
     return t;
   const s = i === "imperative-api", u = n.map(
     ({ panelId: g }) => t[g]
@@ -605,7 +605,7 @@ function de({
           if (L(
             x != null,
             `Previous layout not found for panel index ${g}`
-          ), T(x, v)) {
+          ), D(x, v)) {
             const S = m - x;
             j(S, Math.abs(e)) > 0 && (e = e < 0 ? 0 - S : S);
           }
@@ -627,7 +627,7 @@ function de({
           if (L(
             x != null,
             `Previous layout not found for panel index ${g}`
-          ), T(x, m)) {
+          ), D(x, m)) {
             const S = x - v;
             j(S, Math.abs(e)) > 0 && (e = e < 0 ? 0 - S : S);
           }
@@ -687,7 +687,7 @@ function de({
         prevSize: h,
         size: m
       });
-      if (!T(h, x) && (y += h - x, a[d] = x, y.toFixed(3).localeCompare(Math.abs(e).toFixed(3), void 0, {
+      if (!D(h, x) && (y += h - x, a[d] = x, y.toFixed(3).localeCompare(Math.abs(e).toFixed(3), void 0, {
         numeric: !0
       }) >= 0))
         break;
@@ -708,7 +708,7 @@ function de({
       prevSize: d,
       size: v
     });
-    if (a[g] = h, !T(h, v)) {
+    if (a[g] = h, !D(h, v)) {
       let m = v - h, S = e < 0 ? f : l;
       for (; S >= 0 && S < n.length; ) {
         const P = a[S];
@@ -722,7 +722,7 @@ function de({
           prevSize: P,
           size: C
         });
-        if (T(P, E) || (m -= E - P, a[S] = E), T(m, 0))
+        if (D(P, E) || (m -= E - P, a[S] = E), D(m, 0))
           break;
         e > 0 ? S-- : S++;
       }
@@ -732,7 +732,7 @@ function de({
     (g, d) => d + g,
     0
   );
-  return T(p, 100, 0.1) ? a.reduce((g, d, v) => (g[n[v].panelId] = d, g), {}) : r;
+  return D(p, 100, 0.1) ? a.reduce((g, d, v) => (g[n[v].panelId] = d, g), {}) : r;
 }
 function K(e, t) {
   if (Object.keys(e).length !== Object.keys(t).length)
@@ -742,7 +742,7 @@ function K(e, t) {
       return !1;
   return !0;
 }
-function Ie({
+function ke({
   commit: e,
   document: t,
   event: n,
@@ -798,11 +798,11 @@ function Ie({
       if (K(G, I) && S !== 0 && !x)
         switch (h) {
           case "horizontal": {
-            c |= S < 0 ? rt : it;
+            c |= S < 0 ? it : st;
             break;
           }
           case "vertical": {
-            c |= S < 0 ? st : at;
+            c |= S < 0 ? at : lt;
             break;
           }
         }
@@ -816,16 +816,16 @@ function Ie({
     }
   });
   let y = 0;
-  n.movementX === 0 ? y |= u & Ae : y |= c & Ae, n.movementY === 0 ? y |= u & Fe : y |= c & Fe;
+  n.movementX === 0 ? y |= u & Fe : y |= c & Fe, n.movementY === 0 ? y |= u & _e : y |= c & _e;
   const p = a.state === "active" && (n.clientX !== a.pointerDownAtPoint.x || n.clientY !== a.pointerDownAtPoint.y);
-  Tt(y, l, f, p), fe(t);
+  Dt(y, l, f, p), fe(t);
 }
 function dt(e, t) {
   const n = q(), o = ee();
   let r = !1;
   switch (n.state) {
     case "active":
-      Ie({
+      ke({
         commit: !0,
         document: e,
         event: t,
@@ -848,7 +848,7 @@ function dt(e, t) {
   }
   return r;
 }
-function He(e) {
+function Ve(e) {
   e.defaultPrevented || dt(e.currentTarget, e);
 }
 function Ut(e, t, n) {
@@ -880,8 +880,8 @@ function Bt(e) {
 function Wt(e, t) {
   if (e === t) throw new Error("Cannot compare node with itself");
   const n = {
-    a: Ue(e),
-    b: Ue(t)
+    a: Be(e),
+    b: Be(t)
   };
   let o;
   for (; n.a.at(-1) === n.b.at(-1); )
@@ -891,8 +891,8 @@ function Wt(e, t) {
     "Stacking order can only be calculated for elements with a common ancestor"
   );
   const r = {
-    a: je(Ve(n.a)),
-    b: je(Ve(n.b))
+    a: Ue(je(n.a)),
+    b: Ue(je(n.b))
   };
   if (r.a === r.b) {
     const i = o.childNodes, s = {
@@ -917,7 +917,7 @@ function qt(e) {
   const t = getComputedStyle(e);
   return !!(t.position === "fixed" || t.zIndex !== "auto" && (t.position !== "static" || Xt(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" || Kt.test(t.willChange) || t.webkitOverflowScrolling === "touch");
 }
-function Ve(e) {
+function je(e) {
   let t = e.length;
   for (; t--; ) {
     const n = e[t];
@@ -925,10 +925,10 @@ function Ve(e) {
   }
   return null;
 }
-function je(e) {
+function Ue(e) {
   return e && Number(getComputedStyle(e).zIndex) || 0;
 }
-function Ue(e) {
+function Be(e) {
   const t = [];
   for (; e; )
     t.push(e), e = pt(e);
@@ -941,12 +941,24 @@ function pt(e) {
 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 Jt({
+function Jt(e) {
+  try {
+    return e.matches(":modal");
+  } catch {
+    return !1;
+  }
+}
+function Zt({
   groupElement: e,
   hitRegion: t,
   pointerEventTarget: n
 }) {
-  if (!lt(n) || n.contains(e) || e.contains(n))
+  if (Re(n)) {
+    const o = n.closest("dialog");
+    if (o && !o.contains(e) && Jt(o))
+      return !1;
+  }
+  if (!Re(n) || n.contains(e) || e.contains(n))
     return !0;
   if (Wt(n, e) > 0) {
     let o = n;
@@ -960,16 +972,16 @@ function Jt({
   }
   return !0;
 }
-function ke(e, t) {
+function Oe(e, t) {
   const n = [];
   return t.forEach((o, r) => {
     if (r.disabled)
       return;
-    const i = Me({ group: r }), s = Ut(r.orientation, i, {
+    const i = Ee({ group: r }), s = Ut(r.orientation, i, {
       x: e.clientX,
       y: e.clientY
     });
-    s && s.distance.x <= 0 && s.distance.y <= 0 && Jt({
+    s && s.distance.x <= 0 && s.distance.y <= 0 && Zt({
       groupElement: r.element,
       hitRegion: s.hitRegion.rect,
       pointerEventTarget: e.target
@@ -988,7 +1000,7 @@ function ne({
     throw Error(
       `Invalid ${t.length} panel layout: ${Object.values(e).map((s) => `${s}%`).join(", ")}`
     );
-  if (!T(r, 100) && o.length > 0)
+  if (!D(r, 100) && o.length > 0)
     for (let s = 0; s < t.length; s++) {
       const u = o[s];
       L(u != null, `No layout data found for index ${s}`);
@@ -1009,7 +1021,7 @@ function ne({
     });
     c != a && (i += c - a, o[s] = a);
   }
-  if (!T(i, 0))
+  if (!D(i, 0))
     for (let s = 0; s < t.length; s++) {
       const u = o[s];
       L(u != null, `No layout data found for index ${s}`);
@@ -1019,7 +1031,7 @@ function ne({
         prevSize: u,
         size: c
       });
-      if (u !== a && (i -= a - u, o[s] = a, T(i, 0)))
+      if (u !== a && (i -= a - u, o[s] = a, D(i, 0)))
         break;
     }
   return o.reduce((s, u, c) => (s[t[c].panelId] = u, s), {});
@@ -1076,7 +1088,7 @@ function ht({
     const y = i(), p = a.findIndex((h) => h.id === t), g = p === 0, d = p === a.length - 1;
     if (d && c < y && (g || a.slice(0, p).every((h, m) => {
       const x = f[m];
-      return x?.collapsible && T(x.collapsedSize, l[x.panelId]);
+      return x?.collapsible && D(x.collapsedSize, l[x.panelId]);
     }))) {
       const h = a.slice(0, p).reduce((m, x) => m + l[x.id], 0);
       return {
@@ -1141,7 +1153,7 @@ function ht({
     },
     isCollapsed: () => {
       const { collapsible: c, collapsedSize: a } = o(), l = i();
-      return c && T(a, l);
+      return c && D(a, l);
     },
     resize: (c) => {
       const { group: a } = n(), { element: l } = r(), f = ae({ group: a }), y = ie({
@@ -1153,11 +1165,11 @@ function ht({
     }
   };
 }
-function Be(e) {
+function We(e) {
   if (e.defaultPrevented)
     return;
   const t = ee();
-  ke(e, t).forEach((o) => {
+  Oe(e, t).forEach((o) => {
     if (o.separator && !o.separator.disableDoubleClick) {
       const r = o.panels.find(
         (i) => i.panelConstraints.defaultSize !== void 0
@@ -1252,7 +1264,7 @@ function te(e, t) {
     { isUserInteraction: !0 }
   );
 }
-function We(e) {
+function Ke(e) {
   if (e.defaultPrevented)
     return;
   const t = e.currentTarget, n = ye(t);
@@ -1317,9 +1329,9 @@ function We(e) {
       }
     }
 }
-function Zt(e, t) {
+function Qt(e, t) {
   const { element: n, orientation: o, panels: r } = e, i = n.getBoundingClientRect(), s = o === "horizontal";
-  return Me({
+  return Ee({
     expandHitTargets: !1,
     group: e,
     includeDisabled: !0
@@ -1333,7 +1345,7 @@ function Zt(e, t) {
           if (l || d.separator)
             return d.separator === l;
           const v = s ? d.rect.left + d.rect.width / 2 : d.rect.top + d.rect.height / 2;
-          return T(p, v);
+          return D(p, v);
         }),
         group: e,
         key: l ? `separator-${l.id}` : `panel-${c[0].id}-${f}`,
@@ -1350,12 +1362,12 @@ function Zt(e, t) {
     }
   );
 }
-function Ke(e) {
+function Xe(e) {
   if (e.defaultPrevented)
     return;
   if (e.pointerType === "mouse" && e.button > 0)
     return;
-  const t = ee(), n = ke(e, t);
+  const t = ee(), n = Oe(e, t);
   if (n.length === 0)
     return;
   const o = /* @__PURE__ */ new Map();
@@ -1370,7 +1382,7 @@ function Ke(e) {
     u && o.set(s.group, u.layout);
   });
   const i = Array.from(o.keys()).flatMap(
-    (s) => s.resizePreviewMode === "separator" ? Zt(s, n) : []
+    (s) => s.resizePreviewMode === "separator" ? Qt(s, n) : []
   );
   W({
     cursorFlags: 0,
@@ -1383,11 +1395,11 @@ function Ke(e) {
     state: "active"
   }), e.preventDefault();
 }
-function Xe(e) {
+function qe(e) {
   const t = ee(), n = q();
   switch (n.state) {
     case "active":
-      Ie({
+      ke({
         commit: !1,
         document: e.currentTarget,
         event: e,
@@ -1398,7 +1410,7 @@ function Xe(e) {
       });
   }
 }
-function qe(e) {
+function Ye(e) {
   if (e.defaultPrevented)
     return;
   const t = q(), n = ee();
@@ -1429,7 +1441,7 @@ function qe(e) {
           const { element: r } = o.separator;
           r.isConnected && !r.hasPointerCapture?.(e.pointerId) && r.setPointerCapture?.(e.pointerId);
         }
-      Ie({
+      ke({
         commit: !1,
         document: e.currentTarget,
         event: e,
@@ -1442,7 +1454,7 @@ function qe(e) {
       break;
     }
     default: {
-      const o = ke(e, n);
+      const o = Oe(e, n);
       o.length === 0 ? t.state !== "inactive" && W({
         cursorFlags: 0,
         state: "inactive"
@@ -1455,7 +1467,7 @@ function qe(e) {
     }
   }
 }
-function Ye(e) {
+function Je(e) {
   if (e.relatedTarget instanceof HTMLIFrameElement)
     switch (q().state) {
       case "hover":
@@ -1465,7 +1477,7 @@ function Ye(e) {
         });
     }
 }
-function Je(e) {
+function Ze(e) {
   if (e.defaultPrevented)
     return;
   if (e.pointerType === "mouse" && e.button > 0)
@@ -1475,7 +1487,7 @@ function Je(e) {
     e
   ) && e.preventDefault();
 }
-function Qt(e) {
+function en(e) {
   let t = 0, n = 0;
   const o = {};
   for (const i of e)
@@ -1493,7 +1505,7 @@ function Qt(e) {
   }
   return o;
 }
-function en(e, t) {
+function tn(e, t) {
   const n = e.map((r) => r.id), o = Object.keys(t);
   if (n.length !== o.length)
     return !1;
@@ -1502,14 +1514,14 @@ function en(e, t) {
       return !1;
   return !0;
 }
-function Ze({
+function Qe({
   group: e,
   panelConstraints: t
 }) {
   const n = e.panels.map(({ id: r }) => r).join(","), o = e.mutableState.defaultLayout;
-  return e.mutableState.layouts[n] ?? (o && en(e.panels, o) ? o : Qt(t));
+  return e.mutableState.layouts[n] ?? (o && tn(e.panels, o) ? o : en(t));
 }
-function tn(e, t, n) {
+function nn(e, t, n) {
   if (!n[0])
     return;
   const r = e.panels.find((a) => a.element === t);
@@ -1529,10 +1541,10 @@ function gt(e, t) {
       return !1;
   return !0;
 }
-function nn(e, t) {
+function on(e, t) {
   return e.length !== t.length ? !1 : e.every((n, o) => gt(n, t[o]));
 }
-function on({
+function rn({
   group: e,
   nextGroupSize: t,
   prevGroupSize: n,
@@ -1582,7 +1594,7 @@ function on({
   return l;
 }
 const re = /* @__PURE__ */ new Map();
-function rn(e) {
+function sn(e) {
   let t = !0;
   L(
     e.element.ownerDocument.defaultView,
@@ -1599,10 +1611,10 @@ function rn(e) {
           const m = Q(e.id);
           if (!m)
             return;
-          const x = Le(e), S = m.defaultLayoutDeferred ? Ze({
+          const x = Le(e), S = m.defaultLayoutDeferred ? Qe({
             group: e,
             panelConstraints: x
-          }) : m.layout, P = on({
+          }) : m.layout, P = rn({
             group: e,
             nextGroupSize: h,
             prevGroupSize: m.groupSize,
@@ -1611,7 +1623,7 @@ function rn(e) {
             layout: P,
             panelConstraints: x
           });
-          if (!m.defaultLayoutDeferred && K(m.layout, C) && nn(
+          if (!m.defaultLayoutDeferred && K(m.layout, C) && on(
             m.derivedPanelConstraints,
             x
           ) && m.groupSize === h)
@@ -1625,7 +1637,7 @@ function rn(e) {
           });
         }
       } else
-        tn(e, v, d);
+        nn(e, v, d);
     }
   });
   i.observe(e.element), e.panels.forEach((p) => {
@@ -1634,7 +1646,7 @@ function rn(e) {
       `Panel ids must be unique; id "${p.id}" was used more than once`
     ), o.add(p.id), p.onResize && i.observe(p.element);
   });
-  const s = ae({ group: e }), u = Le(e), c = Ze({
+  const s = ae({ group: e }), u = Le(e), c = Qe({
     group: e,
     panelConstraints: u
   }), a = ne({
@@ -1646,7 +1658,7 @@ function rn(e) {
     (re.get(l) ?? 0) + 1
   );
   const f = /* @__PURE__ */ new Map();
-  return Me({ group: e, includeDisabled: !0 }).forEach((p) => {
+  return Ee({ group: e, includeDisabled: !0 }).forEach((p) => {
     p.separator && f.set(p.separator, p.panels);
   }), X(e, {
     defaultLayoutDeferred: s === 0,
@@ -1658,39 +1670,39 @@ function rn(e) {
     L(
       !r.has(p.id),
       `Separator ids must be unique; id "${p.id}" was used more than once`
-    ), r.add(p.id), p.element.addEventListener("keydown", We);
-  }), re.get(l) === 1 && (l.addEventListener("contextmenu", He, !0), l.addEventListener("dblclick", Be, !0), l.addEventListener("pointerdown", Ke, !0), l.addEventListener("pointerleave", Xe), l.addEventListener("pointermove", qe), l.addEventListener("pointerout", Ye), l.addEventListener("pointerup", Je, !0)), function() {
+    ), r.add(p.id), p.element.addEventListener("keydown", Ke);
+  }), re.get(l) === 1 && (l.addEventListener("contextmenu", Ve, !0), l.addEventListener("dblclick", We, !0), l.addEventListener("pointerdown", Xe, !0), l.addEventListener("pointerleave", qe), l.addEventListener("pointermove", Ye), l.addEventListener("pointerout", Je), l.addEventListener("pointerup", Ze, !0)), function() {
     t = !1, re.set(
       l,
       Math.max(0, (re.get(l) ?? 0) - 1)
     ), Vt(e), Nt(e) && fe(l), e.separators.forEach((g) => {
-      g.element.removeEventListener("keydown", We);
+      g.element.removeEventListener("keydown", Ke);
     }), re.get(l) || (l.removeEventListener(
       "contextmenu",
-      He,
+      Ve,
       !0
     ), l.removeEventListener(
       "dblclick",
-      Be,
+      We,
       !0
     ), l.removeEventListener(
       "pointerdown",
-      Ke,
+      Xe,
       !0
-    ), l.removeEventListener("pointerleave", Xe), l.removeEventListener("pointermove", qe), l.removeEventListener("pointerout", Ye), l.removeEventListener("pointerup", Je, !0)), i.disconnect();
+    ), l.removeEventListener("pointerleave", qe), l.removeEventListener("pointermove", Ye), l.removeEventListener("pointerout", Je), l.removeEventListener("pointerup", Ze, !0)), i.disconnect();
   };
 }
-function sn() {
+function an() {
   const [e, t] = Z({}), n = ce(() => t({}), []);
   return [e, n];
 }
-function Oe(e) {
+function De(e) {
   const t = Pt();
   return `${e ?? t}`;
 }
-const V = typeof window < "u" ? Qe : Se;
+const V = typeof window < "u" ? et : Se;
 function ue(e) {
-  const t = D(e);
+  const t = T(e);
   return V(() => {
     t.current = e;
   }, [e]), ce(
@@ -1715,18 +1727,18 @@ function Te(...e) {
     });
   });
 }
-function De(e) {
-  const t = D({ ...e });
+function Ne(e) {
+  const t = T({ ...e });
   return V(() => {
     for (const n in e)
       t.current[n] = e[n];
   }, [e]), t.current;
 }
 const yt = Lt(null);
-function an({
+function ln({
   separator: e
 }) {
-  const { element: t } = e, n = D(null);
+  const { element: t } = e, n = T(null);
   return V(() => {
     const o = t.cloneNode(!0), r = [t, ...t.querySelectorAll("*")], i = [o, ...o.querySelectorAll("*")], s = t.ownerDocument.defaultView;
     return r.forEach((u, c) => {
@@ -1771,7 +1783,7 @@ function be() {
   ), e;
 }
 function vt(e) {
-  const { registerOverlay: t } = be(), n = D(e);
+  const { registerOverlay: t } = be(), n = T(e);
   gt(n.current, e) || (n.current = e);
   const o = n.current;
   return V(
@@ -1780,7 +1792,7 @@ function vt(e) {
   ), null;
 }
 vt.displayName = "SeparatorOverlay";
-function ln({
+function cn({
   active: e,
   orientation: t,
   style: n,
@@ -1817,20 +1829,20 @@ function ln({
     }
   );
 }
-function cn({
+function un({
   overlay: e,
   preview: t
 }) {
   const { group: n, offset: o, rect: r, separator: i } = t, s = n.orientation === "horizontal";
   let u = i?.preview, c = e;
   return Rt(u) && u.type === vt && (c = u.props, u = void 0), u == null && (c ? u = /* @__PURE__ */ B(
-    ln,
+    cn,
     {
       ...c,
       active: t.active,
       orientation: n.orientation
     }
-  ) : i && (u = /* @__PURE__ */ B(an, { separator: i }))), /* @__PURE__ */ B(
+  ) : i && (u = /* @__PURE__ */ B(ln, { separator: i }))), /* @__PURE__ */ B(
     "div",
     {
       "aria-hidden": "true",
@@ -1849,27 +1861,27 @@ function cn({
     }
   );
 }
-function un(e, t) {
-  const n = D({
+function fn(e, t) {
+  const n = T({
     getLayout: () => ({}),
     setLayout: Gt
   });
-  et(t, () => n.current, []), V(() => {
+  tt(t, () => n.current, []), V(() => {
     Object.assign(
       n.current,
       mt({ groupId: e })
     );
   });
 }
-function fn({
+function dn({
   groupId: e,
   resizePreviewMode: t
 }) {
-  const [n, o] = Z([]), r = D(n);
+  const [n, o] = Z([]), r = T(n);
   return V(() => {
     const i = (u) => {
       const c = ft(e), a = t === "separator" && u.state === "active" ? u.previews.filter(
-        (f) => f.group === c && (f.active || !T(f.offset, 0))
+        (f) => f.group === c && (f.active || !D(f.offset, 0))
       ) : [], l = r.current;
       l.length === a.length && a.every(
         (f, y) => f === l[y]
@@ -1879,13 +1891,13 @@ function fn({
       i(q());
       return;
     }
-    const s = ot(
+    const s = rt(
       ({ next: u }) => i(u)
     );
     return i(q()), s;
   }, [e, t]), n;
 }
-function dn({
+function pn({
   children: e,
   className: t,
   defaultLayout: n,
@@ -1905,7 +1917,7 @@ function dn({
   style: p,
   ...g
 }) {
-  const d = D({
+  const d = T({
     onLayoutChange: {},
     onLayoutChanged: {}
   }), v = ue((b) => {
@@ -1914,16 +1926,16 @@ function dn({
     (b, z) => {
       K(d.current.onLayoutChanged, b) || (d.current.onLayoutChanged = b, a?.(b, { isUserInteraction: z }));
     }
-  ), m = Oe(u), [x, S] = Z(), P = fn({
+  ), m = De(u), [x, S] = Z(), P = dn({
     groupId: m,
     resizePreviewMode: f
-  }), C = D(null), [E, w] = sn(), R = D({
+  }), C = T(null), [E, w] = an(), R = T({
     lastExpandedPanelSizes: {},
     layouts: {},
     panels: [],
     separators: []
   }), N = Te(C, i);
-  un(m, s);
+  fn(m, s);
   const O = ue(
     (b, z) => {
       const M = Q(b);
@@ -1936,7 +1948,7 @@ function dn({
           flexGrow: n?.[z]
         };
     }
-  ), I = De({
+  ), I = Ne({
     defaultLayout: n,
     disableCursor: o,
     resizeTargetMinimumSize: y
@@ -1995,7 +2007,7 @@ function dn({
       }
     }),
     [O, m, w, l, I]
-  ), _ = D(null);
+  ), _ = T(null);
   return V(() => {
     const b = C.current;
     if (b === null)
@@ -2028,21 +2040,21 @@ function dn({
       separators: z.separators
     };
     _.current = A;
-    const $ = rn(A), { defaultLayoutDeferred: Y, derivedPanelConstraints: oe, layout: le } = Q(A.id, !0);
+    const $ = sn(A), { defaultLayoutDeferred: Y, derivedPanelConstraints: oe, layout: le } = Q(A.id, !0);
     !Y && oe.length > 0 && (v(le), h(le, !1));
-    const xe = Ee(m, (J) => {
-      const { defaultLayoutDeferred: pe, derivedPanelConstraints: Ne, layout: he } = J.next;
-      if (pe || Ne.length === 0)
+    const xe = Ie(m, (J) => {
+      const { defaultLayoutDeferred: pe, derivedPanelConstraints: Ge, layout: he } = J.next;
+      if (pe || Ge.length === 0)
         return;
       const St = A.panels.map(({ id: H }) => H).join(",");
-      A.mutableState.layouts[St] = he, Ne.forEach((H) => {
+      A.mutableState.layouts[St] = he, Ge.forEach((H) => {
         if (H.collapsible) {
           const { layout: ze } = J.prev ?? {};
           if (ze) {
-            const xt = T(
+            const xt = D(
               H.collapsedSize,
               he[H.panelId]
-            ), zt = T(
+            ), zt = D(
               H.collapsedSize,
               ze[H.panelId]
             );
@@ -2050,7 +2062,7 @@ function dn({
           }
         }
       });
-      const Ge = q(), bt = Ge.state !== "active" || !Ge.hitRegions.some((H) => H.group === A);
+      const Ae = q(), bt = Ae.state !== "active" || !Ae.hitRegions.some((H) => H.group === A);
       v(he), bt && h(he, J.isUserInteraction);
     });
     return () => {
@@ -2095,7 +2107,7 @@ function dn({
       children: [
         e,
         P.map((b) => /* @__PURE__ */ B(
-          cn,
+          un,
           {
             overlay: x,
             preview: b
@@ -2106,11 +2118,11 @@ function dn({
     }
   ) });
 }
-dn.displayName = "Group";
+pn.displayName = "Group";
 function ve(e, t) {
   return `react-resizable-panels:${[e, ...t].join(":")}`;
 }
-function pn({
+function hn({
   id: e,
   panelIds: t,
   storage: n
@@ -2145,15 +2157,15 @@ function pn({
     } catch {
     }
 }
-function zn({
+function wn({
   debounceSaveMs: e = 100,
   onlySaveAfterUserInteractions: t,
   panelIds: n,
   storage: o = localStorage,
   ...r
 }) {
-  const i = n !== void 0, s = "id" in r ? r.id : r.groupId, u = ve(s, n ?? []), c = tt(
-    hn,
+  const i = n !== void 0, s = "id" in r ? r.id : r.groupId, u = ve(s, n ?? []), c = nt(
+    mn,
     () => o.getItem(u),
     () => o.getItem(u)
   ), a = Pe(() => {
@@ -2164,16 +2176,16 @@ function zn({
     }
   }, [c]), l = Pe(() => {
     if (!a)
-      return pn({
+      return hn({
         id: s,
         panelIds: n,
         storage: o
       });
-  }, [a, s, n, o]), f = a ?? l, y = D(null), p = ce(() => {
+  }, [a, s, n, o]), f = a ?? l, y = T(null), p = ce(() => {
     const v = y.current;
     v && (y.current = null, clearTimeout(v));
   }, []);
-  Qe(() => () => {
+  et(() => () => {
     p();
   }, [p]);
   const g = ce(
@@ -2226,18 +2238,18 @@ function zn({
     onLayoutChanged: g
   };
 }
-function hn() {
+function mn() {
   return function() {
   };
 }
-function wn() {
+function Pn() {
   return Z(null);
 }
-function Pn() {
-  return D(null);
+function Ln() {
+  return T(null);
 }
-function mn(e, t) {
-  const { id: n } = be(), o = D({
+function gn(e, t) {
+  const { id: n } = be(), o = T({
     collapse: we,
     expand: we,
     getSize: () => ({
@@ -2247,14 +2259,14 @@ function mn(e, t) {
     isCollapsed: () => !1,
     resize: we
   });
-  et(t, () => o.current, []), V(() => {
+  tt(t, () => o.current, []), V(() => {
     Object.assign(
       o.current,
       ht({ groupId: n, panelId: e })
     );
   });
 }
-function gn({
+function yn({
   children: e,
   className: t,
   collapsedSize: n = "0%",
@@ -2272,9 +2284,9 @@ function gn({
   style: g,
   ...d
 }) {
-  const v = !!a, h = Oe(a), m = De({
+  const v = !!a, h = De(a), m = Ne({
     disabled: s
-  }), x = D(null), S = Te(x, u), {
+  }), x = T(null), S = Te(x, u), {
     getPanelStyles: P,
     id: C,
     orientation: E,
@@ -2326,13 +2338,13 @@ function gn({
     m
   ]), Se(() => {
     R(h, { disabled: s });
-  }, [s, h, R]), mn(h, p);
+  }, [s, h, R]), gn(h, p);
   const I = () => {
     const b = P(C, h);
     if (b)
       return JSON.stringify(b);
-  }, G = tt(
-    (b) => Ee(C, b),
+  }, G = nt(
+    (b) => Ie(C, b),
     I,
     I
   );
@@ -2351,7 +2363,7 @@ function gn({
       id: h,
       ref: S,
       style: {
-        ...yn,
+        ...vn,
         display: "flex",
         flexBasis: 0,
         flexShrink: 1,
@@ -2380,8 +2392,8 @@ function gn({
     }
   );
 }
-gn.displayName = "Panel";
-const yn = {
+yn.displayName = "Panel";
+const vn = {
   minHeight: 0,
   maxHeight: "100%",
   height: "auto",
@@ -2393,13 +2405,13 @@ const yn = {
   padding: 0,
   margin: 0
 };
-function Ln() {
+function Cn() {
   return Z(null);
 }
-function Cn() {
-  return D(null);
+function Rn() {
+  return T(null);
 }
-function vn({
+function Sn({
   layout: e,
   panelConstraints: t,
   panelId: n,
@@ -2438,7 +2450,7 @@ function vn({
     valueNow: s
   };
 }
-function Sn({
+function bn({
   children: e,
   className: t,
   disabled: n,
@@ -2449,14 +2461,14 @@ function Sn({
   style: u,
   ...c
 }) {
-  const a = Oe(i), l = De({
+  const a = De(i), l = Ne({
     disabled: n,
     disableDoubleClick: o,
     children: e,
     className: t,
     preview: s,
     style: u
-  }), [f, y] = Z({}), [p, g] = Z("inactive"), [d, v] = Z(!1), h = D(null), m = D(null), x = Te(h, r), {
+  }), [f, y] = Z({}), [p, g] = Z("inactive"), [d, v] = Z(!1), h = T(null), m = T(null), x = Te(h, r), {
     disableCursor: S,
     id: P,
     orientation: C,
@@ -2485,7 +2497,7 @@ function Sn({
         }
       };
       m.current = G;
-      const _ = E(G), b = ot(
+      const _ = E(G), b = rt(
         (M) => {
           g(
             M.next.state !== "inactive" && M.next.hitRegions.some(
@@ -2493,7 +2505,7 @@ function Sn({
             ) ? M.next.state : "inactive"
           );
         }
-      ), z = Ee(
+      ), z = Ie(
         P,
         (M) => {
           const { derivedPanelConstraints: A, layout: $, separatorToPanels: Y } = M.next, oe = Y.get(G);
@@ -2502,7 +2514,7 @@ function Sn({
               (J) => J.panelId === le.id
             );
             y(
-              vn({
+              Sn({
                 layout: $,
                 panelConstraints: A,
                 panelId: le.id,
@@ -2518,7 +2530,7 @@ function Sn({
     }
   }, [P, a, E, l]), V(() => {
     const I = m.current;
-    I && Dt(I);
+    I && Tt(I);
   }, [s]), Se(() => {
     w(a, { disabled: n, disableDoubleClick: o });
   }, [n, o, a, w]);
@@ -2569,17 +2581,17 @@ function Sn({
     }
   );
 }
-Sn.displayName = "Separator";
+bn.displayName = "Separator";
 export {
-  dn as Group,
-  gn as Panel,
-  Sn as Separator,
+  pn as Group,
+  yn as Panel,
+  bn as Separator,
   vt as SeparatorOverlay,
   Ht as isCoarsePointer,
-  zn as useDefaultLayout,
-  wn as useGroupCallbackRef,
-  Pn as useGroupRef,
-  Ln as usePanelCallbackRef,
-  Cn as usePanelRef
+  wn as useDefaultLayout,
+  Pn as useGroupCallbackRef,
+  Ln as useGroupRef,
+  Cn as usePanelCallbackRef,
+  Rn as usePanelRef
 };
 //# sourceMappingURL=react-resizable-panels.js.map